*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
button,input{font:inherit;font-stretch:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer;text-align:left}
a{color:inherit}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
kbd{font:500 10.5px/1 var(--mono);color:var(--muted);border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--r-s);padding:2px 4px;background:var(--surface);display:inline-block}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-s)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mt-l{margin-top:22px}.mt-m{margin:16px 0 4px}.m0{margin:0}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 13px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);font-size:var(--t-m);font-weight:500;color:var(--text);white-space:nowrap;text-decoration:none;transition:background .12s,border-color .12s}
.btn:hover{background:var(--hover)}
.btn svg{width:16px;height:16px;flex:none}
.btn kbd{margin-left:2px}
.btn-pri{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);font-weight:600}
.btn-pri:hover{background:var(--accent-strong-hover);border-color:var(--accent-strong-hover)}
.btn-pri kbd{background:transparent;color:inherit;opacity:.8;border-color:currentColor}
.btn-dark{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:600}
.btn-dark:hover{opacity:.9;background:var(--text)}
.btn-dark kbd{background:transparent;color:inherit;opacity:.75;border-color:currentColor}
.btn-on{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}
.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}
.btn-ghost:hover{color:var(--text)}
.btn-sm{height:30px;padding:0 10px;font-size:var(--t-s)}
.spacer{flex:1}
.fine{font-size:var(--t-xs);color:var(--faint);margin-top:10px;line-height:1.5}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);font-weight:600;padding:1px 7px;border-radius:var(--r-s);background:var(--sunk);color:var(--muted);white-space:nowrap}
.pill.err{background:var(--urg-soft);color:var(--urg-text)}
.pill.ok{background:var(--hi-bg);color:var(--hi-text)}
[hidden]{display:none!important}
button:disabled{opacity:.55;cursor:wait}
input,select{max-width:100%}