body.doc{height:auto;min-height:100%;line-height:1.6;font-size:17px}.doc-main{max-width:42rem;margin:0 auto;padding:clamp(20px,5vw,56px) clamp(18px,4vw,32px) 64px}.doc h1{font-family:var(--f-display);font-weight:600;font-size:clamp(30px,5vw,44px);line-height:1.15;margin:0 0 12px}.doc h2{font-family:var(--f-display);font-weight:600;font-size:26px;margin:36px 0 10px;padding-top:28px;border-top:1px solid var(--line)}.doc h3{font-weight:600;font-size:19px;margin:28px 0 8px;color:var(--ink)}.doc section a{color:var(--ink);-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent);text-underline-offset:3px}.doc section a:hover{color:var(--accent)}.doc p,.doc li{color:var(--ink-2)}.doc .lede,.doc .note{color:var(--muted-2)}.doc strong{color:var(--ink);font-weight:500}.eyebrow{margin:0 0 8px;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.eyebrow a{text-decoration:none}.lede{color:var(--muted-2)}.doc nav{display:flex;gap:18px;margin-top:12px}.steps{padding-left:1.4em}.steps>li{margin:0 0 14px;padding-left:4px}.steps>li::marker{color:var(--accent);font-weight:500}.confirm{display:inline;margin-left:4px;padding:1px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg-3);color:var(--ink-2);font-size:12px;line-height:1.4;white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}.status{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:10px 14px}.note{margin:10px 0 0;padding:8px 12px;background:var(--bg-2);border-left:2px solid var(--line);border-radius:0 8px 8px 0;color:var(--muted-2);font-size:15px}.doc code{background:var(--bg-3);border-radius:6px;padding:1px 6px;font-size:.92em;word-break:break-all}.doc-foot{margin-top:48px;padding-top:16px;border-top:1px solid var(--line)}.doc .toc{flex-wrap:wrap;gap:8px;margin-top:16px}.doc .toc a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#f5efe30a;color:var(--ink-2);text-decoration:none;font-size:14px}.doc .toc a:hover{color:var(--ink);border-color:var(--accent)}.detected{margin:16px 0 0;padding:10px 14px;border-radius:10px;border:1px solid var(--accent);background:#ebc98812}section.is-folded>:not(h2):not(.unfold){display:none}.unfold{min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font:inherit;font-size:15px;cursor:pointer}.unfold:hover{border-color:var(--accent);color:var(--ink)}.doc ul{padding-left:1.2em}.doc ul>li{margin:0 0 10px}.doc a{overflow-wrap:anywhere}.doc .confirm{margin-left:0}.dd-table{width:100%;border-collapse:collapse;font-size:16px;margin:12px 0 0}@media(max-width:720px){.dd-table{display:block;overflow-x:auto;max-width:100%}}.dd-table th,.dd-table td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid var(--line)}.dd-table th{font-weight:500;color:var(--muted-2)}.dd-table td:last-child{color:var(--muted-2)}@media(max-width:560px){.dd-table thead{display:none}.dd-table,.dd-table tbody,.dd-table tr,.dd-table td{display:block;width:100%}.dd-table{overflow-x:visible}.dd-table tr{padding:12px 0;border-top:1px solid var(--line)}.dd-table td{border-top:0;padding:0}.dd-table td:last-child{margin-top:4px;color:var(--ink-3);font-size:14px}}section.is-yours h2:after{content:"Your device";display:inline-block;white-space:nowrap;margin-left:8px;padding:0 8px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-family:var(--f-ui);font-size:13px;vertical-align:middle}.doc-foot{display:flex;gap:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hub h2{border-top:0;padding-top:0;margin-top:24px}.owned{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;border:0}.owned label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:15px;cursor:pointer}.owned label:has(input:checked){border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,transparent)}.owned input{accent-color:var(--accent);width:18px;height:18px;margin:0}.hub-cards{display:grid;gap:14px}@media(min-width:720px){.hub-cards{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.hub-cards{width:min(1080px,calc(100vw - 64px));margin-left:50%;transform:translate(-50%);grid-template-columns:repeat(3,1fr)}}.hub-card{display:flex;flex-direction:column;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg-2)}.hub-card[hidden]{display:none}.doc .hub-card h3{margin:0 0 10px;font-family:var(--f-display);font-size:22px;line-height:1.2}.hub-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 16px;font-size:15px;line-height:1.45}.hub-card dt{color:var(--ink-3);font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}.hub-card dd{margin:0;color:var(--ink-2)}.doc .hub-start{align-self:flex-start;margin-top:auto;padding:12px 22px;border-radius:8px;background:var(--accent);color:var(--bg-2);font-weight:500;text-decoration:none}.doc .hub-start:hover{filter:brightness(1.08)}.doc .hub-start.is-secondary{background:transparent;border:1px solid var(--line);color:var(--ink-2)}.doc .hub-more{margin-top:12px;font-size:15px}.hub-note{margin-top:20px;font-size:15px}details.owner{margin:20px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px}details.owner summary{cursor:pointer;font-weight:500;color:var(--ink);min-height:28px}.builder .build-step{margin:28px 0 0;padding:22px clamp(16px,4vw,26px) 24px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2)}.doc .builder h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0;border:0;font-size:24px}.step-no{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);font-family:var(--f-ui);font-size:16px;font-weight:500}.builder fieldset{margin:18px 0 0;padding:0;border:0;min-width:0}.builder legend{margin-bottom:8px;color:var(--ink);font-weight:500}.builder .field{margin-top:16px}.current-place{margin:0 0 14px;padding:10px 14px;border-radius:10px;border:1px dashed var(--line);color:var(--ink-3)!important}.current-place.is-set{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--ink-2)!important}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills legend{width:100%}.pills label,.face-opt{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink-2);font-size:15px;line-height:1.35;cursor:pointer}.pills label:has(input:checked),.face-opt:has(input:checked){border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,transparent)}.faces-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faces-pick legend{grid-column:1 / -1}.face-opt{position:relative;flex-direction:column;align-items:stretch;padding:8px}.face-opt input{position:absolute;top:14px;left:14px}.face-opt img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px}.face-opt span{padding:0 4px 2px;font-size:14px;color:var(--ink-3)}.face-opt strong{display:block;font-size:16px}.build-step.out{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.out-ready{display:grid;gap:20px}.out-ready[hidden]{display:none}@media(min-width:640px){.out-ready{grid-template-columns:200px 1fr;align-items:start}}.qr-wrap p{margin:8px 0 0}.qr{width:100%;max-width:220px;margin:0 auto;padding:0;border-radius:12px;overflow:hidden;background:#fff;line-height:0}.qr svg{display:block;width:100%;height:auto}.input.mono,.typed{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.out-text .row{flex-wrap:nowrap}.out-text .field-label{margin:18px 0 6px;color:var(--ink);font-weight:500}.doc .typed{margin:0;padding:12px 14px;border-radius:10px;background:var(--bg-3);color:var(--accent);font-size:17px;line-height:1.5;overflow-wrap:anywhere}.how>li{margin-bottom:14px}.builder .check.block{margin-top:20px}.pair-banner{margin:20px 0 0;padding:12px 16px;border-radius:12px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--ink)}.pair-banner[hidden]{display:none}.pair-banner strong{letter-spacing:.08em;white-space:nowrap}.doc .builder .send h3,.doc .builder .out-alt{margin:0 0 6px;font-family:var(--f-ui);font-size:18px;font-weight:500;color:var(--ink)}.builder .send{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-3))}.builder .send .host{color:var(--ink);white-space:nowrap}.send-row{display:flex;gap:10px;margin-top:14px}.input.code-input{flex:1;min-width:0;min-height:56px;font-size:28px;font-weight:500;letter-spacing:.14em;text-align:center;font-variant-numeric:tabular-nums}.input.code-input::placeholder{color:var(--ink-3);opacity:.45}.send-row .btn{min-height:56px;min-width:96px;font-size:18px}.send-status{margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:15px}.send-status[data-kind=ok]{color:var(--ink);background:color-mix(in srgb,#3fb37f 18%,transparent);border:1px solid color-mix(in srgb,#3fb37f 60%,transparent)}.send-status[data-kind=err]{color:var(--ink);background:color-mix(in srgb,#e0604f 14%,transparent);border:1px solid color-mix(in srgb,#e0604f 55%,transparent)}.send-status[data-kind=busy]{color:var(--ink-3)}.doc .builder .out-alt{margin-top:24px}
