:root{--color-surface:#f6f3ec;--color-error:#9a3f25}@media (prefers-color-scheme:dark){:root{--color-bg:#1e1d1b;--color-bg-alt:#262523;--color-surface:#262523;--color-text:#edeae0;--color-text-muted:#a39d93;--color-border:#3a3835;--color-link:#8faa86;--color-accent:#8faa86;--color-logo:#edeae0;--color-bg-inverse:#141413;--color-error:#e08a6d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font:400 17px/1.6 var(--font-body);margin:0}a{color:var(--color-link)}.top{padding:calc(env(safe-area-inset-top,0px) + 16px) 20px 16px;background:var(--color-bg-inverse);border-bottom:1px solid var(--panna-oak);justify-content:space-between;align-items:center;display:flex}.top .lockup{height:32px;display:block}.top .symbol{height:28px;display:none}@media (width<=520px){.top .lockup{display:none}.top .symbol{display:block}}.top nav a{color:var(--panna-paper);font:500 13px var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin-left:18px;text-decoration:none}.env{font:500 11px var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--panna-stone);border:1px solid var(--panna-stone);margin-left:12px;padding:2px 8px}main{max-width:560px;margin:0 auto;padding:48px 20px 80px}h1{font:500 clamp(32px, 6vw, 44px)/1.15 var(--font-display);margin:0 0 8px}.muted{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:24px;padding:24px}.card dt{font:500 12px var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.card dd{margin:2px 0 16px;font-size:18px}form{gap:12px;margin-top:24px;display:grid}label{color:var(--color-text-muted);font-size:14px}input{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%;padding:14px 16px}input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}input.code{letter-spacing:.4em;text-align:center;font-size:24px}button,.btn{font:500 14px var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-radius:var(--radius);background:var(--panna-sage);color:#fff;cursor:pointer;text-align:center;border:0;min-height:52px;padding:14px 24px;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:var(--panna-sage-deep)}button[disabled]{opacity:.6;cursor:wait}button.ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.error{color:var(--color-error);min-height:24px}
