*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f4ee;--bg-alt:#f1efe6;--surface:#fff;--ink:#1a1916;--ink-muted:#6f6a5e;--ink-faint:#a8a294;--ink-faint2:#b0aa9c;--green:#2f8a4f;--green-light:#54b074;--green-bright:#5fd389;--green-deep:#1a2a1e;--green-chip-bg:#e7f0e6;--green-chip-text:#1f6b3c;--green-chip-label:#3f8a57;--track:#eee9dd;--divider:#1a19160f;--font-sans:"Hanken Grotesk", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-card:0 1px 0 #1a191608, 0 12px 28px -22px #1a191666;--shadow-card-lg:0 1px 0 #1a191608, 0 14px 30px -22px #1a191673;--shadow-btn:0 10px 24px -12px #2f8a4fcc;--shadow-dark:0 18px 40px -24px #1a2a1ee6}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased}#root{flex-direction:column;max-width:430px;height:100%;margin:0 auto;display:flex;position:relative}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}img{display:block}.screen{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding-bottom:16px;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{display:none}.card{background:var(--surface);box-shadow:var(--shadow-card-lg);border-radius:20px}.btn-primary{background:var(--green);color:#fff;height:54px;font:700 16px var(--font-sans);box-shadow:var(--shadow-btn);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;display:flex}.progress-track{background:var(--track);border-radius:6px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--green), var(--green-light));border-radius:6px;height:100%}.bottom-nav{-webkit-backdrop-filter:blur(10px);padding:10px 12px 24px;padding-bottom:max(env(safe-area-inset-bottom,0px), 16px);background:#f6f4eeed;border-top:1px solid #1a191612;flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.nav-tab{color:var(--ink-faint2);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 10px;transition:color .15s;display:flex}.nav-tab.active{color:var(--green)}.nav-tab span{font:600 9px var(--font-sans)}