@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readexpro-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readexpro-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readexpro-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readexpro-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--bg: #0b0b0e;--bg-page: #131318;--surface: #16161b;--surface-2: #101015;--surface-3: #1b1b21;--ink: #f2efe9;--ink-2: #c9c5bc;--ink-3: #e6e2d9;--muted: #8a867e;--muted-2: #6e6a63;--muted-3: #a9a49a;--gold: #c9a45c;--gold-light: #d4b36a;--gold-ink: #17110a;--teal: #3fb8af;--teal-light: #a9ddd9;--teal-ink: #062b29;--teal-bg-14: rgba(63, 184, 175, .14);--teal-bg-10: rgba(63, 184, 175, .1);--teal-bg-06: rgba(63, 184, 175, .06);--teal-line: rgba(63, 184, 175, .4);--teal-line-32: rgba(63, 184, 175, .32);--teal-line-25: rgba(63, 184, 175, .25);--coral: #f2735f;--coral-light: #f5b7ac;--coral-bg-14: rgba(242, 115, 95, .14);--coral-bg-10: rgba(242, 115, 95, .1);--coral-bg-06: rgba(242, 115, 95, .06);--coral-line: rgba(242, 115, 95, .4);--coral-line-32: rgba(242, 115, 95, .32);--coral-line-25: rgba(242, 115, 95, .25);--line-06: rgba(255, 255, 255, .06);--line-07: rgba(255, 255, 255, .07);--line-08: rgba(255, 255, 255, .08);--line-09: rgba(255, 255, 255, .09);--line-10: rgba(255, 255, 255, .1);--line-12: rgba(255, 255, 255, .12);--line-14: rgba(255, 255, 255, .14);--r-pill: 999px;--r-frame: 28px;--r-card: 16px;--r-btn: 14px;--r-sm: 12px;--r-xs: 10px;--font: "Readex Pro", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;background:var(--bg-page);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-size:15px;line-height:1.5}button{font-family:inherit}::selection{background:#c9a45c47}#app{min-height:100%}.app{position:relative;display:flex;flex-direction:column;width:100%;min-height:100dvh;background:var(--bg);overflow:hidden}@media (min-width: 480px){#app{display:flex;align-items:center;justify-content:center;padding:32px 0}.app{width:430px;min-height:0;height:min(880px,calc(100dvh - 64px));border:1px solid var(--line-09);border-radius:var(--r-frame);box-shadow:0 30px 80px #00000080}}.hdr{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--bg);border-bottom:1px solid transparent;flex:0 0 auto}.brand{display:flex;align-items:center;gap:8px}.brand svg{display:block}.brand-name{font-size:15px;font-weight:600;color:var(--ink)}.crumb{font-size:12px;color:var(--muted-2)}.crumb-desktop{display:none}.screen-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 22px 26px;display:flex;flex-direction:column;gap:18px}.screen-center{justify-content:center;align-items:center;text-align:center;gap:14px}.micro{font-size:11.5px;color:var(--muted)}.micro-2{font-size:11px;color:var(--muted-2)}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border:0;border-radius:var(--r-btn);font-size:16px;font-weight:600;cursor:pointer;transition:filter .15s,opacity .15s,background .15s}.btn:active{transform:translateY(.5px)}.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-gold:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-14)}.btn-ghost:hover{border-color:var(--line-14);background:#ffffff08}.btn-disabled{background:var(--surface-3);color:var(--muted-2);cursor:default}.btn-sm{height:44px;font-size:13px;font-weight:500;width:auto;padding:0 20px}.btn:disabled{cursor:default}.input{width:100%;height:58px;padding:0 18px;background:var(--surface);color:var(--ink);border:1px solid var(--line-12);border-radius:var(--r-btn);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}.input::placeholder{color:var(--muted-2)}.input:focus{border-color:#c9a45c80}.textarea{height:auto;padding:14px 18px;line-height:1.7;resize:none}.input-code{text-align:center;letter-spacing:.3em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:6px}.field .micro{padding-inline-start:2px}.form-error{color:var(--coral);font-size:12.5px}.loading{color:var(--muted);font-size:14px}.landing{justify-content:center;gap:40px;padding-top:24px}.hero{display:flex;flex-direction:column;align-items:center;gap:14px}.hero-mark svg{display:block}.wordmark{font-size:clamp(56px,18vw,72px);font-weight:700;line-height:1.5;color:var(--ink)}.tagline{font-size:17px;font-weight:300;color:var(--muted-3)}.stack{display:flex;flex-direction:column;gap:14px}.sub-link{text-align:center;font-size:14px;color:var(--muted-3)}.linklike{background:none;border:0;padding:0;cursor:pointer;color:var(--gold);font-weight:500;font-size:inherit;font-family:inherit}.join-row{display:flex;gap:10px}.join-row .input{flex:1}.join-row .btn{width:auto;padding:0 20px;height:58px}.features{text-align:center;font-size:12px;color:var(--muted-2)}.features-icons{display:none}.card{background:var(--surface);border:1px solid var(--line-10);border-radius:var(--r-card);padding:16px}.topic-pill{align-self:center;max-width:100%;background:var(--surface);color:var(--ink);padding:10px 20px;border-radius:var(--r-pill);border:1px solid var(--line-10);font-size:13.5px;font-weight:500;line-height:1.7;text-align:center}.form-card{display:flex;flex-direction:column;gap:14px;text-align:start}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-2);cursor:pointer}.consent input{margin-top:3px;accent-color:var(--gold);width:16px;height:16px}.claim-quote{border-radius:var(--r-xs);padding:10px 14px;font-size:13.5px;line-height:1.8;color:var(--ink-2)}.claim-a{background:var(--teal-bg-06)}.claim-b{background:var(--coral-bg-06)}.opponent{display:flex;flex-direction:column;gap:10px}.opponent-head{display:flex;align-items:center;gap:12px}.opponent-name{font-size:16px;font-weight:600;color:var(--ink)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 auto}.avatar-a{background:var(--teal-bg-14);color:var(--teal);border:1px solid var(--teal-line)}.avatar-b{background:var(--coral-bg-14);color:var(--coral);border:1px solid var(--coral-line)}.invite{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start;cursor:pointer;background:var(--surface);border:1px solid var(--line-10);border-radius:var(--r-card);padding:16px}.invite:hover{border-color:var(--line-14)}.invite-text{display:flex;flex-direction:column;gap:4px;min-width:0}.invite-link{font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.invite-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-14);border-radius:var(--r-sm);flex:0 0 auto}.cards{display:flex;flex-direction:column;gap:12px}.dcard{background:var(--surface);border:1px solid var(--line-10);border-radius:var(--r-card);padding:16px;display:flex;flex-direction:column;gap:12px}.dcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dcard-id{display:flex;align-items:center;gap:12px;min-width:0}.dcard-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.dcard-name{font-size:16px;font-weight:600;color:var(--ink)}.dcard-status{flex:0 0 auto}.ready{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500}.ready svg{display:block}.ready-a{color:var(--teal)}.ready-b{color:var(--coral)}.pending{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%}.dot-a{background:var(--teal)}.dot-b{background:var(--coral);animation:pulse 1.4s ease-in-out infinite}.format-row{text-align:center;font-size:13px;color:var(--muted)}.debate{gap:18px}.chips{display:flex;gap:8px}.chip{flex:1 1 0;min-width:0;padding:8px 12px;border-radius:var(--r-xs);font-size:11.5px;line-height:1.6}.chip b{display:block;font-weight:600;margin-bottom:2px}.chip span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chip-a{background:var(--teal-bg-10);border:1px solid var(--teal-line-32);color:var(--teal-light)}.chip-a b{color:var(--teal)}.chip-b{background:var(--coral-bg-10);border:1px solid var(--coral-line-32);color:var(--coral-light)}.chip-b b{color:var(--coral)}.timer{display:flex;flex-direction:column;align-items:center;gap:10px}.ring-wrap{position:relative;width:196px;height:196px}.ring{display:block}.ring-progress{transition:stroke .3s}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.clock{font-size:46px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.turn-label{font-size:14px;font-weight:500;text-align:center}.mic-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.mic{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--line-08);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .1s,background .15s,border-color .15s}.mic-glyph{display:flex;pointer-events:none}.mic-idle.mic-a{border-color:#3fb8af80}.mic-idle.mic-b{border-color:#f2735f80}.mic-idle:hover{background:#191920}.mic-recording.mic-a{background:var(--teal);border-color:var(--teal)}.mic-recording.mic-b{background:var(--coral);border-color:var(--coral)}.mic-recording{animation:micpulse 1.2s ease-in-out infinite}.mic-uploading{border-color:var(--line-14);opacity:.85}.mic-waiting{opacity:.6}.mic:disabled{cursor:default}.mic-label{font-size:12.5px}.dots{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.dot-item{display:flex;align-items:center;gap:6px}.tdot{width:9px;height:9px;border-radius:50%;display:block}.tdot-a.tdot-done,.tdot-a.tdot-current{background:var(--teal)}.tdot-b.tdot-done,.tdot-b.tdot-current{background:var(--coral)}.tdot-a.tdot-future{border:1.5px solid rgba(63,184,175,.55)}.tdot-b.tdot-future{border:1.5px solid rgba(242,115,95,.55)}.tdot-current{box-shadow:0 0 0 3px #ffffff0d}.tdot-label{font-size:11px;color:var(--ink-2)}.tdot-label.is-future{color:var(--muted-2)}.turns-panel{background:var(--surface-2);border:1px solid var(--line-08);border-radius:var(--r-card);padding:16px;display:flex;flex-direction:column;gap:12px}.panel-head{font-size:12.5px;font-weight:600;color:var(--muted)}.turns-list{display:flex;flex-direction:column;gap:8px}.turns-empty{font-size:12.5px;color:var(--muted-2)}.turn-bubble{background:var(--surface);border-radius:var(--r-sm);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.turn-meta{display:flex;align-items:center;gap:8px;min-width:0}.turn-name{font-size:11.5px;font-weight:600}.turn-a{color:var(--teal)}.turn-b{color:var(--coral)}.turn-forfeit{font-size:12px;color:var(--muted-2)}.turn-play{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-14);background:transparent;cursor:pointer;flex:0 0 auto}.turn-play:hover{background:#ffffff0a}.turn-play.playing{border-color:var(--gold)}.finish{display:flex;flex-direction:column;align-items:center;gap:6px}.finish .btn{color:var(--muted-3)}.hint-active{color:var(--gold)}.verdict{gap:18px}.verdict-hero{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:linear-gradient(180deg,#c9a45c1a,#c9a45c08);border:1px solid rgba(201,164,92,.45);border-radius:18px;padding:24px 18px}.verdict-title{font-size:20px;font-weight:700;color:var(--ink)}.verdict-sub{font-size:13px;color:var(--gold)}.verdict-topic{font-size:13px;color:var(--ink-2);line-height:1.8}.verdict-actions{display:flex;flex-direction:column;gap:10px}.msg-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:320px}.msg-title{font-size:20px;font-weight:700;color:var(--ink)}.msg-body{font-size:14px;color:var(--ink-2);line-height:1.8}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(10px);background:var(--surface);color:var(--ink);border:1px solid var(--line-14);padding:10px 18px;border-radius:var(--r-pill);font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes micpulse{0%,to{transform:scale(1);box-shadow:0 0 #ffffff1f}50%{transform:scale(1.04);box-shadow:0 0 0 10px #fff0}}@media (prefers-reduced-motion: reduce){.dot-b,.mic-recording{animation:none}}@media (min-width: 900px){#app{display:block;padding:0}.app{width:100%;max-width:none;min-height:100dvh;height:auto;border:0;border-radius:0;box-shadow:none;overflow:visible}.hdr{padding:22px 44px}.brand-name{font-size:17px}.crumb{font-size:13px}.screen-body{padding:8px 56px 48px;gap:22px;overflow:visible;flex:1 0 auto}.landing{justify-content:center;gap:48px}.hero{gap:20px}.wordmark{font-size:118px}.tagline{font-size:23px}.landing .stack{width:min(720px,100%);align-self:center;flex-flow:row wrap;gap:14px}.landing .stack>.input{width:auto;flex:1 1 200px;height:64px;font-size:17px}.landing .stack>.btn-gold{width:190px;height:64px;font-size:17px}.landing .stack>.sub-link,.landing .stack>.join-row,.landing .stack>.form-error{flex-basis:100%}.crumb-desktop{display:block}.features-text{display:none}.features-icons{display:flex;align-items:center;justify-content:center;gap:56px}.feat-item{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.feat-item svg{display:block}.lobby{max-width:960px;width:100%;margin-inline:auto;gap:26px}.topic-pill{font-size:16px;padding:12px 28px}.invite{padding:20px 26px}.invite-link{font-size:19px}.lobby .cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.dcard{padding:22px}.dcard-name{font-size:18px}.lobby [data-primary]{width:440px;align-self:center;height:62px}.debate{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"chips  chips" "timer  transcript" "dots   transcript" "mic    transcript" "finish transcript";column-gap:32px;row-gap:20px;align-items:start;align-content:start}.debate .chips{grid-area:chips;gap:14px}.debate .chip{font-size:13px;padding:12px 18px}.debate .timer{grid-area:timer}.debate .dots{grid-area:dots}.debate .mic-wrap{grid-area:mic}.debate .finish{grid-area:finish}.debate .turns-panel{grid-area:transcript;align-self:stretch}.ring-wrap,.ring{width:264px;height:264px}.clock{font-size:60px}.turn-label{font-size:17px}.mic{width:104px;height:104px}.verdict,.msg-card{max-width:760px;width:100%;margin-inline:auto}}