:root{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-speed: .25s;--bg-page: #0a0e17;--bg-surface: #111827;--bg-surface-elevated: #1a2234;--bg-header: rgba(17, 24, 39, .85);--border-subtle: #243049;--border-highlight: #3b82f6;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary-accent: #3b82f6;--primary-accent-hover: #60a5fa;--badge-bg: rgba(59, 130, 246, .15);--badge-border: rgba(59, 130, 246, .35);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6)}[data-theme=light]{--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-header: rgba(255, 255, 255, .88);--border-subtle: #e2e8f0;--border-highlight: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary-accent: #2563eb;--primary-accent-hover: #1d4ed8;--badge-bg: rgba(37, 99, 235, .08);--badge-border: rgba(37, 99, 235, .2);--shadow-sm: 0 2px 4px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .12)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:var(--font-family-base);background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}a{color:var(--primary-accent);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--primary-accent-hover);text-decoration:underline}.hbox,.flex-row{display:flex;flex-direction:row}.vbox,.flex-column{display:flex;flex-direction:column}.padding-20px{padding:clamp(1rem,3vw,1.75rem)}.padding-10px{padding:.75rem}