.sticky-note{position:absolute;left:calc(var(--base-w,800px) * .08);top:calc(var(--base-h,600px) * .22);width:calc(var(--base-w,800px) * .22);min-height:calc(var(--base-h,600px) * .11);background:linear-gradient(180deg,#fff9c9,#ffeaa0 60%,#ffd66b);color:#3b2e00;border:1px solid rgba(110,90,0,.25);border-radius:6px;box-shadow:0 6px 10px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.5);padding:8px 10px;transform:rotate(-2deg);text-shadow:0 1px 0 rgba(255,255,255,.4);filter:blur(.2px)contrast(.96);font-family:comic sans ms,chalkboard se,sans-serif;font-size:13px;z-index:2}:root{--oxygen-blue-1:#e1f1ff;--oxygen-blue-2:#bfe2ff;--oxygen-blue-3:#8ecaff;--oxygen-blue-4:#63b6ff;--oxygen-blue-5:#3aa1ff;--oxygen-pink-1:#ffe5f5;--oxygen-pink-2:#ffc4e8;--oxygen-pink-3:#ffa2dc;--oxygen-panel:rgba(130, 80, 170, 0.65);--oxygen-panel-border:rgba(255, 255, 255, 0.25);--oxygen-titlebar:rgba(255, 255, 255, 0.65);--oxygen-titlebar-border:rgba(255, 255, 255, 0.65);--oxygen-window:rgba(248, 252, 255, 0.92);--oxygen-window-border:rgba(0, 0, 0, 0.28);--oxygen-text:#112233;--bg-color:#0c1a26;--text-color:var(--oxygen-text);--window-bg:var(--oxygen-window);--window-border:var(--oxygen-window-border);--titlebar-bg:linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(240, 240, 240, 0.35) 100%);--titlebar-text:#112233;--panel-bg:linear-gradient(180deg, rgba(255,255,255,0.45), rgba(255,255,255,0.22)), linear-gradient(90deg, rgba(255,182,227,0.18), rgba(136,194,255,0.18));--panel-border:var(--oxygen-panel-border);--panel-text:#112233;--button-bg:linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.35));--button-hover:linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.5));--button-active:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));--button-border:rgba(0,0,0,0.25)}body.theme-oxygen{--window-bg:rgba(248, 252, 255, 0.94);--window-border:rgba(0, 0, 0, 0.28);--titlebar-bg:linear-gradient(180deg, #ffffff 0%, #e6e6e6 100%);--panel-bg:linear-gradient(180deg, #e0e0e0, #c0c0c0);--panel-border:rgba(255, 255, 255, 0.4);--button-bg:linear-gradient(180deg, #ffffff, #dcdcdc);--button-hover:linear-gradient(180deg, #ffffff, #e6e6e6);--button-active:linear-gradient(180deg, #dcdcdc, #c8c8c8);--button-border:#999}body.theme-dark{--bg-color:#050a0e;--text-color:#e0e0e0;--window-bg:rgba(40, 44, 52, 0.95);--window-border:rgba(0, 0, 0, 0.6);--titlebar-bg:linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%);--titlebar-text:#eee;--panel-bg:linear-gradient(180deg, #333, #1a1a1a);--panel-border:rgba(255, 255, 255, 0.1);--panel-text:#ddd;--button-bg:linear-gradient(180deg, #555, #333);--button-hover:linear-gradient(180deg, #666, #444);--button-active:linear-gradient(180deg, #222, #111);--button-border:#111}body.theme-retro{--bg-color:#008080;--text-color:#000;--window-bg:#c0c0c0;--window-border:#000;--titlebar-bg:#000080;--titlebar-text:#fff;--panel-bg:#c0c0c0;--panel-border:#fff;--panel-text:#000;--button-bg:#c0c0c0;--button-hover:#c0c0c0;--button-active:#c0c0c0;--button-border:#808080}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-color);font-family:droid sans,arimo,Tahoma,Verdana,dejavu sans,sans-serif;color:var(--text-color);overflow:hidden;cursor:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.monitor{position:fixed;inset:0;background:radial-gradient(ellipse at center,#09121a 0%,#060d12 70%,#050a0e 100%);padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)}.viewport{position:relative;width:var(--base-w,800px);height:var(--base-h,600px);border-radius:10px;border:1px solid rgba(255,255,255,6%);box-shadow:0 20px 60px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,4%);overflow:hidden;cursor:none!important;transform-origin:center center;transform:translate(-50%,-50%)scale(var(--scale,1));position:absolute;left:50%;top:50%;image-rendering:pixelated;font-size:11px;touch-action:manipulation}.wallpaper{position:absolute;inset:0;background:conic-gradient(from 90deg at 50% 70%,rgba(255,162,220,.12),rgba(99,182,255,.12) 20%,transparent 20%)0 0/20px 20px,radial-gradient(600px 120px at 50% 78%,rgba(255,204,238,.22),rgba(99,182,255,.18) 70%,transparent 75%),linear-gradient(180deg,#334069 0%,#222c49 60%,#1a243c 100%);image-rendering:pixelated;filter:saturate(1.15)hue-rotate(8deg)contrast(1.05);transition:filter .3s}body.theme-dark .wallpaper{filter:saturate(.8)brightness(.7)contrast(1.1)}body.theme-retro .wallpaper{background:teal;filter:none}.desktop-icons{position:absolute;inset:0 0 34px 0;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,90px);grid-auto-rows:min-content;align-content:start;justify-content:start;justify-items:center;gap:10px 12px;pointer-events:none;z-index:6}.icon{width:84px;pointer-events:auto;user-select:none;text-align:center;color:#e8f4ff;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:7;display:inline-flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:8px;height:auto;line-height:1;justify-self:start;align-self:start;background:0 0}.icon .thumb{width:48px;height:48px;margin:0 auto 4px;border-radius:9px;background:linear-gradient(180deg,var(--oxygen-pink-2),var(--oxygen-blue-3) 60%,var(--oxygen-blue-4));border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.35);image-rendering:pixelated}.icon .label{font-size:12px;line-height:1.2;image-rendering:pixelated}.window{position:absolute;top:calc(var(--base-h,600px) * .18);left:calc(var(--base-w,800px) * .175);width:calc(var(--base-w,800px) * .7);height:calc(var(--base-h,600px) * .6);background:var(--window-bg);border-radius:7px;border:1px solid var(--window-border);box-shadow:0 14px 36px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.25)inset,0 0 24px rgba(255,177,226,.16);display:flex;flex-direction:column;backdrop-filter:blur(1.5px);z-index:3;transition:filter 80ms linear,transform 80ms linear,opacity 150ms ease-out,width 200ms ease,height 200ms ease,top 200ms ease,left 200ms ease}body.theme-retro .window{border-radius:0;box-shadow:2px 2px #000;border:2px solid #dfdfdf;border-right-color:#404040;border-bottom-color:#404040;border-left-color:#fff;border-top-color:#fff;backdrop-filter:none}.window.maximized{top:0!important;left:0!important;width:100%!important;height:calc(100% - 28px)!important;border-radius:0;border:none;box-shadow:none}.window.minimized{opacity:0;pointer-events:none;transform:scale(.95)translateY(20px)}.titlebar{height:calc(var(--base-w,800px) * .028);display:flex;align-items:center;padding:0 calc(var(--base-w,800px) * .01);background:var(--titlebar-bg);border-bottom:1px solid rgba(0,0,0,.15);border-radius:7px 7px 0 0;filter:saturate(.9)contrast(.95)blur(.15px);color:var(--titlebar-text)}body.theme-retro .titlebar{border-radius:0;background:navy;color:#fff;font-weight:700;padding:2px 4px;filter:none;height:24px}.window-controls{display:flex;gap:7px}.btn{width:calc(var(--base-w,800px) * .016);height:calc(var(--base-w,800px) * .016);border-radius:50%;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.7);cursor:pointer}.btn.minimize{background:linear-gradient(180deg,#ffe1a8,#d19b47)}.btn.maximize{background:linear-gradient(180deg,#a8e9c3,#52b97f)}.btn.close{background:linear-gradient(180deg,#e59a9a,#b85f5f)}body.theme-oxygen .btn{box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 1px 1px rgba(0,0,0,.1);position:relative}body.theme-oxygen .btn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-repeat:no-repeat;background-position:50%;opacity:.6}body.theme-oxygen .btn.close::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2,2 L8,8 M8,2 L2,8' stroke='%23500' stroke-width='2'/%3E%3C/svg%3E")}body.theme-oxygen .btn.minimize::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2,7 L8,7' stroke='%23640' stroke-width='2'/%3E%3C/svg%3E")}body.theme-oxygen .btn.maximize::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2,3 L5,0 L8,3 M5,0 L5,8' stroke='%23040' stroke-width='2' fill='none'/%3E%3C/svg%3E")}body.theme-retro .btn{width:16px;height:14px;border-radius:0;background:silver;border:1px solid #fff;border-right-color:#404040;border-bottom-color:#404040;box-shadow:none}.window-title{margin-left:calc(var(--base-w,800px) * .01);font-weight:700;letter-spacing:.2px}.window-content{flex:1;padding:calc(var(--base-w,800px) * .02)calc(var(--base-w,800px) * .022);overflow:auto;filter:contrast(.92)saturate(.88)blur(.15px);color:var(--text-color)}body.theme-retro .window-content{filter:none}.window-content h1{margin:0 0 6px;font-weight:700;letter-spacing:.3px}.window-content .tagline{margin:0 0 12px;color:#274b6a}.panel{position:absolute;left:0;right:0;bottom:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;background:var(--panel-bg);border-top:1px solid var(--panel-border);box-shadow:inset 0 1px rgba(255,255,255,.35),0 -1px rgba(0,0,0,.25);z-index:6;filter:blur(.45px)saturate(.94)contrast(.9);color:var(--panel-text)}body.theme-retro .panel{border-top:2px solid #fff;background:silver;box-shadow:none;filter:none}.panel-left,.panel-right{display:flex;align-items:center;justify-content:center;gap:8px}.panel-center{display:flex;align-items:center;justify-content:center;flex:auto}.launcher{width:24px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.2);background:linear-gradient(180deg,#f2fbff,#bcdfff 70%,#93caff);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer}.task{min-width:80px;padding:3px 6px;border-radius:4px;background:var(--button-bg);border:1px solid var(--button-border);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);cursor:pointer}.task.pill{padding:1px 6px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.4));border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.55)}.task.active{background:var(--button-active);box-shadow:inset 0 0 4px rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.2);border-color:rgba(0,0,0,.3);font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.8)}body.theme-retro .launcher,body.theme-retro .task{border-radius:0;background:silver;border:2px solid #fff;border-right-color:#404040;border-bottom-color:#404040;box-shadow:none;font-weight:400}body.theme-retro .launcher:active,body.theme-retro .task.active{border:2px solid #404040;border-right-color:#fff;border-bottom-color:#fff;background:#e0e0e0}.tasklist{display:flex;gap:6px;margin-left:6px}.tray span{display:inline-block;width:18px;text-align:center;opacity:.85}.clock{min-width:52px;text-align:right}.start-menu-container{position:relative}.start-menu{position:absolute;bottom:34px;left:0;width:220px;background:var(--oxygen-window);border:1px solid var(--oxygen-window-border);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.25)inset;display:flex;flex-direction:column;padding:6px;z-index:100;transform-origin:bottom left;transition:opacity .15s ease,transform .15s ease;backdrop-filter:blur(10px)}body.theme-retro .start-menu{border-radius:0;border:2px solid #fff;border-right-color:#404040;border-bottom-color:#404040;background:silver;backdrop-filter:none;box-shadow:4px 4px #000}.start-menu[aria-hidden=true]{opacity:0;pointer-events:none;transform:translateY(10px)scale(.95)}.start-menu-header{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:6px;background:linear-gradient(90deg,rgba(255,255,255,.4),transparent);border-radius:4px}.user-avatar{width:32px;height:32px;border-radius:4px;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99%,#fecfef 100%);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 4px rgba(0,0,0,.1)}.user-name{font-weight:700;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.6)}.start-menu-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.menu-item{display:block;width:100%;text-align:left;padding:8px 12px;border:1px solid transparent;background:0 0;border-radius:4px;color:#333;font-family:inherit;font-size:13px;cursor:pointer;text-decoration:none;transition:background .1s,border-color .1s}.menu-item:hover,.menu-item:focus{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.5));border-color:rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,5%);outline:none}body.theme-retro .menu-item:hover{background:navy;color:#fff;border-color:transparent;border-radius:0}.divider{height:1px;background:rgba(0,0,0,.1);margin:4px 0;box-shadow:0 1px rgba(255,255,255,.3)}body.theme-retro .divider{background:gray;border-bottom:1px solid #fff;height:0}.nowplaying{position:absolute;left:calc(var(--base-w,800px) * .64);top:calc(var(--base-h,600px) * .03);width:calc(var(--base-w,800px) * .3);height:calc(var(--base-h,600px) * .18)}.nowplaying.headerless .titlebar{display:none}.nowplaying.headerless{padding-top:0}.nowplaying.secondary{left:calc(var(--base-w,800px) * .64);top:calc(var(--base-h,600px) * .23)}.np{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;filter:blur(.15px)contrast(.96)}.np .meta{display:flex;flex-direction:column;row-gap:6px}.np .meta .line{margin:0}.np-caption{font-style:italic;color:rgba(0,0,0,.35);margin-top:6px;filter:blur(.15px)contrast(.92)saturate(.9)}.np .art img{width:64px;height:64px;image-rendering:pixelated;border-radius:6px;border:1px solid rgba(0,0,0,.15)}.np .meta .line.primary{font-weight:700}.np .meta .line.secondary{opacity:.8;font-size:11px}.np .badge{margin-left:2px;padding:1px 4px;border-radius:6px;background:linear-gradient(180deg,#ffcee9,#c5e4ff);border:1px solid rgba(0,0,0,.2);display:inline-block;white-space:nowrap;line-height:1}.custom-cursor{position:fixed;left:0;top:0;transform:translate3d(-100px,-100px,0);pointer-events:none;z-index:9999;will-change:transform}.custom-cursor svg{image-rendering:pixelated;shape-rendering:crispEdges}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;z-index:20}.resize-handle::after{content:'';position:absolute;bottom:4px;right:4px;width:8px;height:8px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.3) 50%);background-size:4px 4px}body.theme-retro .resize-handle::after{background:linear-gradient(135deg,transparent 50%,#000 50%);background-size:3px 3px}@media(pointer:coarse),(max-width:480px){body{cursor:default}.custom-cursor{display:none}.viewport,.viewport *{cursor:auto!important}.monitor{padding:0;background:#000}.viewport{border:none;border-radius:0;box-shadow:none}.titlebar{height:32px;padding:0 10px}.btn{width:20px;height:20px}.window-content{padding:16px}.panel{height:40px;padding:0 8px}.launcher{width:40px;height:32px;font-size:20px}.task{min-width:60px;padding:5px 8px}.icon{width:72px;margin:4px}.icon .thumb{width:48px;height:48px}.icon .label{font-size:11px}.sticky-note{display:none}.window{width:94%!important;left:3%!important;height:80%!important;top:5%!important;transition:none}.window.maximized{height:calc(100% - 40px)!important}.resize-handle{display:none}}