.demo-module__e420dW__demoContainer{z-index:1;max-width:1200px;min-height:100dvh;margin:0 auto;padding:2rem 1rem 4rem;position:relative}.demo-module__e420dW__demoHeader{text-align:center;margin-bottom:3rem;animation:.5s ease-out demo-module__e420dW__fadeInUp}.demo-module__e420dW__demoBackLink{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:inline-flex}.demo-module__e420dW__demoBackLink:hover{color:var(--text-primary)}.demo-module__e420dW__demoTitle{margin-bottom:1rem;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;line-height:1.2}.demo-module__e420dW__demoTitleGradient{background:linear-gradient(135deg, var(--accent-gold), var(--accent-emerald));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.demo-module__e420dW__demoSubtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.demo-module__e420dW__demoBadge{color:var(--accent-emerald);text-transform:uppercase;letter-spacing:.05em;background:#34d3991a;border:1px solid #34d39933;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.demo-module__e420dW__tabContainer{justify-content:center;gap:.5rem;margin-bottom:2rem;animation:.6s ease-out demo-module__e420dW__fadeInUp;display:flex}.demo-module__e420dW__tabButton{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-normal);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.85rem 1.75rem;font-size:.95rem;font-weight:600}.demo-module__e420dW__tabButton:hover{background:var(--bg-card-hover);color:var(--text-primary)}.demo-module__e420dW__tabButtonActive{color:var(--accent-gold);background:linear-gradient(135deg,#f5c54226,#34d3991a);border-color:#f5c5424d;box-shadow:0 0 20px #f5c5421a}.demo-module__e420dW__demoSection{animation:.4s ease-out demo-module__e420dW__fadeInUp}.demo-module__e420dW__demoIntro{text-align:center;max-width:700px;margin:0 auto}.demo-module__e420dW__algorithmExplainer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem}.demo-module__e420dW__explainerTitle{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:700}.demo-module__e420dW__explainerText{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.demo-module__e420dW__explainerSteps{flex-direction:column;gap:1rem;display:flex}.demo-module__e420dW__explainerStep{align-items:flex-start;gap:1rem;display:flex}.demo-module__e420dW__stepNumber{background:linear-gradient(135deg, var(--accent-gold), #e6a817);color:#0a0a0f;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.demo-module__e420dW__explainerStep div strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.demo-module__e420dW__explainerStep div p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.demo-module__e420dW__formulaBox{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;background:#0000004d;margin-top:1.5rem;padding:1.5rem}.demo-module__e420dW__formulaTitle{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;font-weight:700}.demo-module__e420dW__formulaGrid{flex-direction:column;gap:.75rem;display:flex}.demo-module__e420dW__formulaItem{flex-direction:column;gap:.25rem;display:flex}.demo-module__e420dW__formulaLabel{color:var(--text-muted);font-size:.8rem;font-weight:500}.demo-module__e420dW__formulaCode{color:var(--accent-gold);border-radius:var(--radius-sm);background:#f5c54214;border:1px solid #f5c54226;padding:.4rem .6rem;font-family:Courier New,monospace;font-size:.85rem}.demo-module__e420dW__comparisonGrid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.demo-module__e420dW__comparisonItem{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.demo-module__e420dW__comparisonLabel{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.demo-module__e420dW__comparisonItem p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.demo-module__e420dW__comparisonNote{color:var(--text-secondary);margin:0;font-size:.85rem;font-style:italic}.demo-module__e420dW__demoPlayArea{align-items:flex-start;gap:1.5rem;display:flex}.demo-module__e420dW__demoMainColumn{flex:1;min-width:0}.demo-module__e420dW__demoSidebar{flex-shrink:0;width:340px}.demo-module__e420dW__questionCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;animation:.3s ease-out demo-module__e420dW__scaleIn}.demo-module__e420dW__questionMeta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.demo-module__e420dW__metaItem{color:var(--text-muted)}.demo-module__e420dW__metaGood{color:var(--accent-emerald)}.demo-module__e420dW__metaHard{color:var(--accent-gold)}.demo-module__e420dW__questionText{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.6}.demo-module__e420dW__optionsContainer{flex-direction:column;gap:.65rem;display:flex}.demo-module__e420dW__optionBtn{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.75rem;padding:.9rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.demo-module__e420dW__optionBtn:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translate(4px)}.demo-module__e420dW__optionLetter{width:28px;height:28px;color:var(--text-secondary);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.demo-module__e420dW__feedbackCard{border-radius:var(--radius-md);padding:1.25rem;animation:.3s ease-out demo-module__e420dW__fadeInUp}.demo-module__e420dW__feedbackCorrect{background:#34d39914;border:1px solid #34d39933}.demo-module__e420dW__feedbackWrong{background:#f8717114;border:1px solid #f8717133}.demo-module__e420dW__feedbackTitle{margin-bottom:.75rem;font-size:1rem}.demo-module__e420dW__feedbackCorrect .demo-module__e420dW__feedbackTitle{color:var(--accent-emerald)}.demo-module__e420dW__feedbackWrong .demo-module__e420dW__feedbackTitle{color:var(--accent-red)}.demo-module__e420dW__feedbackAnswer{margin-bottom:.75rem;font-size:.9rem}.demo-module__e420dW__feedbackExplanation{color:var(--text-secondary);background:#0003;border-radius:6px;padding:.75rem;font-size:.85rem;line-height:1.5}.demo-module__e420dW__updateHighlight{color:var(--accent-gold);background:#f5c54214;border:1px solid #f5c54233;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem .8rem;font-size:.8rem;display:flex}.demo-module__e420dW__updateLabel{font-weight:600}.demo-module__e420dW__sidebarCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem}.demo-module__e420dW__sidebarTitle{margin-bottom:.5rem;font-size:1rem;font-weight:700}.demo-module__e420dW__sidebarHint{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;line-height:1.5}.demo-module__e420dW__kcList{flex-direction:column;gap:.75rem;display:flex}.demo-module__e420dW__kcItem{border-bottom:1px solid var(--border);padding-bottom:.6rem}.demo-module__e420dW__kcItem:last-child{border-bottom:none;padding-bottom:0}.demo-module__e420dW__kcName{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:500}.demo-module__e420dW__kcStats{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.demo-module__e420dW__thetaBar{background:var(--bg-secondary);border-radius:100px;height:4px;margin-top:.4rem;position:relative;overflow:hidden}.demo-module__e420dW__thetaBarCenter{background:var(--text-muted);width:1px;position:absolute;top:0;bottom:0;left:50%}.demo-module__e420dW__thetaBarFill{border-radius:100px;transition:width .3s;position:absolute;top:0;bottom:0}.demo-module__e420dW__logSection{margin-top:1.5rem}.demo-module__e420dW__logTitle{margin-bottom:.75rem;font-size:.9rem;font-weight:600}.demo-module__e420dW__logList{flex-direction:column;gap:.4rem;max-height:200px;display:flex;overflow-y:auto}.demo-module__e420dW__logEntry{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.8rem;display:flex}.demo-module__e420dW__logCorrect{border-left:3px solid var(--accent-emerald)}.demo-module__e420dW__logWrong{border-left:3px solid var(--accent-red)}.demo-module__e420dW__logIcon{flex-shrink:0}.demo-module__e420dW__logDetails{color:var(--text-secondary)}.demo-module__e420dW__llmLoadingState{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);padding:3rem 2rem}.demo-module__e420dW__llmSpinner{border:3px solid var(--border);border-top-color:var(--accent-gold);border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite demo-module__e420dW__spin}@keyframes demo-module__e420dW__spin{to{transform:rotate(360deg)}}.demo-module__e420dW__loadingState{text-align:center;color:var(--text-muted);padding:2rem}.demo-module__e420dW__motiveBox{border-radius:var(--radius-md);background:#f5c5420f;border:1px solid #f5c54226;margin-bottom:1rem;padding:1rem}.demo-module__e420dW__motiveTitle{color:var(--accent-gold);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.demo-module__e420dW__motiveText{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.demo-module__e420dW__debugBlock{margin-bottom:1rem}.demo-module__e420dW__debugLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.demo-module__e420dW__debugPre{white-space:pre-wrap;border-left:3px solid var(--accent-emerald);background:#0000004d;border-radius:6px;max-height:200px;padding:.8rem;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;overflow-y:auto}.demo-module__e420dW__promptDetails{margin-top:.5rem}.demo-module__e420dW__promptSummary{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);padding:.5rem 0;font-size:.8rem}.demo-module__e420dW__promptSummary:hover{color:var(--text-primary)}.demo-module__e420dW__debugWaiting{color:var(--text-muted);font-size:.85rem;font-style:italic}.demo-module__e420dW__errorText{color:var(--accent-red);margin-top:1rem;font-size:.9rem}.demo-module__e420dW__disclaimer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:3rem;padding:1rem;font-size:.8rem}@media (max-width:768px){.demo-module__e420dW__demoPlayArea{flex-direction:column}.demo-module__e420dW__demoSidebar{width:100%}.demo-module__e420dW__comparisonGrid{grid-template-columns:1fr}.demo-module__e420dW__tabContainer{flex-direction:column;align-items:stretch}.demo-module__e420dW__tabButton{text-align:center}}