:root{--cream: #17120f;--cream-dark: #221b15;--surface: #1f1813;--ink: #f3ecdf;--ink-soft: #a99c8a;--accent: #d4733f;--accent-dark: #e58c57;--line: rgba(243, 236, 223, .14);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em;margin:0}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;background:var(--cream);box-shadow:0 0 40px #0000000f}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 24px 36px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.top-spacer{flex:1 1 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:16px 24px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-danger{background:#b3462a;color:#fff}.btn-block{width:100%}.btn-sm{padding:10px 16px;font-size:14px;gap:7px}.btn-white{background:#fff;color:#1a1410}.btn svg{width:17px;height:17px;flex-shrink:0}.field-label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin:0 0 8px}.field-hint{color:var(--ink-soft);font-size:12.5px;line-height:1.4;margin:0 0 32px}.text-input{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:15px 16px;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:20px;margin-bottom:24px}.text-input:focus{outline:none;border-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-family:ui-monospace,Menlo,monospace}.screen-title-row{display:flex;align-items:center;gap:10px;margin-bottom:24px}.back-btn{background:transparent;border:none;color:var(--ink);font-size:26px;line-height:1;padding:4px 8px;cursor:pointer}.welcome-headline{font-size:42px;line-height:1.08;margin-bottom:16px}.welcome-sub{color:var(--ink-soft);font-size:16px;line-height:1.5;max-width:320px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}.pill-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.pill{padding:11px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}.pill.selected{background:var(--ink);color:var(--cream);border-color:var(--ink)}.muted{color:var(--ink-soft);font-size:13px}