:root{--color-bg: #121212;--color-bg-subtle: #1c1c1e;--color-surface: #2c2c2e;--color-surface-elevated: #3a3a3c;--color-border: #3a3a3c;--color-text: #ffffff;--color-text-secondary: #a1a1a1;--color-primary: #d0fd3e;--color-primary-hover: #b8e436;--color-primary-contrast: #121212;--color-accent: #007aff;--color-success: #34c759;--color-error: #ff3b30;--color-warning: #ff9500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 24px;--radius-full: 9999px;--page-padding-x: 16px;--bottom-nav-height: 56px;--top-bar-height: 56px;--max-content-width: 480px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .35);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .5);--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display-lg: 700 32px/1.2 var(--font-family);--font-heading-1: 700 24px/1.3 var(--font-family);--font-heading-2: 600 20px/1.35 var(--font-family);--font-body: 400 16px/1.5 var(--font-family);--font-body-sm: 400 14px/1.45 var(--font-family);--font-label: 500 12px/1.4 var(--font-family);--font-button: 600 16px/1 var(--font-family)}[data-theme=light]{--color-bg: #ffffff;--color-bg-subtle: #f5f5f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e5e5ea;--color-text: #1c1c1e;--color-text-secondary: #8e8e93;--color-primary: #003366;--color-primary-hover: #002244;--color-primary-contrast: #ffffff;--color-accent: #007aff;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .24)}h1,.h1{font:var(--font-heading-1);color:var(--color-text);margin:0 0 var(--space-4)}h2,.h2{font:var(--font-heading-2);color:var(--color-text);margin:0 0 var(--space-3)}.display-lg{font:var(--font-display-lg);color:var(--color-text)}.body-sm{font:var(--font-body-sm);color:var(--color-text-secondary)}.label{font:var(--font-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.text-muted{color:var(--color-text-secondary)}.text-accent{color:var(--color-primary)}html{color-scheme:dark}html[data-theme=light]{color-scheme:light}body{margin:0;font:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100dvh;padding:var(--space-4) var(--page-padding-x);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6) + env(safe-area-inset-bottom,0px));max-width:var(--max-content-width);margin:0 auto}.page--auth{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-6) var(--page-padding-x);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));max-width:var(--max-content-width);margin:0 auto}.page--no-nav{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}