:root{--sm-charcoal:#2C2C2A;--sm-warm-white:#FAF8F5;--sm-cream:#F3F0EB;--sm-coin-gold:#EF9F27;--sm-success:#639922;--sm-danger:#E24B4A;--sm-info:#378ADD;--sm-charcoal-light:#4A4A47;--sm-border:#E0DDD8;--sm-muted:#8A8784;--sm-coin-gold-light:#FFF3DC;--sm-success-light:#E8F5D4;--sm-danger-light:#FDE8E8;--sm-info-light:#E3F0FC;--font-display:"DM Serif Display",Georgia,serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--shadow-sm:0 1px 2px rgba(44,44,42,0.06);--shadow-md:0 2px 8px rgba(44,44,42,0.08);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--sm-charcoal);background:var(--sm-warm-white);line-height:1.5;min-width:320px;max-width:480px;margin:0 auto}h1,h2,h3{font-family:var(--font-display);font-weight:400}.card{background:var(--sm-cream);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:500;border:none;cursor:pointer;transition:opacity .15s;width:100%}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sm-coin-gold);color:white}.btn-secondary{background:var(--sm-cream)}.btn-secondary,.input{color:var(--sm-charcoal);border:1px solid var(--sm-border)}.input{width:100%;padding:.75rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;background:white;outline:none}.input:focus{border-color:var(--sm-coin-gold)}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:white;border-top:1px solid var(--sm-border);max-width:480px;margin:0 auto;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.tab-bar a{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:.5rem 0;font-size:.6875rem;color:var(--sm-muted);text-decoration:none;gap:.125rem}.tab-bar a.active{color:var(--sm-coin-gold)}.tab-bar a .tab-icon{font-size:1.25rem}