:root{--color-bg-deep: #0A0E12;--color-bg-base: #0C1018;--color-bg-surface: #0E1216;--color-bg-elevated: #141A22;--glass-bg-primary: rgba(14, 18, 22, .6);--glass-bg-secondary: rgba(12, 16, 24, .5);--glass-border: rgba(28, 36, 48, .8);--glass-blur: 12px;--glass-blur-light: 8px;--border-subtle: #1C2430;--border-hover: #2A3444;--border-active: #9AADC0;--border-active-glow: rgba(154, 173, 192, .25);--text-primary: #DCE2E8;--text-secondary: #8A9AAA;--text-accent: #9AADC0;--text-muted: #708090;--text-faint: #586878;--text-placeholder: #3A4550;--accent-primary: #9AADC0;--accent-hover: #B0C0D0;--accent-secondary: #708090;--color-positive: #4ADE80;--color-negative: #F87171;--color-warning: #FBBF24;--color-warning-text: #FDE68A;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 36px rgba(0, 0, 0, .5);--shadow-header: 0 4px 20px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;padding:0;font-family:var(--font-system);background-color:var(--color-bg-deep);background-image:radial-gradient(circle,rgba(154,173,192,.15) 1px,transparent 1px),radial-gradient(circle,rgba(154,173,192,.08) 1px,transparent 1px),radial-gradient(circle,rgba(154,173,192,.05) 1px,transparent 1px),linear-gradient(135deg,#0a0e12,#0c1018,#0e1216);background-size:97px 97px,131px 131px,83px 83px,100% 100%;background-position:0 0,48px 48px,24px 24px,0 0;color:var(--text-primary)}html,body{height:100%}.spinner{border:5px solid var(--border-subtle);border-top:5px solid var(--accent-primary);border-radius:50%;width:60px;height:60px;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;background:#0a0e12d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-2xl);z-index:10;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-overlay .spinner{margin-bottom:15px;width:50px;height:50px}.loading-overlay p{color:var(--accent-primary);font-size:.95rem;font-weight:600;margin:0}html,body,*{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--color-bg-surface)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:4px;height:4px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--color-bg-surface);border-radius:var(--radius-sm)}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-sm)}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}html::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active,*::-webkit-scrollbar-thumb:active{background:var(--accent-secondary)}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,*::-webkit-scrollbar-corner{background:var(--color-bg-surface)}.tile{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);position:relative;transition:all .3s ease}.tile-primary{background:var(--glass-bg-primary);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:20px}.tile-secondary{background:var(--glass-bg-secondary);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));padding:15px;box-shadow:var(--shadow-md)}.tile-compact{padding:12px}.tile-interactive{cursor:pointer;transition:all .2s ease}.tile-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--border-active-glow)}.tile-interactive:active,.tile-interactive.active{border-color:var(--border-active);box-shadow:0 0 0 1px #9aadc026,var(--shadow-lg)}.tile h3,.tile h2{margin:0 0 15px;color:var(--text-accent);font-size:1.5rem;font-weight:700;letter-spacing:.5px}.tile h4{margin:0 0 10px;color:var(--text-accent);font-size:1.2rem;font-weight:600}