html,body{max-width:100%;overflow-x:clip}body{background:var(--ink);color:var(--bone);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:0 auto;padding:0 20px 12vh}h1{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.03em;padding:26px 0 4px}.eyebrow{font-family:var(--display);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:26px 0 10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.row{display:flex;align-items:center;gap:13px;padding:14px 15px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--ink);border:1px solid var(--line);flex:0 0 auto}.row .ri{flex:1;min-width:0}.row .rt{font-family:var(--display);font-weight:600;font-size:14px}.row .rs{font-size:11.5px;color:var(--muted)}.row .go{color:var(--muted)}.row .ed{color:var(--muted);font-size:13px;cursor:pointer}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--iris),var(--amber));border:2px solid var(--line);flex:0 0 auto;position:relative}.avatar:after{content:"✎";position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:var(--amber);color:var(--on-accent);font-size:10px;display:flex;align-items:center;justify-content:center}.tgl{width:44px;height:26px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);position:relative;cursor:pointer;flex:0 0 auto;transition:background .25s}.tgl:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:left .22s var(--ease-out),background .25s}.tgl.on{background:#f4b24a40}.tgl.on:before{left:20px;background:var(--amber)}.plat{display:flex;gap:9px;padding:13px 15px}.p{flex:1;text-align:center;font-family:var(--display);font-weight:600;font-size:12.5px;color:var(--muted);background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 6px;cursor:pointer;transition:border-color .25s,color .25s}.p.on{color:var(--amber-ink);border-color:#f4b24a80}.p .ps{display:block;font-size:9.5px;color:var(--muted);font-weight:400;margin-top:2px}.conn{font-size:10px;font-family:var(--display);letter-spacing:.08em;border-radius:999px;padding:3px 9px}.conn.ok{color:var(--teal-ink);border:1px solid rgba(45,212,191,.4)}.conn.no{color:var(--muted);border:1px solid var(--line);cursor:pointer}.unb{font-size:11px;font-family:var(--display);color:var(--red-ink);border:1px solid rgba(229,72,77,.35);border-radius:999px;padding:4px 11px;cursor:pointer}.av-s{width:30px;height:30px;border-radius:50%;flex:0 0 auto;border:1.5px solid var(--line)}.foot{color:var(--muted);font-size:12px;padding:24px 0}.saved-logs-card{margin-top:26px;background:transparent;border:0;border-radius:0;overflow:visible}.saved-logs-link{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 18px;border:1px solid rgba(244,178,74,.55);border-radius:14px;background:#f4b24a17;color:var(--amber-ink);font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.02em;text-decoration:none;transition:background .18s,transform .12s var(--ease-out),border-color .18s}.saved-logs-link:hover{background:#f4b24a29;border-color:var(--amber)}.saved-logs-link:active{transform:scale(.985)}.card.soon{position:relative;overflow:hidden}.card.soon .row{opacity:.42;filter:saturate(.5);pointer-events:none;-webkit-user-select:none;user-select:none}.card.soon:after{content:"Coming soon";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);padding:9px 20px;border-radius:999px;font:700 13px var(--display,system-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--on-accent,#fff);background:var(--coral,#ff7a6b);box-shadow:0 8px 24px #00000047;pointer-events:none}