@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}}@layer tokens{:root{--accent-h: 0;--accent-s: 100%;--accent-l: 62%;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-glow: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .4);--accent-subtle: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .08);--accent-hover: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .15);--bg-root: hsl(240, 67%, 1%);--bg-surface: hsla(240, 33%, 3.5%, .75);--bg-surface-intense: hsla(240, 33%, 3.5%, .95);--bg-surface-hover: hsla(0, 0%, 100%, .05);--bg-overlay: hsla(0, 0%, 0%, .6);--border-glass: hsla(0, 0%, 100%, .1);--border-glass-hover: hsla(0, 0%, 100%, .18);--border-accent: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .4);--text-primary: hsl(0, 0%, 100%);--text-secondary: hsla(0, 0%, 100%, .7);--text-tertiary: hsla(0, 0%, 100%, .4);--text-muted: hsla(0, 0%, 100%, .25);--color-success: hsl(150, 100%, 50%);--color-warning: hsl(43, 100%, 58%);--color-danger: hsl(4, 100%, 67%);--color-info: hsl(217, 100%, 62%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-window: 0 60px 120px -40px rgba(0, 0, 0, 1);--shadow-dock: 0 40px 100px -20px rgba(0, 0, 0, 1);--shadow-button: 0 10px 30px var(--accent-glow);--shadow-toast: 0 15px 40px rgba(0, 0, 0, .5);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--z-desktop: 1;--z-window: 100;--z-dock: 4000;--z-statusbar: 5000;--z-toast: 8000;--z-context-menu: 9000;--z-modal: 9500;--z-spotlight: 10000;--z-boot: 10500}[data-theme=midnight]{--accent-h: 217;--accent-s: 100%;--accent-l: 62%}[data-theme=toxic]{--accent-h: 150;--accent-s: 100%;--accent-l: 50%}}@layer base{body{font-family:var(--font-sans);background:var(--bg-root);color:var(--text-primary);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--accent-h),var(--accent-s),var(--accent-l),.15);border-radius:10px;border:1px solid hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:hsla(var(--accent-h),var(--accent-s),var(--accent-l),.15) transparent}::selection{background:var(--accent-hover);color:var(--text-primary)}}@layer components{.boot-screen{position:fixed;inset:0;z-index:var(--z-boot);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,hsl(240,50%,8%) 0%,var(--bg-root) 100%);transition:opacity 1s var(--ease-out-expo)}.boot-screen.exiting{opacity:0;pointer-events:none}.boot-card{background:var(--bg-surface-intense);padding:40px;border-radius:var(--radius-2xl);border:1px solid var(--border-glass);width:380px;text-align:center;box-shadow:var(--shadow-dock);animation:boot-slide-up .8s var(--ease-out-expo)}@keyframes boot-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.boot-logo{font-size:80px;filter:drop-shadow(0 0 40px var(--accent-glow));margin-bottom:25px;animation:boot-float 3s infinite ease-in-out}@keyframes boot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.boot-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:8px}.boot-subtitle{color:var(--text-muted);font-size:10px;margin-top:10px;letter-spacing:4px;text-transform:uppercase}.boot-input{width:100%;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px 18px;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;margin-top:30px;text-align:center;transition:var(--duration-normal) ease}.boot-input:focus{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 20px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1)}.boot-button{background:var(--accent);color:#fff;width:100%;padding:16px;border-radius:var(--radius-md);font-weight:700;letter-spacing:2px;font-size:12px;margin-top:15px;transition:var(--duration-normal) ease;text-transform:uppercase}.boot-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button)}.boot-button:disabled{opacity:.5;cursor:wait}.boot-status{font-size:10px;color:var(--text-tertiary);margin-top:20px;letter-spacing:1px;min-height:18px;text-transform:uppercase}.statusbar{height:32px;background:var(--bg-overlay);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);font-size:11px;z-index:var(--z-statusbar);color:var(--text-tertiary);font-weight:500;user-select:none}.status-pill{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface-hover);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-glass);font-size:11px}.heartbeat{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 10px var(--color-success);animation:heartbeat-pulse 2s infinite}@keyframes heartbeat-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.taskbar{height:90px;display:flex;align-items:center;justify-content:center;z-index:var(--z-dock);will-change:transform}.dock{display:flex;gap:10px;background:var(--bg-surface);backdrop-filter:blur(45px);-webkit-backdrop-filter:blur(45px);padding:12px 18px;border-radius:var(--radius-2xl);border:1px solid var(--border-glass);transform:translateY(120px);transition:1s var(--ease-out-expo)}.dock.ready{transform:translateY(-10px)}.dock-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s var(--ease-out-expo);border-radius:14px;font-size:26px;background:#ffffff05;border:1px solid transparent;color:var(--text-primary)}.dock-icon:hover{transform:translateY(-18px) scale(1.25);background:#ffffff1a;border-color:var(--border-glass);box-shadow:0 20px 40px #0009}.dock-icon:active{transform:scale(.85);transition-duration:.1s}.dock-icon.has-indicator:after{content:"";position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.dock-separator{width:1px;height:30px;background:#ffffff1a;margin:0 5px;align-self:center}.window{position:absolute;background:var(--bg-surface-intense);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-window);display:flex;flex-direction:column;will-change:transform,opacity,width,height;backface-visibility:hidden;-webkit-font-smoothing:antialiased;min-width:300px;min-height:200px;overflow:hidden}.window.maximized{inset:32px 0 0!important;width:100%!important;height:calc(100% - 32px)!important;border-radius:0!important;transition:.2s var(--ease-out-expo)}.window-header{padding:14px var(--space-5);background:#ffffff04;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;cursor:move;user-select:none;flex-shrink:0}.window.maximized .window-header{border-radius:0}.window-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}.window-controls{display:flex;gap:var(--space-2)}.window-dot{width:13px;height:13px;border-radius:50%;cursor:pointer;transition:.2s}.window-dot:hover{filter:brightness(1.3);transform:scale(1.3)}.window-dot.close{background:#ff6257}.window-dot.minimize{background:#ffc229}.window-dot.maximize{background:#47d147}.window-body{flex:1;background:#0000004d;overflow:hidden;padding:15px;position:relative;min-height:0}.resizer{position:absolute;z-index:10}.resizer-r{cursor:e-resize;width:8px;right:-4px;top:0;bottom:0}.resizer-l{cursor:w-resize;width:8px;left:-4px;top:0;bottom:0}.resizer-b{cursor:s-resize;height:8px;bottom:-4px;left:0;right:0}.resizer-t{cursor:n-resize;height:8px;top:-4px;left:0;right:0}.resizer-rb{cursor:se-resize;width:14px;height:14px;right:-7px;bottom:-7px}.resizer-lb{cursor:sw-resize;width:14px;height:14px;left:-7px;bottom:-7px}.resizer-rt{cursor:ne-resize;width:14px;height:14px;right:-7px;top:-7px}.resizer-lt{cursor:nw-resize;width:14px;height:14px;left:-7px;top:-7px}.snap-guide{position:fixed;background:hsla(var(--accent-h),var(--accent-s),var(--accent-l),.15);border:2px solid var(--accent);z-index:9999;display:none;pointer-events:none;border-radius:10px;transition:.15s}.wallpaper{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.particle{position:absolute;background:var(--accent);border-radius:50%;opacity:.12;filter:blur(4px);animation:particle-float linear infinite}@keyframes particle-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-110vh) scale(1.5)}}.toast-container{position:fixed;bottom:100px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--bg-surface-intense);border:1px solid var(--border-glass);padding:12px 20px;border-radius:var(--radius-md);font-size:11px;transform:translate(120%);transition:transform .3s var(--ease-spring);pointer-events:auto}.toast.show{transform:translate(0)}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-danger)}.toast.warning{border-left:4px solid var(--color-warning)}.context-menu{position:fixed;background:var(--bg-surface-intense);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-glass);border-radius:10px;min-width:160px;z-index:var(--z-context-menu);padding:5px 0;box-shadow:var(--shadow-toast)}.context-menu-item{padding:8px 16px;font-size:11px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.context-menu-item:hover{background:var(--accent);color:var(--text-primary)}.context-menu-separator{height:1px;background:var(--border-glass);margin:5px 0}.spotlight{position:fixed;inset:0;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:var(--z-spotlight);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.spotlight-box{width:600px;background:var(--bg-surface-intense);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-dock);overflow:hidden}.spotlight-input{width:100%;background:#ffffff0a;padding:22px 30px;color:var(--text-primary);font-size:20px;font-family:var(--font-sans);border-bottom:1px solid var(--border-glass)}.spotlight-result{padding:12px 30px;cursor:pointer;display:flex;align-items:center;gap:15px;border-bottom:1px solid hsla(0,0%,100%,.03)}.spotlight-result:hover,.spotlight-result.selected{background:var(--bg-surface-hover)}.action-button{background:var(--bg-surface-hover);border:1px solid var(--border-glass);color:var(--text-primary);padding:var(--space-1) var(--space-3);border-radius:6px;font-size:10px;cursor:pointer;transition:.2s;font-family:var(--font-sans)}.action-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.action-button:disabled{opacity:.25;cursor:not-allowed}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table td{padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.03);vertical-align:middle}.data-table th{padding:8px 12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.4;font-weight:600;border-bottom:1px solid hsla(0,0%,100%,.08);text-align:left}.data-table tr:hover td{background:#3d87ff14}.meter-card{background:#ffffff08;border:1px solid var(--border-glass);padding:14px;border-radius:14px;text-align:left}.meter-label{font-size:9px;opacity:.45;letter-spacing:1px;text-transform:uppercase}.meter-value{font-size:17px;font-weight:700;margin:6px 0 8px;font-family:var(--font-display)}.meter-bar{height:3px;background:#ffffff0f;border-radius:2px}.meter-fill{height:100%;border-radius:2px;transition:width .6s ease}.acrylic-loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.acrylic-spinner{width:24px;height:24px;border:2px solid hsla(0,0%,100%,.1);border-top-color:var(--accent);border-radius:50%;animation:acrylic-spin .8s linear infinite}@keyframes acrylic-spin{to{transform:rotate(360deg)}}.window-progress{position:absolute;top:0;left:0;right:0;height:2px;background:transparent;overflow:hidden}.window-progress.active:after{content:"";display:block;width:40%;height:100%;background:var(--accent);animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}}