*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: #6366f1;--brand-dark: #4f46e5;--brand-light: #e0e7ff;--accent: #f59e0b;--bg: #0f0f13;--bg-card: #18181f;--bg-card2: #1e1e2a;--text: #f1f1f5;--text-muted: #9898b0;--border: rgba(255,255,255,.07);--radius: 14px;--radius-sm: 8px;--transition: .22s ease;--nav-bg: rgba(15,15,19,.85);--nav-bg-mobile: #0f0f13;--footer-bg: #0a0a0e;--tint-sm: rgba(255,255,255,.04);--tint-md: rgba(255,255,255,.06);--tint-lg: rgba(255,255,255,.1);--color-bg-primary: var(--bg);--color-bg-secondary: var(--bg-card);--color-bg-tertiary: var(--bg-card2);--color-surface: var(--bg-card);--color-text-primary: var(--text);--color-text-secondary: var(--text-muted);--color-text-tertiary: #7878a0;--color-border: var(--border);--color-accent-primary: var(--brand);--color-accent-hover: var(--brand-dark);--color-accent-soft: rgba(99,102,241,.08);--color-card-shadow: rgba(0,0,0,.25)}[data-theme=light]{--bg: #f5f6fa;--bg-card: #ffffff;--bg-card2: #eef0f7;--text: #0f1117;--text-muted: #6b6d85;--border: rgba(0,0,0,.09);--nav-bg: rgba(245,246,250,.92);--nav-bg-mobile: #f5f6fa;--footer-bg: #e8eaf2;--tint-sm: rgba(0,0,0,.03);--tint-md: rgba(0,0,0,.05);--tint-lg: rgba(0,0,0,.1);--color-text-tertiary: #64748b;--color-accent-soft: rgba(99,102,241,.06);--color-card-shadow: rgba(15,23,42,.06)}html{scroll-behavior:smooth;font-family:var(--font-sans)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;transition:background-color .22s ease,color .22s ease}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul{list-style:none}img{display:block;max-width:100%}.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:100px 0}h1,h2,h3{font-family:inherit;letter-spacing:-.02em;color:var(--text)}h1{font-size:1.6rem;font-weight:700;line-height:1.25}h2{font-size:1.3rem;font-weight:600;line-height:1.3}h3{font-size:1.05rem;font-weight:600;line-height:1.35;margin-bottom:.35rem;letter-spacing:-.01em}.section-title{text-align:center;margin-bottom:.5rem;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:1.3}.section-sub{text-align:center;color:var(--text-muted);font-size:1rem;line-height:1.6;max-width:560px;margin:0 auto 1.5rem}.hero h1{font-size:clamp(1.5rem,5vw,2.625rem);font-weight:700;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.hero-sub{color:var(--text-muted);font-size:1rem;line-height:1.6;max-width:480px;margin-bottom:36px}.gradient-text{background:linear-gradient(90deg,#818cf8,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;white-space:nowrap}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:transparent}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-white{background:#fff;color:var(--brand-dark)}.btn-white:hover{background:#f0f0ff;transform:translateY(-1px)}.btn-lg{padding:14px 30px;font-size:1rem}.nav-wrap{position:sticky;top:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.nav-wrap.scrolled{border-bottom-color:var(--border);box-shadow:0 4px 32px #0006}[data-theme=light] .nav-wrap.scrolled{box-shadow:0 4px 20px #00000014}.nav{display:flex;align-items:center;gap:32px;height:68px}.logo{font-family:inherit;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.logo span{color:var(--brand)}.nav-links{display:flex;gap:28px;margin-right:auto}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color var(--transition)}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;gap:10px;align-items:center}.hamburger{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;margin-left:auto}.theme-toggle{background:none;border:1.5px solid var(--border);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;color:var(--text-muted);transition:border-color var(--transition),background var(--transition),color var(--transition)}.theme-toggle:hover{border-color:var(--brand);background:#6366f114;color:var(--brand)}.hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:80px 24px 100px;max-width:1160px;margin:0 auto}.hero-badge{display:inline-block;background:var(--brand-light);color:var(--brand-dark);font-size:.78rem;font-weight:600;padding:5px 14px;border-radius:999px;margin-bottom:20px}.hero h1{margin-bottom:20px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}.hero-stats{display:flex;align-items:center;gap:24px}.stat{display:flex;flex-direction:column}.stat-num{font-family:inherit;font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.stat-label{font-size:.8rem;color:var(--text-muted)}.stat-div{width:1px;height:36px;background:var(--border)}.hero-visual{position:relative;height:460px}.dashboard-mock{position:absolute;top:40px;right:0;bottom:0;left:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 20px 60px #00000080;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}[data-theme=light] .dashboard-mock{box-shadow:0 20px 60px #0000001a}.dm-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.dm-avatar{width:38px;height:38px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.dm-name{font-weight:600;font-size:.9rem}.dm-grade{font-size:.75rem;color:var(--text-muted)}.dm-streak{margin-left:auto;font-size:.8rem;background:#f59e0b26;color:var(--accent);padding:4px 10px;border-radius:999px}.dm-subject{font-size:.78rem;color:var(--text-muted);margin-bottom:6px;margin-top:14px}.progress-bar{height:6px;background:var(--tint-lg);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .6s ease}.dm-score{margin-top:20px;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:14px}.dm-score strong{color:var(--text)}.card-float{position:absolute;display:flex;align-items:center;gap:12px;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:.8rem;box-shadow:0 8px 32px #0006;animation:float 4s ease-in-out infinite;z-index:2}[data-theme=light] .card-float{box-shadow:0 8px 24px #0000001a}.card-float small{display:block;color:var(--text-muted);font-size:.72rem;margin-top:2px}.card-icon{font-size:1.4rem}.card-1{top:0;right:10px;animation-delay:0s}.card-2{top:50%;left:0;transform:translateY(-50%);animation-delay:1.3s}.card-3{bottom:16px;right:30px;animation-delay:.7s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-2{animation:float2 4s ease-in-out infinite 1.3s}@keyframes float2{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.grades{background:var(--bg-card)}.grade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.grade-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 16px;transition:var(--transition);cursor:pointer}.grade-card:not(.grade-card--soon):hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 12px 32px #6366f133}.grade-card--soon{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.grade-card--soon:hover{transform:none;box-shadow:none;border-color:var(--border)}.grade-soon-badge{margin-top:12px;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.grade-num{font-family:inherit;font-size:2.4rem;font-weight:800;color:var(--brand);line-height:1;letter-spacing:-.03em}.grade-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin:6px 0 10px;text-transform:uppercase;letter-spacing:.05em}.grade-topics{font-size:.72rem;color:var(--text-muted);line-height:1.5}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.subjects .subject-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:var(--transition);position:relative;overflow:hidden}.subjects .subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sub-color, var(--brand));border-radius:var(--radius) var(--radius) 0 0}.subjects .subject-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.sub-icon{font-size:2rem;margin-bottom:12px}.subjects .subject-card p{font-size:.88rem;line-height:1.6;color:var(--text-muted);margin-bottom:16px}.sub-link{font-size:.85rem;font-weight:600;color:var(--brand);transition:gap var(--transition)}.sub-link:hover{text-decoration:underline}.features{background:var(--bg-card)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:var(--transition)}.feature-card:hover{border-color:#ffffff1f;transform:translateY(-3px)}.feature-card--highlight{background:linear-gradient(135deg,#6366f126,#a78bfa14);border-color:#6366f166}.feat-icon{font-size:2rem;margin-bottom:14px}.feature-card p{font-size:.88rem;line-height:1.6;color:var(--text-muted)}.steps{display:flex;align-items:flex-start;gap:0;justify-content:center}.step{flex:1;max-width:300px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px}.step-num{font-family:inherit;font-size:2.2rem;font-weight:700;color:var(--brand);opacity:.6;margin-bottom:12px}.step p{font-size:.88rem;line-height:1.6;color:var(--text-muted);margin-top:8px}.step-arrow{font-size:1.8rem;color:var(--text-muted);margin:0 8px;padding-top:40px;flex-shrink:0}.testimonials{background:var(--bg-card)}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testi-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.testi-card p{font-size:.92rem;color:var(--text-muted);margin-bottom:20px;font-style:italic}.testi-author{display:flex;align-items:center;gap:12px}.testi-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.testi-author strong{display:block;font-size:.88rem}.testi-author small{font-size:.75rem;color:var(--text-muted)}.cta-section{background:linear-gradient(135deg,#4338ca,#6366f1,#8b5cf6);padding:100px 24px;text-align:center}.cta-inner h2{font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;margin-bottom:16px}.cta-inner p{color:#fffc;font-size:1rem;line-height:1.6;max-width:520px;margin:0 auto 36px}.footer{background:var(--footer-bg);padding-top:72px}.footer-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;padding-bottom:56px;border-bottom:1px solid var(--border)}.footer-brand p{font-size:.88rem;color:var(--text-muted);margin-top:12px;max-width:260px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-links h4{font-size:.85rem;font-weight:600;margin-bottom:16px;color:var(--text)}.footer-links ul li+li{margin-top:10px}.footer-links a{font-size:.85rem;color:var(--text-muted);transition:color var(--transition)}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-size:.8rem;color:var(--text-muted)}.footer-bottom a{color:var(--text-muted)}.footer-bottom a:hover{color:var(--text)}@media (max-width: 1024px){.grade-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;gap:48px;min-height:auto}.hero-visual{height:340px}}@media (max-width: 768px){.section{padding:72px 0}.subject-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center;gap:16px}.step{max-width:100%}.step-arrow{transform:rotate(90deg);padding-top:0}.footer-inner{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--nav-bg-mobile);flex-direction:column;gap:0;border-bottom:1px solid var(--border);padding:12px 0}.nav-links.open{display:flex}.nav-links a{padding:12px 24px}.nav-cta{display:none}.hamburger{display:block}.nav{position:relative}}@media (max-width: 580px){.grade-grid{grid-template-columns:repeat(2,1fr)}.subject-grid,.features-grid{grid-template-columns:1fr}.hero-visual{height:260px}.card-float{display:none}.hero-stats{gap:16px}.stat-num{font-size:1.3rem}}body.course-page{overflow:hidden}.course-wrap{display:flex;height:calc(100vh - 68px)}.course-sidebar{width:288px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:18px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-back{display:inline-flex;align-items:center;font-size:.72rem;color:var(--text-muted);margin-bottom:14px;transition:color var(--transition);gap:4px}.sidebar-back:hover{color:var(--brand)}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-brand-icon{font-size:2rem;line-height:1;flex-shrink:0}.sidebar-brand-name{font-family:inherit;font-size:1.08rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:2px}.sidebar-brand-grade{font-size:.68rem;color:var(--text-muted);font-weight:500}.sidebar-nav{flex:1;overflow-y:auto;padding-bottom:24px}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--tint-lg);border-radius:4px}.mcq-module-link{padding:2px 0 6px 18px;margin:0 10px}.module-group{border-bottom:1px solid var(--border)}.module-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px 14px 18px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;transition:background var(--transition)}.module-toggle:hover{background:var(--tint-sm)}.module-toggle.active{background:#6366f112}.module-icon{font-size:1.2rem;line-height:1;flex-shrink:0;width:28px;text-align:center}.module-name{font-size:.875rem;font-weight:600;flex:1;line-height:1.35;color:var(--text)}.toggle-chevron{font-size:1rem;line-height:1;color:var(--text-muted);flex-shrink:0;transition:transform .22s ease;display:inline-block;transform:rotate(0)}.module-toggle[aria-expanded=true] .toggle-chevron,.chapter-toggle[aria-expanded=true] .toggle-chevron{transform:rotate(90deg)}.module-body{padding-bottom:4px}.chapter-group{margin:2px 10px}.chapter-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--transition)}.chapter-toggle:hover{background:var(--tint-md)}.chapter-toggle.active{background:#6366f11a}.chapter-badge{font-size:.62rem;font-weight:700;background:#6366f129;color:var(--brand);padding:2px 6px;border-radius:4px;flex-shrink:0;min-width:30px;text-align:center}.chapter-name{font-size:.77rem;font-weight:500;flex:1;line-height:1.4}.lesson-count{font-size:.65rem;color:var(--text-muted);background:var(--tint-md);padding:2px 6px;border-radius:999px;flex-shrink:0}.sb-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1)}.sb-collapse--open{grid-template-rows:1fr}.sb-collapse-inner{overflow:hidden}.lesson-list{padding:2px 0 6px 18px;margin:0 10px;border-left:1px solid var(--border)}.lesson-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);cursor:default;transition:background var(--transition),color var(--transition);line-height:1.4}.lesson-item:hover{background:#6366f114;color:#c4c6fa}.lesson-dot{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0}.course-main{flex:1;overflow-y:auto;background:var(--bg);position:relative;padding:2.5rem 2rem 0}.coming-soon-centered{display:flex;align-items:center;justify-content:center;min-height:100%;padding:48px 32px}.lesson-item--link{display:flex;cursor:pointer;text-decoration:none;color:var(--text-muted)}.lesson-item--link:hover{background:var(--color-accent-soft);color:var(--color-accent-primary)}.lesson-item--active{background:var(--color-accent-soft)!important;color:var(--color-accent-primary)!important}.lesson-item--active .lesson-dot{background:var(--color-accent-primary)}.lesson-item--soon{opacity:.5}.lesson-item--soon:hover{opacity:.82;color:var(--text-muted)}.lesson-dot--available{background:var(--brand)}.coming-soon-wrap{text-align:center;max-width:560px;position:relative;z-index:1}.coming-soon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1}.coming-soon-emoji{display:block;font-size:5rem;margin-bottom:20px;animation:cs-pulse 3s ease-in-out infinite}@keyframes cs-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(4deg)}}.coming-soon-pill{display:inline-block;background:#6366f11f;color:var(--brand);border:1px solid rgba(99,102,241,.3);font-size:.75rem;font-weight:700;padding:5px 16px;border-radius:999px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.08em}.coming-soon-heading{font-family:inherit;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;margin-bottom:16px;background:linear-gradient(90deg,#818cf8,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-desc{font-size:1rem;color:var(--text-muted);line-height:1.75;margin-bottom:32px}.cs-modules-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}.cs-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:500;color:var(--text);transition:border-color var(--transition),color var(--transition)}.cs-chip:hover{border-color:var(--brand);color:var(--brand)}.cs-stats{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:36px;padding:20px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.cs-stat{display:flex;flex-direction:column;align-items:center}.cs-stat-num{font-family:inherit;font-size:1.8rem;font-weight:800;color:var(--brand);line-height:1;letter-spacing:-.03em}.cs-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.cs-stat-div{width:1px;height:40px;background:var(--border)}.cs-back-btn{margin-top:8px}@media (max-width: 900px){body.course-page{overflow:auto}.course-wrap{flex-direction:column;height:auto}.course-sidebar{width:100%;max-height:45vh;border-right:none;border-bottom:1px solid var(--border)}.course-main{min-height:60vh}}.lesson-content-area{max-width:760px;margin:0 auto;width:100%;padding-bottom:1.5rem}.lesson-wrap{max-width:760px;margin:0 auto;width:100%;animation:content-fade-in .35s ease-out}.lesson-wrap>.lesson-hero{display:none!important}.lesson-header{margin-bottom:1.75rem}.lesson-header-breadcrumb{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.8rem;font-weight:500;color:var(--color-text-tertiary);margin-bottom:.85rem}.lesson-header-breadcrumb a{color:var(--color-accent-primary);transition:color .2s}.lesson-header-breadcrumb a:hover{color:var(--text)}.lesson-header-breadcrumb-sep{color:var(--color-text-tertiary);opacity:.45;font-size:.75rem}.lesson-header-breadcrumb-muted{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lesson-header-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-primary);border-radius:16px;box-shadow:0 4px 24px var(--color-card-shadow);position:relative;overflow:hidden}.lesson-header-card:after{content:"";position:absolute;top:0;right:0;width:180px;height:180px;background:radial-gradient(circle,var(--color-accent-soft) 0%,transparent 70%);pointer-events:none;opacity:.9}.lesson-header-icon{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;background:var(--color-accent-soft);border:1px solid rgba(99,102,241,.18);border-radius:14px;position:relative;z-index:1}.lesson-header-body{flex:1;min-width:0;position:relative;z-index:1}.lesson-header-badge{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-primary);background:var(--color-accent-soft);border:1px solid rgba(99,102,241,.2);padding:.2rem .65rem;border-radius:999px;margin-bottom:.5rem}.lesson-header-title{font-size:1.6rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text);margin:0 0 .35rem}.lesson-header-sub{font-size:.95rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.lesson-hero{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem;padding:0;border:none;background:none;overflow:visible}.lesson-hero:before,.lesson-hero:after{display:none}.lesson-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.72rem;color:var(--color-text-tertiary);margin-bottom:.25rem}.lesson-breadcrumb a{color:var(--color-accent-primary);transition:color var(--transition)}.lesson-breadcrumb a:hover{color:var(--text)}.lesson-breadcrumb-sep{color:var(--color-text-tertiary);opacity:.5}.lesson-breadcrumb-current{color:var(--text);font-weight:600}.lesson-hero-content{display:flex;align-items:center;gap:1rem}.lesson-hero-emoji{font-size:2.5rem;line-height:1;flex-shrink:0;filter:none;animation:none}.lesson-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:.35rem}.lesson-num-pill{background:var(--color-accent-soft);color:var(--color-accent-primary);border:1px solid rgba(99,102,241,.25);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:999px}.lesson-time-pill{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.22);font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:999px}.lesson-coming-pill{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.22);font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:999px}.lesson-main-title{font-size:1.6rem;font-weight:700;color:var(--text);margin:0 0 .25rem;letter-spacing:-.01em;line-height:1.25}.lesson-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0}.lesson-body{padding:0 0 2rem}.ls{margin-bottom:2rem}.ls-hdr{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:0;border-bottom:none}.ls-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;background:var(--color-accent-soft)}.ls-icon--green{background:#10b9811f}.ls-icon--blue{background:#06b6d41f}.ls-icon--purple{background:#8b5cf61f}.ls-icon--amber{background:#f59e0b1f}.ls-icon--indigo{background:#6366f11f}.ls-icon--red{background:#ef44441f}.ls-h2{font-size:1.3rem;font-weight:600;color:var(--text);margin:0}.l-intro{background:var(--color-accent-soft);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-primary);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.l-intro p{font-size:.95rem;line-height:1.65;color:var(--text);margin-bottom:.5rem}p.l-intro{font-size:.95rem;line-height:1.65;color:var(--text)}.l-intro p:last-child{margin-bottom:0}.l-intro strong{color:var(--color-accent-primary)}.l-objectives-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;margin:1.25rem 0}.l-objectives-hdr{display:flex;align-items:center;gap:.65rem;padding:.9rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.l-objectives-icon{font-size:1.2rem}.l-objectives-hdr h3{font-size:1rem;font-weight:600;margin:0;color:#fff}.l-objectives-body{padding:1.1rem 1.25rem}.l-objectives-intro{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 .85rem;line-height:1.5}.l-objectives-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.l-objective-item{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;font-size:.88rem;color:var(--text);line-height:1.45;transition:border-color .2s,box-shadow .2s}.l-objective-item:hover{border-color:#6366f1;box-shadow:0 2px 12px #6366f11a}.l-objective-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-top:1px}.l-revision-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;margin:1.25rem 0}.l-revision-hdr{display:flex;align-items:center;gap:.65rem;padding:.9rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.l-revision-icon{font-size:1.2rem}.l-revision-hdr h3{font-size:1rem;font-weight:600;margin:0;color:#fff}.l-revision-body{padding:1.1rem 1.25rem}.l-revision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media (max-width: 640px){.l-revision-grid{grid-template-columns:1fr}}.l-revision-item{display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;font-size:.85rem;color:var(--text);line-height:1.45;transition:border-color .2s,box-shadow .2s}.l-revision-item:hover{border-color:#f59e0b;box-shadow:0 2px 12px #f59e0b1a}.l-revision-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-top:1px}.l-keypoint{display:flex;align-items:flex-start;gap:.85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:none;border-radius:14px;padding:1.25rem 1.5rem;margin:1.25rem 0}.l-keypoint-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.l-keypoint p{font-size:.95rem;font-weight:600;color:var(--text);margin:0;line-height:1.5}.l-iconlist{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0}.l-iconlist-item{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem;font-size:.88rem;color:var(--text);transition:border-color .2s,box-shadow .2s}.l-iconlist-item:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow)}.l-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent-primary);flex-shrink:0}.l-def{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:4px solid #06b6d4;border-radius:14px;padding:1.25rem 1.5rem;margin:1.25rem 0}.l-def-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:.35rem}.l-def p{font-size:.95rem;line-height:1.65;color:var(--text);margin:0}.l-table-wrap{overflow-x:auto;margin:1.25rem 0;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface)}.l-table{width:100%;border-collapse:collapse}.l-table th{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.l-table td{padding:.75rem 1rem;font-size:.88rem;color:var(--text);border-bottom:1px solid var(--color-border)}.l-table tr:last-child td{border-bottom:none}.l-table tr:nth-child(2n) td{background:var(--tint-sm)}.l-table tr:hover td{background:var(--color-accent-soft)}.l-analogy{display:flex;align-items:stretch;gap:.75rem;margin:1.25rem 0}.l-analogy-card{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;text-align:center;transition:border-color .2s,box-shadow .2s}.l-analogy-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow);transform:none}.l-analogy-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.l-analogy-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.l-analogy-val{font-size:.9rem;font-weight:600;color:var(--text)}.l-analogy-eq{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-tertiary);flex-shrink:0}.l-scientist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.25rem 0}.l-scientist-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.l-scientist-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow);transform:none}.l-scientist-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.l-scientist-card:nth-child(1):before{background:#6366f1}.l-scientist-card:nth-child(2):before{background:#10b981}.l-scientist-card:nth-child(3):before{background:#06b6d4}.l-scientist-card:nth-child(4):before{background:#8b5cf6}.l-scientist-year{font-size:1.1rem;font-weight:700;opacity:.85;margin-bottom:4px}.l-scientist-card:nth-child(1) .l-scientist-year{color:#818cf8}.l-scientist-card:nth-child(2) .l-scientist-year{color:#10b981}.l-scientist-card:nth-child(3) .l-scientist-year{color:#06b6d4}.l-scientist-card:nth-child(4) .l-scientist-year{color:#a78bfa}.l-scientist-name{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:6px}.l-scientist-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.l-timeline{position:relative;padding-left:28px;margin:1.25rem 0}.l-timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.l-timeline-item{position:relative;margin-bottom:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem;transition:border-color .2s}.l-timeline-item:hover{border-color:var(--color-accent-primary)}.l-timeline-item:before{content:"";position:absolute;left:-23px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--color-accent-primary);border:2px solid var(--bg)}.l-timeline-year{font-size:.68rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.l-timeline-name{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:3px}.l-timeline-desc{font-size:.82rem;color:var(--color-text-secondary)}.l-numlist{margin:1rem 0}.l-numlist-item{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--text);line-height:1.55}.l-numlist-item:last-child{border-bottom:none}.l-numlist-num{width:32px;height:32px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-primary);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.l-char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0}.l-char-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1rem;text-align:center;transition:border-color .2s,box-shadow .2s}.l-char-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow);transform:none}.l-char-emoji{font-size:1.5rem;margin-bottom:.5rem;display:block}.l-char-name{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:4px}.l-char-desc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.45}.l-char-eg{margin-top:6px;font-size:.72rem;color:#06b6d4;background:#06b6d41a;padding:2px 8px;border-radius:999px;display:inline-block}.l-diagram{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;margin:1.25rem 0;overflow-x:auto}.l-diagram-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);margin-bottom:.85rem;display:flex;align-items:center;gap:8px}.l-diagram-label:after{content:"";flex:1;height:1px;background:var(--color-border)}.l-diagram pre{font-family:var(--font-mono);font-size:.85rem;color:var(--text);line-height:1.6;white-space:pre;margin:0}.l-celltype-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.25rem 0}.l-celltype-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.l-celltype-hdr{padding:.85rem 1rem;border-bottom:1px solid var(--color-border)}.l-celltype-hdr.--pro{background:#06b6d414}.l-celltype-hdr.--euk{background:#8b5cf614}.l-celltype-hdr h3{font-size:.95rem;font-weight:600;margin:0}.l-celltype-body{padding:1rem 1.25rem}.l-bullet-list{list-style:none;margin:0}.l-bullet-list li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.88rem;color:var(--text);border-bottom:1px solid var(--tint-sm)}.l-bullet-list li:last-child{border-bottom:none}.l-bullet-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-primary);flex-shrink:0}.l-org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0}.l-org-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1rem 1rem 1rem 1.15rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.l-org-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-primary)}.l-org-card:nth-child(2):before{background:#10b981}.l-org-card:nth-child(3):before{background:#8b5cf6}.l-org-card:nth-child(4):before{background:#f59e0b}.l-org-card:nth-child(5):before{background:#06b6d4}.l-org-card:nth-child(6):before{background:#ec4899}.l-org-card:nth-child(7):before{background:#6366f1}.l-org-card:nth-child(8):before{background:#ef4444}.l-org-card:nth-child(9):before{background:#0ea5e9}.l-org-card:nth-child(10):before{background:#22c55e}.l-org-card:nth-child(11):before{background:#a16207}.l-org-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow);transform:none}.l-org-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.l-org-emoji{font-size:1.15rem}.l-org-name{font-size:.85rem;font-weight:600;color:var(--text);flex:1}.l-org-badge{font-size:.6rem;padding:2px 6px;border-radius:999px;font-weight:600;background:var(--color-accent-soft);color:var(--color-accent-primary);white-space:nowrap}.l-org-nick{font-size:.72rem;color:#f59e0b;font-style:italic;margin-bottom:4px}.l-org-desc{font-size:.78rem;color:var(--color-text-secondary);line-height:1.45;margin-bottom:4px}.l-org-fn{font-size:.75rem;color:#06b6d4;font-weight:600}.l-fact-list{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0}.l-fact-card{display:flex;align-items:flex-start;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1rem 1.25rem;transition:border-color .2s,box-shadow .2s}.l-fact-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow);transform:none}.l-fact-num{font-size:1.25rem;font-weight:700;color:var(--color-accent-primary);flex-shrink:0;line-height:1}.l-fact-content{flex:1}.l-fact-title{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:3px}.l-fact-desc{font-size:.82rem;color:var(--color-text-secondary);line-height:1.45}.l-misc-table .l-table td:first-child{color:#ef4444}.l-misc-table .l-table td:last-child{color:#10b981}.l-steps-list{display:flex;flex-direction:column;gap:10px}.l-step-row{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:var(--tint-sm, #f9fafb);border-radius:8px;border-left:3px solid var(--brand, #22c55e)}.l-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--brand, #22c55e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.l-step-text{margin:0;line-height:1.55;font-size:.95rem}.l-worked-examples-list{display:flex;flex-direction:column;gap:18px}.l-worked-example{border:1px solid var(--color-border, #e5e7eb);border-top:3px solid var(--brand, #22c55e);border-radius:12px;padding:0;background:var(--color-surface, #fff);box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.l-worked-example:hover{box-shadow:0 4px 16px #22c55e1f}.l-we-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#f0fdf4,#eff6ff);border-bottom:1px solid var(--color-border, #e5e7eb)}.l-we-badge{min-width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #22c55e59;letter-spacing:.03em}.l-we-label{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#16a34a}.l-we-q{font-size:.98rem;font-weight:700;line-height:1.5;color:var(--text-main, #111827);margin:0}.l-we-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.l-we-sol-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:4px}.l-we-sol{font-size:.93rem;line-height:1.65;color:var(--text-main, #374151);margin:0}.l-we-sol ol{margin:6px 0 0;padding-left:20px;line-height:1.7}.l-we-sol li{margin-bottom:4px}.l-we-ans{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e;padding:12px 16px;border-radius:0 8px 8px 0;font-size:.93rem;line-height:1.6;color:#14532d;display:flex;gap:8px;align-items:flex-start}.l-we-ans-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.l-we-ans-text{flex:1}.l-we-ans strong{color:#15803d}.l-mcq-card{border:1px solid var(--color-border, #e5e7eb);border-radius:10px;padding:16px;margin-bottom:14px;background:var(--color-surface, #fff)}.l-mcq-q{font-weight:600;margin-bottom:10px;font-size:.95rem}.l-mcq-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.l-mcq-opt{padding:7px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:.88rem;background:var(--tint-sm, #f9fafb)}.l-mcq-opt--correct{background:#f0fdf4;border-color:#22c55e;color:#15803d;font-weight:600}.l-mcq-exp{font-size:.86rem;color:var(--text-muted, #6b7280);padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb);line-height:1.5}.l-formula-box{background:linear-gradient(135deg,#f0fdf4,#eff6ff);border:1px solid #bbf7d0;border-radius:12px;padding:24px;text-align:center}.l-formula-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;margin-bottom:8px}.l-formula-eq{font-size:1.15rem;font-weight:700;color:#1e3a5f;letter-spacing:.02em}.l-formula-note{font-size:.85rem;color:#6b7280;margin-top:6px}.l-urine-flow{display:flex;flex-direction:column;gap:0}.l-urine-step{display:grid;grid-template-columns:56px 1fr;gap:0;position:relative}.l-urine-step:not(:last-child):after{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--uf-color),transparent);z-index:0}.l-urine-step-left{display:flex;flex-direction:column;align-items:center;padding-top:4px;z-index:1}.l-urine-step-badge{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;background:var(--uf-color);flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--uf-color) 40%,transparent)}.l-urine-step-connector{flex:1;width:2px;background:color-mix(in srgb,var(--uf-color) 30%,transparent);margin:6px 0;min-height:20px}.l-urine-step-card{margin-left:14px;margin-bottom:20px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--uf-color) 25%,#e5e7eb);overflow:hidden;background:var(--color-surface, #fff)}.l-urine-step-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--uf-color) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--uf-color) 15%,#e5e7eb);gap:12px}.l-urine-step-name{font-size:1rem;font-weight:700;color:var(--uf-color)}.l-urine-step-loc{font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:3px 9px;border-radius:20px;background:color-mix(in srgb,var(--uf-color) 12%,transparent);color:var(--uf-color);white-space:nowrap}.l-urine-step-card-body{padding:14px 16px}.l-urine-step-desc{font-size:.9rem;line-height:1.6;color:var(--text, #1f2937);margin:0 0 12px}.l-urine-step-desc:last-child{margin-bottom:0}.l-urine-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.l-urine-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:600;border:1px solid color-mix(in srgb,var(--uf-color) 30%,#e5e7eb);background:color-mix(in srgb,var(--uf-color) 6%,#fff);color:color-mix(in srgb,var(--uf-color) 80%,#1f2937)}.l-urine-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--uf-color)}.l-urine-gfr{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:.82rem;font-weight:600;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;margin-top:10px}.l-urine-result{display:flex;align-items:center;gap:14px;margin-top:4px;padding:14px 18px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1.5px solid #a7f3d0;border-radius:14px}.l-urine-result-icon{font-size:2rem;flex-shrink:0}.l-urine-result-title{font-weight:700;font-size:.95rem;color:#065f46;margin-bottom:4px}.l-urine-result-chips{display:flex;flex-wrap:wrap;gap:5px}.l-urine-result-chip{padding:2px 9px;border-radius:12px;font-size:.76rem;font-weight:600;background:#0596691a;color:#065f46;border:1px solid rgba(5,150,105,.2)}@media (max-width: 600px){.l-urine-step{grid-template-columns:44px 1fr}.l-urine-step-badge{width:34px;height:34px;font-size:.9rem}.l-urine-step-card-header{flex-direction:column;align-items:flex-start}}.l-exam-tips{display:grid;grid-template-columns:1fr 1fr;gap:16px}.l-exam-tip-card{border-radius:16px;overflow:hidden}.l-exam-tip-card--cbse{background:linear-gradient(135deg,#1e40af,#1d4ed8)}.l-exam-tip-card--neet{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.l-exam-tip-header{display:flex;align-items:center;gap:12px;padding:16px 20px}.l-exam-tip-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.l-exam-tip-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}.l-exam-tip-subtitle{color:#ffffffb3;font-size:.75rem;margin-top:1px}.l-exam-tip-body{background:#ffffff14;padding:16px 20px}.l-exam-tip-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.l-exam-tip-item:last-child{border-bottom:none;padding-bottom:0}.l-exam-tip-bullet{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;margin-top:1px}.l-exam-tip-text{color:#ffffffeb;font-size:.86rem;line-height:1.5}@media (max-width: 600px){.l-exam-tips{grid-template-columns:1fr}}.lesson-nav{display:flex;justify-content:space-between;align-items:stretch;gap:.75rem;width:100%;max-width:760px}.lesson-nav--top{margin-bottom:1.5rem}.lesson-nav--bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.lesson-nav-btn{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s,box-shadow .2s,background .2s;min-width:0;flex:1;max-width:50%}.lesson-nav-btn:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow);background:var(--color-accent-soft)}.lesson-nav-btn--prev{justify-content:flex-start}.lesson-nav-btn--next{justify-content:flex-end;margin-left:auto}.lesson-nav-arrow{flex-shrink:0;color:var(--color-accent-primary);width:22px;height:22px}.lesson-nav-label{display:flex;flex-direction:column;gap:.1rem;min-width:0}.lesson-nav-label--right{text-align:right;align-items:flex-end}.lesson-nav-direction{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-primary);line-height:1}.lesson-nav-title{font-size:.82rem;font-weight:500;color:var(--color-text-secondary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-nav-spacer{flex:1}@media (max-width: 1024px){.course-main{padding:2rem 1.5rem 0}}@media (max-width: 768px){.course-main{padding:1.5rem 1rem 0}.lesson-header-card{padding:1.25rem;gap:1rem}.lesson-header-icon{width:48px;height:48px;font-size:1.5rem;border-radius:12px}.lesson-header-title{font-size:1.35rem}.lesson-hero-content{gap:.75rem}.lesson-hero-emoji{font-size:2rem}.lesson-main-title{font-size:1.35rem}.l-scientist-grid{grid-template-columns:1fr}.l-char-grid,.l-org-grid{grid-template-columns:repeat(2,1fr)}.l-celltype-grid,.l-iconlist{grid-template-columns:1fr}.l-analogy{flex-direction:column;align-items:stretch}.lesson-nav-label{display:none}.lesson-nav-btn{flex:0;max-width:none;padding:.75rem;border-radius:50%;min-height:48px;min-width:48px;justify-content:center}.lesson-nav-arrow{width:26px;height:26px}}@media (max-width: 580px){.l-char-grid,.l-org-grid{grid-template-columns:1fr}}@media (max-width: 580px){.cs-stats{gap:16px;padding:16px 20px}.cs-stat-num{font-size:1.4rem}.coming-soon-emoji{font-size:3.5rem}}.cell-diagram-wrap{margin:24px auto 8px;max-width:560px;background:#fefdf8;border:1.5px solid #E0D5B8;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px #0000002e}.cell-diagram-wrap svg{width:100%!important;height:auto!important;max-height:420px;display:block;margin:0 auto}.cell-diagram-caption{text-align:center;padding:10px 16px 13px;font-size:.8rem;color:#666;font-style:italic;background:#faf9f0;border-top:1px solid #E0D5B8}.mcq-hero{position:relative;padding:40px 32px 36px;border-bottom:1px solid var(--border);overflow:hidden;background:linear-gradient(135deg,#6366f11a,#8b5cf61f 55%,#f59e0b12)}.mcq-hero-bg{position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,.22),transparent 70%);border-radius:50%;pointer-events:none}.mcq-coming-pill{background:#f59e0b1f;color:var(--accent);border:1px solid rgba(245,158,11,.28);font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:999px}.mcq-ch-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.mcq-ch-card:hover{border-color:#6366f147}.mcq-ch-badge{font-size:.63rem;font-weight:700;background:#6366f124;color:var(--brand);padding:2px 8px;border-radius:4px;flex-shrink:0;white-space:nowrap}.mcq-ch-name{font-size:.84rem;font-weight:600;color:var(--text);flex:1}.mcq-ch-status{font-size:.68rem;font-weight:600;color:var(--accent);background:#f59e0b1a;padding:2px 8px;border-radius:999px;flex-shrink:0}.mcq-cta-box{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius)}.mcq-cta-icon{font-size:1.6rem;flex-shrink:0}.mcq-cta-text{flex:1;display:flex;flex-direction:column;gap:3px}.mcq-cta-text strong{font-size:.9rem;color:var(--text)}.mcq-cta-text span{font-size:.82rem;color:var(--text-muted)}@media (max-width: 600px){.mcq-hero{padding:28px 16px 24px}.mcq-cta-box{flex-direction:column;align-items:flex-start}.mcq-ch-meta{display:none}}[data-theme=light] .subjects .subject-card:hover{border-color:#00000024}[data-theme=light] .feature-card:hover{border-color:#0000001f}[data-theme=light] .sidebar-brand-name,[data-theme=light] .module-name{color:#0f1117}[data-theme=light] .module-toggle:hover{background:#00000008}[data-theme=light] .chapter-toggle:hover{background:#0000000a}[data-theme=light] .lesson-item:hover,[data-theme=light] .lesson-item--link:hover{color:var(--brand)}[data-theme=light] .l-diagram{box-shadow:0 2px 16px #00000024;border-color:#10b98159}[data-theme=light] .l-scientist-card:hover{box-shadow:0 8px 24px #0000001a}[data-theme=light] .cell-diagram-wrap{box-shadow:0 4px 16px #00000014}.chp-wrap{padding:36px 40px 48px}.chp-header{margin-bottom:32px}.chp-grade{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}.chp-title{font-family:inherit;font-size:clamp(1.6rem,2.5vw,2.1rem);font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.15}.chp-subtitle{font-size:.95rem;color:var(--text-muted)}.chp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.chp-card{display:flex;align-items:center;gap:16px;padding:20px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);cursor:pointer}.chp-card:hover{border-color:#6366f173;box-shadow:0 4px 20px #6366f11f;transform:translateY(-2px)}.chp-card-icon{width:52px;height:52px;border-radius:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:1.55rem;flex-shrink:0;line-height:1}.chp-card-body{min-width:0}.chp-card-name{font-weight:600;font-size:.97rem;line-height:1.3;margin-bottom:4px;color:var(--text)}.chp-card-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.chp-card-mcq-dot{color:#22c55e;font-size:.75rem}@media (max-width: 900px){.chp-grid{grid-template-columns:repeat(2,1fr)}.chp-wrap{padding:28px 24px 40px}}@media (max-width: 560px){.chp-grid{grid-template-columns:1fr}.chp-wrap{padding:24px 16px 32px}}[data-theme=light] .chp-card{background:#fff;box-shadow:0 1px 4px #0000000f}[data-theme=light] .chp-card:hover{box-shadow:0 6px 24px #6366f124}.subject-select-page{padding:48px 0 64px}.subject-select-header{text-align:center;margin-bottom:40px}.subject-back-link{display:inline-block;font-size:.85rem;color:var(--text-muted);margin-bottom:20px;transition:color var(--transition)}.subject-back-link:hover{color:var(--brand)}.subject-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}.subject-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.subject-card--live{cursor:pointer;text-decoration:none;color:inherit}.subject-card--live:hover{transform:translateY(-4px);border-color:var(--subject-color, var(--brand));box-shadow:0 8px 32px #0000004d}.subject-card-icon{font-size:2.4rem;display:flex;align-items:center;justify-content:center;width:68px;height:68px;background:var(--subject-bg, rgba(99,102,241,.1));border-radius:50%;flex-shrink:0}.subject-card-title{font-family:inherit;font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.subject-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5}.subject-card-cta{margin-top:auto;padding-top:8px;font-size:.82rem;font-weight:600;color:var(--subject-color, var(--brand))}@media (max-width: 700px){.subject-card-grid{grid-template-columns:1fr;max-width:360px}}[data-theme=light] .subject-card--live:hover{box-shadow:0 8px 32px #0000001a}.subject-cs-page{min-height:80vh}.subject-cs-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:56px}.subject-cs-icon{font-size:3rem;width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:8px}.subject-cs-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 14px;border-radius:999px;background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.subject-cs-title{font-family:inherit;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.subject-cs-sub{max-width:480px;color:var(--text-muted);font-size:1rem;line-height:1.6}.subject-cs-topics{text-align:center}.subject-cs-topics-heading{font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:24px;text-transform:uppercase;letter-spacing:.06em}.subject-cs-topic-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:600px;margin:0 auto}.subject-cs-topic-chip{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:var(--bg-card);border:1px solid;font-size:.88rem;color:var(--text)}.content-page{max-width:760px;animation:content-fade-in .35s ease-out}@keyframes content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-hero{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.content-hero-icon{font-size:2.5rem;flex-shrink:0}.content-hero h1{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem;line-height:1.25}.content-hero-sub{font-size:.95rem;color:var(--color-text-secondary);margin:0}.content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.content-card--highlight{border-left:4px solid var(--color-accent-primary);background:var(--color-accent-soft)}.content-definition{font-size:.95rem;line-height:1.65;color:var(--color-text-primary);margin:0 0 .5rem}.content-definition:last-child{margin-bottom:0}.content-text{font-size:.95rem;line-height:1.65;color:var(--color-text-secondary);margin:0}.content-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.content-list li{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;padding-left:1.25rem;position:relative}.content-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent-primary);font-weight:700}.content-callout{display:flex;gap:.85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:2rem}.content-callout-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.content-callout-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin:0 0 .35rem}.content-callout-text{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem;line-height:1.4}.content-callout-muted{font-size:.9rem;font-weight:400;color:var(--color-text-secondary)}.content-heading{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.content-subheading{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:1.75rem 0 1rem}.content-section-divider{text-align:center;font-size:1.5rem;padding:1.5rem 0;position:relative}.content-section-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--color-border)}.content-section-divider span{position:relative;background:var(--color-bg-primary);padding:0 1rem}.content-blocks{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.content-block{display:flex;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s}.content-block:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow)}.content-block-num{width:32px;height:32px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;margin-top:2px}.content-block-body{flex:1;min-width:0}.content-block-body h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .35rem;display:flex;align-items:center;gap:.4rem}.content-block-icon{font-size:1.1rem}.content-block-body p{font-size:.88rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 .5rem}.content-block-example{display:block;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-primary);border-radius:8px;padding:.85rem 1rem;font-size:.85rem;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;color:var(--color-text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.code-editor{background:#1e1e1e;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #0000004d;overflow:hidden;margin:1.5rem 0;font-family:JetBrains Mono,Fira Code,monospace}.code-editor-header{background:#2d2d2d;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.code-editor-dots{display:flex;gap:6px}.code-editor-dot{width:12px;height:12px;border-radius:50%}.code-editor-dot--red{background:#ff5f56}.code-editor-dot--yellow{background:#ffbd2e}.code-editor-dot--green{background:#27c93f}.code-editor-title{font-size:.75rem;color:#858585;font-weight:500;letter-spacing:.5px}.code-editor-content{padding:1rem 0;position:relative;display:flex}.code-editor-lines{width:45px;text-align:right;padding-right:12px;color:#454545;font-size:.85rem;-webkit-user-select:none;user-select:none;line-height:1.6}.code-editor-code{flex:1;margin:0;padding:0;font-size:.88rem;line-height:1.6;color:#d4d4d4;white-space:pre}.token-keyword{color:#569cd6}.token-function{color:#dcdcaa}.token-string{color:#ce9178}.token-comment{color:#6a9955;font-style:italic}.token-operator{color:#d4d4d4}.token-number{color:#b5cea8}.token-param{color:#9cdcfe}.content-example-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;margin-bottom:2rem}.content-example-header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-primary)}.content-example-columns{display:grid;grid-template-columns:1fr 1fr}.content-example-col{padding:1.25rem}.content-example-input{border-right:1px solid var(--color-border)}.content-example-col h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.content-example-input h4{color:var(--color-accent-primary)}.content-example-output h4{color:#10b981}.content-example-col pre{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;padding:.85rem 1rem;font-size:.8rem;font-family:SF Mono,Fira Code,monospace;color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.content-example-note{font-size:.78rem;color:var(--color-text-tertiary);margin:.75rem 0 0;line-height:1.4;font-style:italic}.content-impact-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.content-impact-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;min-width:120px;flex:1;transition:border-color .2s}.content-impact-item:hover{border-color:var(--color-accent-primary)}.content-impact-icon{font-size:1.35rem}.content-impact-item strong{font-size:.85rem;color:var(--color-text-primary)}.content-impact-item p{font-size:.75rem;color:var(--color-text-tertiary);margin:0;line-height:1.3}.content-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.content-benefits li{display:flex;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;transition:border-color .15s}.content-benefits li:hover{border-color:#10b981}.content-check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#10b9811f;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-top:2px}.content-benefits strong{font-size:.9rem;color:var(--color-text-primary);display:block;margin-bottom:2px}.content-benefits p{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.content-next-box{display:flex;gap:.85rem;background:var(--color-accent-soft);border:1px solid var(--color-accent-primary);border-radius:14px;padding:1.25rem 1.5rem}.content-next-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.content-next-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-primary);margin:0 0 .25rem}.content-next-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.content-quote-box{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid #8b5cf6;border-radius:14px;padding:2rem 1.75rem 1.5rem 3rem;margin-bottom:2rem;overflow:hidden}.content-quote-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60a,#ec48990a);pointer-events:none}.content-quote-mark{position:absolute;top:.25rem;left:.75rem;font-size:3.5rem;line-height:1;color:#8b5cf640;font-family:Georgia,Times New Roman,serif;pointer-events:none}.content-quote-text{font-size:1.05rem;font-style:italic;color:var(--color-text-primary);line-height:1.7;margin:0 0 .75rem;padding:0;border:none;position:relative}.content-quote-footer{font-size:.9rem;font-weight:600;color:#8b5cf6;margin:0;position:relative}.content-badge-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.content-badge{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;color:#fff}.content-badge--blue{background:var(--color-accent-primary)}.content-badge--green{background:#10b981}.content-badge--amber{background:#f59e0b}.content-badge--purple{background:#8b5cf6}.content-badge--cyan{background:#0ea5e9}.content-badge--rose{background:#e11d48}.content-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.content-tag{padding:.4rem .85rem;border-radius:999px;font-size:.82rem;font-weight:500}.content-tag--blue{background:#2563eb14;color:var(--color-accent-primary);border:1px solid rgba(37,99,235,.2)}.content-tag--green{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.2)}.content-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.content-pros,.content-cons{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem}.content-pros{border-color:#10b9814d}.content-cons{border-color:#ef44444d}.content-pros h4,.content-cons h4{font-size:.9rem;font-weight:600;margin:0 0 .75rem;color:var(--color-text-primary)}.content-pros ul,.content-cons ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.content-pros li,.content-cons li{font-size:.85rem;color:var(--color-text-secondary);padding-left:1.1rem;position:relative;line-height:1.45}.content-pros li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:.75rem}.content-cons li:before{content:"✕";position:absolute;left:0;color:#ef4444;font-weight:700;font-size:.75rem}.content-table-wrap{overflow-x:auto;margin-bottom:1.5rem}.content-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.content-table th{background:var(--color-bg-tertiary);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary);text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--color-border)}.content-table td{font-size:.88rem;color:var(--color-text-primary);padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.content-table tr:last-child td{border-bottom:none}.content-table tr:hover td{background:var(--color-accent-soft)}.content-inline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.content-inline-list li{font-size:.88rem;color:var(--color-text-secondary);padding-left:1.1rem;position:relative;line-height:1.45}.content-inline-list li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:600}.content-mental-model{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.content-mm-item{display:flex;flex-direction:column;gap:2px;padding:.75rem 1rem;border-radius:12px;flex:1;min-width:140px}.content-mm-item strong{font-size:.9rem;color:var(--color-text-primary)}.content-mm-item span{font-size:.8rem;color:var(--color-text-secondary);line-height:1.35}.content-mm-item--blue{background:#2563eb14;border:1px solid rgba(37,99,235,.2)}.content-mm-item--green{background:#10b98114;border:1px solid rgba(16,185,129,.2)}.content-mm-item--red{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.content-code-block{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.6;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.85rem 1rem;margin:0;white-space:pre-wrap;overflow-x:auto}.content-mm-vs{font-size:.8rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase}.content-pipeline{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:1.5rem}.content-pipeline-step{display:flex;align-items:center;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1.25rem;width:100%;max-width:400px;transition:border-color .2s}.content-pipeline-step:hover{border-color:var(--color-accent-primary)}.content-pipeline-step--final{border-color:#10b981;background:#10b9810a}.content-pipeline-num{padding:0 8px;min-width:28px;height:28px;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.content-pipeline-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;font-size:.9rem;color:var(--color-text-primary)}.content-pipeline-body span{color:var(--color-text-secondary);font-size:.85rem}.content-pipeline-uses{font-size:.78rem;color:var(--color-text-tertiary)!important;font-style:italic}.content-pipeline-group{display:flex;flex-direction:column;align-items:center;width:100%}.content-pipeline-arrow{color:var(--color-text-tertiary);padding:.25rem 0;display:flex;justify-content:center;align-items:center}.content-pipeline--horizontal{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0;margin-bottom:2rem}.content-pipeline-step--combo{flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1rem;max-width:140px;min-width:100px}.content-pipeline-step--combo strong{font-size:.88rem;color:var(--color-text-primary)}.content-pipeline-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.15rem .5rem;border-radius:999px}.content-pipeline-tag--green{background:#10b9811f;color:#10b981}.content-pipeline-tag--blue{background:#2563eb1a;color:var(--color-accent-primary)}.content-pipeline-arrow-h{font-size:1.2rem;font-weight:700;color:var(--color-text-tertiary);display:flex;align-items:center;padding:0 .15rem}.content-hybrid-steps{position:relative;display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem;padding-left:1.5rem}.content-hybrid-steps:before{content:"";position:absolute;left:15px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,var(--color-accent-primary) 0%,#10b981 40%,#f59e0b 100%);border-radius:2px}.content-hybrid-step{display:flex;align-items:flex-start;gap:1rem;position:relative;padding:.85rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin-left:1rem;transition:border-color .2s,box-shadow .2s}.content-hybrid-step:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow)}.content-hybrid-step--final{border-color:#f59e0b;background:#f59e0b08}.content-hybrid-connector{height:.6rem}.content-hybrid-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;color:#fff;margin-top:2px}.content-hybrid-num--green{background:#10b981}.content-hybrid-num--blue{background:var(--color-accent-primary)}.content-hybrid-num--amber{background:#f59e0b}.content-hybrid-body{flex:1;min-width:0}.content-hybrid-body strong{font-size:.95rem;color:var(--color-text-primary);margin-right:.35rem}.content-hybrid-body .content-pipeline-tag{vertical-align:middle}.content-hybrid-body p{font-size:.85rem;color:var(--color-text-secondary);margin:.3rem 0 0;line-height:1.45}.content-oneliners{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.content-oneliner{padding:1rem 1.25rem;border-radius:12px;border-left:4px solid}.content-oneliner strong{font-size:.95rem;display:block;margin-bottom:.25rem;color:var(--color-text-primary)}.content-oneliner p{font-size:.88rem;color:var(--color-text-secondary);margin:0;line-height:1.45}.content-oneliner--blue{border-left-color:var(--color-accent-primary);background:#2563eb0a}.content-oneliner--green{border-left-color:#10b981;background:#10b9810a}.quiz-progress-bar-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.quiz-progress-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-accent-primary);border-radius:999px;transition:width .35s ease}.quiz-progress-label{font-size:.78rem;font-weight:600;color:var(--color-text-tertiary);white-space:nowrap}.quiz-score-banner{display:flex;align-items:center;gap:1.25rem;background:var(--color-surface);border:2px solid var(--quiz-accent, var(--color-accent-primary));border-radius:18px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;animation:content-fade-in .4s ease-out}.quiz-score-ring{position:relative;width:72px;height:72px;flex-shrink:0}.quiz-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-ring-bg{fill:none;stroke:var(--color-bg-tertiary);stroke-width:6}.quiz-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .8s ease-out}.quiz-score-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--color-text-primary)}.quiz-score-detail{flex:1;display:flex;flex-direction:column;gap:.2rem}.quiz-score-grade{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.quiz-score-text{font-size:.88rem;color:var(--color-text-secondary)}.quiz-retry-btn{padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.quiz-retry-btn:hover{border-color:var(--color-accent-primary);background:var(--color-accent-soft)}.quiz-questions{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.quiz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s}.quiz-card:hover{box-shadow:0 4px 16px var(--color-card-shadow)}.quiz-card--correct{border-color:#10b98166;background:#10b98105}.quiz-card--skipped{border-color:#94a3b866;background:#94a3b808}.quiz-card--wrong{border-color:#ef444459;background:#ef444405}.quiz-card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}.quiz-card-num{width:28px;height:28px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.quiz-card-topic{font-size:.78rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.quiz-card-result{margin-left:auto;font-size:.78rem;font-weight:700;padding:.2rem .65rem;border-radius:999px}.quiz-card-result--pass{background:#10b9811f;color:#10b981}.quiz-card-result--skip{background:#94a3b81f;color:#94a3b8}.quiz-card-result--fail{background:#ef44441a;color:#ef4444}.quiz-question{font-size:.98rem;font-weight:600;color:var(--color-text-primary);line-height:1.5;margin:0 0 1rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-primary);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;font-size:.88rem;color:var(--color-text-primary);line-height:1.45}.quiz-option:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-accent-soft)}.quiz-option--selected{border-color:var(--color-accent-primary);background:var(--color-accent-soft);box-shadow:0 0 0 2px #2563eb26}.quiz-option--correct{border-color:#10b981;background:#10b98114}.quiz-option--wrong{border-color:#ef4444;background:#ef44440f}.quiz-option:disabled{cursor:default}.quiz-option-key{width:28px;height:28px;border-radius:8px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0;color:var(--color-text-secondary);transition:background .15s,color .15s}.quiz-option--selected .quiz-option-key{background:var(--color-accent-primary);color:#fff}.quiz-option--correct .quiz-option-key{background:#10b981;color:#fff}.quiz-option--wrong .quiz-option-key{background:#ef4444;color:#fff}.quiz-option-text{flex:1}.quiz-option-check,.quiz-option-cross{font-size:.85rem;font-weight:700;flex-shrink:0}.quiz-option-check{color:#10b981}.quiz-option-cross{color:#ef4444}.quiz-explanation{margin-top:1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;animation:content-fade-in .3s ease-out}.quiz-explanation--highlight{border-color:#f59e0b66}.quiz-explanation-header{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-primary)}.quiz-explanation-body{padding:.85rem 1rem}.quiz-explanation-body p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.55;margin:0 0 .5rem}.quiz-explanation-body p:last-child{margin-bottom:0}.quiz-explanation-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.25rem}.quiz-explanation-list li{font-size:.82rem;color:var(--color-text-secondary);padding-left:1.1rem;position:relative;line-height:1.45}.quiz-explanation-list li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:600}.quiz-explanation-code{margin:.6rem 0 0;padding:.65rem .85rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.quiz-explanation-bullets{margin:.35rem 0 .2rem 1.2rem;padding:0;list-style:none}.quiz-explanation-bullets li{position:relative;padding-left:1.3rem;margin-bottom:.3rem;font-size:.88rem;color:var(--color-text-secondary);line-height:1.55}.quiz-explanation-bullets li:before{content:"▸";position:absolute;left:0;color:var(--color-accent-primary, #6366f1);font-weight:700;font-size:.9rem}.quiz-submit-wrap{text-align:center;padding:1rem 0 .5rem}.quiz-submit-btn{padding:.75rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #2563eb40}.quiz-submit-btn:hover{background:var(--color-accent-hover, #1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.quiz-submit-btn:active{transform:translateY(0)}.quiz-submit-btn--disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.quiz-submit-btn--disabled:hover{transform:none;box-shadow:none}.quiz-submit-hint{font-size:.8rem;color:var(--color-text-tertiary);margin:.6rem 0 0}@media (max-width: 768px){.content-impact-grid{flex-direction:column}.content-hero{flex-direction:column;align-items:flex-start;gap:.5rem}.content-hero-icon{font-size:2rem}.content-example-columns{grid-template-columns:1fr}.content-example-input{border-right:none;border-bottom:1px solid var(--color-border)}.content-block{flex-direction:column;gap:.5rem}.content-block-num{width:28px;height:28px;font-size:.8rem}.content-pros-cons{grid-template-columns:1fr}.content-mental-model{flex-direction:column;align-items:stretch}.content-mm-vs{text-align:center}.content-pipeline--horizontal{flex-wrap:wrap;gap:.25rem}.content-pipeline-step--combo{min-width:80px;max-width:120px;padding:.75rem}.quiz-score-banner{flex-direction:column;text-align:center;gap:.85rem;padding:1.25rem}.quiz-score-detail{align-items:center}.quiz-card{padding:1rem}.quiz-option{padding:.6rem .85rem;font-size:.82rem}.iq-answer-grid{grid-template-columns:1fr}.iq-rag-example{flex-direction:column}.iq-card{padding:1rem}}.trust-acronym{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .25rem;margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg,#2563eb0a,#8b5cf60a);border-radius:16px;border:1px solid var(--color-border)}.trust-acronym-letter{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 1.25rem;min-width:100px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.trust-acronym-letter:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:var(--color-accent-primary)}.trust-letter{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--color-surface);background:var(--trust-color, #2563eb);border-radius:50%;letter-spacing:-.02em}.trust-pillar{font-size:.8rem;font-weight:600;color:var(--color-text-primary);text-align:center;line-height:1.2}@media (max-width: 768px){.trust-acronym{flex-direction:column;gap:.75rem}}.iq-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.iq-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s}.iq-card:hover{box-shadow:0 4px 16px var(--color-card-shadow)}.iq-card--open{border-color:#8b5cf659}.iq-card-header{display:flex;align-items:flex-start;gap:.75rem}.iq-card-num{width:30px;height:30px;border-radius:50%;background:#8b5cf61a;color:#8b5cf6;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0;margin-top:2px}.iq-card-q{flex:1;display:flex;gap:.5rem;align-items:flex-start}.iq-card-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.iq-card-topic-label{font-size:.78rem;font-weight:700;color:var(--color-accent-primary, #6366f1);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.iq-card-q p{font-size:.95rem;font-weight:600;color:var(--color-text-primary);line-height:1.5;margin:0}.iq-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.85rem;padding:.45rem 1rem;border-radius:10px;font-size:.82rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-bg-primary);color:#8b5cf6;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;margin-left:calc(30px + .75rem)}.iq-toggle-btn:hover{border-color:#8b5cf6;background:#8b5cf60f;box-shadow:0 0 0 2px #8b5cf61a}.iq-toggle-btn--open{background:#8b5cf60f;border-color:#8b5cf64d}.iq-toggle-btn--solution{color:#10b981}.iq-toggle-btn--solution:hover{border-color:#10b981;background:#10b9810f;box-shadow:0 0 0 2px #10b9811a}.iq-toggle-btn--solution.iq-toggle-btn--open{background:#10b9810f;border-color:#10b9814d}.iq-colab-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}.iq-colab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;border-radius:10px;font-size:.84rem;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 2px 8px #10b98140}.iq-colab-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98159;opacity:.95}.iq-colab-btn:active{transform:translateY(0)}.iq-colab-btn--open{background:linear-gradient(135deg,#f9ab00,#e8710a);box-shadow:0 2px 8px #e8710a40}.iq-colab-btn--open:hover{box-shadow:0 4px 14px #e8710a59}.iq-answer-wrap{margin-top:1rem;margin-left:calc(30px + .75rem);padding:1.25rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;animation:content-fade-in .3s ease-out}.iq-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.iq-answer-grid--single{grid-template-columns:1fr}.iq-answer-section{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--iq-accent, var(--color-accent-primary));border-radius:12px;padding:1rem 1.1rem}.iq-answer-section h4{font-size:.92rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .6rem;display:flex;align-items:center;gap:.4rem}.iq-answer-section ul{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.3rem}.iq-answer-section li{font-size:.82rem;color:var(--color-text-secondary);padding-left:1rem;position:relative;line-height:1.45}.iq-answer-section li:before{content:"→";position:absolute;left:0;color:var(--iq-accent, var(--color-accent-primary));font-weight:600;font-size:.75rem}.iq-desc{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.5}.iq-example{display:block;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:.55rem .75rem;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.45;margin:0}.iq-prompt-output{display:flex;flex-direction:column;gap:.5rem}.iq-prompt-block,.iq-output-block{display:flex;flex-direction:column;gap:.3rem}.iq-prompt-block pre,.iq-output-block pre{margin:0;padding:.5rem .75rem;border-radius:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.45}.iq-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-primary)}.iq-label--green{color:#10b981}.iq-label--red{color:#ef4444}.iq-when-to-use{font-size:.85rem;color:var(--color-text-secondary)}.iq-when-to-use strong{display:block;margin-bottom:.4rem;color:var(--color-text-primary);font-size:.88rem}.iq-use-tags{display:flex;flex-wrap:wrap;gap:.5rem}.iq-use-tag{padding:.35rem .75rem;border-radius:999px;font-size:.8rem;border:1px solid color-mix(in srgb,var(--tag-clr) 25%,transparent);background:color-mix(in srgb,var(--tag-clr) 8%,transparent);color:var(--color-text-secondary)}.iq-use-tag strong{color:var(--tag-clr)}.iq-key-diff{font-size:.85rem;color:var(--color-text-secondary)}.iq-key-diff strong{display:block;margin-bottom:.4rem;color:var(--color-text-primary);font-size:.88rem}.iq-key-diff ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.iq-key-diff li{padding-left:1rem;position:relative;line-height:1.45}.iq-key-diff li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:.75rem}.iq-pillars{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.iq-pillar{display:flex;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:border-color .15s}.iq-pillar:hover{border-color:var(--color-accent-primary)}.iq-pillar-icon{font-size:1.15rem;flex-shrink:0;margin-top:2px}.iq-pillar-body{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.iq-pillar-body strong{color:var(--color-text-primary)}.iq-pillar-body .iq-example{margin-top:.4rem}.iq-takeaway{font-size:.88rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:10px}.iq-intro-text{font-size:.88rem;color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.5}.iq-process-steps{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1rem}.iq-process-step{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;font-size:.82rem;color:var(--color-text-primary)}.iq-process-icon{font-size:1rem}.iq-process-arrow{font-size:1rem;font-weight:700;color:var(--color-text-tertiary)}.iq-benefits strong,.iq-ensures strong{display:block;font-size:.88rem;color:var(--color-text-primary);margin-bottom:.4rem}.iq-benefit-tags,.iq-ensure-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.iq-benefit-tag,.iq-ensure-tag{padding:.3rem .75rem;border-radius:999px;font-size:.78rem;font-weight:500;background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.2)}.iq-ensure-tag{background:#2563eb14;color:var(--color-accent-primary);border-color:#2563eb33}.iq-rag-example{display:flex;gap:.75rem}.iq-rag-col{flex:1;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--color-border)}.iq-rag-col p{font-size:.82rem;color:var(--color-text-secondary);margin:.35rem 0 0;line-height:1.45}.iq-rag-col--without{background:#ef44440a;border-color:#ef444440}.iq-rag-col--with{background:#10b9810a;border-color:#10b98140}.iq-strategy-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.iq-strategy-item{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:border-color .15s}.iq-strategy-item:hover{border-color:var(--color-accent-primary)}.iq-strategy-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.iq-strategy-item strong{font-size:.88rem;color:var(--color-text-primary);display:block;margin-bottom:2px}.iq-strategy-item p{font-size:.82rem;color:var(--color-text-secondary);margin:0;line-height:1.45}.iq-answer-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--color-text-primary);margin-bottom:.75rem}.iq-answer-title-icon{font-size:1.1rem}.iq-step-item{margin-bottom:.85rem;padding:.6rem .9rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid #0ea5e9;border-radius:10px}.iq-step-item strong{display:block;font-size:.88rem;color:var(--color-text-primary);margin-bottom:.25rem}.iq-step-item p{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.45}.iq-example-block{margin:1rem 0;padding:.85rem 1rem;background:#0ea5e90f;border:1px solid rgba(14,165,233,.2);border-radius:10px}.iq-example-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#0ea5e9;margin-bottom:.4rem}.iq-example-block p{font-size:.88rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.term-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.term-toc-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600;text-decoration:none;border:1px solid color-mix(in srgb,var(--toc-clr) 25%,transparent);background:color-mix(in srgb,var(--toc-clr) 6%,transparent);color:var(--toc-clr);transition:background .15s,box-shadow .15s}.term-toc-item:hover{background:color-mix(in srgb,var(--toc-clr) 12%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--toc-clr) 15%,transparent)}.term-section-header{margin-bottom:1rem}.term-section-sub{font-size:.85rem;color:var(--color-text-tertiary);font-style:italic}.term-key-idea{display:flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;color:var(--color-accent-primary);margin:.4rem 0 .5rem;padding:.4rem .7rem;background:var(--color-accent-soft);border-radius:8px;width:fit-content}.term-list{list-style:none;margin:.4rem 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.2rem}.term-list li{font-size:.82rem;color:var(--color-text-secondary);padding-left:1rem;position:relative;line-height:1.45}.term-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent-primary);font-weight:600;font-size:.75rem}.term-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.term-tag{padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--term-clr) 10%,transparent);color:var(--term-clr);border:1px solid color-mix(in srgb,var(--term-clr) 22%,transparent)}.term-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:.5rem 0;font-size:.82rem;color:var(--color-text-secondary)}.term-flow-step{display:flex;align-items:center;gap:.25rem}.term-flow-arrow{color:var(--color-text-tertiary);font-weight:700;margin:0 .15rem}.term-comparisons{display:flex;flex-direction:column;gap:.4rem;margin:.5rem 0}.term-comparison{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:8px;font-size:.82rem;font-weight:500}.term-comparison--good{background:#10b9810f;border:1px solid rgba(16,185,129,.2);color:var(--color-text-primary)}.term-comparison--bad{background:#ef44440a;border:1px solid rgba(239,68,68,.2);color:var(--color-text-primary)}.term-comparison-vs{color:var(--color-text-tertiary);font-size:.75rem}.term-comparison-result{margin-left:auto;font-weight:700;font-size:.78rem}.term-comparison--good .term-comparison-result{color:#10b981}.term-comparison--bad .term-comparison-result{color:#ef4444}.term-temp-levels{display:flex;gap:.5rem;margin:.5rem 0}.term-temp-level{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;padding:.6rem .5rem;border-radius:10px;background:color-mix(in srgb,var(--temp-clr) 6%,transparent);border:1px solid color-mix(in srgb,var(--temp-clr) 22%,transparent)}.term-temp-range{font-size:.72rem;font-weight:700;color:var(--temp-clr);font-family:SF Mono,Fira Code,monospace}.term-temp-level strong{font-size:.82rem;color:var(--color-text-primary)}.term-temp-level span:last-child{font-size:.72rem;color:var(--color-text-tertiary)}.term-example{margin-top:.5rem;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-bg-tertiary)}.term-example-split{display:grid;grid-template-columns:1fr 1fr}.term-example-prompt{padding:.65rem .85rem}.term-example-output{padding:.65rem .85rem;border-left:1px solid var(--color-border)}.term-example-steps{padding:.65rem .85rem;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.term-example-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-primary);margin-bottom:.3rem}.term-example-label--green{color:#10b981}.term-example pre{margin:0;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.45}.term-step-pill{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.2);font-weight:500}.nn-structure{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.nn-layer{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1.25rem;border-radius:14px;border:2px solid var(--color-border);min-width:100px}.nn-layer--input{border-color:#2563eb4d;background:#2563eb0a}.nn-layer--hidden{border-color:#8b5cf64d;background:#8b5cf60a}.nn-layer--output{border-color:#10b9814d;background:#10b9810a}.nn-layer-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary)}.nn-neurons{display:flex;flex-direction:column;gap:.35rem;align-items:center}.nn-neuron{width:36px;height:36px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;font-family:SF Mono,Fira Code,monospace;color:var(--color-text-secondary)}.nn-arrows{font-size:1rem;font-weight:700;color:var(--color-text-tertiary);letter-spacing:2px}@media (max-width: 768px){.nn-structure{flex-direction:column}.nn-arrows{transform:rotate(90deg)}.nn-neurons{flex-direction:row}}.hierarchy-visual{display:flex;flex-direction:column;align-items:center;gap:0;padding:1rem 0}.hierarchy-ring{width:var(--ring-size);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:14px;border:2px solid color-mix(in srgb,var(--ring-clr) 35%,transparent);background:color-mix(in srgb,var(--ring-clr) 6%,transparent);margin-top:-4px;position:relative;transition:border-color .2s,background .2s}.hierarchy-ring:hover{border-color:var(--ring-clr);background:color-mix(in srgb,var(--ring-clr) 10%,transparent)}.hierarchy-ring-icon{font-size:1.2rem}.hierarchy-ring-label{font-size:.85rem;font-weight:700;color:var(--ring-clr)}@media (max-width: 768px){.hierarchy-ring{width:100%!important;margin-top:.35rem}}@media (max-width: 768px){.term-toc{flex-direction:column}.term-example-split{grid-template-columns:1fr}.term-example-output{border-left:none;border-top:1px solid var(--color-border)}.term-temp-levels{flex-direction:column}}.quiz-section-banner{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;margin:2.5rem 0 1.25rem;border-radius:12px;border-left:5px solid var(--color-accent-primary);animation:content-fade-in .4s ease-out}.quiz-section-icon{font-size:1.4rem;flex-shrink:0}.quiz-section-label{font-size:1.1rem;font-weight:700;letter-spacing:.3px}.content-editor{background:#0f172a;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;margin-bottom:2rem;font-family:SF Mono,Fira Code,monospace}.content-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.05)}.content-editor-dots{display:flex;gap:6px}.content-editor-dot{width:12px;height:12px;border-radius:50%}.content-editor-dot--red{background:#ff5f56}.content-editor-dot--yellow{background:#ffbd2e}.content-editor-dot--green{background:#27c93f}.content-editor-filename{font-size:.75rem;color:#fff6;font-weight:500;text-transform:lowercase;letter-spacing:.5px}.content-editor-body{padding:1.5rem;overflow-x:auto}.content-editor-body pre{margin:0;font-size:.9rem;line-height:1.6;color:#e2e8f0}.code-keyword{color:#f472b6;font-weight:600}.code-func{color:#60a5fa}.code-string{color:#fbbf24}.code-comment{color:#94a3b8;font-style:italic}.code-op{color:#38bdf8}.code-val{color:#fb7185}.content-beneficiary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.content-beneficiary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1.75rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.content-beneficiary-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--color-accent-primary),#10b981);opacity:.7}.content-beneficiary-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #00000014;border-color:var(--color-accent-primary)}.content-beneficiary-icon{font-size:2.25rem;display:block;margin-bottom:.25rem}.content-beneficiary-card strong{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.2px}.content-beneficiary-card p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.content-vertical-stepper{display:flex;flex-direction:column;gap:0;max-width:600px;margin:0 auto}.stepper-item{display:flex;gap:2rem;position:relative;padding-bottom:2.5rem}.stepper-item:last-child{padding-bottom:0}.stepper-line{position:absolute;left:20px;top:40px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-accent-primary),var(--color-border));opacity:.4}.stepper-node{width:42px;height:42px;border-radius:50%;background:var(--color-accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;z-index:2;box-shadow:0 0 15px #3b82f64d;border:4px solid var(--color-surface)}.stepper-node--success{background:#10b981!important;box-shadow:0 0 15px #10b9814d}.stepper-content{flex:1;padding-top:4px}.stepper-content h4{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.stepper-content p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 .75rem}.stepper-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-accent-soft);color:var(--color-accent-primary);border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid rgba(59,130,246,.1)}.stepper-badge--success{background:#10b9811a;color:#10b981;border-color:#10b9811a}.prompt-cycle{position:relative;width:100%;max-width:420px;margin:0 auto 1.5rem;aspect-ratio:1 / 1}.prompt-cycle-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.prompt-cycle-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.2rem;z-index:2}.prompt-cycle-hub span{font-size:1.6rem}.prompt-cycle-hub strong{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-tertiary)}.prompt-cycle-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;z-index:3;width:80px;text-align:center}.prompt-cycle-num{width:22px;height:22px;border-radius:50%;background:var(--node-color);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.prompt-cycle-icon{font-size:1.35rem;line-height:1}.prompt-cycle-label{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);line-height:1.25;white-space:pre-line}@media (max-width: 480px){.prompt-cycle{max-width:320px}.prompt-cycle-node{width:68px}.prompt-cycle-icon{font-size:1.15rem}.prompt-cycle-label{font-size:.62rem}.prompt-cycle-num{width:18px;height:18px;font-size:.6rem}}.fiq-text{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);margin:.5rem 0}.fiq-list{margin:.5rem 0 1rem 1.5rem;list-style:disc}.fiq-list li{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;padding:.15rem 0}.fiq-hierarchy{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.fiq-hierarchy-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:10px;background:#ffffff05;border-left:3px solid var(--fiq-accent)}.fiq-hierarchy-icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.fiq-hierarchy-item strong{font-size:.95rem;color:var(--color-text-primary)}.fiq-hierarchy-item p{font-size:.85rem;color:var(--color-text-secondary);margin:.2rem 0 0;line-height:1.5}.fiq-tree{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem;margin:.75rem 0 1rem;white-space:pre;overflow-x:auto}.fiq-code-example{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem;margin:.75rem 0}.fiq-code-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8b5cf6;display:block;margin-bottom:.5rem}.fiq-code-sentence{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--color-text-primary);margin-bottom:.5rem}.fiq-code-tokens{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#10b981;word-break:break-word}.fiq-callout{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem;margin:.75rem 0}.fiq-callout-header{font-size:.95rem;margin-bottom:.5rem;color:var(--color-text-primary)}.fiq-callout-list{margin:.25rem 0 .5rem 1.5rem;list-style:disc}.fiq-callout-list li{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;padding:.1rem 0}.fiq-callout-note{font-size:.85rem;color:var(--color-text-tertiary);font-style:italic;margin:.5rem 0 0;line-height:1.5}.fiq-components{margin:.75rem 0}.fiq-components h4{font-size:.95rem;color:var(--color-text-primary);margin-bottom:.5rem}.fiq-component-tags{display:flex;flex-wrap:wrap;gap:.4rem}.fiq-component-tag{font-size:.8rem;padding:.35rem .75rem;border-radius:20px;background:#8b5cf614;color:#a78bfa;border:1px solid rgba(139,92,246,.15);font-weight:500}.fiq-tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.fiq-tag{font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;background:#3b82f614;color:var(--fiq-tag-clr, #3b82f6);border:1px solid rgba(59,130,246,.15)}.fiq-example-block{margin:1rem 0;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.fiq-example-title{font-size:.95rem;color:var(--color-text-primary);margin-bottom:.75rem}.fiq-columns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}@media (max-width: 600px){.fiq-columns{grid-template-columns:1fr}}.fiq-column{border-radius:10px;padding:.85rem 1rem;border:1px solid var(--color-border);border-top:3px solid var(--fiq-col-clr, #8b5cf6);background:#ffffff03}.fiq-column h5{font-size:.9rem;color:var(--fiq-col-clr, var(--color-text-primary));margin-bottom:.4rem}.fiq-col-desc{font-size:.82rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.5rem}.fiq-column ul{margin:.25rem 0 0 1.25rem;list-style:disc}.fiq-column li{font-size:.82rem;color:var(--color-text-secondary);line-height:1.55;padding:.1rem 0}.fiq-insight-label{font-size:.8rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin:.75rem 0 .25rem}.fiq-insight{font-size:.9rem;color:var(--color-text-secondary);padding:.65rem .85rem;background:#8b5cf60f;border-radius:8px;border-left:3px solid #8b5cf6;line-height:1.5}.fiq-star{margin:1rem 0}.fiq-star h4{font-size:.95rem;color:var(--color-text-primary);margin-bottom:.6rem}.fiq-star-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}@media (max-width: 600px){.fiq-star-grid{grid-template-columns:1fr}}.fiq-star-item{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--color-border);display:flex;align-items:flex-start;gap:.65rem}.fiq-star-item--s{border-left:3px solid #3b82f6}.fiq-star-item--a{border-left:3px solid #f59e0b}.fiq-star-item--r{border-left:3px solid #10b981}.fiq-star-letter{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.fiq-star-item--s .fiq-star-letter{background:#3b82f6}.fiq-star-item--a .fiq-star-letter{background:#f59e0b}.fiq-star-item--r .fiq-star-letter{background:#10b981}.fiq-star-item p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.fiq-dos-donts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0 .5rem}@media (max-width: 600px){.fiq-dos-donts{grid-template-columns:1fr}}.fiq-dos,.fiq-donts{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--color-border)}.fiq-dos{border-top:3px solid #10b981;background:#10b98108}.fiq-donts{border-top:3px solid #ef4444;background:#ef444408}.fiq-dos h5,.fiq-donts h5{font-size:.85rem;margin-bottom:.35rem}.fiq-dos ul,.fiq-donts ul{margin:0 0 0 1.25rem;list-style:disc}.fiq-dos li,.fiq-donts li{font-size:.82rem;color:var(--color-text-secondary);line-height:1.55;padding:.1rem 0}.content-page--de-interview .content-hero--de{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#8b5cf60f,#0ea5e90a);border:1px solid rgba(139,92,246,.15)}.content-page--de-interview .content-hero--de:before{content:"🔷";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.25}.content-page--de-interview .content-callout--de{position:relative;border-radius:14px;box-shadow:0 2px 12px #8b5cf60f;overflow:hidden}.content-page--de-interview .content-callout--de:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b5cf6,#0ea5e9);border-radius:4px 0 0 4px}.content-page--de-interview .iq-card{transition:all .25s ease}.content-page--de-interview .iq-card:hover{border-color:#8b5cf640}.content-page--de-interview .iq-card--open{border-color:#8b5cf666;box-shadow:0 4px 20px #8b5cf614}.content-page--de-interview .iq-de-answer-section{border-left-width:4px}.content-page--sql-interview .content-hero--sql{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#0ea5e914,#3b82f60d);border:1px solid rgba(14,165,233,.2)}.content-page--sql-interview .content-hero--sql:before{content:"📊";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.3}.content-page--sql-interview .content-callout--sql{position:relative;border-radius:14px;box-shadow:0 2px 12px #0ea5e914;overflow:hidden}.content-page--sql-interview .content-callout--sql:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#3b82f6);border-radius:4px 0 0 4px}.content-page--sql-interview .iq-card{transition:all .25s ease}.content-page--sql-interview .iq-card:hover{border-color:#0ea5e940}.content-page--sql-interview .iq-card--open{border-color:#0ea5e966;box-shadow:0 4px 20px #0ea5e91a}.content-page--sql-interview .iq-card-num{background:#0ea5e91f;color:#0ea5e9}.content-page--sql-interview .iq-toggle-btn{color:#0ea5e9}.content-page--sql-interview .iq-toggle-btn:hover{border-color:#0ea5e9;background:#0ea5e90f;box-shadow:0 0 0 2px #0ea5e91a}.content-page--sql-interview .iq-toggle-btn--open{background:#0ea5e90f;border-color:#0ea5e94d}.content-page--sql-interview .iq-sql-answer-section{border-left-width:4px}.content-page--perf-interview .content-hero--perf{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#f59e0b14,#ea580c0d);border:1px solid rgba(245,158,11,.2)}.content-page--perf-interview .content-hero--perf:before{content:"⚡";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.35}.content-page--perf-interview .content-callout--perf{position:relative;border-radius:14px;box-shadow:0 2px 12px #f59e0b14;overflow:hidden}.content-page--perf-interview .content-callout--perf:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f59e0b,#ea580c);border-radius:4px 0 0 4px}.content-page--perf-interview .iq-card{transition:all .25s ease}.content-page--perf-interview .iq-card:hover{border-color:#f59e0b40}.content-page--perf-interview .iq-card--open{border-color:#f59e0b66;box-shadow:0 4px 20px #f59e0b1a}.content-page--perf-interview .iq-card-num{background:#f59e0b1f;color:#f59e0b}.content-page--perf-interview .iq-toggle-btn{color:#f59e0b}.content-page--perf-interview .iq-toggle-btn:hover{border-color:#f59e0b;background:#f59e0b0f;box-shadow:0 0 0 2px #f59e0b1a}.content-page--perf-interview .iq-toggle-btn--open{background:#f59e0b0f;border-color:#f59e0b4d}.content-page--perf-interview .iq-perf-answer-section{border-left-width:4px}.content-page--uc-interview .content-hero--uc{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#05966914,#065f460d);border:1px solid rgba(5,150,105,.2)}.content-page--uc-interview .content-hero--uc:before{content:"🛡️";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.35}.content-page--uc-interview .content-callout--uc{position:relative;border-radius:14px;box-shadow:0 2px 12px #05966914;overflow:hidden}.content-page--uc-interview .content-callout--uc:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#059669,#047857);border-radius:4px 0 0 4px}.content-page--uc-interview .iq-card{transition:all .25s ease}.content-page--uc-interview .iq-card:hover{border-color:#05966940}.content-page--uc-interview .iq-card--open{border-color:#05966966;box-shadow:0 4px 20px #0596691a}.content-page--uc-interview .iq-card-num{background:#0596691f;color:#059669}.content-page--uc-interview .iq-toggle-btn{color:#059669}.content-page--uc-interview .iq-toggle-btn:hover{border-color:#059669;background:#0596690f;box-shadow:0 0 0 2px #0596691a}.content-page--uc-interview .iq-toggle-btn--open{background:#0596690f;border-color:#0596694d}.content-page--uc-interview .iq-uc-answer-section{border-left-width:4px}.content-page--cicd-interview .content-hero--cicd{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#6366f114,#7c3aed0d);border:1px solid rgba(99,102,241,.2)}.content-page--cicd-interview .content-hero--cicd:before{content:"🔄";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.35}.content-page--cicd-interview .content-callout--cicd{position:relative;border-radius:14px;box-shadow:0 2px 12px #6366f114;overflow:hidden}.content-page--cicd-interview .content-callout--cicd:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#7c3aed);border-radius:4px 0 0 4px}.content-page--cicd-interview .iq-card{transition:all .25s ease}.content-page--cicd-interview .iq-card:hover{border-color:#6366f140}.content-page--cicd-interview .iq-card--open{border-color:#6366f166;box-shadow:0 4px 20px #6366f11a}.content-page--cicd-interview .iq-card-num{background:#6366f11f;color:#6366f1}.content-page--cicd-interview .iq-toggle-btn{color:#6366f1}.content-page--cicd-interview .iq-toggle-btn:hover{border-color:#6366f1;background:#6366f10f;box-shadow:0 0 0 2px #6366f11a}.content-page--cicd-interview .iq-toggle-btn--open{background:#6366f10f;border-color:#6366f14d}.content-page--cicd-interview .iq-cicd-answer-section{border-left-width:4px}.content-page--ml-interview .content-hero--ml{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#ec489914,#db27770d);border:1px solid rgba(236,72,153,.2)}.content-page--ml-interview .content-hero--ml:before{content:"🤖";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.35}.content-page--ml-interview .content-callout--ml{position:relative;border-radius:14px;box-shadow:0 2px 12px #ec489914;overflow:hidden}.content-page--ml-interview .content-callout--ml:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ec4899,#db2777);border-radius:4px 0 0 4px}.content-page--ml-interview .iq-card{transition:all .25s ease}.content-page--ml-interview .iq-card:hover{border-color:#ec489940}.content-page--ml-interview .iq-card--open{border-color:#ec489966;box-shadow:0 4px 20px #ec48991a}.content-page--ml-interview .iq-card-num{background:#ec48991f;color:#ec4899}.content-page--ml-interview .iq-toggle-btn{color:#ec4899}.content-page--ml-interview .iq-toggle-btn:hover{border-color:#ec4899;background:#ec48990f;box-shadow:0 0 0 2px #ec48991a}.content-page--ml-interview .iq-toggle-btn--open{background:#ec48990f;border-color:#ec48994d}.content-page--ml-interview .iq-ml-answer-section{border-left-width:4px}.content-page--genai-interview .content-hero--genai{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#8b5cf61a,#a855f70d,#ec48990a);border:1px solid rgba(139,92,246,.25)}.content-page--genai-interview .content-hero--genai:before{content:"✨";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.4}.content-page--genai-interview .content-callout--genai{position:relative;border-radius:14px;box-shadow:0 2px 12px #8b5cf61a;overflow:hidden}.content-page--genai-interview .content-callout--genai:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b5cf6,#a855f7,#ec4899);border-radius:4px 0 0 4px}.content-page--genai-interview .iq-card{transition:all .25s ease}.content-page--genai-interview .iq-card:hover{border-color:#8b5cf64d}.content-page--genai-interview .iq-card--open{border-color:#8b5cf673;box-shadow:0 4px 24px #8b5cf61f}.content-page--genai-interview .iq-card-num{background:#8b5cf624;color:#8b5cf6}.content-page--genai-interview .iq-toggle-btn{color:#8b5cf6}.content-page--genai-interview .iq-toggle-btn:hover{border-color:#8b5cf6;background:#8b5cf614;box-shadow:0 0 0 2px #8b5cf61f}.content-page--genai-interview .iq-toggle-btn--open{background:#8b5cf614;border-color:#8b5cf659}.content-page--genai-interview .iq-genai-answer-section{border-left-width:4px}.content-page--arch-interview .content-hero--arch{position:relative;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#0d948814,#14b8a60d);border:1px solid rgba(13,148,136,.2)}.content-page--arch-interview .content-hero--arch:before{content:"🏗️";position:absolute;top:1rem;right:1.25rem;font-size:2rem;opacity:.35}.content-page--arch-interview .content-callout--arch{position:relative;border-radius:14px;box-shadow:0 2px 12px #0d948814;overflow:hidden}.content-page--arch-interview .content-callout--arch:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0d9488,#14b8a6);border-radius:4px 0 0 4px}.content-page--arch-interview .iq-card{transition:all .25s ease}.content-page--arch-interview .iq-card:hover{border-color:#0d948840}.content-page--arch-interview .iq-card--open{border-color:#0d948866;box-shadow:0 4px 20px #0d94881a}.content-page--arch-interview .iq-card-num{background:#0d94881f;color:#0d9488}.content-page--arch-interview .iq-toggle-btn{color:#0d9488}.content-page--arch-interview .iq-toggle-btn:hover{border-color:#0d9488;background:#0d94880f;box-shadow:0 0 0 2px #0d94881a}.content-page--arch-interview .iq-toggle-btn--open{background:#0d94880f;border-color:#0d94884d}.content-page--arch-interview .iq-arch-answer-section{border-left-width:4px}.iq-pro-tip-card{background:linear-gradient(135deg,#10b98114,#8b5cf60d);border:1px solid rgba(16,185,129,.2);border-radius:20px;padding:2rem;margin-top:3rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #10b9811a}.iq-pro-tip-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.iq-pro-tip-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.iq-pro-tip-header h3{margin:0;font-size:1.4rem;color:#059669;font-weight:700}.iq-pro-tip-formula{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0;flex-wrap:wrap}.iq-pro-tip-formula span{background:#fff;padding:.6rem 1.2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-weight:600;color:#374151;border:1px solid rgba(16,185,129,.1)}.iq-pro-tip-footer{text-align:center;font-size:.95rem;color:#6b7280;font-style:italic;margin-top:1rem}.iq-section-header{display:flex;align-items:center;gap:.75rem;margin:2.5rem 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(139,92,246,.1)}.iq-section-icon{font-size:1.5rem}.iq-section-header h3{margin:0;font-size:1.25rem;color:#4b5563;font-weight:600}.iq-flow-path{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:#ffffff80;padding:1rem;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.iq-path-step{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#374151}.iq-path-arrow{color:#10b981;font-weight:700}.iq-tip-box{background:#10b9810f;border-left:4px solid #10b981;padding:1rem 1.25rem;border-radius:0 12px 12px 0;margin-top:1.5rem}.iq-tip-box strong{display:block;color:#059669;margin-bottom:.25rem}.iq-tip-box p{margin:0;font-size:.9rem;color:#374151}.iq-diff-callout{background:#f59e0b0d;border:1px dashed #f59e0b;padding:1.25rem;border-radius:14px;margin-top:1.5rem}.iq-diff-callout h4{margin:0 0 .75rem;font-size:1rem;color:#d97706}.iq-diff-callout ul{margin:0;padding-left:1.25rem}.iq-diff-callout li{font-size:.9rem;color:#4b5563}.iq-feature-tags,.iq-scan-tags,.iq-source-chips,.iq-example-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.iq-feature-tag,.iq-scan-tag,.iq-source-chip,.iq-example-pill{padding:.4rem .85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.iq-feature-tag:hover,.iq-scan-tag:hover,.iq-source-chip:hover,.iq-example-pill:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-1px)}.iq-sub-heading{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .75rem;display:flex;align-items:center;gap:.5rem}.iq-sub-heading span{font-size:1.15rem}.iq-step-num{width:24px;height:24px;background:var(--color-accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.iq-process-step{display:flex;align-items:center;gap:.75rem;flex:1}.iq-flow-steps{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.iq-flow-item{display:flex;align-items:flex-start;gap:1rem;position:relative}.iq-flow-icon{font-size:1.5rem;background:var(--color-bg-tertiary);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--color-border)}.iq-flow-connector{position:absolute;left:22px;top:44px;color:var(--color-border);font-weight:700}.iq-impact,.iq-purpose,.iq-highlight,.iq-usecase,.iq-best-practice{margin-top:1rem;font-size:.9rem;padding:.75rem 1rem;border-radius:10px}.iq-impact{background:#2563eb0d;color:#2563eb}.iq-purpose{background:#10b9810d;color:#10b981}.iq-highlight{background:#f59e0b0d;color:#d97706}.iq-usecase{background:#8b5cf60d;color:#8b5cf6}.iq-best-practice{background:#ef44440d;color:#dc2626}.iq-principle-card{display:flex;gap:1rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;transition:all .2s}.iq-principle-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 12px var(--color-card-shadow)}.iq-principle-icon{font-size:1.5rem}.iq-principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}@media (max-width: 640px){.iq-principles-grid{grid-template-columns:1fr}}.phys-lesson.lesson-wrap{max-width:760px}.phys-lesson .ls{margin-bottom:2.5rem;padding-top:0}.phys-lesson .ls+.ls{padding-top:2rem;border-top:1px solid var(--color-border)}.phys-lesson .ls-hdr{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:0;border-bottom:none}.phys-lesson .ls-icon{width:36px;height:36px;border-radius:10px;font-size:1.1rem;background:var(--color-accent-soft)}.phys-lesson .ls-h2{font-size:1.3rem;font-weight:600;line-height:1.3;margin:0;color:var(--text)}.phys-lesson p.l-intro,.phys-lesson .l-intro{font-size:.95rem;line-height:1.65;color:var(--text);background:var(--color-accent-soft);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-primary);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1rem}.phys-lesson .l-intro p{font-size:.95rem;line-height:1.65;color:var(--text);margin-bottom:.5rem}.phys-lesson .l-intro p:last-child{margin-bottom:0}.phys-lesson .ls p.l-intro~p.l-intro{background:var(--color-surface);border-left:1px solid var(--color-border)}.phys-lesson .l-def{display:flex;flex-direction:column;gap:.35rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:4px solid #06b6d4;border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0 1.25rem;font-size:.95rem;line-height:1.65;color:var(--text)}.phys-lesson .l-def-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:0}.phys-lesson .l-def p{margin:0;font-size:.95rem;line-height:1.65}.phys-lesson .l-keypoint{display:flex;align-items:flex-start;gap:.85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;padding:1.15rem 1.35rem;margin:.75rem 0}.phys-lesson .l-keypoint-icon{font-size:1.35rem;flex-shrink:0;line-height:1}.phys-lesson .l-keypoint p,.phys-lesson .l-keypoint strong{font-size:.92rem;line-height:1.55;color:var(--text);margin:0}.phys-lesson .l-iconlist{display:flex;flex-direction:column;gap:.65rem;margin:1rem 0 1.25rem}.phys-lesson .l-iconlist-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;line-height:1.5;color:var(--text);transition:border-color .2s,box-shadow .2s}.phys-lesson .l-iconlist-item:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow)}.phys-lesson .l-table-wrap{border-radius:14px;overflow:hidden;margin:1.25rem 0;border:1px solid var(--color-border);background:var(--color-surface)}.phys-formula-box,.phys-example-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0 1.25rem;overflow:hidden}.phys-formula-box{border-left:4px solid var(--color-accent-primary);background:var(--color-accent-soft);font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--text)}.phys-example-box{border-left:4px solid #8b5cf6}.phys-example-box>p:first-child,.phys-example-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.phys-example-step{margin-top:.65rem;padding:.85rem 1rem;border-radius:10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text)}.phys-lesson .phys-body,.phys-lesson .ls>p:not([class]){font-size:.95rem;line-height:1.65;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.15rem 1.35rem;margin:0 0 1rem}.phys-lesson .phys-body strong,.phys-lesson .ls>p:not([class]) strong{color:var(--text);font-weight:600}.phys-lesson .phys-note{font-size:.88rem;line-height:1.55;color:var(--color-text-tertiary);margin:.5rem 0 1rem;padding:.65rem 0 .65rem .85rem;border-left:2px solid var(--color-border);background:transparent;border-radius:0}.phys-lesson .phys-subheading{font-size:.9rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em;margin:1.5rem 0 .65rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border);background:transparent;border-radius:0;padding-left:0;padding-right:0;padding-top:0}.phys-lesson .phys-subheading:first-child{margin-top:0}.phys-lesson .ls>p[style]:not(.phys-subheading):not(.phys-note){font-size:.95rem;line-height:1.65;color:var(--color-text-primary);font-weight:400;text-transform:none;letter-spacing:normal;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.15rem 1.35rem;margin:0 0 1rem}.phys-lesson .ls>ol{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem;counter-reset:phys-q}.phys-lesson .ls>ol>li{counter-increment:phys-q;display:flex;align-items:flex-start;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;line-height:1.5;color:var(--text)}.phys-lesson .ls>ol>li:before{content:counter(phys-q);flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.phys-lesson .ls>div[style*=margin] svg,.phys-lesson .phys-diagram-wrap{margin:1.25rem 0!important;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px}.phys-lesson .content-next-box{margin-top:1rem}@media (max-width: 768px){.phys-lesson .ls-h2{font-size:1.15rem}.phys-lesson .ls-icon{width:32px;height:32px;font-size:1rem}}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.text-brand{color:var(--brand)}.l-formula-card{background:var(--color-accent-soft);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-primary);border-radius:14px;padding:1.5rem;margin:1.25rem 0;text-align:center;transition:transform var(--transition),box-shadow var(--transition)}.l-formula-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-card-shadow)}.l-formula-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.75rem}.l-formula-math{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--color-accent-primary);margin:.5rem 0 1rem;word-break:break-all}.l-formula-legend{display:flex;flex-direction:column;gap:.5rem;text-align:left;border-top:1px solid var(--color-border);padding-top:1rem;font-size:.85rem;color:var(--color-text-secondary)}.l-formula-legend-item{display:flex;align-items:flex-start;gap:.5rem}.l-formula-legend-bullet{color:var(--color-accent-primary);font-weight:700}.l-timeline-vertical{display:flex;flex-direction:column;gap:1rem;margin:1.25rem 0;position:relative}.l-timeline-vertical:before{content:"";position:absolute;left:45px;top:10px;bottom:10px;width:2px;background:var(--color-border);z-index:1}.l-timeline-item{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:2}.l-timeline-badge{background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);color:var(--brand);font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:999px;min-width:90px;text-align:center;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.l-timeline-text{font-size:.9rem;color:var(--color-text-primary)}.l-revision-sheet{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;margin:1.25rem 0;display:flex;flex-direction:column;gap:.75rem}.l-revision-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.45}.l-revision-icon{color:#22c55e;font-weight:700;flex-shrink:0;font-size:1rem;line-height:1.2}.l-revision-text{color:var(--color-text-primary)}.l-steps-flow{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0}.l-step-item{display:flex;align-items:center;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1.25rem;transition:border-color var(--transition),box-shadow var(--transition)}.l-step-item:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px var(--color-card-shadow)}.l-step-number{background:var(--color-accent-soft);color:var(--color-accent-primary);width:28px;height:28px;border-radius:50%;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.l-step-text{font-size:.9rem;color:var(--color-text-primary);line-height:1.45}.l-split-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.25rem 0}.l-split-compare-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.l-split-compare-item.active{border-color:#6366f166;background:linear-gradient(135deg,#6366f10f,#a78bfa08)}.l-split-compare-title{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.l-split-compare-title.primary{color:var(--brand)}.l-split-compare-title.accent{color:var(--accent)}.l-split-compare-title.success{color:#22c55e}.l-split-compare-title.danger{color:#ef4444}.l-split-compare-content{font-size:.88rem;color:var(--color-text-primary);line-height:1.5}.l-badge-group{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.l-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary)}.l-badge.primary{background:var(--color-accent-soft);color:var(--brand);border-color:#6366f140}.l-badge.success{background:#22c55e1a;color:#22c55e;border-color:#22c55e40}.l-badge.warning{background:#f59e0b1a;color:var(--accent);border-color:#f59e0b40}.l-badge.danger{background:#ef44441a;color:#ef4444;border-color:#ef444440}.l-flow-badge-group{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.25rem 0;flex-wrap:wrap}.l-flow-badge{background:var(--color-accent-soft);border:1px solid var(--color-border);color:var(--brand);font-weight:700;font-size:1.1rem;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;position:relative}.l-flow-badge:after{content:"→";position:absolute;right:-16px;color:var(--color-text-secondary);font-weight:400;font-size:1rem}.l-flow-badge:last-child:after{content:""}.l-realworld-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:1.25rem 0}.l-realworld-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem;box-shadow:0 4px 12px var(--color-card-shadow);transition:transform .2s ease,box-shadow .2s ease;min-height:180px}.l-realworld-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-card-shadow);border-color:var(--color-accent-primary)}.l-realworld-hdr{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.l-realworld-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:999px;line-height:1.2}.l-realworld-badge.blue{background:#06b6d41a;color:#06b6d4;border:1px solid rgba(6,182,212,.2)}.l-realworld-badge.purple{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.l-realworld-badge.amber{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.l-realworld-badge.green{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.l-realworld-content{font-size:.88rem;line-height:1.55;color:var(--color-text-primary);text-align:left}.l-realworld-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.l-realworld-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.45;color:var(--color-text-secondary)}.l-realworld-bullet{color:var(--color-accent-primary);font-weight:800;flex-shrink:0;margin-top:1px}@media (max-width: 640px){.l-realworld-grid{grid-template-columns:1fr}}:root{--mcq-brand: #6366f1;--mcq-brand-2: #8b5cf6;--mcq-brand-3: #a855f7;--mcq-ink: #a5b4fc;--mcq-ok: #22c55e;--mcq-warn: #f59e0b;--mcq-bad: #ef4444;--mcq-info: #06b6d4;--mcq-surface: #16161e;--mcq-surface-2: #1d1d28;--mcq-inset: #101017;--mcq-glass: rgba(24,24,33,.72);--mcq-elev: rgba(255,255,255,.045);--mcq-line: rgba(255,255,255,.08);--mcq-line-2: rgba(255,255,255,.14);--mcq-hair: rgba(255,255,255,.05);--mcq-tint: rgba(99,102,241,.1);--mcq-tint-2: rgba(99,102,241,.16);--mcq-ring: rgba(99,102,241,.32);--mcq-sh-sm: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.16);--mcq-sh-md: 0 6px 24px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.04) inset;--mcq-sh-lg: 0 18px 60px rgba(0,0,0,.44), 0 1px 0 rgba(255,255,255,.05) inset;--mcq-glow: 0 8px 30px rgba(99,102,241,.42);--mcq-grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #a855f7 100%);--mcq-grad-soft: linear-gradient(135deg, rgba(99,102,241,.16), rgba(139,92,246,.1));--mcq-r-xl: 24px;--mcq-r-lg: 18px;--mcq-r-md: 13px;--mcq-r-sm: 9px;--mcq-ease: cubic-bezier(.22, .9, .36, 1);--mcq-spring: cubic-bezier(.34, 1.45, .5, 1);--mcq-t: .22s var(--mcq-ease)}[data-theme=light]{--mcq-surface: #ffffff;--mcq-surface-2: #f6f7fb;--mcq-inset: #eef0f7;--mcq-glass: rgba(255,255,255,.78);--mcq-elev: rgba(15,23,42,.02);--mcq-line: rgba(15,23,42,.1);--mcq-line-2: rgba(15,23,42,.16);--mcq-hair: rgba(15,23,42,.06);--mcq-tint: rgba(99,102,241,.08);--mcq-tint-2: rgba(99,102,241,.12);--mcq-ring: rgba(99,102,241,.28);--mcq-sh-sm: 0 1px 2px rgba(15,23,42,.06), 0 2px 10px rgba(15,23,42,.05);--mcq-sh-md: 0 8px 28px rgba(15,23,42,.09);--mcq-sh-lg: 0 20px 56px rgba(15,23,42,.14);--mcq-glow: 0 10px 30px rgba(99,102,241,.3)}.mcq-hero{position:relative;overflow:hidden;padding:44px 34px 40px;border-bottom:1px solid var(--mcq-line);background:radial-gradient(120% 140% at 8% -20%,rgba(99,102,241,.18) 0%,transparent 55%),radial-gradient(90% 120% at 100% 120%,rgba(168,85,247,.14) 0%,transparent 55%),linear-gradient(160deg,#6366f10f,#f59e0b08)}.mcq-hero-bg{position:absolute;top:-120px;right:-90px;width:360px;height:360px;background:radial-gradient(circle,rgba(99,102,241,.26),transparent 68%);border-radius:50%;pointer-events:none;animation:mcq-float-slow 12s ease-in-out infinite alternate}@keyframes mcq-float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(-26px,20px) scale(1.1)}}.mcq-coming-pill{background:#f59e0b24;color:var(--mcq-warn);border:1px solid rgba(245,158,11,.32);font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:3px 11px;border-radius:999px}.mcq-cta-box{display:flex;align-items:center;gap:18px;padding:22px 26px;background:linear-gradient(135deg,#6366f117,#8b5cf60d);border:1px solid var(--mcq-ring);border-radius:var(--mcq-r-lg);box-shadow:var(--mcq-sh-sm)}.mcq-cta-icon{font-size:1.7rem;flex-shrink:0}.mcq-cta-text{flex:1;display:flex;flex-direction:column;gap:4px}.mcq-cta-text strong{font-size:.94rem;color:var(--text)}.mcq-cta-text span{font-size:.83rem;color:var(--text-muted)}.mcq-ch-list{display:flex;flex-direction:column;gap:8px}.mcq-ch-card{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--mcq-surface);border:1px solid var(--mcq-line);border-radius:var(--mcq-r-md);transition:border-color var(--mcq-t),transform var(--mcq-t)}.mcq-ch-card:hover{border-color:var(--mcq-ring);transform:translateY(-1px)}.mcq-ch-badge{font-size:.63rem;font-weight:700;background:var(--mcq-tint-2);color:var(--mcq-ink);padding:3px 9px;border-radius:6px;flex-shrink:0;white-space:nowrap}.mcq-ch-name{font-size:.85rem;font-weight:600;color:var(--text);flex:1}.mcq-ch-meta{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.mcq-ch-status{font-size:.68rem;font-weight:700;color:var(--mcq-warn);background:#f59e0b1f;padding:3px 9px;border-radius:999px;flex-shrink:0}.mcq-dash{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:hidden;background:radial-gradient(60% 80% at 12% 45%,rgba(99,102,241,.08) 0%,transparent 68%),radial-gradient(46% 62% at 92% 55%,rgba(168,85,247,.06) 0%,transparent 70%);animation:mcq-fade-in .4s var(--mcq-ease) both}@keyframes mcq-fade-in{0%{opacity:0}to{opacity:1}}.mcq-dash-inner{display:grid;grid-template-columns:1fr 320px;gap:20px;width:100%;max-width:980px;align-items:stretch}.mcq-dash-card{background:linear-gradient(180deg,var(--mcq-elev),transparent 40%),var(--mcq-surface);border:1px solid var(--mcq-line);border-radius:var(--mcq-r-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--mcq-sh-md);animation:mcq-rise .45s var(--mcq-ease) both}@keyframes mcq-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mcq-dash-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:26px 30px 24px;border-bottom:1px solid var(--mcq-line);background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,transparent 62%)}.mcq-dash-hero:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--mcq-grad)}.mcq-dash-hero:after{content:"";position:absolute;top:-70px;right:-40px;width:180px;height:180px;pointer-events:none;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 70%)}.mcq-dash-emoji-ring{width:66px;height:66px;border-radius:18px;background:var(--mcq-grad-soft);border:1px solid var(--mcq-ring);display:flex;align-items:center;justify-content:center;font-size:2.15rem;flex-shrink:0;box-shadow:0 6px 20px #6366f147,inset 0 1px #ffffff24}.mcq-dash-emoji{line-height:1;animation:mcq-bob 4s ease-in-out infinite}@keyframes mcq-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mcq-dash-hero-text{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;z-index:1}.mcq-dash-module-pill{display:inline-block;width:fit-content;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mcq-ink);background:var(--mcq-tint-2);border:1px solid var(--mcq-ring);border-radius:999px;padding:3px 11px}.mcq-dash-title{font-size:1.62rem;font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--text);margin:0}.mcq-dash-subtitle{font-size:.76rem;color:var(--text-muted);margin:0}.mcq-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--mcq-line)}.mcq-dash-stat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px 8px 16px;border-right:1px solid var(--mcq-line);transition:background var(--mcq-t)}.mcq-dash-stat:last-child{border-right:none}.mcq-dash-stat:hover{background:var(--mcq-hair)}.mcq-dash-stat:after{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--sc, var(--mcq-brand));border-radius:0 0 3px 3px;opacity:.85}.mcq-dash-stat-icon{font-size:1.05rem;line-height:1}.mcq-dash-stat-val{font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--sc, var(--mcq-brand))}.mcq-dash-stat-label{font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mcq-dash-rules{padding:20px 30px 24px}.mcq-dash-rules-title{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px}.mcq-dash-rules-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin:0;padding:0}.mcq-dash-rules-list li{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-muted);line-height:1.5}.mcq-dash-rule-icon{width:24px;height:24px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--rc, var(--mcq-brand));background:color-mix(in srgb,var(--rc, var(--mcq-brand)) 14%,transparent);border:1px solid color-mix(in srgb,var(--rc, var(--mcq-brand)) 30%,transparent)}.mcq-dash-action{background:linear-gradient(180deg,var(--mcq-elev),transparent 30%),var(--mcq-surface);border:1px solid var(--mcq-line);border-radius:var(--mcq-r-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--mcq-sh-lg);animation:mcq-rise .55s var(--mcq-ease) both}.mcq-dash-section{padding:22px 24px 18px;border-bottom:1px solid var(--mcq-line);display:flex;flex-direction:column;gap:14px}.mcq-dash-section-label{display:flex;align-items:center;gap:8px;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.mcq-dash-section-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--mcq-brand);box-shadow:0 0 0 3px #6366f133;animation:mcq-pulse 2.4s ease-in-out infinite}@keyframes mcq-pulse{0%,to{box-shadow:0 0 0 3px #6366f133}50%{box-shadow:0 0 0 5px #6366f10f}}.mcq-timer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.mcq-timer-card{padding:12px 4px;border-radius:var(--mcq-r-md);background:var(--mcq-surface-2);border:1.5px solid var(--mcq-line);color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .16s var(--mcq-ease),border-color var(--mcq-t),color var(--mcq-t),background var(--mcq-t),box-shadow var(--mcq-t)}.mcq-timer-card:hover{border-color:var(--mcq-brand);color:var(--mcq-brand);transform:translateY(-2px);box-shadow:0 6px 16px #6366f12e}.mcq-timer-card:active{transform:translateY(0)}.mcq-timer-card:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:2px}.mcq-timer-card--active{background:var(--mcq-grad-soft);border-color:var(--mcq-brand);color:var(--mcq-brand);box-shadow:0 0 0 1px var(--mcq-ring),0 6px 18px #6366f142}.mcq-timer-card-val{font-size:.98rem;font-weight:800;line-height:1;letter-spacing:-.02em}.mcq-timer-card-unit{font-size:.54rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.mcq-action-timer-hint{font-size:.7rem;text-align:center;color:var(--text-muted);margin:0}.mcq-action-resume{margin:18px 24px 0;padding:14px 16px;background:linear-gradient(135deg,#f59e0b1a,#f59e0b08);border:1px solid rgba(245,158,11,.28);border-radius:var(--mcq-r-md);display:flex;flex-direction:column;gap:11px}.mcq-action-resume-row{display:flex;align-items:center;gap:11px}.mcq-action-resume-icon{font-size:1.15rem;flex-shrink:0}.mcq-action-resume-text{flex:1;display:flex;flex-direction:column;gap:2px}.mcq-action-resume-title{font-size:.83rem;font-weight:700;color:var(--text)}.mcq-action-resume-sub{font-size:.71rem;color:var(--text-muted)}.mcq-action-reset-btn{flex-shrink:0;font-size:.72rem;font-weight:700;padding:6px 12px;border-radius:8px;background:transparent;border:1px solid rgba(245,158,11,.34);color:var(--mcq-warn);cursor:pointer;transition:background var(--mcq-t),transform .15s var(--mcq-ease)}.mcq-action-reset-btn:hover{background:#f59e0b1f}.mcq-action-reset-btn:active{transform:scale(.95)}.mcq-action-resume-bar{height:5px;background:#f59e0b24;border-radius:999px;overflow:hidden}.mcq-action-resume-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mcq-warn),#fcd34d);transition:width .6s var(--mcq-ease)}.mcq-action-start-btn{position:relative;overflow:hidden;width:calc(100% - 48px);margin:18px 24px 16px;padding:16px 22px;border:none;border-radius:var(--mcq-r-md);background:var(--mcq-grad);color:#fff;font-size:1.02rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--mcq-glow),inset 0 1px #ffffff38;transition:transform .2s var(--mcq-ease),box-shadow .2s var(--mcq-ease)}.mcq-action-start-btn:before{content:"";position:absolute;top:0;left:-75%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg);transition:left .6s var(--mcq-ease)}.mcq-action-start-btn:hover:before{left:135%}.mcq-action-start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px #6366f18c,inset 0 1px #ffffff42}.mcq-action-start-btn:active{transform:translateY(0) scale(.99)}.mcq-action-start-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.mcq-action-start-btn>span{position:relative;z-index:1}.mcq-start-icon{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff38;font-size:.66rem}.mcq-dash-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 24px 22px}.mcq-dash-feature-pill{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--mcq-surface-2);border:1px solid var(--mcq-line);border-radius:10px;padding:8px 11px;white-space:nowrap;transition:border-color var(--mcq-t),color var(--mcq-t),transform var(--mcq-t)}.mcq-dash-feature-pill:hover{border-color:var(--mcq-ring);color:var(--text);transform:translateY(-2px)}.mcq-engine{display:flex;flex-direction:column;height:100%;overflow:hidden;background:radial-gradient(85% 70% at 50% -18%,rgba(99,102,241,.07) 0%,transparent 62%),radial-gradient(60% 55% at 102% 108%,rgba(168,85,247,.05) 0%,transparent 62%)}.mcq-topbar{flex-shrink:0;position:relative;z-index:5;background:var(--mcq-glass);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid var(--mcq-hair);box-shadow:0 1px 2px #0f172a0a,0 8px 28px #0f172a0d}.mcq-topbar-inner{display:flex;align-items:center;gap:14px;height:clamp(46px,6.8vh,54px);padding:0 20px;max-width:1360px;margin:0 auto;box-sizing:border-box}.mcq-topbar-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:11px;flex-shrink:0;white-space:nowrap;background:var(--mcq-surface);border:1px solid var(--mcq-hair);box-shadow:0 1px 2px #0f172a0d;color:var(--text-muted);font-size:.78rem;font-weight:650;cursor:pointer;transition:color var(--mcq-t),border-color var(--mcq-t),background var(--mcq-t),box-shadow var(--mcq-t),transform .15s var(--mcq-ease)}.mcq-topbar-btn:hover{color:var(--text);border-color:var(--mcq-ring);background:var(--mcq-tint);box-shadow:0 3px 10px #6366f11f}.mcq-topbar-btn:active{transform:scale(.96)}.mcq-topbar-btn:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:2px}.mcq-topbar-btn-icon{font-size:.82rem;line-height:1}.mcq-topbar-count{font-variant-numeric:tabular-nums;font-weight:800;font-size:.7rem;color:var(--mcq-brand);background:var(--mcq-tint-2);padding:2px 8px;border-radius:999px}.mcq-topbar-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mcq-topbar-mod{font-size:.86rem;font-weight:750;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcq-topbar-sub{font-size:.7rem;font-weight:550;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcq-topbar-sep{margin:0 6px;opacity:.55}.mcq-timer{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;height:36px;font-size:.92rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--mcq-brand);padding:0 16px;border-radius:999px;background:var(--mcq-tint);border:1px solid var(--mcq-ring);box-shadow:inset 0 1px #ffffff59,0 1px 3px #6366f11a;transition:color var(--mcq-t),background var(--mcq-t),border-color var(--mcq-t)}.mcq-timer-icon{font-size:.82rem}.mcq-timer--urgent{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-color:transparent;box-shadow:0 4px 16px #ef444466;animation:mcq-pulse-red 1s ease-in-out infinite}@keyframes mcq-pulse-red{0%,to{opacity:1}50%{opacity:.72}}.mcq-topbar-track{height:3px;background:var(--mcq-hair);flex-shrink:0}.mcq-topbar-fill{height:100%;background:var(--mcq-grad);border-radius:0 999px 999px 0;box-shadow:0 0 8px #6366f180;transition:width .45s var(--mcq-ease)}.mcq-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.4vh,16px) clamp(16px,4vw,44px) 6px;box-sizing:border-box;overflow:hidden}.mcq-q-card{width:100%;max-width:880px;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:clamp(14px,2.2vh,24px) 30px clamp(14px,2.2vh,24px) 34px;background:linear-gradient(180deg,var(--mcq-elev),transparent 30%),var(--mcq-surface);border:1px solid var(--mcq-hair);border-radius:22px;box-shadow:0 1px 2px #0f172a0d,0 12px 40px #0f172a14,0 28px 90px #6366f112;animation:mcq-q-enter .28s var(--mcq-ease) both}.mcq-q-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--mcq-grad)}@keyframes mcq-q-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mcq-q-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:clamp(8px,1.4vh,14px);flex-shrink:0}.mcq-q-chip{display:inline-flex;align-items:baseline;gap:8px}.mcq-q-chip-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;box-sizing:border-box;border-radius:12px;background:var(--mcq-grad);color:#fff;font-size:1.02rem;font-weight:800;letter-spacing:-.02em;box-shadow:0 6px 16px #6366f159,inset 0 1px #ffffff40}.mcq-q-chip-total{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mcq-q-text{font-size:clamp(1.14rem,1.8vw,1.32rem);font-weight:650;line-height:1.42;letter-spacing:-.015em;color:var(--text);margin:0 0 clamp(10px,1.8vh,18px);flex-shrink:0}.mcq-options{display:flex;flex-direction:column;gap:clamp(7px,1.3vh,11px);min-height:0;overflow-y:auto;scrollbar-width:thin;padding:3px;margin:-3px}.mcq-option{display:flex;align-items:center;gap:15px;padding:clamp(8px,1.4vh,13px) 18px;width:100%;flex:0 0 auto;min-height:clamp(44px,6vh,54px);box-sizing:border-box;text-align:left;cursor:pointer;background:var(--mcq-surface-2);border:1px solid var(--mcq-hair);border-radius:15px;box-shadow:0 1px 2px #0f172a08;transition:border-color var(--mcq-t),background var(--mcq-t),box-shadow var(--mcq-t),transform .16s var(--mcq-ease)}.mcq-option:hover{border-color:var(--mcq-ring);background:var(--mcq-surface);transform:translateY(-2px);box-shadow:0 6px 20px #6366f121,0 2px 6px #0f172a0d}.mcq-option:active{transform:translateY(0) scale(.995)}.mcq-option:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:2px}.mcq-option--selected{border-color:transparent;background:linear-gradient(135deg,#6366f124,#8b5cf617);box-shadow:0 0 0 2px var(--mcq-brand),0 8px 24px #6366f133;transform:none}.mcq-option--selected:hover{transform:none;background:linear-gradient(135deg,#6366f129,#8b5cf61c)}.mcq-option-key{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--mcq-surface);border:1px solid var(--mcq-line);box-shadow:0 1px 2px #0f172a0d;font-size:.88rem;font-weight:800;color:var(--text-muted);transition:all var(--mcq-t)}.mcq-option:hover .mcq-option-key{border-color:var(--mcq-ring);color:var(--mcq-brand)}.mcq-option--selected .mcq-option-key{background:var(--mcq-grad);border-color:transparent;color:#fff;box-shadow:0 4px 12px #6366f173,inset 0 1px #ffffff40}.mcq-option-text{flex:1;font-size:1.02rem;font-weight:500;color:var(--text);line-height:1.38}.mcq-option--selected .mcq-option-text{font-weight:600}.mcq-option-check{width:22px;height:22px;border-radius:50%;flex-shrink:0;position:relative;border:2px solid var(--mcq-line-2);background:var(--mcq-surface);transition:border-color var(--mcq-t),background var(--mcq-t),box-shadow var(--mcq-t)}.mcq-option:hover .mcq-option-check{border-color:var(--mcq-ring)}.mcq-option--selected .mcq-option-check{border-color:var(--mcq-brand);background:var(--mcq-brand);box-shadow:0 0 0 4px var(--mcq-tint)}.mcq-option--selected .mcq-option-check:after{content:"";position:absolute;left:6px;top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:mcq-check-pop .22s var(--mcq-spring) both}@keyframes mcq-check-pop{0%{opacity:0;transform:rotate(45deg) scale(.3)}to{opacity:1;transform:rotate(45deg) scale(1)}}.mcq-mark-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;white-space:nowrap;flex-shrink:0;cursor:pointer;background:transparent;border:1.5px solid var(--mcq-line);color:var(--text-muted);font-size:.73rem;font-weight:700;transition:all var(--mcq-t)}.mcq-mark-btn:hover{border-color:#f59e0b80;color:var(--mcq-warn);background:#f59e0b12}.mcq-mark-btn:active{transform:scale(.96)}.mcq-mark-btn:focus-visible{outline:2px solid var(--mcq-warn);outline-offset:2px}.mcq-mark-btn--active{background:#f59e0b24;border-color:#f59e0b80;color:var(--mcq-warn);box-shadow:0 2px 12px #f59e0b2e}.mcq-actionbar{flex-shrink:0;display:flex;justify-content:center;padding:clamp(5px,1vh,8px) clamp(16px,4vw,44px) clamp(8px,1.6vh,14px)}.mcq-actionbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:880px;box-sizing:border-box;padding:clamp(6px,1vh,9px) 10px;background:var(--mcq-glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--mcq-hair);border-radius:18px;box-shadow:0 2px 6px #0f172a0d,0 12px 36px #0f172a1a}.mcq-nav-hint{flex:1;text-align:center;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:.7rem;font-weight:550;color:var(--text-muted);overflow:hidden;white-space:nowrap}@media (max-width: 760px){.mcq-nav-hint{display:none}}.mcq-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:5px;margin:0 1px;background:var(--mcq-surface);border:1px solid var(--mcq-line);box-shadow:inset 0 -1px 0 var(--mcq-line);font-family:inherit;font-size:.6rem;font-weight:750;color:var(--text-muted)}.mcq-nav-right{display:flex;align-items:center;gap:9px;flex-shrink:0}.mcq-nav-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;height:clamp(38px,5.4vh,42px);padding:0 24px;border-radius:12px;cursor:pointer;background:var(--mcq-surface);border:1px solid var(--mcq-line);color:var(--text);box-shadow:0 1px 2px #0f172a0a;font-size:.86rem;font-weight:700;font-family:inherit;transition:all var(--mcq-t)}.mcq-nav-btn:hover:not(:disabled){border-color:var(--mcq-brand);color:var(--mcq-brand);transform:translateY(-1px);box-shadow:0 5px 16px #6366f129}.mcq-nav-btn:active:not(:disabled){transform:translateY(0)}.mcq-nav-btn:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:2px}.mcq-nav-btn:disabled{opacity:.32;cursor:not-allowed}.mcq-nav-btn--submit{background:#22c55e17;border-color:#22c55e59;color:#16a34a}.mcq-nav-btn--submit:hover:not(:disabled){background:#22c55e26;border-color:var(--mcq-ok);color:#16a34a;box-shadow:0 5px 16px #22c55e38}.mcq-nav-btn--next{background:var(--mcq-grad);border-color:transparent;color:#fff;box-shadow:0 6px 20px #6366f157,inset 0 1px #ffffff2e}.mcq-nav-btn--next:hover:not(:disabled){color:#fff;filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 28px #6366f175,inset 0 1px #ffffff38}.mcq-palette{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mcq-palette-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;flex-shrink:0}.mcq-pstat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:13px;background:var(--mcq-surface-2);border:1px solid var(--mcq-hair)}.mcq-pstat-num{font-size:1.3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-muted);font-variant-numeric:tabular-nums}.mcq-pstat-label{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mcq-pstat-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mcq-line-2)}.mcq-pstat--ok .mcq-pstat-num{color:var(--mcq-ok)}.mcq-pstat--ok .mcq-pstat-label:before{background:var(--mcq-ok)}.mcq-pstat--warn .mcq-pstat-num{color:var(--mcq-warn)}.mcq-pstat--warn .mcq-pstat-label:before{background:var(--mcq-warn)}.mcq-palette-track{height:5px;background:var(--mcq-hair);border-radius:999px;overflow:hidden;margin-bottom:14px;flex-shrink:0}.mcq-palette-fill{height:100%;background:var(--mcq-grad);border-radius:999px;box-shadow:0 0 8px #6366f180;transition:width .4s var(--mcq-ease)}.mcq-palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;flex:1;min-height:0;overflow-y:auto;align-content:start;padding:3px;margin:-3px}.mcq-palette-q{position:relative;aspect-ratio:1;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--mcq-surface-2);border:1px solid var(--mcq-line);color:var(--text-muted);font-size:.8rem;font-weight:750;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #0f172a08;transition:transform .15s var(--mcq-ease),border-color var(--mcq-t),color var(--mcq-t),background var(--mcq-t),box-shadow var(--mcq-t)}.mcq-palette-q:hover{border-color:var(--mcq-brand);color:var(--mcq-brand);transform:scale(1.08);box-shadow:0 3px 10px #6366f133}.mcq-palette-q:active{transform:scale(1)}.mcq-palette-q:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:1px}.mcq-palette-q--current{border-color:var(--mcq-brand);color:var(--mcq-brand);background:var(--mcq-tint);box-shadow:0 0 0 2px var(--mcq-ring),0 0 12px #6366f140}.mcq-palette-q--answered{background:#22c55e21;border-color:#22c55e66;color:#16a34a}.mcq-palette-q--marked{background:#f59e0b1f;border-color:#f59e0b6b;color:#d97706}.mcq-palette-q--answered-marked{background:#22c55e1a;border-color:#f59e0b80;color:#16a34a}.mcq-palette-q-flag{position:absolute;top:-5px;right:-5px;font-size:.55rem;line-height:1;color:#fff;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mcq-warn);box-shadow:0 1px 4px #f59e0b80}.mcq-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:stretch;justify-content:flex-end;background:#0f172a6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:mcq-fade-in .15s ease}.mcq-drawer{width:min(380px,94vw);height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--mcq-surface);border-left:1px solid var(--mcq-hair);box-shadow:-20px 0 60px #0f172a40;animation:mcq-drawer-in .18s var(--mcq-ease)}@keyframes mcq-drawer-in{0%{transform:translate(26px);opacity:.5}to{transform:translate(0);opacity:1}}.mcq-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--mcq-hair);flex-shrink:0}.mcq-drawer-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mcq-drawer-title{font-size:1rem;font-weight:800;letter-spacing:-.015em;color:var(--text)}.mcq-drawer-sub{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.mcq-drawer-close{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--mcq-surface-2);border:1px solid var(--mcq-hair);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:color var(--mcq-t),border-color var(--mcq-t),transform .15s var(--mcq-ease)}.mcq-drawer-close:hover{color:var(--text);border-color:var(--mcq-line-2)}.mcq-drawer-close:active{transform:scale(.92)}.mcq-drawer-close:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:2px}.mcq-drawer .mcq-palette{padding:16px 20px 12px}.mcq-drawer-foot{padding:14px 20px 18px;border-top:1px solid var(--mcq-hair);flex-shrink:0;background:linear-gradient(180deg,transparent,var(--mcq-elev))}.mcq-drawer-submit{width:100%;height:46px;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--mcq-grad);color:#fff;font-size:.92rem;font-weight:700;font-family:inherit;box-shadow:0 8px 24px #6366f161,inset 0 1px #fff3;transition:transform .16s var(--mcq-ease),box-shadow var(--mcq-t),filter var(--mcq-t)}.mcq-drawer-submit:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 12px 30px #6366f17a}.mcq-drawer-submit:active{transform:translateY(0)}.mcq-drawer-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}@media (max-width: 600px){.mcq-drawer{width:100%;border-left:none}}.mcq-paused{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:580px;margin:56px auto;padding:56px 44px 48px;text-align:center;background:linear-gradient(180deg,rgba(99,102,241,.07) 0%,transparent 34%),var(--mcq-surface);border:1px solid var(--mcq-line);border-radius:var(--mcq-r-xl);box-shadow:var(--mcq-sh-lg);animation:mcq-pop .32s var(--mcq-spring) both}@keyframes mcq-pop{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mcq-paused-icon{width:82px;height:82px;border-radius:50%;font-size:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--mcq-grad-soft);border:1px solid var(--mcq-ring);box-shadow:0 6px 24px #6366f13d,inset 0 1px #ffffff24}.mcq-paused-title{font-size:1.9rem;font-weight:800;letter-spacing:-.025em;color:var(--text);margin:0}.mcq-paused-sub{font-size:.92rem;color:var(--text-muted);margin:0 0 4px}.mcq-paused-stats{display:flex;gap:44px;margin:14px 0 22px}.mcq-paused-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.mcq-paused-stat-num{font-size:1.8rem;font-weight:800;letter-spacing:-.025em;color:var(--mcq-brand)}.mcq-paused-stat-num--timer{color:var(--mcq-warn)}.mcq-paused-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.mcq-results-hero-content{display:flex;align-items:center;gap:32px;flex-wrap:wrap;position:relative;z-index:1}.mcq-results-hero-info{flex:1;min-width:220px}.mcq-score-ring{width:124px;height:124px;border-radius:50%;padding:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--score-color, var(--mcq-brand)) calc(var(--pct, 0) * 1%),var(--mcq-line) 0);box-shadow:0 0 34px color-mix(in srgb,var(--score-color, var(--mcq-brand)) 42%,transparent);animation:mcq-ring-pop .6s var(--mcq-spring) both}@keyframes mcq-ring-pop{0%{transform:scale(.7) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.mcq-score-inner{width:100%;height:100%;border-radius:50%;background:var(--mcq-surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.mcq-score-pct{font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--score-color, var(--mcq-brand))}.mcq-score-grade{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:4px}.mcq-results-stat-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.mcq-results-stat-box{padding:6px 15px;border-radius:999px;font-size:.82rem;font-weight:700}.mcq-results-stat-box--correct{background:#22c55e24;color:var(--mcq-ok);border:1px solid rgba(34,197,94,.34)}.mcq-results-stat-box--incorrect{background:#ef444424;color:var(--mcq-bad);border:1px solid rgba(239,68,68,.34)}.mcq-results-stat-box--skipped{background:var(--mcq-hair);color:var(--text-muted);border:1px solid var(--mcq-line)}.mcq-results-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}.mcq-review-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.mcq-review-tab{padding:8px 18px;border-radius:999px;cursor:pointer;background:var(--mcq-surface-2);border:1.5px solid var(--mcq-line);color:var(--text-muted);font-size:.82rem;font-weight:700;transition:all var(--mcq-t)}.mcq-review-tab:hover{border-color:var(--mcq-brand);color:var(--mcq-brand);transform:translateY(-1px)}.mcq-review-tab:focus-visible{outline:2px solid var(--mcq-brand);outline-offset:2px}.mcq-review-tab--active{background:var(--mcq-grad-soft);border-color:var(--mcq-brand);color:var(--mcq-brand);box-shadow:0 3px 14px #6366f133}.mcq-review-list{display:flex;flex-direction:column;gap:16px}.mcq-review-item{background:var(--mcq-surface);border:1.5px solid var(--mcq-line);border-radius:var(--mcq-r-lg);overflow:hidden;box-shadow:var(--mcq-sh-sm);transition:box-shadow var(--mcq-t),transform var(--mcq-t)}.mcq-review-item:hover{transform:translateY(-2px);box-shadow:var(--mcq-sh-md)}.mcq-review-item--correct{border-left:4px solid var(--mcq-ok)}.mcq-review-item--incorrect{border-left:4px solid var(--mcq-bad)}.mcq-review-item--skipped{border-left:4px solid var(--text-muted)}.mcq-review-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}.mcq-review-q-num{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mcq-brand)}.mcq-review-status{font-size:.71rem;font-weight:800;padding:4px 11px;border-radius:999px;flex-shrink:0}.mcq-review-status--correct{background:#22c55e24;color:var(--mcq-ok)}.mcq-review-status--incorrect{background:#ef444424;color:var(--mcq-bad)}.mcq-review-status--skipped{background:var(--mcq-hair);color:var(--text-muted)}.mcq-review-q-text{padding:12px 18px 16px;font-size:.95rem;font-weight:500;color:var(--text);line-height:1.55}.mcq-review-options{display:flex;flex-direction:column;gap:7px;padding:0 18px 16px}.mcq-review-opt{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:var(--mcq-r-md);background:var(--mcq-surface-2);border:1.5px solid var(--mcq-line)}.mcq-review-opt--correct{background:#22c55e17;border-color:#22c55e66}.mcq-review-opt--wrong{background:#ef444417;border-color:#ef444466}.mcq-review-opt-key{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--mcq-inset);border:1.5px solid var(--mcq-line);font-size:.74rem;font-weight:800}.mcq-review-opt--correct .mcq-review-opt-key{background:#22c55e33;border-color:#22c55e80;color:var(--mcq-ok)}.mcq-review-opt--wrong .mcq-review-opt-key{background:#ef444433;border-color:#ef444480;color:var(--mcq-bad)}.mcq-review-opt-text{flex:1;font-size:.88rem;color:var(--text);line-height:1.45}.mcq-review-opt-badge{font-size:.64rem;font-weight:800;padding:3px 9px;border-radius:999px;flex-shrink:0;white-space:nowrap;background:#22c55e29;color:var(--mcq-ok)}.mcq-review-opt-badge--wrong{background:#ef444429;color:var(--mcq-bad)}.mcq-review-explanation{margin:0 18px 18px;padding:13px 15px;border-radius:var(--mcq-r-md);background:var(--mcq-tint);border:1px solid var(--mcq-ring);display:flex;gap:11px;font-size:.85rem;color:var(--text-muted);line-height:1.55}.mcq-review-exp-icon{flex-shrink:0}.navblock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:mcq-fade-in .18s ease}.navblock-modal{width:min(452px,calc(100vw - 40px));padding:40px 34px 32px;text-align:center;background:linear-gradient(180deg,var(--mcq-elev),transparent 30%),var(--mcq-surface);border:1px solid var(--mcq-line);border-radius:var(--mcq-r-xl);box-shadow:var(--mcq-sh-lg);animation:mcq-pop .24s var(--mcq-spring)}.navblock-icon{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.navblock-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 12px}.navblock-body{font-size:.9rem;color:var(--text-muted);line-height:1.65;margin:0 0 28px}.navblock-actions{display:flex;flex-direction:column;gap:11px}.navblock-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:14px 22px;border-radius:var(--mcq-r-md);cursor:pointer;border:none;font-size:.95rem;font-weight:700;font-family:inherit;transition:background var(--mcq-t),transform .16s var(--mcq-ease),box-shadow var(--mcq-t),color var(--mcq-t),border-color var(--mcq-t)}.navblock-btn--continue{background:var(--mcq-grad);color:#fff;box-shadow:var(--mcq-glow)}.navblock-btn--continue:hover{transform:translateY(-2px);box-shadow:0 14px 38px #6366f180}.navblock-btn--continue:active{transform:translateY(0)}.navblock-btn--continue:focus-visible{outline:2px solid #fff;outline-offset:3px}.navblock-btn--submit{background:var(--mcq-surface-2);color:var(--text-muted);border:1px solid var(--mcq-line)}.navblock-btn--submit:hover{background:#ef44441a;color:#f87171;border-color:#ef44445c}.navblock-btn--submit:active{opacity:.85}.navblock-btn--submit:focus-visible{outline:2px solid var(--mcq-bad);outline-offset:3px}@media (max-width: 960px){.mcq-dash-inner{grid-template-columns:1fr;max-width:560px}.mcq-dash-action{order:-1}}@media (max-width: 820px){.mcq-stage{padding:12px 14px 6px}.mcq-q-card{padding:20px 20px 20px 24px}.mcq-topbar-btn-label{display:none}.mcq-topbar-btn{padding:0 11px}}@media (max-width: 600px){.mcq-hero{padding:30px 18px 26px}.mcq-cta-box{flex-direction:column;align-items:flex-start}.mcq-ch-meta{display:none}.mcq-dash{padding:16px}.mcq-dash-hero{padding:22px 20px;gap:14px}.mcq-dash-emoji-ring{width:56px;height:56px;font-size:1.8rem}.mcq-dash-title{font-size:1.4rem}.mcq-dash-rules{padding:18px 20px 20px}.mcq-topbar-inner{gap:10px;height:48px;padding:0 12px}.mcq-topbar-mod{font-size:.78rem}.mcq-topbar-sub{font-size:.64rem}.mcq-timer{height:32px;padding:0 12px;font-size:.84rem}.mcq-q-card{padding:18px 16px 18px 20px;border-radius:18px}.mcq-q-chip-num{min-width:34px;height:34px;font-size:.94rem;border-radius:11px}.mcq-q-text{font-size:1.06rem}.mcq-option{padding:11px 14px;gap:12px;min-height:52px;border-radius:13px}.mcq-option-text{font-size:.95rem}.mcq-actionbar{padding:6px 10px 10px}.mcq-actionbar-inner{padding:8px;border-radius:15px}.mcq-nav-btn{padding:0 16px;height:40px}.mcq-results-hero-content{flex-direction:column;gap:18px;text-align:center}.mcq-results-hero-info{text-align:center}.mcq-results-stat-row{justify-content:center}.mcq-results-actions{flex-direction:column}.mcq-review-tab{font-size:.76rem;padding:7px 14px}.mcq-paused{padding:44px 22px;margin:32px auto}.mcq-paused-stats{gap:26px}.mcq-paused-title{font-size:1.6rem}}@media (prefers-reduced-motion: reduce){.mcq-dash,.mcq-dash-card,.mcq-dash-action,.mcq-dash-emoji,.mcq-dash-section-dot,.mcq-q-card,.mcq-score-ring,.mcq-paused,.mcq-drawer,.mcq-drawer-overlay,.mcq-timer--urgent,.mcq-option--selected .mcq-option-check:after,.mcq-hero-bg,.navblock-modal,.navblock-overlay{animation:none!important}.mcq-option,.mcq-option:hover,.mcq-palette-q:hover,.mcq-timer-card:hover,.mcq-nav-btn:hover:not(:disabled),.mcq-review-tab:hover,.mcq-review-item:hover,.mcq-dash-feature-pill:hover,.mcq-action-start-btn:hover,.navblock-btn--continue:hover,.mcq-drawer-submit:hover,.mcq-topbar-btn:hover{transform:none!important}.mcq-action-start-btn:before{display:none}}body.mcq-exam-mode .nav-wrap{display:none}body.mcq-exam-mode .course-wrap{height:100vh}body.mcq-exam-mode .course-sidebar{display:none}body.mcq-exam-mode .course-main{padding:0;overflow:hidden}body.mcq-exam-mode .lesson-content-area{max-width:none;width:100%;margin:0;padding:0;height:100%}body.mcq-exam-mode .lesson-nav,body.mcq-exam-mode .lesson-header{display:none}.mcq-results-wrap{display:flex;flex-direction:column;gap:24px;animation:content-fade-in .35s ease-out}.mcq-results-card{position:relative;overflow:hidden;padding:40px 40px 36px;background:linear-gradient(135deg,var(--mcq-surface) 0%,rgba(99,102,241,.01) 50%,rgba(139,92,246,.03) 100%);border:1px solid var(--mcq-line);border-radius:var(--mcq-r-xl);box-shadow:0 10px 40px #00000005,0 20px 80px #6366f10a,inset 0 1px #fff9;display:flex;flex-direction:column;gap:32px}[data-theme=dark] .mcq-results-card{box-shadow:0 10px 40px #00000040,0 20px 80px #6366f114,inset 0 1px #ffffff0d}.mcq-results-card .mcq-hero-bg{position:absolute;top:-150px;left:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.mcq-results-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.mcq-stat-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--mcq-r-md);border:1px solid var(--mcq-line);background:var(--mcq-surface-2);box-shadow:0 1px 2px #00000003;transition:transform var(--mcq-t),border-color var(--mcq-t),box-shadow var(--mcq-t)}.mcq-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000a;border-color:var(--mcq-line-2)}[data-theme=dark] .mcq-stat-card:hover{box-shadow:0 8px 24px #0003}.mcq-stat-card-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.mcq-stat-card-content{display:flex;flex-direction:column;gap:2px}.mcq-stat-card-val{font-size:1.4rem;font-weight:800;color:var(--text);line-height:1.1}.mcq-stat-card-label{font-size:.68rem;font-weight:750;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.mcq-stat-card--correct{background:#22c55e0a;border-color:#22c55e1f}.mcq-stat-card--correct .mcq-stat-card-icon{background:#22c55e1a;color:var(--mcq-ok);border:1px solid rgba(34,197,94,.2)}.mcq-stat-card--correct:hover{border-color:#22c55e4d;background:#22c55e0f}.mcq-stat-card--incorrect{background:#ef44440a;border-color:#ef44441f}.mcq-stat-card--incorrect .mcq-stat-card-icon{background:#ef44441a;color:var(--mcq-bad);border:1px solid rgba(239,68,68,.2)}.mcq-stat-card--incorrect:hover{border-color:#ef44444d;background:#ef44440f}.mcq-stat-card--skipped{background:#64748b0a;border-color:#64748b1f}.mcq-stat-card--skipped .mcq-stat-card-icon{background:#64748b1a;color:var(--text-muted);border:1px solid rgba(100,116,139,.2)}.mcq-stat-card--skipped:hover{border-color:#64748b4d;background:#64748b0f}.mcq-results-actions-container{border-top:1.5px solid var(--mcq-hair);padding-top:28px}.mcq-results-actions{display:flex;gap:16px;flex-wrap:wrap}.mcq-results-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.92rem;font-weight:700;padding:12px 28px;border-radius:999px;box-shadow:0 4px 14px #6366f159;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.mcq-results-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6366f173;filter:brightness(1.08)}.mcq-results-actions .btn-primary:active{transform:translateY(0)}.mcq-results-actions .btn-outline{background:var(--mcq-surface-2);border:1.5px solid var(--mcq-line);color:var(--text);font-size:.92rem;font-weight:700;padding:11px 26px;border-radius:999px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.mcq-results-actions .btn-outline:hover{transform:translateY(-2px);border-color:var(--mcq-brand);background:var(--mcq-tint);color:var(--mcq-brand)}.mcq-results-actions .btn-outline:active{transform:translateY(0)}.mcq-score-ring-wrapper{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:mcq-ring-pop .6s var(--mcq-spring) both}.mcq-score-svg{width:100%;height:100%;position:absolute;top:0;left:0}.mcq-score-inner-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.mcq-score-pct{font-size:2.1rem;font-weight:850;line-height:1;color:var(--score-color, var(--mcq-brand));letter-spacing:-.04em}.mcq-score-grade{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:2px}.mcq-results-headline-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:4px}.mcq-results-headline-emoji{font-size:2rem;line-height:1;animation:emoji-bounce 1s ease infinite alternate}@keyframes emoji-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.mcq-results-headline-title{font-size:1.9rem;font-weight:850;letter-spacing:-.03em;line-height:1.2;margin:0;background:linear-gradient(135deg,var(--text) 30%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .mcq-results-headline-title{background:linear-gradient(135deg,#1e293b 30%,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mcq-review-cta-card{display:flex;align-items:center;gap:28px;padding:32px 36px;background:linear-gradient(135deg,#6366f10d,#8b5cf608,#f472b605);border:1.5px solid rgba(99,102,241,.16);border-radius:var(--mcq-r-xl);box-shadow:0 4px 20px #00000003,0 10px 40px #6366f105;transition:transform var(--mcq-t),border-color var(--mcq-t),box-shadow var(--mcq-t)}.mcq-review-cta-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #6366f114;border-color:#6366f166}[data-theme=dark] .mcq-review-cta-card{background:linear-gradient(135deg,#6366f114,#8b5cf60a)}.mcq-review-cta-icon-wrapper{width:60px;height:60px;border-radius:18px;background:#6366f114;border:1px solid rgba(99,102,241,.2);color:var(--mcq-brand);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;box-shadow:0 4px 12px #6366f114}.mcq-review-cta-info{flex:1;display:flex;flex-direction:column;gap:6px}.mcq-review-cta-title{font-size:1.15rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.015em}.mcq-review-cta-desc{font-size:.88rem;color:var(--text-muted);line-height:1.55;margin:0}.btn-view-review{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-size:.92rem;font-weight:700;background:var(--mcq-grad);color:#fff;border:none;border-radius:var(--mcq-r-md);box-shadow:var(--mcq-glow);cursor:pointer;transition:transform var(--mcq-t),box-shadow var(--mcq-t),filter var(--mcq-t)}.btn-view-review:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 24px #6366f161}.btn-arrow{transition:transform .2s ease;font-weight:800}.btn-view-review:hover .btn-arrow{transform:translate(4px)}.btn-hide-review{padding:8px 18px;font-size:.8rem;font-weight:700;border-radius:999px;color:var(--text-muted);background:transparent;border:1.5px solid var(--mcq-line);cursor:pointer;transition:border-color var(--mcq-t),color var(--mcq-t),background var(--mcq-t)}.btn-hide-review:hover{border-color:var(--mcq-brand);color:var(--mcq-brand);background:var(--mcq-tint)}.animate-fade-in{animation:mcq-q-enter .35s var(--mcq-ease) both}.mcq-stat-card-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.mcq-stat-svg{width:14px;height:14px;stroke-width:3.5px}.mcq-stat-card:hover .mcq-stat-card-icon{transform:scale(1.08)}@media (max-width: 680px){.mcq-results-card{padding:24px;gap:20px}.mcq-results-stat-grid{grid-template-columns:1fr;gap:8px}.mcq-review-cta-card{flex-direction:column;align-items:flex-start;padding:22px 24px;gap:16px}.btn-view-review{width:100%;justify-content:center}}