.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)}: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}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#0c1a26;font-family:droid sans,arimo,Tahoma,Verdana,dejavu sans,sans-serif;color:var(--oxygen-text);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%)}.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;-ms-interpolation-mode:nearest-neighbor;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-size:11px}.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)}.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}.portrait .desktop-icons{grid-template-columns:repeat(4,90px)}.portrait.tall .desktop-icons{grid-template-columns:repeat(3,90px)}.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;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.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(--oxygen-window);border-radius:7px;border:1px solid var(--oxygen-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}.titlebar{height:calc(var(--base-w,800px) * .028);display:flex;align-items:center;padding:0 calc(var(--base-w,800px) * .01);background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(240,240,240,.35) 100%);border-bottom:1px solid rgba(0,0,0,.15);border-radius:7px 7px 0 0;filter:saturate(.9)contrast(.95)blur(.15px)}.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)}.btn.minimize{background:linear-gradient(180deg,#ffe1a8,#d19b47)}.btn.maximize{background:linear-gradient(180deg,#a8e9c3,#52b97f)}.btn.close{background:linear-gradient(180deg,#e59a9a,#b85f5f)}.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)}.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:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.22)),linear-gradient(90deg,rgba(255,182,227,.18),rgba(136,194,255,.18));border-top:1px solid var(--oxygen-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)}.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)}.task{min-width:80px;padding:3px 6px;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.35));border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.tasklist{display:flex;gap:6px;margin-left:6px}.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)}.glitch-mini{position:relative;text-shadow:1px 0 rgba(255,80,160,.9),-1px 0 rgba(80,200,255,.9);animation:glitchShift 1.1s infinite steps(2,end)}@keyframes glitchShift{0%,100%{transform:translate(0,0)skewX(0)}20%{transform:translate(1px,0)skewX(2deg)}40%{transform:translate(-1px,0)skewX(-2deg)}60%{transform:translate(1px,-1px)skewX(1deg)}80%{transform:translate(-1px,1px)skewX(-1deg)}}.tray span{display:inline-block;width:18px;text-align:center;opacity:.85;align-items:center;justify-content:center;gap:8px}.clock{min-width:52px;text-align:right;display:flex;align-items:center;justify-content:center;gap:8px}.nowplaying{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)}.info{left:calc(var(--base-w,800px) * .18);top:calc(var(--base-h,600px) * .28);width:calc(var(--base-w,800px) * .64);height:calc(var(--base-h,600px) * .56);z-index:9;transition:filter 80ms linear,transform 80ms linear}.window.dragging{filter:contrast(.95)saturate(.9)blur(.3px)}.window.dragging::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0,rgba(0,0,0,6%),rgba(0,0,0,6%) 1px,transparent 1px,transparent 2px);opacity:.5;pointer-events:none}.window.dragging .window-content{filter:contrast(.9)saturate(.85)blur(.3px)}.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}.viewport,.viewport *{cursor:none!important;user-select:none;-webkit-user-select:none;-moz-user-select:none}@media(prefers-reduced-motion:reduce){.custom-cursor{display:none}.viewport{cursor:default}}