:root{color-scheme:light dark;font-family:system-ui,sans-serif;--bg:#F5F5F4;--bg2:#ECEBE8;--ink:#141210;--muted:#5E5B56}
@media (prefers-color-scheme:dark){:root{--bg:#0C0C0D;--bg2:#141210;--ink:#F5F5F4;--muted:#A9A6A0}}
body{margin:0 auto;max-width:40rem;padding:1rem;line-height:1.5;background:var(--bg);color:var(--ink)}
label{display:block;margin:.6rem 0 .2rem}input[type=email],input[type=text],select{width:100%;box-sizing:border-box;padding:.6rem;font-size:1rem}
button{margin-top:.8rem;padding:.7rem 1rem;font-size:1rem;min-height:44px;cursor:pointer}.chk{display:flex;gap:.5rem;align-items:flex-start}.chk input{margin:.1rem 0 0;width:24px;height:24px;flex:0 0 24px}.ts-box{max-width:100%;min-height:65px}.ts-box:focus{outline:2px solid var(--ink);outline-offset:2px}.ts-msg:not(:empty){margin-top:.6rem;padding:.6rem .8rem;border-left:3px solid var(--muted);background:var(--bg2);color:var(--ink)}.ts-msg p{margin:0}.ts-msg button{margin-top:.6rem}@media (max-width:340px){body{padding:1rem .5rem}}
.echo{overflow-wrap:anywhere;background:#ffe;padding:.5rem;color:#000}section{border-top:1px solid #8884;margin-top:1.2rem;padding-top:.6rem}.hp{position:absolute;left:-9999px}
a{color:inherit}small{color:var(--muted)}#ref-link{width:100%;box-sizing:border-box;padding:.6rem;font-size:1rem;font-family:ui-monospace,monospace}.ref button:focus-visible,#ref-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ref-btns{display:flex;flex-wrap:wrap;gap:.5rem}.ref-btns button{margin-top:0}.ref-st:not(:empty){padding:.4rem .6rem;border-left:3px solid var(--muted);background:var(--bg2)}@media (prefers-color-scheme:dark){button{color:var(--ink);background:var(--bg2);border:1px solid var(--muted)}}