*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Courier New,Monaco,monospace;overflow:hidden;height:100vh;width:100vw;position:relative;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}body.wallpaper-css-hills{background:linear-gradient(to bottom,#87ceeb 0% 60%,#98d8c8 60% 100%);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><defs><linearGradient id="sky" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:%2387CEEB;stop-opacity:1" /><stop offset="60%" style="stop-color:%2387CEEB;stop-opacity:1" /><stop offset="100%" style="stop-color:%23B0E0E6;stop-opacity:1" /></linearGradient></defs><rect width="1920" height="1080" fill="url(%23sky)"/><path d="M0 600 Q480 500 960 550 T1920 600 L1920 1080 L0 1080 Z" fill="%2378C850" opacity="0.9"/><path d="M0 650 Q400 580 800 620 T1600 650 L1920 650 L1920 1080 L0 1080 Z" fill="%2385C985" opacity="0.95"/><path d="M0 700 Q350 650 700 680 T1400 700 L1920 700 L1920 1080 L0 1080 Z" fill="%2390D090"/></svg>');background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat}body:before{display:none}body{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><linearGradient id="rainbow" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23ff0000;stop-opacity:1" /><stop offset="16.66%" style="stop-color:%23ff7f00;stop-opacity:1" /><stop offset="33.33%" style="stop-color:%23ffff00;stop-opacity:1" /><stop offset="50%" style="stop-color:%2300ff00;stop-opacity:1" /><stop offset="66.66%" style="stop-color:%230000ff;stop-opacity:1" /><stop offset="83.33%" style="stop-color:%234b0082;stop-opacity:1" /><stop offset="100%" style="stop-color:%239400d3;stop-opacity:1" /></linearGradient></defs><path d="M3 3 L10.07 19.97 L12.58 12.58 L19.97 10.07 Z" fill="url(%23rainbow)" stroke="%23000" stroke-width="1.5"/></svg>') 2 2,auto}:root[data-theme=dark] body{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3 L10.07 19.97 L12.58 12.58 L19.97 10.07 Z" fill="%23ffffff" stroke="%23000000" stroke-width="1.5"/></svg>') 2 2,auto}#root{width:100%;height:100%;position:relative;z-index:1}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0f1a2d;border:1px solid #1e2d4d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5b8cff,#3a6ad9);border-radius:6px;border:1px solid #234b9a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7aa4ff,#4a7af0)}.topbar{height:49px;background:linear-gradient(180deg,var(--bar-start) 0%,var(--bar-end) 100%);border-bottom:4px solid var(--bar-border);display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:17px;color:#fff;box-shadow:0 2px 4px #0000004d;z-index:1000;position:relative;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.topbar-left{display:flex;align-items:center;gap:7px}.apple-logo{font-size:21px;margin-right:12px;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) contrast(1.2) brightness(.9);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:transform .2s,filter .2s}.apple-logo:hover{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) contrast(1.3) brightness(1.1)}.menu-item{position:relative}.menu-button{background:transparent;border:none;color:#fff;padding:4px 14px;cursor:pointer;font-size:17px;font-family:Courier New,Monaco,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:background .2s;font-weight:700}.menu-button:hover{background:#fff3;border-radius:3px}.menu-button.active{background:#ffffff4d;border-radius:3px 3px 0 0}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);border:2px solid var(--panel-border);border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000004d;min-width:150px;padding:4px 0;z-index:1001;animation:slideDown .2s ease-out;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;color:var(--text-strong)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:8px 28px 8px 32px;cursor:pointer;color:var(--text-strong);font-size:17px;transition:background .1s;position:relative;font-family:Courier New,monospace;font-weight:500}.dropdown-item:hover{background:linear-gradient(180deg,var(--bar-start) 0%,var(--bar-end) 100%);color:var(--text-inverse)}.menu-divider{height:2px;background:#ccc;margin:6px 10px}.topbar-right{display:flex;align-items:center;gap:20px}.topbar-greeting{min-width:210px;max-width:280px;display:flex;align-items:center;font-family:Courier New,Monaco,monospace;font-size:17px;color:var(--text-strong);white-space:nowrap}.greeting-text{overflow:hidden}.greeting-cursor{display:inline-block;width:12px;margin-left:4px;animation:blink 1s step-end infinite;color:var(--text-strong)}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.time-display{font-size:19px;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;font-family:Courier New,monospace}.theme-toggle{padding:6px 12px;border-radius:12px;border:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);color:var(--text-strong);font-size:16px;cursor:pointer;box-shadow:0 1px 1px #fff6,0 1px 3px #00000040}.desktop{width:100%;height:100%;display:flex;flex-wrap:wrap;gap:20px;padding:20px;align-content:flex-start;justify-content:flex-end;align-items:flex-start}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:80px;cursor:pointer;padding:8px;border-radius:0;transition:all .2s;-webkit-user-select:none;user-select:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:contrast(1.5) brightness(.9) saturate(1.2);background:transparent;border:0}.desktop-icon:hover{background:transparent;transform:translateY(-2px);filter:contrast(1.5) brightness(.9) saturate(1.2);border:0}.desktop-icon.selected{background:transparent;border:0;box-shadow:none}.icon-image{font-size:48px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.8)) drop-shadow(-2px -2px 0px rgba(255,255,255,.3)) contrast(1.5) brightness(.85) saturate(1.3);margin-bottom:4px;transition:transform .2s;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transform:scale(1);image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;font-smooth:never;-webkit-font-smoothing:none;text-rendering:optimizeSpeed}.icon-image img{width:62px;height:62px;object-fit:contain;display:block;image-rendering:pixelated}.desktop-icon:hover .icon-image{transform:scale(1.15);filter:drop-shadow(2px 2px 0px rgba(0,0,0,.8)) drop-shadow(-2px -2px 0px rgba(255,255,255,.3)) contrast(1.5) brightness(.85) saturate(1.3)}.icon-label{color:#fff;font-size:11px;text-align:center;text-shadow:1px 1px 0px rgba(0,0,0,.7),0 0 3px rgba(0,0,0,.6);font-weight:700;word-break:break-word;max-width:80px;font-family:Courier New,monospace;letter-spacing:.5px;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed}.desktop-icon{transition:all .2s,filter .35s ease}:root[data-theme=dark] .desktop-icon{background:transparent;filter:contrast(1.25) brightness(.9) saturate(.95);box-shadow:none}:root[data-theme=dark] .desktop-icon:hover{background:transparent;border-color:transparent;filter:contrast(1.25) brightness(.9) saturate(.95)}:root[data-theme=dark] .icon-image{filter:drop-shadow(2px 2px 0px rgba(0,0,0,.9)) drop-shadow(-2px -2px 0px rgba(0,0,0,.25)) contrast(1.6) brightness(.78) saturate(.95)}:root[data-theme=dark] .icon-label{color:#e6e9f5;text-shadow:1px 1px 0px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.75)}@media(max-width:900px){.desktop{gap:12px;padding:12px;justify-content:flex-start}.desktop-icon{width:64px;padding:6px}.icon-image{font-size:36px}.icon-image img{width:36px;height:36px}.icon-label{font-size:10px}}.dock{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:999;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.dock-container{display:flex;gap:8px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:20px;padding:8px 16px;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff4d;transition:padding .18s ease,gap .18s ease}.dock-container.expanded{gap:18px;padding:14px 28px}.dock-icon{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0;transition:transform .12s ease-out,filter .15s ease-out;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:transparent;border:0;transform-origin:50% 100%}.dock-icon:hover,.dock-icon.open{background:transparent;border:0}.dock-icon-image{font-size:36px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.8)) drop-shadow(-1px -1px 0px rgba(255,255,255,.3)) contrast(1.5) brightness(.85) saturate(1.3);transition:filter .2s;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed}.dock-icon-image img{width:36px;height:36px;object-fit:contain;display:block;image-rendering:pixelated}@media(max-width:900px){.dock{left:0;right:0;transform:none}.dock-container{margin:0 12px;justify-content:center;flex-wrap:wrap}.dock-icon{width:42px;height:42px}.dock-icon-image{font-size:30px}.dock-icon-image img{width:30px;height:30px}}.dock-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#0f0f0fd1;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;font-family:Courier New,monospace;border:2px solid #555;text-shadow:1px 1px 0px rgba(0,0,0,1),0 0 2px rgba(0,0,0,.8);-webkit-font-smoothing:none;font-smooth:never}.dock-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}.dock-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:0;box-shadow:0 0 6px #ffffffe6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-modal{background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);border:4px solid var(--panel-border);border-radius:12px;box-shadow:0 12px 32px #00000080,inset 0 2px 4px #ffffff80;width:90%;max-width:500px;max-height:80vh;overflow:auto;animation:slideUp .3s ease-out;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:100001}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(180deg,var(--bar-start) 0%,var(--bar-end) 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--bar-border);border-radius:8px 8px 0 0}.modal-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.modal-header h2{flex:1;color:var(--text-inverse);font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Courier New,monospace}.modal-close{width:24px;height:24px;border:2px solid rgba(0,0,0,.3);border-radius:4px;background:linear-gradient(180deg,#ff6b6b,#ee5a6f);color:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s;box-shadow:inset 0 1px #ffffff4d}.modal-close:hover{background:linear-gradient(180deg,#ff5252,#ff1744);transform:scale(1.1)}.modal-content{padding:24px;text-align:center;color:var(--text-strong)}.about-creator{font-size:20px;margin-bottom:12px;font-weight:700;font-family:Courier New,monospace;color:var(--text-strong)}.about-tagline{font-size:16px;margin-bottom:24px;color:var(--text-strong);font-style:italic;font-family:Courier New,monospace}.about-specs{background:var(--panel-start);border:2px solid var(--panel-border);border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:inset 0 2px 4px #0000001a}.spec-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee;font-family:Courier New,monospace}.spec-item:last-child{border-bottom:none}.spec-label{font-weight:700;color:var(--text-strong)}.spec-value{color:var(--text-strong)}.about-date{background:var(--panel-start);border:2px solid var(--panel-border);border-radius:8px;padding:16px;box-shadow:inset 0 2px 4px #0000001a}.established-date{font-size:16px;font-weight:700;color:var(--text-strong);font-family:Courier New,monospace;margin:0}:root[data-theme=dark] .about-modal{box-shadow:0 12px 32px #000c,inset 0 2px 4px #ffffff14}:root[data-theme=dark] .about-specs,:root[data-theme=dark] .about-date{box-shadow:inset 0 2px 4px #00000040}.spec-value a{color:var(--text-strong);text-decoration:none}.spec-value a:hover{text-decoration:underline}.cursor-star{position:fixed;width:8px;height:8px;background:radial-gradient(circle,#ffd700 0%,#ffed4e 50%,transparent 70%);border-radius:50%;pointer-events:none;z-index:99999;animation:starFade .8s ease-out forwards;box-shadow:0 0 10px gold,0 0 20px #ffd70099,0 0 30px #ffd7004d}@keyframes starFade{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.2) translate(var(--star-offset-x, 0),var(--star-offset-y, 0))}}.cursor-star:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);animation:sparkle .8s ease-out forwards}@keyframes sparkle{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.window{position:absolute;background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);border:3px solid var(--panel-strong-border);border-radius:10px 10px 8px 8px;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff80;display:flex;flex-direction:column;z-index:100;overflow:hidden;min-width:280px;min-height:200px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:transform .25s ease,opacity .25s ease;transform-origin:bottom right;pointer-events:auto;max-width:calc(100vw - 16px);max-height:calc(100vh - 32px)}.window.minimized{opacity:.15;transform:translate3d(calc(100vw - var(--win-x) - var(--win-w) - 24px),calc(100vh - var(--win-y) - var(--win-h) - 24px),0) scale(.12);pointer-events:none}.window-title-bar{background:linear-gradient(180deg,var(--bar-start) 0%,var(--bar-end) 100%);height:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 8px;cursor:move;border-bottom:2px solid #2a5a8a;-webkit-user-select:none;user-select:none;gap:8px;touch-action:none}.window-title-left{display:flex;align-items:center;gap:6px;color:var(--text-inverse);font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Courier New,monospace}.window-icon{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) contrast(1.2) brightness(.9);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.window-icon img{width:16px;height:16px;object-fit:contain;display:block;image-rendering:pixelated}.window-title{font-family:Courier New,monospace;font-weight:700}.window-controls{display:flex;gap:4px}.window-controls.left{justify-content:flex-start}.window-controls.right{justify-content:flex-end}.window-control{width:18px;height:18px;border:2px solid rgba(0,0,0,.4);border-radius:50%;background:linear-gradient(180deg,#ff6b6b,#ee5a6f);color:#fff;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .2s;box-shadow:inset 0 1px #ffffff4d;image-rendering:pixelated}.window-control.minimize{background:linear-gradient(180deg,#ffd25e,#f5b400)}.window-control:hover{background:linear-gradient(180deg,#ff5252,#ff1744);transform:scale(1.1)}.window-control:active{transform:scale(.95)}.window-content{flex:1;padding:16px;overflow:auto;background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.resize-handle{position:absolute;background:transparent;z-index:10}.resize-n,.resize-s{left:0;right:0;height:4px;cursor:ns-resize}.resize-w,.resize-e{top:0;bottom:0;width:4px;cursor:ew-resize}.resize-n{top:0}.resize-s{bottom:0}.resize-w{left:0}.resize-e{right:0}.resize-nw{top:0;left:0;width:12px;height:12px;cursor:nwse-resize}.resize-ne{top:0;right:0;width:12px;height:12px;cursor:nesw-resize}.resize-sw{bottom:0;left:0;width:12px;height:12px;cursor:nesw-resize}.resize-se{bottom:0;right:0;width:12px;height:12px;cursor:nwse-resize}@media(max-width:768px){.window{border-width:2px;min-width:auto;box-shadow:0 6px 18px #00000059}.window-content{padding:12px}}.trash-app{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;text-align:center;padding:clamp(12px,2vw,20px);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;overflow:hidden;gap:20px}.trash-grid{display:grid;grid-template-columns:repeat(5,minmax(60px,1fr));gap:clamp(10px,2vw,18px);width:100%;flex:1;background:#fff;border:3px solid #ccc;border-radius:8px;padding:clamp(12px,3vw,24px);box-shadow:inset 0 2px 4px #0000001a;image-rendering:pixelated;overflow:auto}.trash-poop{display:flex;align-items:center;justify-content:center;font-size:clamp(42px,12vw,72px);line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));animation:wiggle 2.4s infinite ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.trash-actions{display:flex;width:100%;justify-content:center}@media(max-width:640px){.trash-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.retro-button{background:linear-gradient(180deg,#4a90e2,#357abd);border:3px solid #2a5a8a;border-radius:4px;color:#fff;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d;transition:all .2s;font-family:Courier New,monospace;image-rendering:pixelated}.retro-button:hover{background:linear-gradient(180deg,#5aa0f2,#458acd);transform:translateY(-1px);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff4d}.retro-button:active{transform:translateY(0);box-shadow:0 1px 2px #0003,inset 0 1px #ffffff4d}.video-app{display:flex;flex-direction:column;height:100%;padding:0;background:#e8e8e8;font-family:Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif}.video-player{display:flex;flex-direction:column;height:100%;background:#e8e8e8}.video-container{flex:1;background:#000;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;padding:8px}.crt-screen{width:100%;height:100%;position:relative;background:#000;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 0 40px #00000080}.video-frame{width:100%;height:100%;border:none;background:#000;position:relative;z-index:1}.video-frame iframe{width:100%;height:100%;border:none}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.crt-glow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.02) 0%,transparent 50%);box-shadow:inset 0 0 60px #00000080,inset 0 0 100px #0000004d}.video-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);border-top:1px solid #b0b0b0;box-shadow:inset 0 1px #ffffff80;height:36px}.control-btn{background:linear-gradient(to bottom,#fff,#e8e8e8,#d0d0d0);border:1px solid #999;border-radius:4px;width:36px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#333;font-family:Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 1px 2px #0000001a,inset 0 1px #fffc;transition:all .1s;-webkit-user-select:none;user-select:none}.control-btn:hover{background:linear-gradient(to bottom,#fff,#f0f0f0,#e0e0e0);border-color:#777}.control-btn:active{background:linear-gradient(to bottom,#d0d0d0,#e0e0e0,#f0f0f0);box-shadow:inset 0 1px 2px #0003,inset 0 0 1px #0000004d;transform:translateY(1px)}.volume-control{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid #b0b0b0}.volume-label{font-size:12px;color:#666}.volume-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:#d0d0d0;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:linear-gradient(to bottom,#fff,#e8e8e8,#d0d0d0);border:1px solid #999;border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #0000001a,inset 0 1px #fffc}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:linear-gradient(to bottom,#fff,#e8e8e8,#d0d0d0);border:1px solid #999;border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #0000001a,inset 0 1px #fffc}.game-app{display:flex;flex-direction:column;height:100%;gap:12px}.game-tabs{display:flex;gap:8px}.game-tab{padding:8px 12px;border-radius:8px;border:2px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);color:var(--text-strong);cursor:pointer;font-weight:700}.game-tab.active{border-color:var(--bar-border);box-shadow:0 0 0 2px #ffffff4d}.game-frame{flex:1;border:2px solid var(--panel-border);border-radius:12px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.game-embed{width:100%;height:100%;border:none}.snake-canvas{image-rendering:pixelated;border:2px solid #333;border-radius:8px;background:#0b0b0f}.game-help{font-size:12px;color:var(--text-strong)}.flstudio-app{display:flex;flex-direction:column;height:100%;padding:16px;background:linear-gradient(180deg,#1a1a2e,#16213e);font-family:Courier New,monospace;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.flstudio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px;background:#0000004d;border:2px solid #444;border-radius:6px;flex-wrap:wrap;gap:12px}.beat-type-selector{display:flex;align-items:center;gap:8px}.beat-type-selector label{color:#fff;font-weight:700;font-size:12px}.beat-type-btn{background:#ffffff1a;border:2px solid #555;border-radius:4px;color:#ccc;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:Courier New,monospace;transition:all .2s;text-transform:capitalize}.beat-type-btn:hover{background:#fff3;border-color:#777}.beat-type-btn.active{background:linear-gradient(180deg,#4a90e2,#357abd);border-color:#2a5a8a;color:#fff}.flstudio-controls{display:flex;align-items:center;gap:12px}.fl-button{background:linear-gradient(180deg,#4a4a4a,#2a2a2a);border:2px solid #555;border-radius:4px;color:#fff;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;font-family:Courier New,monospace;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000080;transition:all .2s}.fl-button:hover{background:linear-gradient(180deg,#5a5a5a,#3a3a3a);transform:translateY(-1px)}.fl-button:active{transform:translateY(0)}.play-btn{background:linear-gradient(180deg,#4a90e2,#357abd);border-color:#2a5a8a}.play-btn:hover{background:linear-gradient(180deg,#5aa0f2,#458acd)}.bpm-control{display:flex;align-items:center;gap:8px}.bpm-control label{color:#fff;font-size:12px;font-weight:700}.bpm-input{width:60px;padding:6px;background:#00000080;border:2px solid #555;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:12px;text-align:center}.flstudio-sequencer{flex:1;display:flex;gap:12px;overflow:auto}.sound-labels{display:flex;flex-direction:column;gap:4px;min-width:80px}.sound-label{background:#00000080;border:2px solid #444;border-radius:4px;padding:12px;color:#fff;font-size:11px;font-weight:700;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}.melodic-indicator{font-size:10px;opacity:.7}.sequencer-grid{flex:1;display:flex;flex-direction:column;gap:4px}.sequencer-row{display:flex;gap:4px}.cell-wrapper{flex:1;position:relative;min-width:30px}.sequencer-cell{width:100%;aspect-ratio:1;min-width:30px;background:#ffffff1a;border:2px solid #555;border-radius:4px;cursor:pointer;transition:all .1s;image-rendering:pixelated;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;display:flex;align-items:center;justify-content:center}.sequencer-cell.melodic.active{background:linear-gradient(180deg,#9b59b6,#7d3c98);border-color:#6a1b9a}.sequencer-cell:hover{background:#fff3;border-color:#777;transform:scale(1.05)}.sequencer-cell.active{background:linear-gradient(180deg,#4a90e2,#357abd);border-color:#2a5a8a;box-shadow:0 0 8px #4a90e280}.sequencer-cell.playing{box-shadow:0 0 12px #ffd700cc;border-color:gold;animation:pulse .2s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.note-indicator{font-size:8px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.note-selector-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.note-selector{background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid #444;border-radius:8px;padding:20px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000080}.note-selector h3{color:#fff;margin:0 0 16px;font-size:16px;text-align:center}.note-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.note-btn{background:#ffffff1a;border:2px solid #555;border-radius:4px;color:#fff;padding:10px;font-size:12px;font-weight:700;cursor:pointer;font-family:Courier New,monospace;transition:all .2s}.note-btn:hover{background:#fff3;border-color:#777;transform:translateY(-1px)}.note-btn.selected{background:linear-gradient(180deg,#9b59b6,#7d3c98);border-color:#6a1b9a;box-shadow:0 0 8px #9b59b680}.flstudio-info{margin-top:12px;padding:8px;background:#0000004d;border:1px solid #444;border-radius:4px;color:#aaa;font-size:11px;text-align:center}.wallpaper-app{display:flex;flex-direction:column;height:100%;padding:16px;background:#f5f5f5;font-family:Courier New,monospace;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.wallpaper-header{margin-bottom:20px;text-align:center}.wallpaper-header h3{font-size:18px;color:#333;margin-bottom:8px;font-weight:700}.wallpaper-header p{font-size:12px;color:#666}.wallpaper-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;flex:1;overflow-y:hidden}.wallpaper-item{position:relative;background:#fff;border:3px solid #ccc;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s;image-rendering:pixelated}.wallpaper-item:hover{border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.wallpaper-item.selected{border-color:#4a90e2;border-width:4px;background:#e8f4f8;box-shadow:0 0 12px #4a90e266}.wallpaper-preview{width:100%;aspect-ratio:16 / 9;background:#ddd;border:2px solid #aaa;border-radius:4px;overflow:hidden;margin-bottom:8px;position:relative;image-rendering:pixelated}.wallpaper-preview-css{width:100%;height:100%;position:relative;overflow:hidden}.css-preview-sky{width:100%;height:60%;background:linear-gradient(to bottom,#87ceeb,#b0e0e6)}.css-preview-hills{width:100%;height:40%;background:linear-gradient(to bottom,#78c850,#90d090);position:relative}.css-preview-hills:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:#85c985;border-radius:50% 50% 0 0}.wallpaper-preview-image{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.wallpaper-preview-image img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.wallpaper-preview-placeholder{position:absolute;font-size:48px;opacity:.5}.wallpaper-name{font-size:12px;color:#333;font-weight:700;text-align:center}.wallpaper-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 4px #0003}.wallpaper-info{background:#fff;border:2px solid #ccc;border-radius:6px;padding:12px;font-size:11px;color:#666}.wallpaper-note{margin-bottom:8px}.wallpaper-info code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:10px}.wallpaper-info ul{margin:8px 0 0 20px;list-style:disc}.wallpaper-info li{margin:4px 0}:root[data-theme=dark] .wallpaper-app{background:#0f1117;color:#eaeaff}:root[data-theme=dark] .wallpaper-header h3,:root[data-theme=dark] .wallpaper-header p,:root[data-theme=dark] .wallpaper-name{color:#eaeaff}:root[data-theme=dark] .wallpaper-grid{color:#eaeaff}:root[data-theme=dark] .wallpaper-item{background:#0c0f17;border-color:#2f3550}:root[data-theme=dark] .wallpaper-item.selected{background:#141927;border-color:#4a90e2;box-shadow:0 0 12px #4a90e24d}:root[data-theme=dark] .wallpaper-preview{background:#111520;border-color:#2f3550}:root[data-theme=dark] .wallpaper-preview-placeholder{color:#2f3550}:root[data-theme=dark] .wallpaper-info{background:#0c0f17;border-color:#2f3550;color:#cfd3f5}:root[data-theme=dark] .wallpaper-info code{background:#111520;color:#eaeaff}.browser-shell{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#f5f7fb,#e2e7f3);border:1px solid #9aa7c4;box-shadow:inset 0 1px #fffc;font-family:Verdana,Geneva,sans-serif}.browser-toolbar{display:flex;align-items:center;gap:12px;padding:10px;background:linear-gradient(180deg,#e8edf8,#cdd7eb);border-bottom:1px solid #9aa7c4;box-shadow:inset 0 1px #ffffffe6}.toolbar-group{display:flex;gap:6px}.toolbar-btn{width:28px;height:28px;border-radius:6px;border:1px solid #7f8a9f;background:linear-gradient(180deg,#fff,#d7deec);box-shadow:0 1px 1px #fffc,0 1px 3px #00000040;font-size:16px;cursor:pointer;transition:transform .1s,box-shadow .1s}.toolbar-btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.toolbar-btn:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000040}.address-bar{flex:1;display:flex;gap:8px;align-items:center;background:linear-gradient(180deg,#fff,#e6ebf5);border:1px solid #8b98b5;border-radius:10px;padding:4px 6px 4px 10px;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0000001f}.address-bar input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#1f3b63}.go-btn{padding:6px 12px;border-radius:8px;border:1px solid #6f83af;background:linear-gradient(180deg,#fff,#d5def0);cursor:pointer;font-weight:700;color:#1f3b63;box-shadow:0 1px 1px #fffc,0 1px 2px #00000026}.bookmark-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(180deg,#fdfefe,#e8edf8);border-bottom:1px solid #9aa7c4;box-shadow:inset 0 1px #ffffffe6}.bookmark{border:1px solid #7f8a9f;border-radius:6px;padding:6px 10px;background:linear-gradient(180deg,#fff,#d7deec);cursor:pointer;font-size:12px;color:#1f3b63;box-shadow:0 1px 1px #fffc,0 1px 2px #00000026}.loading-dot{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1px solid #7f8a9f;background:linear-gradient(180deg,#fff,#d7deec);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fffc}.loading-dot .dot{width:8px;height:8px;border-radius:50%;background:#2a5fa6;opacity:.25;transition:opacity .2s ease}.loading-dot.active .dot{opacity:1;animation:pulse 1s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.4}}.browser-frame{position:relative;flex:1;background:#1b1e24;border-top:1px solid #9aa7c4;border-bottom:1px solid #9aa7c4;overflow:hidden}.browser-frame iframe{width:100%;height:100%;border:none;background:#fff}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#edf2fcd9;color:#1f3b63;font-weight:700}.browser-status{padding:6px 10px;font-size:11px;color:#2e4b7f;background:linear-gradient(180deg,#e8edf8,#cdd7eb);border-top:1px solid #9aa7c4;box-shadow:inset 0 1px #ffffffe6}.browser-note{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#000000bf;color:#fdfdfd;padding:8px 12px;border-radius:10px;font-size:12px;font-family:Courier New,Monaco,monospace;box-shadow:0 4px 10px #00000059;border:1px solid rgba(255,255,255,.15);z-index:5}:root[data-theme=light] .browser-note{background:#ffffffeb;color:#111;border-color:#00000014;box-shadow:0 4px 10px #00000026}.photo-studio{display:grid;grid-template-columns:2fr 1fr;gap:16px;height:100%;background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);padding:12px;border:1px solid var(--panel-border);box-shadow:inset 0 1px #fffc;font-family:Verdana,Geneva,sans-serif}.camera-pane{display:flex;flex-direction:column;gap:14px}.capture-bar{display:flex;justify-content:flex-start;align-items:center}.camera-frame{position:relative;flex:0 0 auto;aspect-ratio:4 / 3;max-height:520px;min-height:320px;background:radial-gradient(circle at 20% 20%,#fff,#d7dfee 70%);border:2px solid var(--panel-border);border-radius:12px;overflow:hidden;box-shadow:0 8px 18px #00000040,inset 0 1px #fffc;isolation:isolate}.live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;backface-visibility:hidden}.hidden-canvas{display:none}.overlay-scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.08) 2px,transparent 2px,transparent 4px);pointer-events:none;mix-blend-mode:multiply}.overlay-pixel{image-rendering:pixelated}.status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#f1f4ff;font-weight:700;font-size:16px;text-shadow:0 2px 6px rgba(0,0,0,.6);z-index:2}.status.error{background:#781414b3}.controls{background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);border:1px solid var(--panel-border);border-radius:10px;padding:10px;box-shadow:inset 0 1px #ffffffe6;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.control-section{display:flex;flex-direction:column;gap:8px;min-width:0}.control-label{font-weight:700;color:#1f3b63;font-size:12px;letter-spacing:.2px}.effect-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;width:100%}.effect-chip{border:1px solid var(--panel-border);border-radius:8px;padding:8px;background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);cursor:pointer;font-size:12px;color:#1f3b63;box-shadow:0 1px 1px #fffc,0 1px 2px #00000026;text-align:center}.effect-chip.active{border-color:#2a5fa6;box-shadow:inset 0 1px 3px #0003,0 0 0 2px #2a5fa640}.shutter{width:160px;height:52px;border-radius:12px;border:2px solid #7f8a9f;background:radial-gradient(circle at 30% 30%,#fff,#d7deec);font-weight:700;color:#1f3b63;box-shadow:0 6px 12px #0003,inset 0 1px #fffc;cursor:pointer;align-self:flex-start}.shutter:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.film-strip{background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);border:1px solid var(--panel-border);border-radius:12px;padding:12px;box-shadow:inset 0 1px #ffffffe6;display:flex;flex-direction:column;gap:10px}.film-label{font-weight:700;color:#1f3b63;text-align:center;font-size:14px}.shots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:1fr;gap:10px;flex:1}.shot{background:#111;border-radius:8px;overflow:hidden;border:2px solid #2a5fa6;box-shadow:0 4px 10px #0000004d;aspect-ratio:4 / 3}.shot img{display:block;width:100%;height:100%;object-fit:cover}.empty{text-align:center;color:#607198;padding:16px 0;font-style:italic}.warp-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%}.warp-tile{position:relative;border:1px solid #7f8a9f;border-radius:8px;padding:6px;background:linear-gradient(180deg,#fff,#d7deec);box-shadow:0 1px 1px #fffc,0 1px 2px #00000026;cursor:pointer}.warp-tile.active{border-color:#2a5fa6;box-shadow:inset 0 1px 3px #0003,0 0 0 2px #2a5fa640}.warp-label{font-size:12px;color:#1f3b63;margin-bottom:4px}.warp-video{width:100%;height:90px;object-fit:cover;background:#000;border-radius:6px}:root[data-theme=dark] .film-label,:root[data-theme=dark] .warp-label,:root[data-theme=dark] .control-label{color:#d5def9}.overlay-tunnel:after,.overlay-tunnel.overlay-none:after,.overlay-tunnel.overlay-scanlines:after,.overlay-tunnel.overlay-pixel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff0,#0a142833,#000000bf 90%);mix-blend-mode:multiply;pointer-events:none;z-index:1}:root[data-theme=dark] .photo-studio{background:linear-gradient(180deg,#0d1119,#151b29);border-color:#2d3750;color:#e7ecff}:root[data-theme=dark] .camera-frame{background:radial-gradient(circle at 20% 20%,#1b2333,#0e1523 70%);border-color:#2d3750;box-shadow:0 8px 18px #00000073,inset 0 1px #ffffff0d}:root[data-theme=dark] .controls,:root[data-theme=dark] .film-strip{background:linear-gradient(180deg,#131a27,#0d121d);border-color:#2d3750;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .effect-chip{background:linear-gradient(180deg,#1a2233,#0f1726);color:#d5def9;border-color:#2f3b58;box-shadow:0 1px 1px #ffffff0d,0 1px 2px #00000059}:root[data-theme=dark] .effect-chip.active{border-color:#5b8cff;box-shadow:inset 0 1px 3px #00000059,0 0 0 2px #5b8cff40}:root[data-theme=dark] .shutter{background:radial-gradient(circle at 30% 30%,#1f2a3f,#131c2e);color:#e7ecff;border-color:#3b4763;box-shadow:0 6px 12px #00000059,inset 0 1px #ffffff14}:root[data-theme=dark] .film-label,:root[data-theme=dark] .warp-label{color:#d5def9}:root[data-theme=dark] .shot{background:#0b0f18;border-color:#4b6fb3}:root[data-theme=dark] .warp-tile{background:linear-gradient(180deg,#151c2b,#0d1422);border-color:#2f3b58;box-shadow:0 1px 1px #ffffff0d,0 1px 2px #0000004d}:root[data-theme=dark] .warp-tile.active{border-color:#5b8cff;box-shadow:inset 0 1px 3px #00000059,0 0 0 2px #5b8cff40}:root[data-theme=dark] .status{background:#0000008c;color:#f1f4ff}:root[data-theme=dark] .status.error{background:#962828b3}@media(max-width:1000px){.photo-studio{grid-template-columns:1fr}.film-strip{order:2}.camera-pane{order:1}}@media(max-width:640px){.controls{flex-direction:column}.warp-previews{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.shutter{width:100%;text-align:center}}.notes-app{display:grid;grid-template-columns:260px 1fr;height:100%;background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);border:1px solid var(--panel-border);box-shadow:inset 0 1px #fffc;font-family:Courier New,Monaco,monospace;letter-spacing:.3px}.notes-sidebar{border-right:1px solid #9aa7c4;display:flex;flex-direction:column}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(180deg,var(--bar-start) 0%,var(--bar-end) 100%);border-bottom:1px solid var(--bar-border)}.note-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);cursor:pointer;font-weight:700;color:var(--text-strong);box-shadow:0 1px 1px #fffc,0 1px 2px #00000026}.note-list{flex:1;overflow:auto}.note-list-item{padding:10px 12px;border-bottom:1px solid #d3dbed;cursor:pointer}.note-list-item.active{background:#6f83af26}.note-title{font-weight:700;color:var(--text-strong);font-size:12px}.note-updated{font-size:11px;color:#607198}.notes-editor{display:flex;flex-direction:column;padding:12px;gap:8px}.note-title-input{font-size:16px;padding:8px 10px;border-radius:8px;border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffffe6;background:#fefefe;color:var(--text-strong)}.note-toolbar{display:flex;gap:6px}.note-toolbar button{padding:6px 8px;border-radius:6px;border:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-start) 0%,var(--panel-end) 100%);cursor:pointer;font-weight:700;color:var(--text-strong)}.note-content{flex:1;border:1px solid var(--panel-border);border-radius:10px;padding:16px 22px 18px 28px;background:#fdf7ff;overflow:auto;min-height:260px;direction:ltr;unicode-bidi:plaintext;text-align:left;font-size:12px;line-height:1.55}.note-content ol,.note-content ul{padding-left:18px;margin:0 0 8px}:root[data-theme=dark] .note-title-input{background:#0f0f18;border-color:#2f3550;color:#f1f2ff;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .note-toolbar button{background:linear-gradient(180deg,#1a1d2a,#111421);border-color:#2f3550;color:#f1f2ff}:root[data-theme=dark] .note-content{background:#0c0f17;border-color:#2f3550;color:#f1f2ff;box-shadow:inset 0 1px #ffffff0a}.empty-notes,.empty-editor{text-align:center;color:#607198;padding:16px;font-style:italic}@media(max-width:900px){.notes-app{grid-template-columns:1fr}.notes-sidebar{order:2}.notes-editor{order:1}.notes-header h3{font-size:14px}.note-btn{padding:4px 8px}.note-content{min-height:200px}}.weather-widget{position:fixed;top:64px;left:12px;background:#ffffff29;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 18px;border-radius:14px;box-shadow:0 6px 16px #00000042;color:#fff;font-family:Courier New,Monaco,monospace;z-index:2;max-width:300px}@media(max-width:900px){.weather-widget{top:118px;left:12px;right:12px;max-width:none}}.weather-line{display:flex;align-items:center;gap:12px}.weather-emoji{font-size:26px}.weather-temp{font-size:26px;font-weight:700}.weather-desc,.weather-status{font-size:16px;line-height:1.6}:root[data-theme=light] .weather-widget{background:#ffffffe6;border:1px solid rgba(0,0,0,.2);box-shadow:0 5px 10px #0003;color:#111;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .weather-desc,:root[data-theme=light] .weather-status,:root[data-theme=light] .weather-temp{color:#111}:root[data-theme=light] .weather-emoji{filter:none}:root[data-theme=dark] .weather-widget{background:#0000008c;border:1px solid rgba(255,255,255,.26);box-shadow:0 6px 14px #0000005c;color:#f8f8f8}:root[data-theme=dark] .weather-desc,:root[data-theme=dark] .weather-status,:root[data-theme=dark] .weather-temp{color:#f8f8f8}.music-window .window-content{padding:0}.music-widget{width:100%;height:100%;padding:24px 22px 26px;border-radius:0 0 18px 18px;background:radial-gradient(circle at 30% 20%,#ffffffa6,#f0f0f066),linear-gradient(180deg,#ffffff40,#dcdcdc8c);color:#111;font-family:Courier New,Monaco,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-sizing:border-box}:root[data-theme=dark] .music-widget{background:radial-gradient(circle at 30% 20%,#505a6e59,#282d3cb3),linear-gradient(180deg,#1e2028e6,#10121af2);color:#f7f7f9;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006}.music-glow{display:grid;place-items:center;padding:12px 0 4px}.album-shadow{width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#fffc,#c8c8c84d);display:grid;place-items:center;box-shadow:inset 0 0 0 12px #fff6,0 12px 24px #0003}.album-wrap{width:180px;height:180px;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 12px 18px #00000040,inset 0 0 0 6px #0000001a}.album-art{width:100%;height:100%;object-fit:cover}.record-hole{position:absolute;top:50%;left:50%;width:38px;height:38px;background:#1f1f1f;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #00000040,inset 0 0 0 6px #ffffff14}.track-meta{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:6px;margin-bottom:10px;column-gap:12px}.track-title{font-size:22px;font-weight:800}.track-artist{font-size:15px;color:#14141499;margin-top:4px}:root[data-theme=dark] .track-artist{color:#f0f0f099}.heart-btn{background:transparent;border:none;font-size:24px;cursor:pointer;transition:transform .15s ease,color .15s ease;color:#14141459}.heart-btn:hover{transform:scale(1.1);color:#1414148c}.heart-btn.active{color:#e94b6b;animation:heartbeat .5s ease}:root[data-theme=dark] .heart-btn{color:#ffffff59}:root[data-theme=dark] .heart-btn:hover{color:#fff9}.progress-row{margin:12px 0 6px}.progress-row input[type=range]{width:100%;accent-color:#111;cursor:pointer}:root[data-theme=dark] .progress-row input[type=range]{accent-color:#f5f5f5}.time-labels{display:flex;justify-content:space-between;font-size:12px;color:#14141480;margin-top:4px}:root[data-theme=dark] .time-labels{color:#f0f0f099}.controls-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:12px;margin-top:14px}.ghost-btn{background:transparent;border:none;color:#1414148c;font-size:18px;font-weight:700;cursor:pointer;transition:transform .15s ease,color .15s ease}.ghost-btn:hover{transform:translateY(-1px);color:#141414a6}:root[data-theme=dark] .ghost-btn{color:#f0f0f0a6}.play-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(180deg,#1c1c1c,#0e0e0e);color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff14;transition:transform .2s ease,box-shadow .2s ease;grid-column:3;justify-self:center}.play-btn:hover{transform:scale(1.05);box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff1a}.play-btn:active{transform:scale(.98)}@media(max-width:640px){.music-widget{width:100%;height:100%}}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.12)}to{transform:scale(1)}}.pet-widget{position:fixed;bottom:12px;left:24px;width:120px;height:120px;pointer-events:none;z-index:1300;display:flex;align-items:flex-end;justify-content:center}.pet-sprite{max-width:100%;max-height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none}@media(max-width:900px){.pet-widget{width:90px;height:90px;bottom:8px;left:12px}}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:transparent;position:relative;overflow:hidden}body{margin:0;transition:filter .35s ease,background-color .35s ease;background-color:#e7ebf3}body.no-theme-transition{transition:none!important}body:after{content:"";position:fixed;inset:0;pointer-events:none;transition:opacity .35s ease;opacity:0}:root[data-theme=dark] body{filter:none;background-color:#0d0f14}:root[data-theme=dark] body:after{background:radial-gradient(circle at 20% 20%,rgba(0,0,0,.3),transparent 35%),radial-gradient(circle at 80% 10%,rgba(0,0,0,.25),transparent 30%),#00000040;mix-blend-mode:normal;opacity:.7}.desktop-container{flex:1;position:relative;overflow:hidden;padding:20px}.minimized-tray{position:fixed;right:12px;bottom:14px;display:flex;gap:8px;z-index:1200}.tray-chip{padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#0006;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:900px){.app-container{width:100vw;height:100vh}.desktop-container{padding:10px}}:root{--panel-start: #f0f0f0;--panel-end: #e0e0e0;--panel-border: #9aa7c4;--panel-strong-border: #999;--bar-start: #4a90e2;--bar-end: #357abd;--bar-border: #2a5a8a;--text-strong: #1f3b63;--text-inverse: #ffffff;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .35)}:root[data-theme=dark]{--panel-start: #2c2f38;--panel-end: #1f222b;--panel-border: #4b556b;--panel-strong-border: #5a6175;--bar-start: #3d4f80;--bar-end: #222d4d;--bar-border: #1a2340;--text-strong: #e6ecff;--text-inverse: #f8f9ff;--glass-bg: rgba(20, 24, 33, .5);--glass-border: rgba(255, 255, 255, .2)}