@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f5;background:#080808;font-family:DM Sans,sans-serif}button,input,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:default}.app{background:radial-gradient(circle at 80% 10%,#ffffff0b,#0000 30%),#080808;min-height:100vh}.navbar{border-bottom:1px solid #181818;justify-content:space-between;align-items:center;height:76px;padding:0 6%;display:flex}.logo{cursor:pointer;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:flex}.logo-mark{color:#080808;background:#f5f5f5;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.nav-links{align-items:center;gap:35px;display:flex}.nav-links a{color:#777;font-size:13px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-button{color:#eee;background:#111;border:1px solid #303030;border-radius:8px;padding:10px 18px;font-size:12px;transition:background .2s,border-color .2s,transform .2s}.nav-button:hover{background:#1a1a1a;border-color:#3a3a3a}.hero{grid-template-columns:1fr .9fr;align-items:center;gap:80px;min-height:650px;padding:90px 8%;display:grid}.hero-content{max-width:650px}.badge{color:#888;text-transform:uppercase;letter-spacing:1px;background:#101010;border:1px solid #292929;border-radius:30px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:inline-flex}.status-dot{background:#8aff8a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #8aff8a80}.hero h1{letter-spacing:-5px;margin-top:25px;font-family:Space Grotesk,sans-serif;font-size:clamp(55px,7vw,92px);line-height:.95}.hero h1 span{color:#777}.hero-content>p{color:#777;max-width:540px;margin-top:28px;font-size:16px;line-height:1.7}.hero-buttons{gap:12px;margin-top:35px;display:flex}.primary-button,.secondary-button{border-radius:9px;padding:15px 22px;font-size:13px;transition:background .2s,transform .2s,border-color .2s}.primary-button{color:#080808;background:#f5f5f5;border:none;font-weight:600}.primary-button:hover{background:#fff;transform:translateY(-1px)}.primary-button span{margin-left:15px}.secondary-button{color:#ddd;background:#111;border:1px solid #303030}.secondary-button:hover{background:#181818;border-color:#3b3b3b}.features{gap:40px;margin-top:65px;display:flex}.features div{flex-direction:column;gap:5px;display:flex}.features strong{color:#eee;font-family:Space Grotesk,sans-serif;font-size:11px}.features span{color:#555;font-size:10px}.hero-visual{justify-content:center;display:flex}.debate-card{background:#101010;border:1px solid #292929;border-radius:16px;width:100%;max-width:440px;padding:25px;box-shadow:0 30px 80px #00000073}.card-header{justify-content:space-between;gap:15px;display:flex}.card-header small{color:#555;letter-spacing:1.5px;font-size:9px}.card-header h3{margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:17px}.live{color:#777;align-items:center;gap:6px;height:fit-content;font-size:9px;display:flex}.live span{background:#f55;border-radius:50%;width:6px;height:6px}.players{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:30px;display:grid}.player{align-items:center;gap:9px;display:flex}.player:nth-child(3){justify-content:flex-end}.avatar{color:#fff;background:#252525;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.player strong{font-size:11px;display:block}.player small{color:#555;margin-top:3px;font-size:8px;display:block}.player b{font-size:16px}.vs{color:#444;font-size:10px}.ai-panel{background:#151515;border:1px solid #262626;border-radius:10px;align-items:center;gap:12px;margin-top:28px;padding:15px;display:flex}.ai-icon{color:#000;background:#eee;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.ai-panel strong{font-size:11px;display:block}.ai-panel p{color:#555;margin-top:3px;font-size:9px}.analyzing{gap:3px;margin-left:auto;display:flex}.analyzing span{background:#777;border-radius:3px;width:3px;height:10px;animation:.8s infinite alternate aiThinking}.analyzing span:nth-child(2){animation-delay:.2s}.analyzing span:nth-child(3){animation-delay:.4s}.claim{border:1px solid #242424;border-radius:10px;margin-top:12px;padding:15px}.claim-label{color:#555;letter-spacing:1.5px;font-size:8px}.claim p{color:#aaa;margin-top:8px;font-size:11px;line-height:1.5}.claim-result{color:#777;margin-top:12px;font-size:9px}.claim-result span{color:#ddd;margin-right:6px}.how-section{border-top:1px solid #181818;padding:100px 8%}.section-heading{max-width:650px}.section-heading small{color:#555;letter-spacing:2px;font-size:9px}.section-heading h2{letter-spacing:-2px;margin-top:15px;font-family:Space Grotesk,sans-serif;font-size:45px;line-height:1.05}.steps{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:70px;display:grid}.step{background:#0d0d0d;border:1px solid #202020;border-radius:12px;padding:25px;transition:transform .25s,border-color .25s,background .25s}.step:hover{background:#101010;border-color:#303030;transform:translateY(-3px)}.step>span{color:#555;font-size:10px}.step h3{margin-top:30px;font-family:Space Grotesk,sans-serif;font-size:20px}.step p{color:#666;margin-top:10px;font-size:12px;line-height:1.7}.create-page,.room-page{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:40px 24px 60px}.create-box{width:100%;max-width:600px;margin:0 auto}.create-title,.room-title{letter-spacing:-.5px;margin:18px 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3vw,34px);line-height:1.2}.create-description,.room-description{color:#666;text-align:center;max-width:620px;margin:0 auto;font-size:13px;line-height:1.6}.form{margin-top:35px}.form label{color:#888;margin-top:20px;margin-bottom:8px;font-size:11px;display:block}.form input{color:#fff;background:#101010;border:1px solid #292929;border-radius:9px;outline:none;width:100%;padding:14px 15px;font-size:13px;transition:border-color .2s,background .2s}.form input:focus{background:#121212;border-color:#555}.form input::placeholder{color:#444}.position-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.position{text-align:left;color:#777;background:#101010;border:1px solid #292929;border-radius:9px;padding:15px;transition:border-color .2s,background .2s}.position strong{color:#aaa;font-size:11px;display:block}.position span{margin-top:5px;font-size:10px;display:block}.position:hover{border-color:#3a3a3a}.position.active{background:#181818;border-color:#777}.position.active strong{color:#fff}.duration-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.duration{color:#777;background:#101010;border:1px solid #292929;border-radius:8px;padding:12px 8px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.duration:hover{color:#aaa;border-color:#3a3a3a}.duration.active{color:#000;background:#eee;border-color:#eee}.create-room-button{color:#080808;background:#f5f5f5;border:none;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:30px;padding:15px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s,opacity .2s;display:flex}.create-room-button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.create-room-button span{font-size:18px}.create-room-button:disabled{cursor:not-allowed;opacity:.45}.room-card{box-sizing:border-box;background:#0b0b0b;border:1px solid #242424;border-radius:18px;width:100%;max-width:940px;margin:0 auto;padding:32px;box-shadow:0 25px 70px #0000002e}.room-icon{color:#000;background:#eee;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:20px;font-weight:700;display:grid}.room-status{color:#666;text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.room-code{background:#080808;border:1px solid #292929;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:20px;display:flex}.room-code span{letter-spacing:6px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.room-code button{color:#aaa;background:#151515;border:1px solid #303030;border-radius:7px;padding:8px 12px;font-size:10px;transition:background .2s,border-color .2s,color .2s}.room-code button:hover{color:#fff;background:#1c1c1c;border-color:#414141}.room-details{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;margin-bottom:22px;display:grid}.room-details>div{background:#0c0c0c;border:1px solid #222;border-radius:9px;padding:15px}.room-details small{color:#555;letter-spacing:1px;font-size:8px;display:block}.room-details strong{color:#ccc;word-break:break-word;margin-top:7px;font-size:11px;display:block}.waiting{background:#0c0c0c;border:1px solid #242424;border-radius:10px;align-items:center;gap:12px;margin-top:20px;padding:15px;display:flex}.waiting-dot{background:#777;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.3s infinite alternate waitingPulse}.waiting strong{font-size:12px}.waiting p{color:#555;margin-top:4px;font-size:10px;line-height:1.5}.secondary-large-button{color:#777;background:0 0;border:1px solid #292929;border-radius:9px;width:100%;margin-top:10px;padding:14px;font-size:12px;transition:background .2s,color .2s,border-color .2s}.secondary-large-button:hover{color:#aaa;background:#151515;border-color:#383838}.debate-timer{text-align:center;background:#101010;border:1px solid #292929;border-radius:12px;width:100%;margin-top:15px;margin-bottom:15px;padding:12px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;transition:color .3s,border-color .3s,background .3s,box-shadow .3s,opacity .3s}.debate-timer.timer-active{color:#8aff8a;background:#8aff8a0a;border-color:#8aff8a40;box-shadow:0 0 25px #8aff8a0f}.debate-timer.timer-muted{color:#555;box-shadow:none;opacity:.65;background:#0d0d0d;border-color:#222}.debate-timer.danger{color:#ff5c5c;background:#ff5c5c0d;border-color:#ff5c5c59;animation:.8s infinite alternate timerPulse;box-shadow:0 0 25px #ff5c5c14}.timer-icon{margin-right:6px;font-size:22px;transition:transform .3s,opacity .3s;display:inline-block}.timer-active .timer-icon{opacity:1;animation:1.5s infinite timerIconPulse}.timer-muted .timer-icon{opacity:.45}.turn-indicator{letter-spacing:1px;background:#101010;border:1px solid #292929;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:18px auto 12px;padding:10px 16px;font-family:Space Grotesk,sans-serif;font-size:12px;transition:border-color .3s,background .3s,box-shadow .3s,transform .3s;display:flex}.turn-dot{background:#555;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s,box-shadow .3s}.turn-indicator.my-turn{color:#8aff8a;background:#8aff8a0f;border-color:#8aff8a4d;animation:.35s turnAppear;box-shadow:0 0 20px #8aff8a14}.turn-indicator.my-turn .turn-dot{background:#5cff5c;animation:1.2s infinite turnDotPulse;box-shadow:0 0 6px #5cff5ccc,0 0 14px #5cff5c73}.turn-indicator.opponent-turn{color:#666;background:#0d0d0d;border-color:#242424}.turn-indicator.opponent-turn .turn-dot{box-shadow:none;background:#444}.arguments-box{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#333 transparent;background:#111;border:1px solid #292929;border-radius:12px;width:100%;max-height:420px;margin-top:20px;padding:20px;overflow-y:auto}.arguments-box::-webkit-scrollbar{width:5px}.arguments-box::-webkit-scrollbar-track{background:0 0}.arguments-box::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.arguments-box::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.section-title{margin-bottom:15px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.empty-message{color:#666;font-size:13px}.argument-card{background:#181818;border:1px solid #292929;border-radius:10px;margin-bottom:12px;padding:15px;transition:transform .25s,border-color .25s,background .25s;animation:.35s argumentAppear;position:relative;overflow:hidden}.argument-card:last-child{margin-bottom:0}.argument-card.my-argument{background:#8aff8a09;border-color:#8aff8a2e}.argument-card.my-argument:hover{border-color:#8aff8a47;transform:translateY(-1px)}.argument-card.opponent-argument{background:#181818;border-color:#292929}.argument-card.opponent-argument:hover{border-color:#353535;transform:translateY(-1px)}.argument-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.argument-speaker{align-items:center;gap:8px;display:flex}.speaker-dot{background:#555;border-radius:50%;flex-shrink:0;width:7px;height:7px}.my-argument .speaker-dot{background:#6cff6c;box-shadow:0 0 7px #6cff6c8c}.opponent-argument .speaker-dot{background:#555}.argument-header strong{color:#f5f5f5;font-size:13px}.argument-header>span{color:#555;text-transform:uppercase;letter-spacing:1px;font-size:9px}.my-argument .argument-header>span{color:#6d8f6d}.opponent-argument .argument-header>span{color:#555}.argument-text{color:#aaa;word-break:break-word;margin-top:10px;font-size:13px;line-height:1.6}.ai-judge-box{box-sizing:border-box;background:#0d0d0d;border:1px solid #292929;border-radius:14px;width:100%;margin-top:22px;padding:20px}.ai-judge-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;padding-bottom:16px;display:flex}.ai-judge-title{align-items:center;gap:12px;display:flex}.ai-judge-icon{color:#000;background:#f5f5f5;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.ai-judge-title strong{font-size:14px;display:block}.ai-judge-title span{color:#666;margin-top:4px;font-size:10px;display:block}.ai-thinking{align-items:center;gap:4px;display:flex}.ai-thinking span{background:#777;border-radius:5px;width:4px;height:8px;animation:.8s infinite alternate aiThinking}.ai-thinking span:nth-child(2){animation-delay:.2s}.ai-thinking span:nth-child(3){animation-delay:.4s}.ai-empty{text-align:center;padding:25px 10px 10px}.ai-empty>span{color:#555;font-size:22px;display:block}.ai-empty p{color:#666;margin-top:8px;font-size:11px}.ai-results{margin-top:15px}.ai-result-card{background:linear-gradient(145deg,#151515,#0e0e0e);border:1px solid #2b2b2b;border-radius:12px;margin-top:14px;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000002e}.ai-result-card:first-child{margin-top:0}.ai-result-card:before{content:"";opacity:.7;background:#8aff8a73;width:100%;height:2px;position:absolute;top:0;left:0}.ai-result-card:hover{border-color:#383838;transform:translateY(-2px);box-shadow:0 14px 35px #00000040}.ai-result-top{border-bottom:1px solid #222;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.ai-result-top strong{color:#f5f5f5;font-family:Space Grotesk,sans-serif;font-size:14px}.ai-result-top span{color:#555;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.ai-result-content{margin-top:18px}.ai-result-content p{color:#aaa;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.7}.ai-result-content pre{color:#aaa;white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.7}.ai-score-section{background:linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:18px;margin-bottom:18px;padding:16px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.ai-score-section:hover{border-color:#ffffff24;box-shadow:0 8px 25px #0000002e}.ai-score-circle{background:#8aff8a06;border:3px solid #8aff8a47;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 0 20px #8aff8a0f}.ai-score-section:hover .ai-score-circle{border-color:#8aff8a6b;transform:scale(1.04);box-shadow:0 0 28px #8aff8a1a}.ai-score-circle strong{font-family:Space Grotesk,sans-serif;font-size:22px;line-height:1}.ai-score-circle span{opacity:.55;margin-top:3px;font-size:11px}.ai-score-info{flex:1;min-width:0}.ai-score-info>span{color:#aaa;margin-bottom:9px;font-size:12px;display:block}.ai-score-bar{background:#1d1d1d;border:1px solid #292929;border-radius:10px;width:100%;height:8px;overflow:hidden}.ai-score-fill{background:linear-gradient(90deg,#5cff5c,#afa);border-radius:10px;height:100%;transition:width .6s;box-shadow:0 0 10px #5cff5c40}.ai-section{background:linear-gradient(145deg,#ffffff09,#ffffff04);border:1px solid #ffffff0f;border-radius:12px;margin-top:16px;padding:14px 16px;transition:border-color .25s,background .25s,transform .25s;position:relative;overflow:hidden}.ai-section:hover{background:#ffffff0a;border-color:#ffffff1c;transform:translateY(-1px)}.ai-section h4{color:#ddd;letter-spacing:.2px;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.ai-section p{color:#ffffffad;margin:0;font-size:13px;line-height:1.65}.ai-list{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.ai-list li{color:#ffffffb3;margin-bottom:8px;padding-left:3px}.strengths-list,.weaknesses-list{list-style-position:outside}.strengths-list li,.weaknesses-list li{border-radius:7px;margin-bottom:6px;padding:8px 10px;transition:background .2s,transform .2s}.strengths-list li{background:#6cff6c09}.weaknesses-list li{background:#ff686809}.strengths-list li::marker{color:#6cff6c}.weaknesses-list li::marker{color:#ff6868}.strengths-list li:last-child,.weaknesses-list li:last-child{margin-bottom:0}.strengths-list li:hover{background:#6cff6c0f;transform:translate(2px)}.weaknesses-list li:hover{background:#ff68680f;transform:translate(2px)}.argument-composer{box-sizing:border-box;background:#0d0d0d;border:1px solid #292929;border-radius:14px;width:100%;margin-top:24px;padding:16px;transition:border-color .3s,box-shadow .3s,opacity .3s}.argument-composer.composer-active{border-color:#8aff8a40;box-shadow:0 0 25px #8aff8a0a}.argument-composer.composer-disabled{opacity:.65;border-color:#222}.composer-header{justify-content:space-between;align-items:center;gap:10px;padding:2px 3px 10px;display:flex}.composer-header span{color:#777;letter-spacing:1.5px;font-size:9px;font-weight:600}.composer-header small{color:#444;font-size:9px}.argument-composer .argument-input{color:#eee;resize:vertical;background:#111;border:1px solid #252525;border-radius:10px;outline:none;width:100%;margin-top:0;padding:14px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;transition:border-color .3s,box-shadow .3s,background .3s}.argument-composer .argument-input::placeholder{color:#555}.argument-composer.composer-active .argument-input:focus{background:#121212;border-color:#8aff8a59;box-shadow:0 0 0 3px #8aff8a09}.argument-composer .argument-input:disabled{cursor:not-allowed;background:#0b0b0b}.composer-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.composer-hint{color:#444;font-size:9px;line-height:1.4}.send-argument-button{color:#080808;background:#eee;border:1px solid #303030;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;min-width:145px;padding:11px 15px;font-size:11px;font-weight:600;transition:transform .2s,background .2s,opacity .2s;display:flex}.send-argument-button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.send-argument-button span{font-size:16px}.send-argument-button:disabled{cursor:not-allowed;color:#555;background:#181818;border-color:#242424}.argument-input{resize:vertical;color:#fff;background:#0e0e0e;border:1px solid #292929;border-radius:10px;outline:none;width:100%;margin-top:20px;padding:15px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.argument-input::placeholder{color:#555}.argument-input:focus{border-color:#666}.argument-input:disabled{cursor:not-allowed;opacity:.5}.ai-final-verdict{background:linear-gradient(145deg,#8aff8a0e,#ffffff04);border:1px solid #8aff8a38;border-radius:18px;margin-top:24px;padding:20px;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 12px 35px #0003}.ai-final-verdict:before{content:"";opacity:.65;background:#6cff6c;width:100%;height:2px;position:absolute;top:0;left:0}.ai-final-verdict:hover{border-color:#8aff8a59;transform:translateY(-2px);box-shadow:0 16px 40px #00000047}.ai-final-header{border-bottom:1px solid #8aff8a1f;align-items:center;gap:12px;padding-bottom:16px;display:flex}.ai-final-header>span{background:#6cff6c14;border:1px solid #6cff6c26;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex;box-shadow:0 0 18px #6cff6c0f}.ai-final-header strong{letter-spacing:.3px;font-family:Space Grotesk,sans-serif;font-size:16px;display:block}.ai-final-header p{color:#777;margin:4px 0 0;font-size:12px}.ai-final-section{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;margin-top:14px;padding:14px 16px;transition:background .25s,border-color .25s}.ai-final-section:hover{background:#ffffff0a;border-color:#ffffff1a}.ai-final-section h4{color:#ddd;margin:0 0 7px;font-size:13px;font-weight:600}.ai-final-section p{color:#ffffffb8;margin:0;font-size:13px;line-height:1.65}.opponent-reconnecting{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.opponent-reconnecting>span{background:#f59e0b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.opponent-reconnecting strong{font-size:13px;display:block}.opponent-reconnecting p{opacity:.55;margin:3px 0 0;font-size:12px}.room-page>*{width:100%}.room-page .room-title,.room-page .room-description{text-align:center}@media (width<=1000px){.hero{gap:50px;padding-left:6%;padding-right:6%}.room-page,.create-page{max-width:960px}.room-card{max-width:900px}}@media (width<=800px){.hero{grid-template-columns:1fr;padding:60px 6%}.hero-content{max-width:700px}.hero-visual{margin-top:20px}.steps{grid-template-columns:1fr}.section-heading h2{font-size:35px}.room-details{gap:10px}}@media (width<=600px){.navbar{height:68px;padding:0 20px}.nav-links{display:none}.hero{min-height:auto;padding:50px 20px 65px}.hero h1{letter-spacing:-3px;font-size:55px}.hero-content>p{font-size:14px}.hero-buttons{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%}.features{flex-wrap:wrap;gap:20px;margin-top:50px}.debate-card{padding:18px}.players{gap:8px}.player strong{font-size:10px}.how-section{padding:70px 20px}.section-heading h2{font-size:35px}.steps{margin-top:45px}.create-page,.room-page{padding:24px 14px 40px}.create-title,.room-title{font-size:32px}.room-card{border-radius:14px;padding:22px 16px}.room-code{padding:16px}.room-code span{letter-spacing:3px;font-size:22px}.room-code button{flex-shrink:0}.room-details,.position-buttons{grid-template-columns:1fr}.duration-buttons{grid-template-columns:repeat(2,1fr)}.debate-timer{padding:10px;font-size:26px}.turn-indicator{letter-spacing:.5px;max-width:100%;font-size:11px}.arguments-box{max-height:360px;padding:15px}.argument-card{padding:13px}.argument-header{flex-direction:column;align-items:flex-start}.argument-header>span{margin-left:15px}.argument-text{font-size:12px}.ai-judge-box{padding:15px}.ai-judge-header{align-items:flex-start}.ai-result-card{padding:15px}.ai-result-top{flex-direction:column;align-items:flex-start}.ai-score-section{gap:13px;padding:13px}.ai-score-circle{width:62px;min-width:62px;height:62px}.ai-score-circle strong{font-size:19px}.ai-section{padding:12px}.ai-section p,.ai-final-section p{font-size:12px}.ai-final-verdict{padding:14px}.ai-final-header{align-items:flex-start}.ai-final-section{padding:12px}.argument-composer{padding:13px}.composer-footer{flex-direction:column;align-items:stretch}.composer-hint{line-height:1.5}.send-argument-button{width:100%}.opponent-reconnecting{align-items:flex-start}}@media (width<=400px){.hero h1{font-size:46px}.features{flex-direction:column;gap:16px}.room-code{flex-direction:column;align-items:flex-start}.room-code button{width:100%}.room-code span{font-size:20px}.ai-score-section{align-items:flex-start}.ai-score-circle{width:58px;min-width:58px;height:58px}}@keyframes timerPulse{0%{opacity:1}to{opacity:.55}}@keyframes aiThinking{0%{opacity:.4;height:5px}to{opacity:1;height:16px}}@keyframes waitingPulse{0%{opacity:.35}to{opacity:1}}@keyframes turnAppear{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes turnDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.25)}}@keyframes timerIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes argumentAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.create-box{box-sizing:border-box;width:100%}.create-box>div[style*=grid],.result-stats{grid-template-columns:1fr!important}}html,body,#root{width:100%;min-width:100%;margin:0;padding:0}body{overflow-x:hidden}.app{box-sizing:border-box;width:100%;max-width:none;min-height:100vh;margin:0;overflow-x:hidden}.home-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 76px)}.home-page .hero{box-sizing:border-box;width:100%;height:auto;min-height:calc(100vh - 76px)}@media (width>=801px){.home-page .hero{height:calc(100vh - 76px);min-height:calc(100vh - 76px);padding-top:30px;padding-bottom:30px}.home-page .hero-content{transform-origin:50%;transform:scale(.94)}.room-page{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:28px 32px 40px}.room-page>.room-card{box-sizing:border-box;width:100%;max-width:940px;margin:0 auto;padding:32px;display:block}.room-page>.room-card:not(:has(.arguments-box)){max-width:940px;display:block}.room-page>.room-card:not(:has(.arguments-box)) .room-title{text-align:center;margin:18px 0 8px;font-size:clamp(24px,3vw,34px)}.room-page>.room-card:not(:has(.arguments-box)) .room-description{text-align:center;display:block}.room-page>.room-card:not(:has(.arguments-box)) .room-details{border:none;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;margin-bottom:22px;display:grid}.room-page>.room-card:not(:has(.arguments-box)) .room-details>div{background:#0c0c0c;border:1px solid #222;border-radius:9px;padding:15px}.room-page>.room-card:has(.arguments-box){box-sizing:border-box;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;width:100%;max-width:1180px;margin:0 auto;padding:28px;display:grid}:is(.room-page>.room-card:has(.arguments-box)>.opponent-reconnecting,.room-page>.room-card:has(.arguments-box)>.badge,.room-page>.room-card:has(.arguments-box)>.room-title,.room-page>.room-card:has(.arguments-box)>.room-description,.room-page>.room-card:has(.arguments-box)>.room-details,.room-page>.room-card:has(.arguments-box)>.waiting,.room-page>.room-card:has(.arguments-box)>.turn-indicator,.room-page>.room-card:has(.arguments-box)>.nav-button,.room-page>.room-card:has(.arguments-box)>.debate-timer){grid-column:1/-1}.room-page>.room-card:has(.arguments-box)>.badge{display:none}.room-page>.room-card:has(.arguments-box)>.room-title{letter-spacing:-1.5px;text-align:center;max-width:900px;margin:4px auto 0;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.05}.room-page>.room-card:has(.arguments-box)>.room-description{text-align:center;margin:8px auto 0;display:block}.room-page>.room-card:has(.arguments-box)>.room-details{border-top:1px solid #222;border-bottom:1px solid #222;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;margin-bottom:14px;display:grid}.room-page>.room-card:has(.arguments-box)>.room-details>div{text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;min-height:58px;padding:16px 20px;display:flex}.room-page>.room-card:has(.arguments-box)>.room-details>div:not(:last-child){border-right:1px solid #222}.room-page>.room-card:has(.arguments-box)>.room-details small{color:#555;letter-spacing:1.5px;font-size:9px}.room-page>.room-card:has(.arguments-box)>.room-details strong{color:#ddd;margin-top:6px;font-size:13px}.room-page>.room-card:has(.arguments-box)>.waiting{background:0 0;border:none;border-radius:0;justify-content:center;margin-top:10px;padding:12px 16px}.room-page>.room-card:has(.arguments-box)>.turn-indicator{justify-self:center;margin-top:16px;margin-bottom:10px}.room-page>.room-card:has(.arguments-box)>.nav-button{place-self:center end;margin-top:6px;margin-bottom:6px}.room-page>.room-card:has(.arguments-box)>.debate-timer{border-radius:10px;width:fit-content;min-width:150px;max-width:180px;margin:0 auto 22px;padding:8px 18px;font-size:24px}:is(.room-page>.room-card:has(.arguments-box)>.arguments-box,.room-page>.room-card:has(.arguments-box)>.ai-judge-box){box-sizing:border-box;width:100%;min-width:0;height:520px;max-height:520px;margin-top:0;overflow-y:auto}.room-page>.room-card:has(.arguments-box)>.arguments-box{background:#0a0a0a;border:1px solid #252525;border-right-color:#222;border-radius:14px 0 0 14px;grid-column:1;padding:22px}.room-page>.room-card:has(.arguments-box)>.ai-judge-box{background:#0d0d0d;border:1px solid #252525;border-left:none;border-radius:0 14px 14px 0;grid-column:2;padding:22px}.room-page>.room-card:has(.arguments-box)>.arguments-box::-webkit-scrollbar{width:5px}.room-page>.room-card:has(.arguments-box)>.ai-judge-box::-webkit-scrollbar{width:5px}.room-page>.room-card:has(.arguments-box)>.arguments-box::-webkit-scrollbar-track{background:0 0}.room-page>.room-card:has(.arguments-box)>.ai-judge-box::-webkit-scrollbar-track{background:0 0}.room-page>.room-card:has(.arguments-box)>.arguments-box::-webkit-scrollbar-thumb{background:#292929;border-radius:10px}.room-page>.room-card:has(.arguments-box)>.ai-judge-box::-webkit-scrollbar-thumb{background:#292929;border-radius:10px}.room-page>.room-card:has(.arguments-box)>.arguments-box .section-title{letter-spacing:1px;text-transform:uppercase;color:#aaa;margin-bottom:18px;font-family:Space Grotesk,sans-serif;font-size:13px}.room-page>.room-card:has(.arguments-box)>.arguments-box .argument-card{background:#0f0f0f;border:1px solid #222;border-radius:10px;margin-bottom:12px;padding:14px 16px}.room-page>.room-card:has(.arguments-box)>.arguments-box .my-argument{background:#111;border-color:#292929}.room-page>.room-card:has(.arguments-box)>.arguments-box .opponent-argument{background:#0b0b0b;border-color:#202020}.room-page>.room-card:has(.arguments-box)>.ai-judge-box .ai-judge-header{margin-bottom:18px}:is(.room-page>.room-card:has(.arguments-box)>.ai-judge-box h3,.room-page>.room-card:has(.arguments-box)>.ai-judge-box h4){font-family:Space Grotesk,sans-serif}.room-page>.room-card:has(.arguments-box)>.ai-judge-box p{line-height:1.55}.room-page>.room-card:has(.arguments-box)>.argument-composer{box-sizing:border-box;background:#0b0b0b;border:1px solid #252525;border-top:none;border-radius:0 0 14px 14px;grid-column:1/-1;width:100%;margin-top:0;padding:20px}.room-page>.room-card:has(.arguments-box)>.argument-composer .composer-header{margin-bottom:10px}.room-page>.room-card:has(.arguments-box)>.argument-composer .argument-input{resize:none;background:#080808;border:1px solid #292929;min-height:90px}.room-page>.room-card:has(.arguments-box)>.argument-composer .composer-footer{margin-top:12px}.room-page>.room-card:has(.arguments-box)>.argument-composer .send-argument-button{min-width:145px}}@keyframes pageFadeInClean{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-page,.create-page,.profile-page,.result-page,.auth-page{animation:.35s ease-out pageFadeInClean}@keyframes activeTimerPulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 18px #ffffff14}}@media (width>=801px){.room-page>.room-card:has(.arguments-box)>.room-title{animation:.4s ease-out pageFadeInClean}.room-page>.room-card:has(.arguments-box)>.room-details{animation:.45s ease-out 50ms both pageFadeInClean}.room-page>.room-card:has(.arguments-box)>.turn-indicator{animation:.45s ease-out .1s both pageFadeInClean}.room-page>.room-card:has(.arguments-box)>.debate-timer{animation:.45s ease-out .15s both pageFadeInClean,2s ease-in-out .6s infinite activeTimerPulse}:is(.room-page>.room-card:has(.arguments-box)>.arguments-box,.room-page>.room-card:has(.arguments-box)>.ai-judge-box){animation:.45s ease-out .2s both pageFadeInClean}.room-page>.room-card:has(.arguments-box)>.argument-composer{animation:.45s ease-out .25s both pageFadeInClean}}@keyframes argumentAppearClean{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.room-page>.room-card:has(.arguments-box)>.arguments-box .argument-card{animation:.3s ease-out argumentAppearClean}@keyframes aiJudgeAppearClean{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.room-page>.room-card:has(.arguments-box)>.ai-judge-box .ai-result-card{animation:.4s ease-out aiJudgeAppearClean}button{transition:transform .2s,background .2s,border-color .2s,box-shadow .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}.site-footer{box-sizing:border-box;background:#080808;border-top:1px solid #202020;width:100%;margin-top:80px;padding:45px 32px 24px}.footer-content{grid-template-columns:1.5fr 1fr 1fr 1.5fr;align-items:start;gap:40px;max-width:1120px;margin:0 auto;display:grid}.footer-brand h3{color:#f5f5f5;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:20px}.footer-brand p{color:#666;margin:0;font-size:12px;line-height:1.6}.footer-info{flex-direction:column;gap:7px;display:flex}.footer-info span{color:#555;letter-spacing:1.5px;text-transform:uppercase;font-size:9px}.footer-info strong{color:#ccc;font-size:12px;font-weight:500}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:22px;display:flex}.footer-links a{color:#777;font-size:11px;text-decoration:none}.footer-links a:hover{color:#f5f5f5}.footer-bottom{color:#444;text-align:center;border-top:1px solid #171717;max-width:1120px;margin:35px auto 0;padding-top:18px;font-size:10px}@media (width<=800px){.home-page .hero{height:auto;min-height:auto}.room-page>.room-card:has(.arguments-box){width:100%;max-width:940px;padding:22px 16px;display:block}:is(.room-page>.room-card:has(.arguments-box)>.arguments-box,.room-page>.room-card:has(.arguments-box)>.ai-judge-box,.room-page>.room-card:has(.arguments-box)>.argument-composer){box-sizing:border-box;width:100%;max-width:100%}:is(.room-page>.room-card:has(.arguments-box)>.arguments-box,.room-page>.room-card:has(.arguments-box)>.ai-judge-box){border:1px solid #292929;border-radius:12px;height:auto;max-height:420px;margin-top:20px}.room-page>.room-card:has(.arguments-box)>.argument-composer{border:1px solid #292929;border-radius:12px;margin-top:20px}:is(.room-page>.room-card:has(.arguments-box)>.turn-indicator,.room-page>.room-card:has(.arguments-box)>.debate-timer){width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.site-footer{margin-top:50px;padding:35px 20px 20px}.footer-content{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-links{grid-column:1/-1;justify-content:flex-start}}@media (width<=700px){.create-box{box-sizing:border-box;width:100%}.create-box>div[style*=grid],.result-stats{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo{visibility:visible!important;opacity:1!important;align-items:center!important;display:flex!important}.brand-logo{object-fit:contain!important;visibility:visible!important;opacity:1!important;width:42px!important;height:42px!important;display:block!important}.hero-image{border-radius:24px;width:100%;max-width:560px;margin:30px auto 0;overflow:hidden}.hero{justify-content:space-between;align-items:center;gap:60px;display:flex}.hero-content{flex:1}.hero-image{flex:1;max-width:560px;margin:0}.hero-image img{object-fit:contain;width:100%;height:auto;display:block}.ai-section{box-sizing:border-box;background:#080808;width:100%;padding:120px 8%}.ai-section-content{max-width:900px;margin:0 auto}.ai-section-content>small{color:#888;letter-spacing:3px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-block}.ai-section-content h2{letter-spacing:-3px;color:#fff;margin:0;font-size:clamp(42px,6vw,76px);line-height:1}.ai-section-content h2 span{color:#777}.ai-section-content>p{color:#999;max-width:680px;margin:28px 0 55px;font-size:18px;line-height:1.7}.ai-points{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.ai-point{box-sizing:border-box;background:#0d0d0d;border:1px solid #242424;border-radius:18px;min-height:190px;padding:28px;transition:transform .25s,border-color .25s}.ai-point:hover{border-color:#444;transform:translateY(-6px)}.ai-point>span{color:#fff;background:#181818;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:24px;font-size:16px;display:flex}.ai-point h3{color:#fff;margin:0 0 10px;font-size:18px}.ai-point p{color:#777;margin:0;font-size:14px;line-height:1.6}@media (width<=768px){.ai-section{padding:80px 20px}.ai-section-content h2{letter-spacing:-2px}.ai-points{grid-template-columns:1fr}}.features-section{box-sizing:border-box;background:#050505;width:100%;padding:120px 8%}.features-heading{max-width:760px;margin-bottom:55px}.features-heading small{color:#888;letter-spacing:3px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-block}.features-heading h2{color:#fff;letter-spacing:-3px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.02}.features-heading h2 span{color:#777}.features-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1400px;margin:0 auto;display:grid}.feature-card{box-sizing:border-box;background:#0b0b0b;border:1px solid #222;border-radius:20px;min-height:260px;padding:30px;transition:transform .25s,border-color .25s,background .25s}.feature-card:hover{background:#101010;border-color:#3a3a3a;transform:translateY(-7px)}.feature-icon{color:#fff;background:#151515;border:1px solid #292929;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:32px;font-size:20px;display:flex}.feature-card h3{color:#fff;margin:0 0 12px;font-size:19px}.feature-card p{color:#777;margin:0;font-size:14px;line-height:1.7}@media (width<=1000px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features-section{padding:80px 20px}.features-grid{grid-template-columns:1fr}.features-heading h2{letter-spacing:-2px}}.cta-section{box-sizing:border-box;text-align:center;background:#080808;border-top:1px solid #181818;border-bottom:1px solid #181818;width:100%;padding:130px 8%}.cta-content{max-width:850px;margin:0 auto}.cta-content small{color:#888;letter-spacing:3px;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.cta-content h2{color:#fff;letter-spacing:-4px;margin:0;font-size:clamp(45px,7vw,82px);line-height:1}.cta-content h2 span{color:#777}.cta-content>p{color:#888;max-width:600px;margin:28px auto 40px;font-size:17px;line-height:1.7}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}@media (width<=600px){.cta-section{padding:90px 20px}.cta-content h2{letter-spacing:-2px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons button{width:100%}}.about-section{box-sizing:border-box;background:#050505;grid-template-columns:1.4fr .8fr;align-items:center;gap:80px;width:100%;padding:120px 8%;display:grid}.about-content{max-width:800px}.about-label{color:#888;letter-spacing:3px;margin-bottom:20px;font-size:12px;font-weight:700}.about-content h2{color:#fff;letter-spacing:-3px;margin:0 0 30px;font-size:clamp(42px,6vw,76px);line-height:1}.about-content h2 span{color:#777}.about-content p{color:#888;max-width:700px;margin:0 0 20px;font-size:17px;line-height:1.8}.about-highlight{background:#0b0b0b;border:1px solid #242424;border-radius:24px;padding:45px}.highlight-number{color:#fff;letter-spacing:-3px;margin-bottom:30px;font-size:58px;font-weight:800}.about-highlight h3{color:#fff;margin:0 0 12px;font-size:24px}.about-highlight p{color:#777;margin:0;font-size:14px;line-height:1.7}@media (width<=800px){.about-section{grid-template-columns:1fr;gap:45px;padding:80px 20px}.about-content h2{letter-spacing:-2px}.about-highlight{padding:30px}}.contact-section{box-sizing:border-box;text-align:center;background:#080808;border-top:1px solid #181818;width:100%;padding:120px 8%}.contact-content{max-width:850px;margin:0 auto}.contact-content small{color:#888;letter-spacing:3px;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.contact-content h2{color:#fff;letter-spacing:-3px;margin:0;font-size:clamp(42px,6vw,76px);line-height:1}.contact-content h2 span{color:#777}.contact-content>p{color:#888;max-width:600px;margin:28px auto 35px;font-size:17px;line-height:1.7}.contact-email{color:#fff;align-items:center;gap:18px;font-size:18px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.contact-email span{font-size:24px;transition:transform .2s}.contact-email:hover{opacity:.7}.contact-email:hover span{transform:translate(5px)}@media (width<=600px){.contact-section{padding:80px 20px}.contact-content h2{letter-spacing:-2px}.contact-email{font-size:16px}}.hero h1{color:#fff!important}.hero h1 span{font-style:italic;font-weight:500;color:#6f8cff!important;font-family:Georgia,Times New Roman,serif!important}.hero-content>p{max-width:620px;line-height:1.6;text-align:center!important;margin-left:0!important;margin-right:0!important}.hero,.hero-content{color:#fff!important}.hero-content h1{color:#fff!important;text-align:left!important}.hero-content h1 span{font-style:italic;font-weight:500;color:#6f8cff!important;font-family:Georgia,Times New Roman,serif!important}.hero-content>p{max-width:620px;line-height:1.6;color:#9a9a9a!important;text-align:left!important;margin-left:0!important;margin-right:0!important}.hero-content .badge{color:#999!important}.how-section{box-sizing:border-box;width:100%;color:#fff!important;background:#080808!important;padding:100px 8% 120px!important}.how-section .section-heading{max-width:850px;text-align:center!important;margin:0 auto 55px!important}.how-section .section-heading small{letter-spacing:3px;margin-bottom:18px;font-size:12px;font-weight:700;display:block;color:#777!important}.how-section .section-heading h2{letter-spacing:-2px;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.05;color:#fff!important;margin:0!important}.how-section .steps{width:100%;max-width:1400px;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin:0 auto!important;display:grid!important}.how-section .step{box-sizing:border-box;border-radius:18px;min-height:220px;color:#fff!important;background:#0d0d0d!important;border:1px solid #242424!important;padding:30px!important}.how-section .step>span{margin-bottom:35px;font-size:14px;font-weight:700;display:block;color:#fff!important}.how-section .step h3{font-size:20px;color:#fff!important;margin:0 0 12px!important}.how-section .step p{font-size:14px;line-height:1.7;color:#777!important;margin:0!important}@media (width<=800px){.how-section{padding:80px 20px!important}.how-section .steps{grid-template-columns:1fr!important}}body,.app,.navbar,.hero,.how-section,.ai-section,.features-section,.cta-section,.about-section,.contact-section,.create-page,.room-page,.auth-page,.profile-page,.result-page,.room-card,.step,.feature-card,.ai-point,.about-highlight,.debate-card,.arguments-box,.argument-card,.ai-judge-box,.argument-composer,input,textarea,select,button{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}.navbar{align-items:center;gap:14px;width:100%;min-height:76px;display:flex}.navbar .logo{flex:none}.navbar .nav-links{align-items:center;gap:30px;margin-left:auto;display:flex}.navbar .nav-button{flex:none}.theme-toggle{box-shadow:0 4px 14px #0000002e;color:#fff!important;cursor:pointer!important;z-index:10!important;background:#151515!important;border:1px solid #3a3a3a!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;margin:0 0 0 4px!important;padding:0!important;font-size:19px!important;line-height:1!important;display:inline-flex!important;position:relative!important}.theme-toggle:hover{transform:translateY(-2px);background:#202020!important;border-color:#555!important}.hero-content{text-align:left!important}.hero-content .badge{margin-left:0!important;margin-right:0!important}.hero-content h1{text-align:left!important}.hero-content>p{text-align:left!important;max-width:620px!important;margin-left:0!important;margin-right:0!important;line-height:1.6!important}.hero h1 span{color:#6f8cff!important;font-family:Georgia,Times New Roman,serif!important;font-style:italic!important;font-weight:500!important}.features-heading{width:100%;text-align:center!important;max-width:900px!important;margin:0 auto 55px!important}.features-heading small{display:block;text-align:center!important}.features-heading h2{text-align:center!important;margin:0!important}.features-heading h2 span{display:inline!important}body.light-theme{color:#111!important;background:#fff!important}body.light-theme .app{min-height:100vh;color:#111!important;background:#fff!important}body.light-theme .navbar{box-shadow:0 2px 14px #00000006;color:#111!important;background:#fffffff7!important;border-bottom:1px solid #e7e7e7!important}body.light-theme .navbar .nav-links a{color:#555!important}body.light-theme .navbar .nav-links a:hover{color:#111!important}body.light-theme .navbar .room-status{color:#666!important}body.light-theme .navbar .nav-button{color:#fff!important;background:#111!important;border-color:#111!important}body.light-theme .navbar .nav-button:hover{color:#fff!important;background:#292929!important;border-color:#292929!important}body.light-theme .navbar .theme-toggle{box-shadow:0 4px 14px #00000014;color:#111!important;background:#f7f7f7!important;border-color:#d8d8d8!important}body.light-theme .navbar .theme-toggle:hover{color:#111!important;background:#ededed!important;border-color:#cfcfcf!important}body.light-theme .hero{color:#111!important;background:#fff!important}body.light-theme .hero-content,body.light-theme .hero h1,body.light-theme .hero-content h1{color:#111!important}body.light-theme .hero h1 span{color:#526cff!important}body.light-theme .hero-content>p{color:#5f5f5f!important}body.light-theme .hero-content .badge{color:#666!important;background:#f7f7f7!important;border-color:#dedede!important}body.light-theme .hero-content .status-dot{box-shadow:0 0 8px #34c75959;background:#34c759!important}body.light-theme .debate-card{box-shadow:0 25px 65px #0000001a;color:#111!important;background:#fff!important;border-color:#e0e0e0!important}body.light-theme .card-header small,body.light-theme .player small,body.light-theme .claim-label,body.light-theme .live{color:#777!important}body.light-theme .card-header h3,body.light-theme .player strong,body.light-theme .player b{color:#111!important}body.light-theme .avatar{color:#111!important;background:#eee!important}body.light-theme .vs{color:#999!important}body.light-theme .ai-panel{background:#f6f6f6!important;border-color:#e0e0e0!important}body.light-theme .ai-panel strong{color:#111!important}body.light-theme .ai-panel p{color:#777!important}body.light-theme .claim{background:#fafafa!important;border-color:#e2e2e2!important}body.light-theme .claim p{color:#555!important}body.light-theme .claim-result{color:#777!important}body.light-theme .claim-result span{color:#333!important}body.light-theme .how-section{color:#111!important;background:#f7f7f7!important;border-top-color:#e6e6e6!important}body.light-theme .how-section .section-heading small{color:#777!important}body.light-theme .how-section .section-heading h2{color:#111!important}body.light-theme .how-section .step{box-shadow:0 6px 24px #00000009;color:#111!important;background:#fff!important;border-color:#e1e1e1!important}body.light-theme .how-section .step:hover{background:#fff!important;border-color:#ccc!important}body.light-theme .how-section .step>span{color:#777!important}body.light-theme .how-section .step h3{color:#111!important}body.light-theme .how-section .step p{color:#666!important}body.light-theme .ai-section{color:#111!important;background:#fff!important}body.light-theme .ai-section-content>small{color:#777!important}body.light-theme .ai-section-content h2{color:#111!important}body.light-theme .ai-section-content h2 span{color:#777!important}body.light-theme .ai-section-content>p{color:#666!important}body.light-theme .ai-point{color:#111!important;background:#f8f8f8!important;border-color:#e1e1e1!important}body.light-theme .ai-point:hover{background:#fff!important;border-color:#ccc!important}body.light-theme .ai-point>span{color:#111!important;background:#eee!important}body.light-theme .ai-point h3{color:#111!important}body.light-theme .ai-point p{color:#666!important}body.light-theme .features-section{color:#111!important;background:#f7f7f7!important}body.light-theme .features-heading small{color:#777!important}body.light-theme .features-heading h2{color:#111!important}body.light-theme .features-heading h2 span{color:#777!important}body.light-theme .feature-card{box-shadow:0 6px 24px #00000009;color:#111!important;background:#fff!important;border-color:#e1e1e1!important}body.light-theme .feature-card:hover{background:#fff!important;border-color:#ccc!important}body.light-theme .feature-icon{color:#111!important;background:#f1f1f1!important;border-color:#ddd!important}body.light-theme .feature-card h3{color:#111!important}body.light-theme .feature-card p{color:#666!important}body.light-theme .cta-section{color:#111!important;background:#fff!important;border-top-color:#e5e5e5!important;border-bottom-color:#e5e5e5!important}body.light-theme .cta-content small{color:#777!important}body.light-theme .cta-content h2{color:#111!important}body.light-theme .cta-content h2 span{color:#777!important}body.light-theme .cta-content>p{color:#666!important}body.light-theme .about-section{color:#111!important;background:#f7f7f7!important}body.light-theme .about-label{color:#777!important}body.light-theme .about-content h2{color:#111!important}body.light-theme .about-content h2 span{color:#777!important}body.light-theme .about-content p{color:#666!important}body.light-theme .about-highlight{box-shadow:0 6px 24px #00000009;background:#fff!important;border-color:#e1e1e1!important}body.light-theme .highlight-number,body.light-theme .about-highlight h3{color:#111!important}body.light-theme .about-highlight p{color:#666!important}body.light-theme .contact-section{color:#111!important;background:#fff!important;border-top-color:#e5e5e5!important}body.light-theme .contact-content small{color:#777!important}body.light-theme .contact-content h2{color:#111!important}body.light-theme .contact-content h2 span{color:#777!important}body.light-theme .contact-content>p{color:#666!important}body.light-theme .contact-email{color:#111!important}body.light-theme .create-page,body.light-theme .room-page{color:#111!important;background:#fff!important}body.light-theme .create-box,body.light-theme .room-card{color:#111!important}body.light-theme .room-card{box-shadow:0 15px 45px #0000000f;background:#fff!important;border-color:#dedede!important}body.light-theme .create-title,body.light-theme .room-title{color:#111!important}body.light-theme .create-description,body.light-theme .room-description{color:#666!important}body.light-theme .form label{color:#555!important}body.light-theme .form input,body.light-theme .argument-input{color:#111!important;background:#fff!important;border-color:#d7d7d7!important}body.light-theme .form input:focus,body.light-theme .argument-input:focus{background:#fff!important;border-color:#888!important}body.light-theme .form input::placeholder,body.light-theme .argument-input::placeholder{color:#999!important}body.light-theme .position,body.light-theme .duration{color:#555!important;background:#fafafa!important;border-color:#ddd!important}body.light-theme .position strong{color:#333!important}body.light-theme .position.active{color:#fff!important;background:#111!important;border-color:#111!important}body.light-theme .position.active strong{color:#fff!important}body.light-theme .duration.active{color:#fff!important;background:#111!important;border-color:#111!important}body.light-theme .create-room-button{color:#fff!important;background:#111!important}body.light-theme .create-room-button:hover{background:#292929!important}body.light-theme .secondary-large-button{color:#111!important;background:#fff!important;border-color:#d5d5d5!important}body.light-theme .secondary-large-button:hover{color:#111!important;background:#f3f3f3!important}body.light-theme .room-icon{color:#fff!important;background:#111!important}body.light-theme .room-status{color:#666!important}body.light-theme .room-code{background:#f6f6f6!important;border-color:#ddd!important}body.light-theme .room-code span{color:#111!important}body.light-theme .room-code button{color:#333!important;background:#fff!important;border-color:#d7d7d7!important}body.light-theme .room-code button:hover{color:#111!important;background:#f1f1f1!important}body.light-theme .room-details>div{background:#f8f8f8!important;border-color:#e0e0e0!important}body.light-theme .room-details small{color:#888!important}body.light-theme .room-details strong{color:#222!important}body.light-theme .waiting{background:#f7f7f7!important;border-color:#ddd!important}body.light-theme .waiting strong{color:#111!important}body.light-theme .waiting p{color:#666!important}body.light-theme .profile-page,body.light-theme .result-page,body.light-theme .auth-page{color:#111!important;background:#fff!important}body.light-theme .profile-page h1,body.light-theme .profile-page h2,body.light-theme .profile-page h3,body.light-theme .result-page h1,body.light-theme .result-page h2,body.light-theme .result-page h3,body.light-theme .auth-page h1,body.light-theme .auth-page h2,body.light-theme .auth-page h3{color:#111!important}body.light-theme .profile-page p,body.light-theme .result-page p,body.light-theme .auth-page p{color:#666!important}body.light-theme .profile-page .room-card,body.light-theme .result-page .room-card{color:#111!important;background:#fff!important;border-color:#e0e0e0!important}body.light-theme .debate-timer{color:#111!important;background:#f7f7f7!important;border-color:#ddd!important}body.light-theme .debate-timer.timer-active{box-shadow:0 0 20px #15803d0f;color:#15803d!important;background:#15803d0d!important;border-color:#15803d40!important}body.light-theme .debate-timer.timer-muted{color:#999!important;background:#fafafa!important;border-color:#e6e6e6!important}body.light-theme .debate-timer.danger{color:#dc2626!important;background:#dc26260d!important;border-color:#dc262640!important}body.light-theme .turn-indicator{background:#f7f7f7!important;border-color:#ddd!important}body.light-theme .turn-indicator.my-turn{color:#15803d!important;background:#15803d0f!important;border-color:#15803d40!important}body.light-theme .turn-indicator.opponent-turn{color:#777!important;background:#f7f7f7!important;border-color:#e0e0e0!important}body.light-theme .arguments-box{scrollbar-color:#c7c7c7 transparent;background:#f8f8f8!important;border-color:#ddd!important}body.light-theme .argument-card{background:#fff!important;border-color:#e1e1e1!important}body.light-theme .argument-card.my-argument{background:#15803d0b!important;border-color:#15803d33!important}body.light-theme .argument-card.opponent-argument{background:#fff!important;border-color:#e1e1e1!important}body.light-theme .argument-header strong{color:#222!important}body.light-theme .argument-header>span{color:#888!important}body.light-theme .argument-text{color:#444!important}body.light-theme .argument-composer{background:#fff!important;border-color:#ddd!important}body.light-theme .argument-composer.composer-active{box-shadow:0 0 20px #15803d0d;border-color:#15803d40!important}body.light-theme .composer-header span{color:#555!important}body.light-theme .composer-header small,body.light-theme .composer-hint{color:#888!important}body.light-theme .argument-composer .argument-input{color:#111!important;background:#fff!important;border-color:#d8d8d8!important}body.light-theme .argument-composer .argument-input::placeholder{color:#999!important}body.light-theme .send-argument-button{color:#fff!important;background:#111!important;border-color:#111!important}body.light-theme .send-argument-button:hover:not(:disabled){background:#292929!important}body.light-theme .send-argument-button:disabled{color:#999!important;background:#eee!important;border-color:#ddd!important}body.light-theme .ai-judge-box{color:#111!important;background:#fff!important;border-color:#ddd!important}body.light-theme .ai-judge-header{border-bottom-color:#e5e5e5!important}body.light-theme .ai-judge-icon{color:#fff!important;background:#111!important}body.light-theme .ai-judge-title strong{color:#111!important}body.light-theme .ai-judge-title span{color:#777!important}body.light-theme .ai-empty>span{color:#999!important}body.light-theme .ai-empty p{color:#777!important}body.light-theme .ai-result-card{box-shadow:0 8px 24px #0000000d;background:linear-gradient(145deg,#fff,#f7f7f7)!important;border-color:#ddd!important}body.light-theme .ai-result-top{border-bottom-color:#e6e6e6!important}body.light-theme .ai-result-top strong{color:#111!important}body.light-theme .ai-result-top span{color:#777!important}body.light-theme .ai-result-content p,body.light-theme .ai-result-content pre{color:#444!important}body.light-theme .ai-score-section{background:linear-gradient(145deg,#fafafa,#f4f4f4)!important;border-color:#ddd!important}body.light-theme .ai-score-info>span{color:#555!important}body.light-theme .ai-score-bar{background:#e7e7e7!important;border-color:#d8d8d8!important}body.light-theme .ai-section{background:linear-gradient(145deg,#fafafa,#f5f5f5)!important;border-color:#e3e3e3!important}body.light-theme .ai-section h4{color:#222!important}body.light-theme .ai-section p,body.light-theme .ai-list li{color:#555!important}body.light-theme .ai-final-verdict{box-shadow:0 10px 30px #0000000f;background:linear-gradient(145deg,#15803d0e,#fff)!important;border-color:#15803d38!important}body.light-theme .ai-final-section{background:#f8f8f8!important;border-color:#e2e2e2!important}body.light-theme .ai-final-section h4{color:#222!important}body.light-theme .ai-final-section p{color:#555!important}body.light-theme .opponent-reconnecting{background:#f59e0b12!important;border-color:#f59e0b40!important}body.light-theme .site-footer{color:#555!important;background:#f7f7f7!important;border-top-color:#e1e1e1!important}body.light-theme .footer-brand h3{color:#111!important}body.light-theme .footer-brand p{color:#777!important}body.light-theme .footer-info span{color:#888!important}body.light-theme .footer-info strong{color:#333!important}body.light-theme .footer-links a{color:#666!important}body.light-theme .footer-links a:hover{color:#111!important}body.light-theme .footer-bottom{color:#999!important;border-top-color:#e1e1e1!important}@media (width<=800px){.navbar{gap:8px}.navbar .nav-links{margin-left:auto}.navbar .nav-button{padding:9px 12px}.theme-toggle{width:40px!important;min-width:40px!important;height:40px!important;font-size:17px!important}.hero{gap:40px}.hero-content>p{text-align:left!important}}@media (width<=600px){.navbar{padding-left:20px;padding-right:20px}.navbar .nav-links{display:none}.navbar .nav-button{padding:8px 11px;font-size:11px}.theme-toggle{margin-left:auto!important}.hero-content>p{text-align:left!important}.features-heading{margin-bottom:40px!important}.features-heading h2{text-align:center!important}}@media (prefers-reduced-motion:reduce){body,.app,.navbar,.hero,.how-section,.ai-section,.features-section,.cta-section,.about-section,.contact-section,input,textarea,select,button{transition:none!important}}.debate-page h1,.debate-page h2,.debate-page h3,.debate-page .debate-title,.debate-page .topic-title{color:#fff!important}.debate-page p{color:#888!important}body.light-theme .debate-page h1,body.light-theme .debate-page h2,body.light-theme .debate-page h3,body.light-theme .debate-page .debate-title,body.light-theme .debate-page .topic-title{color:#111!important}body.light-theme .debate-page p{color:#666!important}.room-page>.room-card:has(.arguments-box)>h1.room-title{color:#fff!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#fff!important;display:block!important}.room-page>.room-card:has(.arguments-box)>.room-description{color:#888!important;opacity:1!important}body.light-theme .room-page>.room-card:has(.arguments-box)>h1.room-title{color:#111!important;-webkit-text-fill-color:#111!important}body.light-theme .room-page>.room-card:has(.arguments-box)>.room-description{color:#666!important}