.relay{color:var(--bright);padding:2px 0 4px}
.relay p{color:var(--dim);margin:9px 0 15px;line-height:1.7}
.relay h3{font-size:clamp(20px,4vw,27px);margin:12px 0 5px;line-height:1.4}
.relay .relay-main,.relay form button{border:1px solid var(--cyan);border-radius:4px;padding:9px 16px;color:var(--cyan);background:var(--card);font-weight:700;margin:0 8px 4px 0}
.relay form>div{display:flex;gap:8px;align-items:stretch}
.relay form button{margin:0;flex:none}
.relay input{max-width:100%;min-width:0;flex:1;background:#080b16;border:1px solid var(--edge);border-radius:4px;padding:10px 12px;color:var(--bright)}
.relay-join{margin-top:20px;padding-top:16px;border-top:1px solid var(--edge)}
.relay form label{display:block;margin-bottom:6px;color:var(--dim)}
.relay .relay-reader{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.relay-line,.relay-tele{display:flex;justify-content:space-between;align-items:center;gap:10px}
.relay-line{color:var(--dim);padding-bottom:9px;border-bottom:1px solid var(--edge);font-size:13px}
.relay-line strong{user-select:all;font-family:var(--mono);letter-spacing:.09em;color:var(--cyan);font-size:17px}
.relay-tele{padding-top:12px;color:var(--cyan)}
.relay-seconds{font-family:var(--mono);font-variant-numeric:tabular-nums}
.relay-seconds.urgent,.relay .relay-note{color:var(--orange)}
.relay .relay-topic{color:var(--dim);font-size:13px;margin:10px 0 0}
.relay-used{margin:18px 0 8px;border-top:1px solid var(--edge);padding-top:12px;font-size:13px}
.relay-used>b{color:var(--dim)}
.relay-used ol{display:flex;gap:5px;flex-wrap:wrap;padding:0;list-style:none;margin:8px 0}
.relay-used li{border:1px solid var(--edge);padding:2px 6px;color:var(--bright);background:var(--card)}
.relay .relay-note{overflow-wrap:anywhere;font-size:13px;margin:8px 0}
.relay .relay-leave{margin-top:8px;color:var(--dim);padding:5px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px}