:root{--bg-color:#0f172a;--text-color:#f8fafc;--accent-color:#3b82f6;--panel-bg:#0a0f1ebf;--panel-border:#ffffff14;--window-bg:#0a0f1ed9;--window-header:#0f1428e6;--terminal-bg:#050a14b3;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-color);background-color:var(--bg-color);-webkit-user-select:none;user-select:none;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--panel-border);box-shadow:0 20px 40px #0009,inset 0 0 0 1px #ffffff0d}.desktop-bg{background:url(/anime-wallpaper.png) 50%/cover no-repeat fixed;width:100vw;height:100vh;position:absolute;top:0;left:0}.selectable{-webkit-user-select:text;user-select:text}.dock{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:999;background:#0a0f1eb3;border:1px solid #ffffff1a;border-radius:18px;gap:6px;padding:6px 12px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}.dock-item{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dock-item:hover{background:#ffffff1a;transform:translateY(-6px)scale(1.15)}.dock-item .dot{background:#60a5fa;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.dock-item .tooltip{color:#f8fafc;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:6px;padding:4px 10px;font-size:11px;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.dock-item:hover .tooltip{opacity:1}.desktop-clock{text-align:right;z-index:1;pointer-events:none;font-family:var(--font-ui);position:absolute;top:50%;right:60px;transform:translateY(-50%)}.clock-month{color:#ffffff80;letter-spacing:4px;text-transform:uppercase;margin-bottom:4px;font-size:11px}.clock-day-num{color:#ffffffd9;letter-spacing:-4px;text-shadow:0 4px 20px #00000080;font-size:120px;font-weight:900;line-height:1}.clock-day-name{color:#64b4ffb3;text-shadow:0 2px 10px #0006;margin-bottom:6px;font-family:Georgia,serif;font-size:32px;font-style:italic;font-weight:300;line-height:1.2}.clock-time{color:#ffffffb3;letter-spacing:2px;text-shadow:0 2px 12px #0006;font-size:36px;font-weight:700;font-family:var(--font-mono)}.music-widget{z-index:10;position:absolute;bottom:80px;left:20px}.top-bar{-webkit-backdrop-filter:blur(20px)saturate(180%);color:#e2e8f0;z-index:1000;background:#0a0f1e80;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;height:28px;padding:0 16px;font-size:12px;font-weight:500;display:flex;position:absolute;top:0;box-shadow:0 2px 8px #0003}.window-titlebar{background:var(--window-header);-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;height:38px;display:flex;position:relative}.window-controls{gap:8px;display:flex;position:absolute;left:14px}.window-btn{cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:filter .15s}.window-btn:hover{filter:brightness(1.3)}@media screen and (width<=768px){.top-bar{padding:0 8px;font-size:11px}.top-bar .time-section{display:none}.desktop-clock{text-align:center;top:15%;right:50%;transform:translate(50%)scale(.6)}.music-widget{bottom:120px;left:50%;transform:translate(-50%)scale(.9)}.dock{border-radius:20px;justify-content:space-around;gap:4px;width:95%;max-width:400px;padding:6px;bottom:12px}.dock-item img{width:32px!important;height:32px!important}.dock-item .tooltip{display:none}.window{width:100vw!important;height:calc(100vh - 98px)!important;box-shadow:none!important;border-radius:0!important;top:28px!important;left:0!important;transform:none!important}.window-titlebar{height:44px}.window-controls{left:10px}.desktop-bg{background-attachment:scroll}@media screen and (width<=480px){.widget-container{display:none!important}}}@media screen and (height<=500px) and (orientation:landscape){.dock{display:none}.window{height:calc(100vh - 28px)!important}}