:root{color-scheme:dark;--bg:#111416;--panel:#1b2023;--line:#333b40;--text:#edf2f3;--muted:#a4afb4;--accent:#cbf179;--warning:#f0c97f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.relay-settings{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.relay-settings select{width:100%;margin:5px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.relay-settings .route-list button{margin-left:10px;padding:6px 10px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 24px;border-bottom:1px solid var(--line);gap:16px}.brand{font-size:23px;font-weight:800;letter-spacing:2px;color:var(--text);text-decoration:none}.brand span{color:var(--accent)}.badge{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:5px 12px}main{max-width:1120px;margin:auto;padding:32px 24px}.intro{padding:12px 0 20px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:3px}h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1px;margin:8px 0}h2{font-size:21px;margin-top:0}.intro>p:last-child,.muted{color:var(--muted)}.notice{padding:12px 16px;border-left:3px solid var(--accent);background:var(--panel);overflow-wrap:anywhere}.panel,.device{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:24px}.warning{color:var(--warning);font-size:14px}button{border:1px solid transparent;border-radius:8px;padding:11px 16px;font:inherit;font-size:14px;background:var(--accent);color:#18200c;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;border-color:var(--line);color:var(--text)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.approval{display:flex;gap:28px;margin-top:24px;align-items:center}.approval img{width:240px;height:240px;image-rendering:pixelated;border-radius:8px;flex-shrink:0}.approval>div{min-width:0;flex:1}.code{font-size:36px;letter-spacing:9px;color:var(--accent);font-variant-numeric:tabular-nums}label{display:block;color:var(--muted);font-size:13px}input{width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);margin:4px 0 12px;font:14px ui-monospace,monospace}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.toolbar>div,.actions{display:flex;gap:8px;flex-wrap:wrap}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;margin:24px 0}.device h2{margin-bottom:4px}.device-id{font:12px ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.route-list{padding:0;list-style:none;margin:18px 0}.route-list li{padding:8px 0;border-top:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.route-host{display:block;color:var(--muted);font-size:12px}.route-result{display:block;margin-top:4px;color:var(--accent)}footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:640px){header{padding:20px 16px}.badge{font-size:11px}main{padding:24px 16px}.panel,.device{padding:18px}.approval{flex-direction:column;align-items:stretch}.approval img{align-self:center}.toolbar>div{width:100%}.toolbar button{flex:1;padding:9px}.code{font-size:32px}}