:root{--color-bg-deep: #0D1118;--color-bg-base: #0F151E;--color-bg-surface: #111820;--color-bg-elevated: #1A222C;--glass-bg-primary: rgba(17, 24, 32, .95);--glass-bg-secondary: rgba(15, 21, 30, .5);--glass-border: rgba(38, 48, 62, .8);--glass-blur: 12px;--glass-blur-light: 8px;--border-subtle: #263040;--border-hover: #364656;--border-active: #B0C4D6;--border-active-glow: rgba(176, 196, 214, .25);--text-primary: #E6ECF0;--text-secondary: #9CAEBE;--text-accent: #B0C4D6;--text-muted: #8292A4;--text-faint: #6A7A8C;--text-placeholder: #485664;--accent-primary: #B0C4D6;--accent-hover: #C4D6E4;--accent-secondary: #8292A4;--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(ellipse at 20% 50%,#0f151e,#0d1118 60%,#111820);background-size:100% 100%;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:#0a0e12e6;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:box-shadow .2s ease-out,border-color .2s ease-out}.tile-primary{background:var(--color-bg-surface);border:1px solid var(--glass-border);padding:20px}.tile-secondary{background:var(--color-bg-base);border:1px solid var(--glass-border);padding:15px;box-shadow:var(--shadow-md)}.tile-compact{padding:12px}.tile-interactive{cursor:pointer;transition:box-shadow .2s ease-out,border-color .2s ease-out}.tile-interactive:hover{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 #b0c4d626,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}