:root{--bg: #f4f0e7;--panel: #fcfaf5;--panel-2: #ece7da;--border: #ddd6c4;--text: #1d1a14;--muted: #6e6757;--accent: #a86a22;--accent-ink: #fffaf0;--accent-soft: rgba(168, 106, 34, .12);--danger: #a4271f;--danger-soft: rgba(164, 39, 31, .08);--ok: #3b7a46;--radius: 14px;--pad: 16px;--tap: 44px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #17150f;--panel: #211e16;--panel-2: #2a261c;--border: #37321f;--text: #f3e9d2;--muted: #a89f8a;--accent: #e0a458;--accent-ink: #17150f;--accent-soft: rgba(224, 164, 88, .14);--danger: #e57373;--danger-soft: rgba(229, 115, 115, .12);--ok: #8bc48a;color-scheme:dark}}:root[data-theme=dark]{--bg: #17150f;--panel: #211e16;--panel-2: #2a261c;--border: #37321f;--text: #f3e9d2;--muted: #a89f8a;--accent: #e0a458;--accent-ink: #17150f;--accent-soft: rgba(224, 164, 88, .14);--danger: #e57373;--danger-soft: rgba(229, 115, 115, .12);--ok: #8bc48a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:env(safe-area-inset-top)}#app{max-width:720px;margin:0 auto;padding:0 max(var(--pad),env(safe-area-inset-left)) calc(60px + env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-right));min-height:100dvh}a{color:var(--accent);text-decoration:none}h1{font-size:1.45rem;margin:14px 0 6px;letter-spacing:-.01em}h2{font-size:1.05rem;margin:24px 0 8px}h3.group{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 6px}p{margin:8px 0}ol,ul{padding-left:1.2em}.muted{color:var(--muted)}.small{font-size:.86rem}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.hidden{display:none!important}.foot{margin-top:28px;font-size:.85rem;text-align:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px var(--pad)}.card.accent{border-color:var(--accent);background:var(--accent-soft);margin:10px 0}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.row.head{margin-top:18px}.row.head h1,.row.head h2{margin:0}.grow{flex:1;min-width:0}.line{display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:10px 0;border-top:1px solid var(--border);color:inherit}.line:first-child{border-top:0}.line .chev{color:var(--muted);font-size:1.3rem}.line .title{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 18px;border-radius:12px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn.secondary{background:transparent;color:var(--accent)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.small{min-height:34px;padding:0 12px;font-size:.88rem;font-weight:500}.btn:disabled{opacity:.55;cursor:default}.form label{display:block;margin:12px 0}.form label>span{display:block;font-size:.86rem;color:var(--muted);margin-bottom:4px}input[type=text],input[type=url],input[type=email],select,textarea{width:100%;min-height:var(--tap);padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit}.row>input,.row>select{width:auto;flex:1;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}select.inline{width:auto;min-height:34px;padding:4px 8px;font-size:.9rem}.chip{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.02em}.chip.accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip.ok{color:var(--ok)}.wordmark{margin-right:8px}.topnav .back{font-size:1.6rem;line-height:1;padding:0 8px 4px 0;color:var(--muted)}.wordmark{font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--text)}.wordmark .dot{color:var(--accent)}.tabs{display:flex;gap:4px;margin:14px 0 6px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:8px 12px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tab.on{color:var(--text);border-color:var(--accent)}.firstrun{max-width:560px;margin:0 auto;padding-top:7vh}.firstrun .wordmark{font-size:1.6rem}.firstrun h1{font-size:1.6rem;margin:12px 0 6px}.firstrun .back{display:inline-block;margin-bottom:14px;color:var(--muted)}.firstrun .form label{margin:0}.firstrun .form{display:flex;flex-direction:column;gap:14px}.firstrun .row.prefix{gap:6px}.firstrun .row.prefix .mono{white-space:nowrap}.landing{padding-top:12vh;text-align:center}.landing.narrow{padding-top:8vh;max-width:460px;margin:0 auto}.landing .wordmark{font-size:2.6rem}.tagline{font-size:1.15rem;color:var(--muted);max-width:560px;margin:14px auto 22px}.cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}.cta .btn{min-width:200px}.home{padding-top:18vh;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.home footer{margin-top:auto;padding-top:48px}.home .mark{width:132px;height:66px;overflow:visible}.home .mark path{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.home .mark .l{stroke:var(--text)}.home .mark .r{stroke:var(--accent)}.home .name{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:22px 0 0}.home .tagline{max-width:30ch;margin:8px auto 30px;text-wrap:balance}.home .cta{margin:0;width:100%}.home .btn.secondary{background:var(--panel);border-color:var(--border);color:var(--text)}@media(max-width:480px){.home .cta .btn{flex:1 1 100%}}.consent{text-align:left}.consent .row{margin-top:14px}.consent .btn{flex:1}.error,.notice{border-radius:12px;padding:10px 14px;margin:12px 0;font-size:.92rem}.error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger)}.notice{background:var(--accent-soft);border:1px solid var(--accent);color:var(--text)}.snippet{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin:8px 0}.snippet code{flex:1;min-width:0;overflow-x:auto;white-space:pre;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem}.token-reveal{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;padding:10px 12px;border-radius:10px;background:var(--accent-soft);border:1px dashed var(--accent)}.steps li{margin:6px 0}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:8px 0}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.copyable{display:inline-flex;align-items:center;gap:6px;max-width:100%;vertical-align:middle}.copyable>.mono{min-width:0;overflow-wrap:anywhere}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:0;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.icon-btn:hover,.icon-btn:focus-visible{color:var(--accent);background:var(--accent-soft);border-color:var(--border);outline:none}.icon-btn:active{transform:translateY(1px)}.icon-btn.done{color:var(--ok)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.btn .last-used{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;border:1px solid currentColor;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;line-height:1.4;vertical-align:middle;opacity:.8}.picks{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0 4px}.pick{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);cursor:pointer;font-size:.9rem}.pick:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.pick input{accent-color:var(--accent);margin:0}.email-alt{max-width:420px;margin:4px auto 16px}.email-code{text-align:left;margin-top:8px}.email-code label{display:block;margin:10px 0}.email-code label>span{display:block;font-size:.86rem;color:var(--muted);margin-bottom:4px}.email-code input[name=code]{font-size:1.4rem;letter-spacing:.3em;text-align:center}.email-code .btn[type=submit]{width:100%}.email-code-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.passkey-offer{text-align:left}