:root{color-scheme:light;--paper:#e9e6dc;--ink:#171c1c;--muted:#5c6561;--line:#abb1a8;--signal:#cd532b;--card:#f5f2e9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.shell{min-height:100vh;max-width:1440px;margin:auto;padding:0 clamp(22px,6vw,94px);background:radial-gradient(circle at 76% 17%,#f6f3ea 0,transparent 33%),var(--paper)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.15em;font-weight:700}.brand small{font-size:10px;letter-spacing:.28em;font-weight:400}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);font-size:16px;letter-spacing:-.15em}.top-meta,.eyebrow,.panel-label,footer,.quiet,.hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.top-meta,.panel-label,footer{font-size:11px;letter-spacing:.16em}.top-meta{color:var(--muted)}main{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1fr);gap:clamp(32px,7vw,112px);padding:clamp(55px,8vw,118px) 0 80px;align-items:start}.intro{position:sticky;top:40px}.eyebrow{font-size:11px;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px #cd532b22}h1{font-size:clamp(64px,7vw,112px);letter-spacing:-.065em;line-height:.92;font-weight:400;margin:34px 0 30px}h1 em{color:var(--signal);font-weight:400}h2{font-size:clamp(31px,3vw,46px);letter-spacing:-.045em;font-weight:400;line-height:1.08;margin:20px 0 12px}h3{font-size:28px;letter-spacing:-.035em;font-weight:400;margin:19px 0 25px}.intro p,.panel p{color:var(--muted);font-size:17px;line-height:1.5;max-width:480px}.panel{background:var(--card);border:1px solid var(--ink);padding:clamp(24px,3vw,42px);box-shadow:8px 8px 0 #171c1c12}.panel-label{font-weight:700;color:var(--signal)}form{display:grid;gap:22px;margin-top:34px}label{display:grid;gap:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:0;background:#fffdf8;color:var(--ink);padding:0 15px;outline:none;font-size:17px;letter-spacing:0}input:focus{border-color:var(--signal);box-shadow:0 0 0 2px #cd532b22}button:not(.quiet){min-height:52px;padding:0 20px;background:var(--ink);color:#fff;border:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.07em;text-transform:uppercase;transition:background .18s,color .18s}button:not(.quiet):hover{background:var(--signal);border-color:var(--signal)}button:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.quiet{border:0;background:none;padding:8px 0;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink)}.quiet:hover{color:var(--signal);border-color:var(--signal)}.dashboard-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.dashboard-head h2{margin-bottom:0}.pair-panel{margin-bottom:26px}#pair-form{grid-template-columns:1fr auto;gap:9px;margin-top:0}#pair-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;letter-spacing:.12em;text-transform:uppercase}.review-rule{border-top:1px solid var(--line);margin-top:30px}.hint{font-size:12px!important}.actions{display:flex;gap:20px;align-items:center;margin-top:22px}.device-list{margin-top:22px}.device-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.device-row strong{display:block;font-size:20px;font-weight:400}.device-row small{display:block;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:6px}.device-row .quiet{color:var(--signal);border-color:var(--signal)}#notice{grid-column:2;color:var(--signal);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;min-height:20px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:20px 0 28px;color:var(--muted)}code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#dedad0;padding:3px 5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){main{display:block;padding-top:55px}.intro{position:static;margin-bottom:44px}.intro h1{font-size:clamp(64px,15vw,100px)}#notice{margin-top:25px}.top-meta{display:none}}@media(max-width:520px){.shell{padding:0 20px}.topbar{height:74px}.panel{padding:23px;box-shadow:5px 5px 0 #171c1c12}#pair-form{grid-template-columns:1fr}.actions{display:grid}.actions button{width:100%}footer{font-size:9px}}

.connection-panel{margin-bottom:26px}.connection-panel form{margin-top:22px}.connection-panel .hint{margin:0;font-size:12px;line-height:1.5}.connection-state{display:flex;align-items:center;gap:10px;margin:0 0 6px!important;font:12px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.04em}.connection-state::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--signal)}.connection-state[data-status="connected"]::before{background:#2e8066}.connection-state[data-status="restarting"]::before{background:#b78931}