.cn-page{max-width:760px;margin:0 auto;padding:18px 16px 80px}.cn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.cn-back{color:var(--ink-2);font-size:13px;text-decoration:underline}.cn-page h1{font-size:32px}.cn-page h2{font-size:20px;margin:30px 0 12px}.cn-intro{color:var(--ink-2);margin:0 0 16px;max-width:60ch}.cn-empty{padding:22px;border:1px dashed var(--line-2);color:var(--ink-2);text-align:center}.cn-empty,.cn-msg{border-radius:var(--r-sm)}.cn-msg{margin:0 0 14px;padding:10px 14px;font-size:13.5px}.cn-msg.ok{background:var(--good-bg,color-mix(in srgb,var(--good) 12%,transparent));color:var(--ink)}.cn-msg.err{background:var(--bad-bg,color-mix(in srgb,var(--bad) 12%,transparent));color:var(--ink)}.cn-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.cn-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.cn-what{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}.cn-name{overflow-wrap:anywhere}.cn-pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:100px;border:1px solid var(--line-2);color:var(--ink-2)}.cn-pill.good{color:var(--good-ink,var(--good));border-color:var(--good);background:var(--good-bg,transparent)}.cn-pill.bad{color:var(--bad-ink,var(--bad));border-color:var(--bad);background:var(--bad-bg,transparent)}.cn-ask{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.cn-tiles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.cn-tile{display:inline-flex;flex-direction:column;gap:2px;padding:10px 18px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer}.cn-tile:hover{border-color:var(--ink-3)}.cn-tile:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cn-tile.on{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.cn-steps{margin:0 0 8px;-webkit-padding-start:22px;padding-inline-start:22px;display:grid;grid-gap:4px;gap:4px;font-size:13.5px;color:var(--ink-2);max-width:60ch}.cn-add .muted{max-width:62ch}.cn-form{max-width:460px;margin-inline:0}.cn-form .btn{align-self:flex-start;margin-top:8px}.cn-add .cn-msg{max-width:460px;margin:14px 0 0}.cn-pick{margin-top:18px;max-width:460px;display:grid;grid-gap:8px;gap:8px}.cn-pick p{margin:0}.cn-check{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.cn-pick .btn{justify-self:start}.reconnect-bar{background:color-mix(in srgb,var(--bad) 14%,var(--surface));flex-direction:column}.reconnect-bar>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.reconnect-bar a.btn{display:inline-block;margin:0;padding:7px 16px;font-size:13px;text-decoration:none}