:root{--bg:#f7f3eb;--surface:#fdfbf7;--text:#4a3f38;--text-muted:#8a7b6f;--accent:#d9a7a7;--accent-secondary:#c9b29b;--border:#e8ded2;--danger:#b3402f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.shell{flex-direction:column;gap:20px;max-width:480px;min-height:100svh;margin:0 auto;padding:24px 20px 40px;display:flex}.shell-header h1{color:var(--text);margin:0;font-size:32px}.subtitle{color:var(--text-muted);margin:4px 0 0}.tabs{gap:8px;display:flex;overflow-x:auto}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--text)}.tab:disabled{cursor:not-allowed;opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.card h2{color:var(--text);margin:0;font-size:18px}.primary,.secondary{cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600}.primary{background:var(--accent);color:var(--text)}.secondary{background:var(--accent-secondary);color:var(--text)}.primary:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);font-size:14px}.user-id{color:var(--text-muted);word-break:break-all;margin-top:auto;font-size:12px}