:root{--bg:#f5f6f8;--card:#fff;--text:#15171c;--muted:#646b78;--line:#e2e5ea;--accent:#4f46e5;--accent-soft:#e9e8fd;--danger:#dc2626;--warn-bg:#fff7e0;--warn-line:#f5d27a;--ok-bg:#e8f7ee;--ok-line:#9fdcb5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:640px;margin:0 auto;padding:24px 16px 48px}.top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{font-size:18px;font-weight:700}.brand span{color:var(--accent)}.rec{background:var(--danger);color:#fff;letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.rec:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}h1{margin:0 0 8px;font-size:24px}.lead{color:var(--muted);margin:0 0 20px}label{margin:16px 0 6px;font-weight:600;display:block}.optional{color:var(--muted);font-weight:400}input,textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px}input:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}textarea{resize:vertical}.consent{background:var(--bg);border-radius:10px;margin-top:20px;padding:14px 16px;font-size:14px}.consent p{color:var(--muted);margin:0 0 8px}.consent a{color:var(--accent)}.check{align-items:flex-start;gap:10px;margin:10px 0 0;font-weight:400;display:flex}.check input{width:auto;margin-top:3px}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;padding:10px 18px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;margin-top:20px;font-weight:600}button.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.notice{border:1px solid var(--line);border-radius:8px;margin:16px 0 0;padding:10px 14px;font-size:14px}.notice button{margin-left:10px;padding:4px 10px}.notice.warn{background:var(--warn-bg);border-color:var(--warn-line)}.notice.ok{background:var(--ok-bg);border-color:var(--ok-line)}.call{text-align:center}.orb{background:radial-gradient(circle at 35% 35%, #a5a0ff, var(--accent));opacity:.35;border-radius:50%;width:120px;height:120px;margin:8px auto 16px;transition:opacity .4s}.orb.present{opacity:1}.orb.speaking{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #4f46e559}50%{transform:scale(1.06);box-shadow:0 0 0 18px #4f46e500}}.status{margin:0;font-weight:600}.others{color:var(--muted);margin:6px 0 0;font-size:14px}.captions{text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:10px;max-height:280px;margin-top:20px;padding:12px 14px;overflow-y:auto}.line{margin:0 0 8px}.line span{margin-right:8px;font-weight:600}.line.agent span{color:var(--accent)}.muted-text{color:var(--muted);margin:0}.controls{justify-content:center;gap:10px;margin-top:20px;display:flex}.signin{border:1px solid var(--line);border-radius:10px;margin:4px 0 8px;padding:14px 16px}.signin p{color:var(--muted);margin:0 0 10px}.signin p:last-child{margin-bottom:0}.signin strong{color:var(--text)}button.discord{color:#fff;background:#5865f2;border-color:#5865f2;font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}
