:root,[data-theme=dark]{--color-cream:#09090b;--color-cream-dark:#050507;--color-sakura:#e11d48;--color-sakura-deep:#be123c;--color-sakura-glow:#e11d4833;--color-miku:#06b6d4;--color-miku-deep:#0891b2;--color-lavender:#a78bfa;--color-lavender-deep:#8b5cf6;--color-mint:#22c55e;--color-peach:#f97316;--color-sky:#38bdf8;--color-black-soft:#121214;--color-window-bg:#18181bf0;--color-window-header:#202024fa;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-border:#ffffff1a;--color-border-active:#ffffff3d;--color-shadow:#00000059;--color-shadow-heavy:#0000008c;--color-glass-card:#ffffff0a;--color-glass-border:#ffffff14;--font-syau:"Noto Sans Devanagari", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", monospace;--radius-window:12px;--radius-dock:16px;--radius-button:6px;--radius-pill:999px;--os-brightness:100%;--os-window-blur:16px;--os-window-opacity:.94;--os-wallpaper-blur:0px;--os-wallpaper-dim:.2}[data-theme=light]{--color-cream:#f4f4f5;--color-cream-dark:#e4e4e7;--color-sakura:#e11d48;--color-sakura-deep:#be123c;--color-sakura-glow:#e11d4826;--color-miku:#0891b2;--color-miku-deep:#0e7490;--color-lavender:#7c3aed;--color-lavender-deep:#6d28d9;--color-mint:#16a34a;--color-peach:#ea580c;--color-sky:#0284c7;--color-black-soft:#fff;--color-window-bg:#fffffff5;--color-window-header:#f4f4f5fa;--color-text-primary:#18181b;--color-text-secondary:#52525b;--color-text-muted:#71717a;--color-border:#0000001f;--color-border-active:#00000047;--color-shadow:#0000001f;--color-shadow-heavy:#00000038;--color-glass-card:#00000008;--color-glass-border:#00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-cream);-webkit-font-smoothing:antialiased;overflow:hidden}#root{filter:brightness(var(--os-brightness,100%))}::selection{background:var(--color-sakura);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#7d7d7d40}::-webkit-scrollbar-thumb:hover{background:#7d7d7d73}.font-syau{font-family:var(--font-syau);font-weight:600}.font-os{font-family:var(--font-heading);letter-spacing:.08em;font-weight:700}.font-heading{font-family:var(--font-heading);font-weight:600}.font-body{font-family:var(--font-sans);font-weight:400}.desktop{background:var(--color-cream);position:fixed;inset:0;overflow:hidden}.desktop-pattern{opacity:.04;pointer-events:none;position:absolute;inset:0}.top-bar{z-index:100;background:var(--color-window-header);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;height:32px;box-shadow:0 1px 8px var(--color-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-left{align-items:center;gap:14px;display:flex}.top-bar-right{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:12px;display:flex}.top-bar-logo{color:var(--color-sakura);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.top-bar-menu{color:var(--color-text-secondary);border-radius:var(--radius-button);cursor:pointer;padding:2px 8px;font-weight:500;transition:background .12s,color .12s}.top-bar-menu:hover{color:var(--color-text-primary);background:#7d7d7d1f}.topbar-dropdown{background:var(--color-window-header);border:1px solid var(--color-border);min-width:190px;box-shadow:0 8px 24px var(--color-shadow-heavy);z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:0 0 8px 8px;padding:4px;position:absolute;top:32px;left:0}.topbar-dropdown-item{cursor:pointer;color:var(--color-text-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.topbar-dropdown-item:hover{background:var(--color-border);color:var(--color-sakura)}.topbar-dropdown-divider{background:var(--color-border);height:1px;margin:4px 6px}@media (width<=768px){.top-bar{height:32px;padding:0 8px}.topbar-hide-mobile{display:none!important}}@media (width<=480px){.topbar-hide-small-mobile{display:none!important}}.window{background:var(--color-window-bg);border-radius:var(--radius-window);border:1px solid var(--color-border);box-shadow:0 12px 32px var(--color-shadow);min-width:300px;min-height:180px;-webkit-backdrop-filter:blur(var(--os-window-blur,16px));backdrop-filter:blur(var(--os-window-blur,16px));flex-direction:column;display:flex;position:absolute;overflow:hidden}.window.is-dragging{-webkit-user-select:none!important;user-select:none!important;transition:none!important}.window.active{border-color:var(--color-border-active);box-shadow:0 16px 40px var(--color-shadow-heavy)}.window.maximized{border-radius:0!important;width:100vw!important;height:calc(100dvh - 32px)!important;top:32px!important;left:0!important}.window-header{background:var(--color-window-header);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:36px;padding:0 12px;display:flex}.window-traffic-lights{align-items:center;gap:7px;display:flex}.traffic-light{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;padding:0;transition:filter .15s;display:flex}.traffic-light:hover{filter:brightness(1.1)}.traffic-light.close{background:#ff5f56}.traffic-light.minimize{background:#ffbd2e}.traffic-light.maximize{background:#27c93f}.traffic-light svg{opacity:0;width:7px;height:7px;transition:opacity .1s}.window-header:hover .traffic-light svg{opacity:1}.window-title{text-align:center;color:var(--color-text-primary);flex:1;margin-right:54px;font-size:13px;font-weight:600}.window-content{flex:1;position:relative;overflow:auto}.resize-handle{z-index:10;position:absolute}.resize-handle-e{cursor:ew-resize;width:6px;top:36px;bottom:0;right:0}.resize-handle-s{cursor:ns-resize;height:6px;bottom:0;left:0;right:0}.resize-handle-se{cursor:nwse-resize;width:12px;height:12px;bottom:0;right:0}.resize-handle-w{cursor:ew-resize;width:6px;top:36px;bottom:0;left:0}.resize-handle-n{cursor:ns-resize;height:6px;top:36px;left:0;right:0}.resize-handle-sw{cursor:nesw-resize;width:12px;height:12px;bottom:0;left:0}.resize-handle-ne{cursor:nesw-resize;width:12px;height:12px;top:36px;right:0}.resize-handle-nw{cursor:nwse-resize;width:12px;height:12px;top:36px;left:0}@media (width<=768px){.window{border-radius:0!important;width:100vw!important;height:calc(100dvh - 32px)!important;top:32px!important;left:0!important}.window-header{height:40px!important}}.dock-wrapper{pointer-events:none;z-index:90;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:10px;left:0;right:0}.dock-container{pointer-events:auto;background:var(--color-window-header);border-radius:var(--radius-dock);border:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:flex-end;gap:6px;padding:6px 10px;display:flex}.dock-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex;position:relative}.dock-item:hover{transform:translateY(-4px)scale(1.12)}.dock-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.dock-icon-wrapper svg{width:100%;height:100%;display:block}.dock-item-dot{background:var(--color-sakura);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px}.dock-tooltip{background:var(--color-window-header);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;opacity:0;border:1px solid var(--color-border);box-shadow:0 4px 12px var(--color-shadow);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.dock-item:hover .dock-tooltip{opacity:1}@media (width<=768px){.dock-wrapper{bottom:6px}.dock-container{gap:4px;max-width:calc(100vw - 12px);padding:4px 8px;overflow-x:auto}.dock-item{width:40px!important;height:40px!important}.dock-icon-wrapper{width:36px!important;height:36px!important}}@media (width<=480px){.dock-item{width:36px!important;height:36px!important}.dock-icon-wrapper{width:32px!important;height:32px!important}}.context-menu{z-index:200;background:var(--color-window-header);border:1px solid var(--color-border);box-shadow:0 10px 25px var(--color-shadow-heavy);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;flex-direction:column;gap:2px;min-width:200px;padding:4px;display:flex;position:fixed}.context-menu-item{cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.context-menu-item-left{align-items:center;gap:8px;display:flex}.context-menu-icon{color:var(--color-text-secondary);flex-shrink:0}.context-menu-shortcut{font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted)}.context-menu-item:hover{background:var(--color-sakura);color:#fff}.context-menu-item:hover .context-menu-icon,.context-menu-item:hover .context-menu-shortcut{color:#fff}.context-menu-divider{background:var(--color-border);height:1px;margin:3px 6px}.notification{z-index:300;background:var(--color-window-header);border:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-shadow);color:var(--color-text-primary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;align-items:center;gap:10px;max-width:320px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;position:fixed;top:40px;right:12px}.app-calc{flex-direction:column;gap:10px;height:100%;padding:14px;display:flex}.app-calc-display{border:1px solid var(--color-border);border-radius:var(--radius-button);text-align:right;color:var(--color-text-primary);background:#7d7d7d14;justify-content:flex-end;align-items:flex-end;min-height:56px;padding:14px;font-size:26px;font-weight:700;display:flex}.app-calc-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.app-calc-btn{border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;color:var(--color-text-primary);background:#7d7d7d14;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:background .1s;display:flex}.app-calc-btn:hover{background:#7d7d7d29}.app-calc-btn.op{color:var(--color-sakura);background:#e11d4826}.app-calc-btn.op:hover{background:#e11d4840}.app-calc-btn.equals{background:var(--color-sakura);color:#fff}.app-calc-btn.equals:hover{background:var(--color-sakura-deep)}.app-terminal{color:#e4e4e7;font-family:var(--font-mono);background:#09090b;height:100%;padding:14px;font-size:13px;overflow-y:auto}.app-terminal-input{color:#f4f4f5;font-family:var(--font-mono);width:100%;caret-color:var(--color-sakura);background:0 0;border:none;outline:none;font-size:13px}.app-terminal-prompt{color:var(--color-sakura);font-weight:600}.app-terminal-line{margin-bottom:3px;line-height:1.5}.app-notes{flex-direction:column;height:100%;padding:16px;display:flex}.app-notes textarea{resize:none;font-family:var(--font-sans);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:1.6}