.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:1rem 2rem;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),background .3s ease;animation:slideInDown .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar.visible{transform:translateY(0);opacity:1}.navbar.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.navbar-container{display:flex;align-items:center;gap:.35rem;background:#111827d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:50px;padding:.5rem;box-shadow:0 4px 24px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-container:hover{border-color:#06b6d44d;box-shadow:0 8px 32px #0006}.navbar-links{display:flex;gap:.25rem}.nav-mode-badge{margin-left:.35rem;margin-right:.35rem;padding:.4rem .85rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.nav-mode-badge.local{background:#06b6d433;color:var(--cyan-light);border:1px solid rgba(6,182,212,.35)}.nav-mode-badge.cloud{background:#ec489926;color:var(--pink-light);border:1px solid rgba(236,72,153,.35)}.nav-link{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.65rem 1.5rem;border-radius:50px;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:var(--gradient-cyan);opacity:0;transition:opacity .3s ease;border-radius:50px}.nav-link:hover:not(.active){color:var(--text-primary);background:#ffffff14;transform:translateY(-1px)}.nav-link.active{color:#fff;background:var(--gradient-cyan);font-weight:600;box-shadow:0 4px 15px var(--cyan-glow);transform:scale(1)}.nav-link.active:hover{box-shadow:0 6px 20px var(--cyan-glow);transform:scale(1.02)}@media(max-width:500px){.navbar{padding:.75rem 1rem}.nav-link{padding:.5rem 1rem;font-size:.85rem}}.landing-page{min-height:100vh;padding-top:70px;overflow-x:hidden;position:relative;z-index:1}.hero-section{position:relative;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.hero-background{display:none}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 8s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:var(--cyan-primary);top:-10%;left:-10%}.hero-orb-2{width:400px;height:400px;background:var(--pink-primary);bottom:0%;right:-5%;animation-delay:-4s}.hero-content{position:relative;z-index:1;max-width:800px;animation:fadeInUp .8s ease-out}.hero-kicker{color:var(--cyan-light);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-highlight{background:linear-gradient(135deg,var(--cyan-light),var(--pink-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeIn .8s ease-out .2s backwards}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s backwards}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--gradient-cyan);border:none;border-radius:var(--btn-radius);color:var(--bg-primary);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--cyan-glow)}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--cyan-glow)}.cta-primary.cta-large{padding:1.25rem 2.5rem;font-size:1.1rem}.cta-arrow{transition:transform .3s ease}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--btn-radius);color:var(--text-secondary);font-family:var(--font-heading);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-secondary:hover{border-color:var(--pink-primary);color:var(--pink-light);transform:translateY(-3px);box-shadow:0 8px 25px var(--pink-glow)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:4rem;padding:1.5rem 3rem;background:#11182799;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--card-radius);animation:fadeInUp .8s ease-out .6s backwards}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--cyan-light),var(--pink-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--border-color)}.features-section{padding:5rem 2rem 6rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.1rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{position:relative;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--card-radius);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out backwards;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-cyan);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card-cyan:before{background:var(--gradient-cyan)}.feature-card-pink:before{background:var(--gradient-pink)}.feature-card-gradient:before{background:linear-gradient(90deg,var(--cyan-primary),var(--pink-primary))}.feature-card:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 20px 50px #0000004d}.feature-card:hover:before{transform:scaleX(1)}.feature-card-cyan:hover{box-shadow:0 20px 50px var(--cyan-glow)}.feature-card-pink:hover{box-shadow:0 20px 50px var(--pink-glow)}.feature-card-gradient:hover{box-shadow:0 20px 50px #06b6d433,0 20px 50px #ec489933}.feature-icon{font-size:3rem;margin-bottom:1.25rem;display:inline-block;animation:float 4s ease-in-out infinite}.feature-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.feature-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.feature-highlights{list-style:none;margin-bottom:1.5rem}.feature-highlights li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.highlight-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan-primary)}.feature-card-pink .highlight-dot{background:var(--pink-primary)}.feature-card-gradient .highlight-dot{background:linear-gradient(135deg,var(--cyan-primary),var(--pink-primary))}.feature-action{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.95rem;font-weight:500;color:var(--cyan-primary);transition:gap .3s ease}.feature-card-pink .feature-action{color:var(--pink-primary)}.feature-card-gradient .feature-action{background:linear-gradient(135deg,var(--cyan-primary),var(--pink-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-arrow{transition:transform .3s ease}.feature-card:hover .feature-arrow{transform:translate(6px)}.bottom-cta-section{padding:5rem 2rem;text-align:center}.bottom-cta-content{max-width:600px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#06b6d41a,#ec48991a);border:1px solid var(--border-color);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-cta-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.bottom-cta-text{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.hero-section{min-height:auto;padding:2rem 1.5rem 3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;width:100%}.cta-primary,.cta-secondary{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:1.5rem;padding:2rem}.stat-divider{width:60px;height:1px}.features-section{padding:3rem 1.5rem}.section-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.bottom-cta-content{padding:2rem}.bottom-cta-title{font-size:1.5rem}}.practice-setup{padding:100px 1.5rem 3rem;max-width:960px;margin:0 auto;position:relative;z-index:1}.setup-header{text-align:center;margin-bottom:2rem}.setup-kicker{color:var(--cyan-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.setup-title{font-family:var(--font-heading);font-size:2.4rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan-light) 50%,var(--pink-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-subtitle{color:var(--text-secondary);line-height:1.6;max-width:640px;margin:0 auto}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.setup-card{background:linear-gradient(135deg,#111827d9,#0d1420f2);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:1.25rem 1.4rem;box-shadow:0 4px 24px #00000040}.setup-card-wide{grid-column:1 / -1}.setup-card h2{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:.85rem;color:var(--text-primary)}.setup-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.mode-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.mode-pill.local{background:#06b6d433;color:var(--cyan-light);border:1px solid rgba(6,182,212,.4)}.mode-pill.cloud{background:#ec489926;color:var(--pink-light);border:1px solid rgba(236,72,153,.35)}.setup-model{color:var(--text-secondary);font-size:.9rem}.setup-ready{color:#86efac;font-size:.9rem}.setup-muted{color:var(--text-muted);font-size:.9rem;line-height:1.5}.setup-checklist{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:.9rem 1rem}.checklist-title{color:#fca5a5;font-size:.9rem;margin-bottom:.5rem}.setup-checklist ol{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.85rem;line-height:1.55}.setup-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.setup-field{margin-bottom:1rem}.field-label{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.chip-row.wrap{margin-bottom:1rem}.chip{border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.chip:hover{border-color:#06b6d466;color:var(--text-primary)}.chip.active{background:var(--gradient-cyan);color:#fff;border-color:transparent;font-weight:600}.setup-topic-input{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--input-radius);padding:.95rem 1.1rem;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;outline:none}.setup-topic-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-glow)}.setup-start-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.6rem;border:none;border-radius:999px;background:var(--gradient-cyan);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 18px var(--cyan-glow)}.setup-start-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.practice-tips{margin:0 0 .75rem;padding-left:1.2rem;color:var(--text-secondary);line-height:1.55;font-size:.95rem}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.history-topic{display:block;color:var(--text-primary);font-size:.92rem}.history-meta{display:block;color:var(--text-muted);font-size:.8rem}.setup-banner.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem;color:#fecaca}@media(max-width:720px){.setup-grid{grid-template-columns:1fr}.setup-title{font-size:1.9rem}}.debate-input-container{padding:3rem 2rem;animation:fadeIn .5s ease-out;position:relative;z-index:1}.debate-form{background:linear-gradient(135deg,#111827cc,#0d1420e6);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px #0000004d;transition:all .3s ease}.debate-form:hover{border-color:#06b6d44d;box-shadow:0 8px 32px #06b6d41a}.input-wrapper{display:flex;align-items:flex-end;gap:1rem}.topic-input{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--input-radius);padding:1.1rem 1.35rem;font-size:1rem;color:var(--text-primary);font-family:var(--font-body);outline:none;transition:all .3s ease;min-height:56px;max-height:150px;resize:none;overflow-y:auto;line-height:1.5}.topic-input::placeholder{color:var(--text-muted)}.topic-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-glow),0 8px 30px #06b6d41f}.start-btn{padding:1.1rem 2.25rem;background:var(--gradient-cyan);border:none;border-radius:var(--btn-radius);color:#fff;font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 15px var(--cyan-glow)}.start-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px var(--cyan-glow)}.start-btn:active:not(:disabled){transform:translateY(0)}.start-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sample-topics{background:linear-gradient(135deg,#11182799,#0d1420b3);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:1.5rem 2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sample-label{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem;font-weight:500;text-align:center}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.sample-topic-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--btn-radius);padding:1rem 1.25rem;color:var(--text-secondary);font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-body)}.sample-topic-btn:hover{background:var(--bg-card-hover);border-color:var(--cyan-primary);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 6px 20px #06b6d426}.sample-topic-btn:nth-child(1){animation:fadeInUp .4s ease-out .1s backwards}.sample-topic-btn:nth-child(2){animation:fadeInUp .4s ease-out .15s backwards}.sample-topic-btn:nth-child(3){animation:fadeInUp .4s ease-out .2s backwards}.sample-topic-btn:nth-child(4){animation:fadeInUp .4s ease-out .25s backwards}@media(max-width:768px){.debate-input-container{padding:2rem 1rem}.debate-form{padding:1.5rem}.input-wrapper{flex-direction:column}.start-btn{width:100%}.topics-grid{grid-template-columns:1fr}}.argument-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.35rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.argument-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s ease}.argument-card.proposition:before{background:var(--gradient-cyan)}.argument-card.opposition:before{background:var(--gradient-pink)}.argument-card:hover{background:var(--bg-card-hover);transform:translateY(-4px)}.argument-card:hover:before{opacity:1}.argument-card.proposition:hover{border-color:#06b6d459;box-shadow:0 10px 40px #06b6d41f,0 0 0 1px #06b6d41a}.argument-card.opposition:hover{border-color:#ec489959;box-shadow:0 10px 40px #ec48991f,0 0 0 1px #ec48991a}.argument-card.expanded{background:var(--bg-card-hover)}.argument-card.expanded:before{opacity:1}.argument-card.proposition.expanded{border-color:#06b6d473;box-shadow:0 15px 50px #06b6d426,0 0 0 1px #06b6d426}.argument-card.opposition.expanded{border-color:#ec489973;box-shadow:0 15px 50px #ec489926,0 0 0 1px #ec489926}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.stage-label{font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stage-label.proposition{color:var(--cyan-primary)}.stage-label.opposition{color:var(--pink-primary)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.proposition{background:var(--cyan-primary);box-shadow:0 0 10px var(--cyan-glow),0 0 20px var(--cyan-glow)}.status-dot.opposition{background:var(--pink-primary);box-shadow:0 0 10px var(--pink-glow),0 0 20px var(--pink-glow)}.card-content{margin-bottom:1.15rem;overflow:hidden}.argument-text{color:var(--text-primary);font-size:.95rem;line-height:1.75;white-space:pre-wrap;transition:all .3s ease}.argument-card.expanded .argument-text{animation:expandText .4s ease-out}@keyframes expandText{0%{opacity:.7}to{opacity:1}}.read-more-btn{display:inline-flex;align-items:center;gap:.6rem;background:transparent;border:none;font-size:.88rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem 0;font-family:var(--font-body);font-weight:500;position:relative}.read-more-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;transition:width .3s ease}.read-more-btn.proposition{color:var(--text-muted)}.read-more-btn.proposition:after{background:var(--cyan-primary)}.read-more-btn.proposition:hover{color:var(--cyan-primary)}.read-more-btn.proposition:hover:after{width:calc(100% - 1.5rem)}.read-more-btn.opposition{color:var(--text-muted)}.read-more-btn.opposition:after{background:var(--pink-primary)}.read-more-btn.opposition:hover{color:var(--pink-primary)}.read-more-btn.opposition:hover:after{width:calc(100% - 1.5rem)}.arrow{font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.read-more-btn:hover .arrow{transform:translate(4px)}.argument-card.expanded .arrow{transform:rotate(-90deg)}.argument-card.expanded .read-more-btn:hover .arrow{transform:rotate(-90deg) translate(2px)}.argument-card.proposition:nth-child(1){animation:slideInFromLeft .8s cubic-bezier(.22,1,.36,1) .15s backwards}.argument-card.proposition:nth-child(2){animation:slideInFromLeft .8s cubic-bezier(.22,1,.36,1) .35s backwards}.argument-card.proposition:nth-child(3){animation:slideInFromLeft .8s cubic-bezier(.22,1,.36,1) .55s backwards}.argument-card.opposition:nth-child(1){animation:slideInFromRight .8s cubic-bezier(.22,1,.36,1) .15s backwards}.argument-card.opposition:nth-child(2){animation:slideInFromRight .8s cubic-bezier(.22,1,.36,1) .35s backwards}.argument-card.opposition:nth-child(3){animation:slideInFromRight .8s cubic-bezier(.22,1,.36,1) .55s backwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-120px) scale(.9) rotateY(10deg);filter:blur(4px)}60%{opacity:.8;transform:translate(10px) scale(1.01) rotateY(-2deg);filter:blur(0px)}to{opacity:1;transform:translate(0) scale(1) rotateY(0);filter:blur(0px)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(120px) scale(.9) rotateY(-10deg);filter:blur(4px)}60%{opacity:.8;transform:translate(-10px) scale(1.01) rotateY(2deg);filter:blur(0px)}to{opacity:1;transform:translate(0) scale(1) rotateY(0);filter:blur(0px)}}@media(max-width:768px){.argument-card{padding:1.15rem;border-radius:12px}.argument-text{font-size:.9rem;line-height:1.7}.argument-card:hover{transform:translateY(-2px)}}.debate-side{padding:1.5rem 2rem}.debate-side.proposition{animation:slideInLeft .6s ease-out}.debate-side.opposition{animation:slideInRight .6s ease-out}.side-header{margin-bottom:1.75rem}.badge{display:inline-block;padding:.5rem 1.15rem;border-radius:25px;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:.85rem;text-transform:uppercase;transition:all .3s ease}.badge.proposition{background:#06b6d41f;color:var(--cyan-primary);border:1px solid rgba(6,182,212,.25);box-shadow:0 0 20px #06b6d41a}.badge.opposition{background:#ec48991f;color:var(--pink-primary);border:1px solid rgba(236,72,153,.25);box-shadow:0 0 20px #ec48991a}.badge:hover{transform:scale(1.02)}.side-title{font-family:var(--font-heading);font-size:1.65rem;font-weight:600;letter-spacing:-.02em;transition:all .3s ease}.side-title.proposition{color:var(--cyan-light);text-shadow:0 0 30px rgba(6,182,212,.3)}.side-title.opposition{color:var(--pink-light);text-shadow:0 0 30px rgba(236,72,153,.3)}.arguments-list{display:flex;flex-direction:column;gap:1.15rem}@media(max-width:768px){.debate-side{padding:1.25rem}.debate-side.proposition,.debate-side.opposition{animation:fadeInUp .5s ease-out}.side-title{font-size:1.35rem}}.debate-arena{padding:1.5rem 0;animation:fadeIn .4s ease-out}.debate-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}.divider{width:1px;background:linear-gradient(180deg,transparent 0%,var(--border-color) 15%,var(--cyan-primary) 50%,var(--border-color) 85%,transparent 100%);align-self:stretch;min-height:100%;opacity:.6;animation:fadeIn .8s ease-out .3s backwards}@media(max-width:1024px){.debate-columns{grid-template-columns:1fr;gap:2.5rem}.divider{display:none}}.round-tabs{display:flex;gap:.35rem;background:#111827b3;padding:.4rem;border-radius:50px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round-tab{font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.7rem 2rem;border:none;border-radius:50px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.round-tab:hover:not(.active){color:var(--text-primary);background:#ffffff14}.round-tab.active{background:var(--gradient-cyan);color:#fff;font-weight:600;box-shadow:0 4px 20px var(--cyan-glow)}.round-tab.completed:not(.active){color:var(--cyan-primary)}.round-tab.completed:not(.active):after{content:"✓";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:.7rem;color:var(--cyan-primary)}@media(max-width:600px){.round-tabs{padding:.3rem}.round-tab{padding:.55rem 1.25rem;font-size:.8rem}}.user-position{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.position-header{padding:2rem 2rem 1.5rem}.position-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--cyan-light);margin-bottom:.5rem;text-shadow:0 0 40px rgba(6,182,212,.4);letter-spacing:-.02em}.position-subtitle{color:var(--text-muted);font-size:.9rem;line-height:1.5}.position-content{flex:1;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.statement-card{background:linear-gradient(135deg,#06b6d414,#111827e6);border:1px solid rgba(6,182,212,.2);border-radius:16px;overflow:hidden;animation:fadeInUp .4s ease-out;transition:all .3s ease;position:relative}.statement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-cyan)}.statement-card:hover{border-color:#06b6d466;box-shadow:0 8px 32px #06b6d41f;transform:translateY(-2px)}.statement-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0003}.statement-label{font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-primary)}.statement-content{padding:1.25rem}.point-label{display:inline-block;font-size:.7rem;font-weight:600;color:var(--cyan-light);margin-bottom:.65rem;padding:.25rem .65rem;background:#06b6d41a;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.statement-text{color:var(--text-primary);font-size:.95rem;line-height:1.75}.input-area{margin-top:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0003}.input-area:focus-within{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-glow),0 8px 32px #06b6d426}.argument-input{width:100%;background:transparent;border:none;padding:1.25rem 1.5rem;font-size:.95rem;color:var(--text-primary);font-family:var(--font-body);outline:none;resize:none;line-height:1.7}.argument-input::placeholder{color:var(--text-muted)}.input-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:#0000004d}.round-indicator{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.input-actions{display:flex;gap:.75rem}.next-round-btn{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.15rem;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.next-round-btn:hover{border-color:var(--cyan-primary);color:var(--cyan-light);background:#06b6d41a;transform:translateY(-1px)}.submit-argument-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.35rem;background:var(--gradient-cyan);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);box-shadow:0 4px 15px var(--cyan-glow)}.submit-argument-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--cyan-glow)}.submit-argument-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.user-position{border-right:none;border-bottom:1px solid var(--border-color);min-height:auto}.position-header{padding:1.25rem}.position-content{padding:1rem}.input-footer{flex-direction:column;gap:.75rem;align-items:stretch}.input-actions{justify-content:flex-end}}.ai-counterposition{background:linear-gradient(180deg,var(--bg-primary) 0%,rgba(13,20,32,1) 100%);display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.counter-header{padding:2rem 2rem 1.5rem}.counter-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--pink-light);margin-bottom:.5rem;text-shadow:0 0 40px rgba(236,72,153,.4);letter-spacing:-.02em}.counter-subtitle{color:var(--text-muted);font-size:.9rem;line-height:1.5}.counter-content{flex:1;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.response-card{background:linear-gradient(135deg,#ec489914,#111827e6);border:1px solid rgba(236,72,153,.2);border-radius:16px;overflow:hidden;animation:fadeInUp .4s ease-out;transition:all .3s ease;position:relative}.response-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-pink)}.response-card:hover{border-color:#ec489966;box-shadow:0 8px 32px #ec48991f;transform:translateY(-2px)}.response-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0003}.response-label{font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-primary)}.response-content{padding:1.25rem}.response-content .point-label{display:inline-block;font-size:.7rem;font-weight:600;color:var(--pink-light);margin-bottom:.65rem;padding:.25rem .65rem;background:#ec48991a;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.response-text{color:var(--text-primary);font-size:.95rem;line-height:1.75}.response-point{padding:1rem 0;border-bottom:1px solid rgba(236,72,153,.15)}.response-point:last-child{border-bottom:none;padding-bottom:0}.response-point:first-child{padding-top:0}.analyzing-indicator{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ec48991a,#111827cc);border:1px solid rgba(236,72,153,.25);border-radius:16px;animation:pulse 2s ease-in-out infinite}.analyzing-dots{display:flex;gap:6px}.analyzing-dots span{width:10px;height:10px;border-radius:50%;background:var(--pink-primary);animation:bounce 1.4s ease-in-out infinite;box-shadow:0 0 10px var(--pink-glow)}.analyzing-dots span:nth-child(1){animation-delay:0s}.analyzing-dots span:nth-child(2){animation-delay:.2s}.analyzing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.analyzing-text{color:var(--pink-light);font-size:.95rem;font-weight:500}.empty-state{display:flex;align-items:center;justify-content:center;flex:1;padding:3rem}.empty-text{color:var(--text-muted);font-size:1rem;text-align:center;line-height:1.6;max-width:280px}@media(max-width:768px){.ai-counterposition{min-height:auto}.counter-header{padding:1.25rem}.counter-content{padding:1rem}}.live-arena-container{padding-top:70px;min-height:100vh;animation:fadeIn .5s ease-out;position:relative;z-index:1}.topic-selection{padding:3rem 2rem}.arena-title{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.03em;text-align:center;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan-light) 50%,var(--pink-light) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.arena-subtitle{color:var(--text-secondary);font-size:1.15rem;margin-bottom:2rem;line-height:1.6;text-align:center}.topic-input-section{background:linear-gradient(135deg,#111827cc,#0d1420e6);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px #0000004d;display:flex;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-input-section:hover{border-color:#06b6d44d;box-shadow:0 8px 32px #06b6d41a}.topic-input-field{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--input-radius);padding:1.1rem 1.35rem;font-size:1rem;color:var(--text-primary);font-family:var(--font-body);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-input-field:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-glow),0 8px 30px #06b6d41f}.topic-input-field::placeholder{color:var(--text-muted);transition:color .2s ease}.topic-input-field:focus::placeholder{color:var(--text-secondary)}.start-debate-btn{padding:1.1rem 2.25rem;background:var(--gradient-cyan);border:none;border-radius:var(--btn-radius);color:#fff;font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 15px var(--cyan-glow)}.start-debate-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px var(--cyan-glow)}.start-debate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sample-topics-section{background:linear-gradient(135deg,#11182799,#0d1420b3);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:1.5rem 2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sample-topics-section .sample-label{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem;text-align:center}.sample-topic-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.topic-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--btn-radius);padding:1rem 1.25rem;color:var(--text-secondary);font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-body)}.topic-chip:hover{background:var(--bg-card-hover);border-color:var(--cyan-primary);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 6px 20px #06b6d426}.arena-header{padding:1.75rem 2rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:linear-gradient(180deg,#0a0f1ae6,#0a0f1a80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debate-topic{font-family:var(--font-heading);font-size:1.6rem;font-weight:600;color:var(--text-primary);text-align:center;letter-spacing:-.02em}.arena-content{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:calc(100vh - 200px)}.arena-error{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.9rem}.arena-error button{padding:.5rem 1rem;background:transparent;border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#f87171;cursor:pointer;font-family:var(--font-body);transition:all .3s ease}.arena-error button:hover{background:#ef444433}.arena-coach-meta{color:var(--text-muted);font-size:.9rem;margin-top:-.75rem}.coach-inline{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.coach-inline label{display:flex;flex-direction:column;gap:.35rem}.coach-inline select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:.4rem .6rem}.friend-check{flex-direction:row!important;align-items:center;gap:.4rem!important;align-self:flex-end}.practice-card-banner{margin:1rem 2rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(6,182,212,.35);background:#06b6d414;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;color:var(--text-secondary)}.practice-card-banner ol{margin:.5rem 0 0;padding-left:1.2rem}.practice-card-banner button{border:1px solid rgba(6,182,212,.4);background:transparent;color:var(--cyan-light);border-radius:8px;padding:.45rem .85rem;cursor:pointer;white-space:nowrap}.local-loading-hint{text-align:center;color:var(--text-muted);font-size:.9rem;padding:.5rem}.arena-checklist{margin:0;padding-left:1.2rem;color:#fecaca;font-size:.85rem}.finish-round-bar{display:flex;justify-content:center;padding:1.5rem}.finish-round-btn{padding:.9rem 1.6rem;border:none;border-radius:999px;background:var(--gradient-cyan);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 18px var(--cyan-glow)}.finish-round-btn:disabled{opacity:.5;cursor:not-allowed}.round-report-card{margin:0 2rem 2rem;padding:1.5rem;border-radius:var(--card-radius);border:1px solid var(--border-color);background:linear-gradient(135deg,#111827e6,#0d1420f2);color:var(--text-secondary)}.round-report-card h2{color:var(--text-primary);margin-bottom:.5rem}.round-report-card h3{color:var(--cyan-light);margin:1rem 0 .35rem;font-size:.95rem}.report-headline{font-size:1.1rem;color:var(--text-primary)}.filler-note{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}@media(max-width:1024px){.arena-content{grid-template-columns:1fr}}@media(max-width:768px){.topic-selection{padding:2rem 1rem}.arena-title{font-size:2.25rem}.topic-input-section{flex-direction:column;padding:1.5rem}.arena-header{padding:1.25rem 1rem}.debate-topic{font-size:1.25rem}.sample-topic-chips{grid-template-columns:1fr}}.scoring-container{min-height:100vh;padding-top:70px;animation:fadeIn .5s ease-out;position:relative;z-index:1}.scoring-content{padding:3rem 2rem}.scoring-title{font-family:var(--font-heading);font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan-light) 50%,var(--pink-light) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.scoring-subtitle{color:var(--text-secondary);font-size:1.15rem;text-align:center;margin-bottom:2rem;line-height:1.6}.primary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--gradient-cyan);border:none;border-radius:var(--btn-radius);color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--cyan-glow)}.primary-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px var(--cyan-glow)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.secondary-btn:hover{border-color:var(--cyan-primary);color:var(--cyan-light);background:#06b6d41a;transform:translateY(-1px)}.training-section{background:linear-gradient(135deg,#111827cc,#0d1420e6);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px #0000004d;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.training-section:hover{border-color:#06b6d44d;box-shadow:0 8px 32px #06b6d41a}.target-score-card{background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:var(--btn-radius);padding:1rem 1.25rem;transition:all .3s ease}.target-score-card:hover{border-color:#06b6d466}.target-header{display:flex;align-items:center;gap:.5rem;color:var(--cyan-light);font-weight:600;font-size:.9rem;margin-bottom:.75rem}.target-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;transition:all .3s ease}.target-slider:hover{background:#ffffff26}.target-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--gradient-cyan);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--cyan-glow)}.target-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--cyan-glow)}.training-input-area{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.topic-input,.argument-textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--input-radius);padding:1.1rem 1.35rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-input:focus,.argument-textarea:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-glow),0 8px 30px #06b6d41f}.topic-input::placeholder,.argument-textarea::placeholder{color:var(--text-muted);transition:color .2s ease}.topic-input:focus::placeholder,.argument-textarea:focus::placeholder{color:var(--text-secondary)}.argument-textarea{resize:vertical;min-height:120px;line-height:1.6}.history-section{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color)}.history-title{font-size:.8rem;color:var(--text-muted)}.history-badge{padding:.3rem .6rem;background:#06b6d426;border-radius:20px;font-size:.75rem;color:var(--cyan-light);transition:all .2s ease}.history-badge:hover{background:#06b6d440}.history-badge.success{background:#10b98126;color:#34d399}.results-section{background:linear-gradient(135deg,#111827cc,#0d1420e6);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px #0000004d;animation:fadeIn .4s ease}.results-header{display:flex;gap:.5rem;margin-bottom:1.5rem}.main-score-card{background:linear-gradient(135deg,#06b6d41a,#ec48991a);border:1px solid rgba(6,182,212,.25);border-radius:20px;padding:2rem;text-align:center;margin-bottom:1.5rem;transition:all .3s ease}.main-score-card:hover{border-color:#06b6d466;box-shadow:0 8px 32px #06b6d426}.main-score-card.success{background:linear-gradient(135deg,#10b9811f,#34d39914);border-color:#10b98159}.main-score-value{font-family:var(--font-heading);font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--cyan-light),var(--pink-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.main-score-card.success .main-score-value{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text}.main-score-label{font-size:1rem;color:var(--text-secondary);margin-top:.5rem}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.feedback-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .3s ease}.feedback-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.feedback-card.good{border-color:#10b9814d}.feedback-card.good:hover{border-color:#10b98180}.feedback-card.improve{border-color:#fbbf244d}.feedback-card.improve:hover{border-color:#fbbf2480}.feedback-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem}.feedback-card.good .feedback-label{color:#34d399}.feedback-card.improve .feedback-label{color:#fbbf24}.feedback-card p{font-size:.9rem;color:var(--text-primary);line-height:1.5;font-style:italic;margin:0}.metrics-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.metrics-section h3{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem}.metric-row{padding:1rem 0;border-bottom:1px solid var(--border-color)}.metric-row:last-child{border-bottom:none;padding-bottom:0}.metric-row:first-of-type{padding-top:0}.metric-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.metric-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.metric-score{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--cyan-light)}.metric-score.penalty{color:#f87171}.metric-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.metric-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.metric-fill.coherence{background:var(--gradient-cyan)}.metric-fill.relevance{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.metric-fill.evidence{background:linear-gradient(90deg,#10b981,#34d399)}.metric-fill.fallacy{background:linear-gradient(90deg,#ef4444,#f87171)}.metric-reason{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0;padding:.75rem;background:#0003;border-radius:8px}.metric-reason svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.fallacy-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.fallacy-tag{padding:.25rem .5rem;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:20px;font-size:.7rem;color:#f87171;transition:all .2s ease}.fallacy-tag:hover{background:#ef444433}.scoring-error{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:.9rem}.scoring-error button{background:none;border:none;color:#f87171;font-size:1.2rem;cursor:pointer;padding:0 .25rem;transition:opacity .2s ease}.scoring-error button:hover{opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:768px){.scoring-content{padding:2rem 1rem}.scoring-title{font-size:2rem}.main-score-value{font-size:3rem}.feedback-grid{grid-template-columns:1fr}.training-section,.results-section{padding:1.5rem}}.app{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:-10%;left:-10%;width:500px;height:500px;background:var(--cyan-primary);border-radius:50%;filter:blur(120px);opacity:.25;pointer-events:none;z-index:0;animation:float 10s ease-in-out infinite}.app:after{content:"";position:fixed;bottom:-5%;right:-5%;width:450px;height:450px;background:var(--pink-primary);border-radius:50%;filter:blur(120px);opacity:.2;pointer-events:none;z-index:0;animation:float 10s ease-in-out infinite;animation-delay:-5s}.header{text-align:center;margin-bottom:var(--section-spacing);padding-top:90px;animation:fadeInDown .6s ease-out;position:relative;z-index:1}.title{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan-light) 50%,var(--pink-light) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.subtitle{font-size:1.15rem;color:var(--text-secondary);font-weight:400;letter-spacing:.01em;animation:fadeIn .8s ease-out .2s backwards}.main-content{padding:0 2rem 2rem;position:relative;z-index:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeIn .5s ease-out}.loading-spinner{width:56px;height:56px;border:3px solid var(--border-color);border-top-color:var(--cyan-primary);border-right-color:var(--pink-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:2rem;position:relative}.loading-spinner:after{content:"";position:absolute;inset:6px;border:2px solid transparent;border-top-color:var(--cyan-light);border-radius:50%;animation:spin 1.2s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-heading);font-size:1.35rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.loading-subtext{font-size:.95rem;color:var(--text-muted);max-width:400px}.loading-text:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.error-container{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:16px;margin:2rem auto;max-width:500px;animation:scaleIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-text{color:#f87171;margin-bottom:1.25rem;font-weight:500}.retry-btn{padding:.85rem 1.75rem;background:transparent;border:1px solid var(--cyan-primary);color:var(--cyan-primary);border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-btn:hover{background:var(--cyan-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 25px var(--cyan-glow)}.reset-container{display:flex;justify-content:center;margin-top:3.5rem;padding-bottom:2rem;animation:fadeInUp .5s ease-out .3s backwards}.new-debate-btn{padding:1rem 2.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;cursor:pointer;font-family:var(--font-heading);font-size:1rem;font-weight:500;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.new-debate-btn:hover{border-color:var(--cyan-primary);color:var(--cyan-light);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 35px var(--cyan-glow),0 0 20px #06b6d426;background:#06b6d414}.new-debate-btn:active{transform:translateY(0) scale(1)}.error-checklist{text-align:left;max-width:480px;margin:.75rem auto 1rem;color:var(--text-secondary);font-size:.9rem}.debate-practice-card{max-width:720px;margin:0 auto 1.5rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(6,182,212,.35);background:#06b6d414;color:var(--text-secondary)}.debate-practice-card ol{margin:.5rem 0 0;padding-left:1.2rem}@media(max-width:768px){.app{padding:1rem}.title{font-size:2rem}.subtitle{font-size:1rem}.header{margin-bottom:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0f1a;--bg-secondary: #0d1420;--bg-card: #111827;--bg-card-hover: #1a2332;--border-color: #1e293b;--border-active: #0ea5e9;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--cyan-primary: #06b6d4;--cyan-light: #22d3ee;--cyan-glow: rgba(6, 182, 212, .3);--pink-primary: #ec4899;--pink-light: #f472b6;--pink-glow: rgba(236, 72, 153, .3);--gradient-cyan: linear-gradient(135deg, #06b6d4, #0ea5e9);--gradient-pink: linear-gradient(135deg, #ec4899, #f472b6);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--container-max-width: 900px;--container-padding: 1.5rem;--section-spacing: 2rem;--card-radius: 16px;--input-radius: 14px;--btn-radius: 12px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--cyan-primary);color:var(--bg-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--cyan-glow),0 0 10px var(--cyan-glow)}50%{box-shadow:0 0 20px var(--cyan-glow),0 0 30px var(--cyan-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}