:root{color-scheme:light;--navy: #1a3a5c;--navy-light: #234d75;--green: #2d6a4f;--green-light: #3a8565;--gold: #c9a96e;--gold-dark: #a8873e;--navy-ink: #1a3a5c;--green-ink: #2d6a4f;--gold-ink: #a8873e;--navy-soft: rgba(26, 58, 92, .08);--bg: #f5f5f7;--text: #1d1d1f;--text-secondary: #86868b;--text-muted: #aeaeb2;--surface: #e8e8ed;--surface-2: #f7f7f8;--card: #ffffff;--white: #ffffff;--border: rgba(0, 0, 0, .08);--hairline: #f0f0f0;--overlay: rgba(0, 0, 0, .45);--footer-text: #c7c7cc;--footer-faint: #d8d8dc;--danger: #d32f2f;--danger-bg: #fff5f5;--danger-border: #ffd5d5;--tip-bg: #f6efda;--tip-text: #6e5a18;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 20px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif}[data-theme=dark]{color-scheme:dark;--navy-ink: #8ab4e0;--green-ink: #5fbe92;--gold-ink: #d9bd85;--navy-soft: rgba(138, 180, 224, .14);--bg: #0a0a0a;--text: #f5f5f7;--text-secondary: #9b9ba2;--text-muted: #6e6e76;--surface: #2c2c2e;--surface-2: #161618;--card: #1c1c1e;--border: rgba(255, 255, 255, .12);--hairline: #2c2c2e;--overlay: rgba(0, 0, 0, .65);--footer-text: #5e5e66;--footer-faint: #4c4c52;--danger: #ff6b6b;--danger-bg: rgba(255, 107, 107, .12);--danger-border: rgba(255, 107, 107, .35);--tip-bg: #322b18;--tip-text: #e3d29a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-height:100dvh}#app{max-width:480px;margin:0 auto;min-height:100dvh}@media (min-width: 768px){#app{max-width:960px}}input,textarea,button{font-family:inherit}.btn{width:100%;padding:15px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--navy);color:var(--white)}.btn-green{background:var(--green);color:var(--white)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--white)}.btn-light{background:var(--surface);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-secondary);font-size:14px;padding:10px}.input{width:100%;padding:13px 16px;border:none;background:var(--surface);border-radius:var(--radius-sm);font-size:16px;color:var(--text);outline:none}.input::placeholder{color:var(--text-muted)}.label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.page{padding:16px 20px 20px;min-height:100dvh;display:flex;flex-direction:column}