:root{--ink: #0a0a0a;--paper: #ffffff;--blue: #2563eb;--line: #ececec;--muted: #6b7280;--soft: #f7f7f8;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;background:#fafafa;color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:40px auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:70vh}.head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px}.titles h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}.titles p{margin:3px 0 0;font-size:13px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--muted);border:1px solid var(--line);white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:silver}.pill.in{color:#0b6b3a;background:#ecfdf3;border-color:#cff3df}.pill.in .dot{background:#16a34a}.readout{font-family:var(--mono);font-size:12px;color:var(--muted);padding:0 24px 16px;border-bottom:1px solid var(--line)}.body{flex:1;padding:22px 24px}.card{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--paper)}.card.warn{background:#fffbeb;border-color:#fde68a;color:#92400e;font-size:14px}.lede{margin:0 0 16px;font-size:15px;color:#1f2328;line-height:1.5}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs button{flex:1;font:inherit;font-size:14px;font-weight:500;padding:8px;border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:9px;cursor:pointer}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:5px}label span{font-size:12px;font-weight:500;color:var(--muted)}input{font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}button.primary{font:inherit;font-size:14px;font-weight:500;color:#fff;background:var(--blue);border:0;border-radius:10px;padding:11px;cursor:pointer;margin-top:4px}button.primary:disabled{background:#9bb4f0;cursor:not-allowed}button.ghost{font:inherit;font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:9px;padding:8px 14px;cursor:pointer;margin-top:18px}.oauth{display:flex;flex-direction:column;gap:8px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:11px 14px;cursor:pointer}.oauth-btn:hover:not(:disabled){background:var(--soft)}.oauth-btn.apple{background:var(--ink);color:#fff;border-color:var(--ink)}.oauth-btn:disabled{opacity:.55;cursor:not-allowed}.divider{display:flex;align-items:center;gap:10px;margin:16px 0 14px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.linklike{font:inherit;font-size:13px;color:var(--blue);background:none;border:0;cursor:pointer;padding:8px 6px 2px;align-self:center}.hint{text-align:center;margin-top:14px;line-height:1.5}.msg{font-size:13px;margin-top:12px;padding:10px 12px;border-radius:9px;line-height:1.5}.msg.notice{background:#eff6ff;color:#1e40af}.msg.error{background:#fef2f2;color:#b91c1c}.card.you h2{margin:0 0 10px;font-size:18px;font-weight:600}.who{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;margin:0 0 16px}.avatar{width:11px;height:11px;border-radius:50%;background:var(--blue)}.player{border-radius:10px;padding:14px;font-size:13px}.player.ok{background:#f0fdf4;border:1px solid #cff3df}.player.pending{background:var(--soft);border:1px solid var(--line);line-height:1.55}.player.pending p{margin:0 0 8px;font-size:14px}.player .row{display:flex;align-items:baseline;gap:10px;padding:3px 0}.player .row span{font-size:11px;color:var(--muted);width:48px;flex:0 0 auto}.player .row code{font-family:var(--mono);font-size:12px;color:#1f2328;word-break:break-all}.caption{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 0}code{font-family:var(--mono);font-size:.92em}.next{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.foot{font-size:12px;color:var(--muted);line-height:1.6;padding:14px 24px 18px;background:var(--soft);border-top:1px solid var(--line)}@media (prefers-color-scheme: dark){html,body{background:#0a0a0a;color:#f5f5f5}.wrap{background:#0f0f10;border-color:#262626}.readout,.body .card,.foot,.next{border-color:#262626}.card{background:#0f0f10}.foot{background:#141415}.pill{background:#1a1a1b;border-color:#262626;color:#9aa0a6}.readout,.titles p,.foot,.caption,label span{color:#9aa0a6}.lede{color:#e5e7eb}.tabs button{background:#1a1a1b;border-color:#262626;color:#9aa0a6}.tabs button.on{background:#f5f5f5;color:#0a0a0a;border-color:#f5f5f5}.oauth-btn{background:#141415;border-color:#262626;color:#f5f5f5}.oauth-btn:hover:not(:disabled){background:#1a1a1b}.oauth-btn.apple{background:#f5f5f5;color:#0a0a0a;border-color:#f5f5f5}input{background:#141415;border-color:#262626;color:#f5f5f5}.player.pending{background:#141415}.player.ok{background:#0f1f15;border-color:#1f3d2a}.player .row code{color:#e5e7eb}}