@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";:root{--color-cream: #FBF9F7;--color-cream-dark: #F5F2ED;--color-lavender-light: #F2F0F7;--color-sage-light: #E8EDE8;--color-terracotta: #D97757;--color-terracotta-light: #E89B7F;--color-terracotta-dark: #C45A3A;--color-lavender: #B5A8D5;--color-sage: #9CAF9A;--color-peach: #F4C4A8;--color-sky: #A8C4D4;--color-charcoal: #1A1A1A;--color-text: #2D2D2D;--color-text-secondary: #666666;--color-text-light: #999999;--color-border: #E5E2DD;--color-success: #7AB891;--color-warning: #E8B860;--color-error: #D97070;--gradient-warm: linear-gradient(135deg, #F5F2ED 0%, #F2F0F7 50%, #E8EDE8 100%);--gradient-sunset: linear-gradient(135deg, #D97757 0%, #F4C4A8 100%);--gradient-lavender: linear-gradient(135deg, #B5A8D5 0%, #D5CFEB 100%);--gradient-organic: radial-gradient(ellipse at 30% 20%, rgba(217, 119, 87, .15) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(181, 168, 213, .15) 0%, transparent 50%);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .06);--shadow-large: 0 12px 40px rgba(0, 0, 0, .08);--shadow-glow: 0 0 60px rgba(217, 119, 87, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 5rem;--spacing-4xl: 8rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 48px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--color-cream: #1A1915;--color-cream-dark: #141310;--color-lavender-light: #1E1D22;--color-sage-light: #1A1D1A;--color-terracotta: #E8896B;--color-terracotta-light: #F4A88D;--color-terracotta-dark: #D97757;--color-lavender: #9A8DC0;--color-sage: #8A9E88;--color-peach: #D9A88A;--color-sky: #8AAFC2;--color-charcoal: #F5F2ED;--color-text: #E8E5E0;--color-text-secondary: #A8A5A0;--color-text-light: #787572;--color-border: #2E2C28;--color-success: #8AC9A1;--color-warning: #E8C070;--color-error: #E88080;--gradient-warm: linear-gradient(135deg, #1A1915 0%, #1E1D22 50%, #1A1D1A 100%);--gradient-sunset: linear-gradient(135deg, #D97757 0%, #C9946E 100%);--gradient-lavender: linear-gradient(135deg, #7A6FA5 0%, #9A8DC0 100%);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .3);--shadow-large: 0 12px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 60px rgba(217, 119, 87, .3)}[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] .bg-white{color:#1a1a1a!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#1e1d1a;color:#e8e5e0;border-color:#2e2c28}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#787572}[data-theme=dark] .blob-1{background:#d977571a}[data-theme=dark] .blob-2{background:#b5a8d51f}[data-theme=dark] .blob-3{background:#9caf9a14}[data-theme=dark] .blob-4{background:#f4c4a81a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-cream);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.serif{font-family:"Instrument Serif",Georgia,serif}h1,h2,h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.organic-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:blobFloat 20s ease-in-out infinite}.blob-1{width:600px;height:600px;background:#d9775726;top:-200px;right:-100px;animation-delay:0s}.blob-2{width:500px;height:500px;background:#b5a8d533;bottom:-150px;left:-100px;animation-delay:-5s}.blob-3{width:400px;height:400px;background:#9caf9a26;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}.blob-4{width:300px;height:300px;background:#f4c4a833;top:60%;right:10%;animation-delay:-15s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes gentlePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.animate-fadeIn{animation:fadeIn .8s ease forwards}.animate-fadeInUp{animation:fadeInUp .8s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.hand-drawn-underline{position:relative}.hand-drawn-underline:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0,5 Q25,0 50,5 T100,5' stroke='%23D97757' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:100px 10px}.dots-pattern{background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:20px 20px}.organic-divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--spacing-2xl) 0}.app{min-height:100vh;position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-lg) 0;transition:all var(--transition-normal)}.navbar.scrolled{background:#fbf9f7e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.navbar-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:"Instrument Serif",serif;font-size:1.5rem;color:var(--color-charcoal)}.logo-icon{width:36px;height:36px;background:var(--gradient-sunset);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Instrument Serif",serif;font-size:1.1rem;font-weight:400}.nav-links{display:flex;align-items:center;gap:var(--spacing-2xl)}.nav-link{font-size:.95rem;color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-charcoal)}.nav-cta{display:flex;gap:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-weight:500;font-size:.95rem;border-radius:var(--radius-full);transition:all var(--transition-normal)}.btn-primary{background:var(--color-charcoal);color:#fff}.btn-primary:hover{background:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-secondary);background:#00000005}.btn-accent{background:var(--gradient-sunset);color:#fff;box-shadow:var(--shadow-soft)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium),var(--shadow-glow)}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-charcoal);background:#00000008}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger{display:flex;flex-direction:column;gap:5px}.hamburger span{display:block;width:24px;height:2px;background:var(--color-charcoal);transition:all var(--transition-fast)}.mobile-menu-btn.active .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active .hamburger span:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--color-cream);padding:var(--spacing-xl);flex-direction:column;gap:var(--spacing-md);z-index:99;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-large);opacity:0;transform:translateY(-20px);pointer-events:none;transition:all var(--transition-normal)}.mobile-nav.open{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-nav-link{font-size:1.1rem;color:var(--color-text);padding:var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--color-cream-dark);color:var(--color-terracotta)}.mobile-nav-cta{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media(max-width:768px){.mobile-menu-btn,.mobile-nav{display:flex}.nav-cta .btn-ghost,.nav-cta .btn-primary{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);position:relative}.hero-content{max-width:900px;opacity:0;animation:fadeInUp 1s ease .2s forwards}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#d977571a;border-radius:var(--radius-full);font-size:.875rem;color:var(--color-terracotta);margin-bottom:var(--spacing-xl)}.hero-eyebrow-icon{font-size:1rem}.hero-title{font-size:clamp(3rem,7vw,5rem);color:var(--color-charcoal);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.hero-title-accent{color:var(--color-terracotta);font-style:italic}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl);line-height:1.8}.hero-input-wrapper{position:relative;max-width:600px;margin:0 auto var(--spacing-2xl);opacity:0;animation:fadeInUp 1s ease .4s forwards}.hero-input{width:100%;padding:1.25rem 1.5rem;padding-right:120px;font-size:1.1rem;border:2px solid var(--color-border);border-radius:var(--radius-2xl);background:#fff;color:var(--color-text);transition:all var(--transition-normal);box-shadow:var(--shadow-soft)}.hero-input:focus{outline:none;border-color:var(--color-terracotta);box-shadow:var(--shadow-medium),0 0 0 4px #d977571a}.hero-input::placeholder{color:var(--color-text-light)}.hero-input-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--color-charcoal);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-xl);font-weight:500;transition:all var(--transition-fast)}.hero-input-btn:hover{background:var(--color-terracotta)}.hero-trust{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap;opacity:0;animation:fadeIn 1s ease .6s forwards}.trust-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.trust-value{font-family:"Instrument Serif",serif;font-size:2rem;color:var(--color-charcoal)}.trust-label{font-size:.875rem;color:var(--color-text-secondary)}.floating-cards{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-card{position:absolute;background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-large);border:1px solid var(--color-border);opacity:0;animation:scaleIn .8s ease forwards,float 8s ease-in-out infinite}.float-card-1{top:15%;left:5%;animation-delay:.5s,0s}.float-card-2{top:20%;right:8%;animation-delay:.7s,-2s}.float-card-3{bottom:20%;left:8%;animation-delay:.9s,-4s}.float-card-4{bottom:25%;right:5%;animation-delay:1.1s,-6s}.float-card-icon{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.float-card-text{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.float-card-value{font-family:"Instrument Serif",serif;font-size:1.5rem;color:var(--color-charcoal)}.section{padding:var(--spacing-4xl) 0;position:relative}.section-alt{background:var(--color-cream-dark)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.section-eyebrow{font-size:.875rem;color:var(--color-terracotta);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.section-title{font-size:clamp(2.5rem,4vw,3.5rem);color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.section-description{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid var(--color-border);transition:all var(--transition-normal);opacity:0;animation:fadeInUp .8s ease forwards}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-large);border-color:transparent}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:var(--spacing-lg)}.feature-icon.terracotta{background:#d977571f}.feature-icon.lavender{background:#b5a8d533}.feature-icon.sage{background:#9caf9a33}.feature-icon.peach{background:#f4c4a840}.feature-icon.sky{background:#a8c4d440}.feature-title{font-size:1.35rem;color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.feature-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7}.demo-section{padding:var(--spacing-4xl) 0}.demo-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.demo-visual{position:relative}.demo-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-large);border:1px solid var(--color-border)}.demo-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.demo-card-title{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--color-charcoal)}.demo-card-badge{background:#d977571a;color:var(--color-terracotta);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.question-block{background:var(--color-cream-dark);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.question-label{font-size:.75rem;color:var(--color-terracotta);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.question-text{font-size:1.1rem;color:var(--color-text);line-height:1.6}.answer-grid{display:grid;gap:var(--spacing-sm)}.answer-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-cream-dark);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.answer-option:hover{background:#fff;border-color:var(--color-border)}.answer-option.selected{background:#d9775714;border-color:var(--color-terracotta)}.answer-option.correct{background:#7ab8911a;border-color:var(--color-success)}.answer-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);font-weight:600;color:var(--color-text-secondary);font-size:.9rem;transition:all var(--transition-fast)}.answer-option.selected .answer-letter{background:var(--color-terracotta);color:#fff}.answer-option.correct .answer-letter{background:var(--color-success);color:#fff}.answer-text{font-size:1rem;color:var(--color-text)}.demo-decoration{position:absolute;background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-medium);border:1px solid var(--color-border)}.demo-decoration-score{top:-20px;right:-30px;animation:float 5s ease-in-out infinite}.demo-decoration-timer{bottom:30px;left:-40px;background:var(--color-charcoal);color:#fff;animation:float 6s ease-in-out infinite;animation-delay:-2s}.demo-decoration-progress{top:40%;right:-50px;animation:float 7s ease-in-out infinite;animation-delay:-4s}.demo-text h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--color-charcoal);margin-bottom:var(--spacing-lg)}.demo-text h2 em{color:var(--color-terracotta);font-style:italic}.demo-text>p{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl)}.benefits-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.benefit-item{display:flex;align-items:center;gap:var(--spacing-md)}.benefit-check{width:28px;height:28px;background:#7ab89126;color:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.benefit-text{font-size:1rem;color:var(--color-text)}.progress-section{background:var(--color-cream-dark);color:var(--color-charcoal);padding:var(--spacing-4xl) 0;position:relative;overflow:hidden}.progress-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(217,119,87,.15) 0%,transparent 60%);pointer-events:none}.progress-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl);align-items:center;position:relative;z-index:1}.progress-text{color:var(--color-charcoal)}.progress-text h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg)}.progress-text h2 em{color:var(--color-terracotta);font-style:italic}.progress-text>p{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-2xl)}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.progress-stat{text-align:center}.progress-stat-value{font-family:"Instrument Serif",serif;font-size:3rem;color:var(--color-terracotta);line-height:1;margin-bottom:var(--spacing-xs)}.progress-stat-label{font-size:.875rem;color:var(--color-text-secondary)}.progress-visual{position:relative}.chart-container{background:#00000008;border-radius:var(--radius-2xl);padding:var(--spacing-xl);border:1px solid var(--color-border)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.chart-title{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--color-charcoal)}.chart-badge{background:#7ab89133;color:var(--color-success);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.chart-bars{display:flex;align-items:flex-end;gap:var(--spacing-md);height:200px;padding-top:var(--spacing-md)}.chart-bar{flex:1;background:linear-gradient(to top,var(--color-terracotta),var(--color-terracotta-light));border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;transition:all var(--transition-normal);min-height:20px}.chart-bar:hover{filter:brightness(1.1)}.chart-bar-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--color-text-secondary)}.cta-section{padding:var(--spacing-4xl) 0}.cta-card{background:var(--gradient-warm);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);text-align:center;position:relative;overflow:hidden;border:1px solid var(--color-border)}.cta-card:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:150%;background:radial-gradient(circle,rgba(217,119,87,.1) 0%,transparent 70%);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-title{font-size:clamp(2rem,4vw,3rem);color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.cta-description{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.footer{background:var(--color-cream-dark);padding:var(--spacing-3xl) 0 var(--spacing-xl);border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl)}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:"Instrument Serif",serif;font-size:1.35rem;color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.footer-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7}.footer-column h4{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.1rem;color:var(--color-charcoal);margin-bottom:var(--spacing-lg)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--color-text-secondary);font-size:.95rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-terracotta)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.footer-copyright{color:var(--color-text-light);font-size:.875rem}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{width:40px;height:40px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:1.1rem;transition:all var(--transition-fast)}.social-link:hover{background:var(--color-terracotta);border-color:var(--color-terracotta);color:#fff;transform:translateY(-2px)}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.demo-container,.progress-content{grid-template-columns:1fr;text-align:center}.demo-visual{order:-1;max-width:500px;margin:0 auto}.demo-decoration{display:none}.benefits-list{align-items:center}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links{display:none}.features-grid{grid-template-columns:1fr}.floating-cards{display:none}.hero-trust{flex-direction:column;gap:var(--spacing-lg)}.progress-stats{grid-template-columns:1fr;gap:var(--spacing-lg)}.cta-buttons{flex-direction:column;align-items:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:var(--spacing-md)}}.theme-toggle{position:relative;width:56px;height:30px;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;padding:0}.theme-toggle:hover{background:var(--color-text-light)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:var(--shadow-soft)}[data-theme=dark] .theme-toggle{background:var(--color-terracotta)}[data-theme=dark] .theme-toggle-thumb{left:29px;background:var(--color-cream-dark)}[data-theme=dark] .navbar.scrolled{background:#1a1915e6}[data-theme=dark] .float-card,[data-theme=dark] .feature-card,[data-theme=dark] .demo-card,[data-theme=dark] .demo-decoration{background:var(--color-cream-dark)}[data-theme=dark] .demo-decoration-timer{background:var(--color-terracotta)}[data-theme=dark] .hero-input{background:var(--color-cream-dark);border-color:var(--color-border)}[data-theme=dark] .hero-input:focus{box-shadow:var(--shadow-medium),0 0 0 4px #e8896b33}[data-theme=dark] .answer-option:hover,[data-theme=dark] .answer-letter{background:var(--color-cream)}[data-theme=dark] .progress-section{background:#0f0e0c}[data-theme=dark] .progress-text,[data-theme=dark] .progress-text h2{color:#f5f2ed}[data-theme=dark] .progress-text>p{color:#ffffffb3}[data-theme=dark] .progress-stat-label{color:#fff9}[data-theme=dark] .chart-container{background:#ffffff0d}[data-theme=dark] .chart-title{color:#f5f2ed}[data-theme=dark] .chart-bar-label{color:#fff9}[data-theme=dark] .pricing-toggle{background:#ffffff14}[data-theme=dark] .pricing-toggle-btn{color:#fff9}[data-theme=dark] .pricing-toggle-btn:hover{color:#ffffffe6}[data-theme=dark] .pricing-toggle-btn.active{background:#1e1d1a;color:#f5f2ed}[data-theme=dark] .pricing-section .section-title{color:#f5f2ed}[data-theme=dark] .cta-card{background:var(--color-cream-dark);border-color:var(--color-border)}[data-theme=dark] .footer{background:#0f0e0c}[data-theme=dark] .social-link{background:var(--color-cream-dark)}[data-theme=dark] .social-link:hover{background:var(--color-terracotta);border-color:var(--color-terracotta)}[data-theme=dark] .btn-primary{background:var(--color-terracotta)}[data-theme=dark] .btn-primary:hover{background:var(--color-terracotta-light)}[data-theme=dark] .btn-ghost:hover,[data-theme=dark] .btn-secondary:hover{background:#ffffff0d}.pricing-section{background:var(--color-cream-dark);padding:var(--spacing-4xl) 0;position:relative}.pricing-section .section-header{margin-bottom:var(--spacing-xl)}.pricing-section .section-title{color:var(--color-charcoal);text-align:center}.pricing-toggle{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl);background:#0000000f;padding:6px;border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto}.pricing-toggle-btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.pricing-toggle-btn:hover{color:var(--color-charcoal)}.pricing-toggle-btn.active{background:#fff;color:var(--color-charcoal)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:1100px;margin:0 auto}.pricing-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;transition:all var(--transition-normal)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-large)}.pricing-card-featured{border:2px solid var(--color-terracotta);position:relative}.pricing-icon{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.pricing-icon svg{width:48px;height:48px}.pricing-plan-name{font-family:"Instrument Serif",serif;font-size:1.75rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xs)}.pricing-plan-description{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--spacing-lg)}.pricing-amount{margin-bottom:var(--spacing-xs)}.pricing-price{font-family:"Instrument Serif",serif;font-size:2.5rem;color:var(--color-charcoal)}.pricing-period{font-size:1rem;color:var(--color-text-secondary)}.pricing-note{font-size:.85rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.pricing-cta{width:100%;margin-bottom:var(--spacing-xl)}.pricing-includes{font-size:.9rem;font-weight:600;color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pricing-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.pricing-features .check{color:var(--color-text-light);flex-shrink:0}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:420px}}[data-theme=dark] .pricing-section{background:#0f0e0c}[data-theme=dark] .pricing-card{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .pricing-plan-name{color:#f5f2ed}[data-theme=dark] .pricing-plan-description{color:#a8a5a0}[data-theme=dark] .pricing-price{color:#f5f2ed}[data-theme=dark] .pricing-period{color:#a8a5a0}[data-theme=dark] .pricing-note{color:#787572}[data-theme=dark] .pricing-includes{color:#f5f2ed}[data-theme=dark] .pricing-features li{color:#a8a5a0}[data-theme=dark] .pricing-features .check{color:#787572}[data-theme=dark] .pricing-icon{color:#a8a5a0}[data-theme=dark] .pricing-card-featured{border-color:var(--color-terracotta)}.checkout-page{min-height:100vh;background:var(--color-cream);padding:var(--spacing-2xl) 0}.checkout-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.checkout-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.back-btn{background:transparent;color:var(--color-text-secondary);border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;cursor:pointer;transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-charcoal)}.checkout-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:"Instrument Serif",serif;font-size:1.5rem;color:var(--color-charcoal)}.checkout-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl)}.order-summary{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);height:fit-content;border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.order-summary h2{font-size:1.5rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xl)}.plan-details{background:var(--color-cream-dark);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.plan-name{font-size:1.25rem;font-weight:600;color:var(--color-charcoal)}.plan-badge{background:#d977571a;color:var(--color-terracotta);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.plan-price{display:flex;align-items:baseline;gap:var(--spacing-xs)}.plan-price .price{font-size:2rem;font-weight:600;color:var(--color-charcoal)}.plan-price .period{color:var(--color-text-secondary)}.summary-items{margin-bottom:var(--spacing-xl)}.summary-item{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;color:var(--color-text)}.summary-divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.summary-total{font-weight:600;font-size:1.1rem;color:var(--color-charcoal)}.features-included h3{font-size:1rem;color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.features-included ul{list-style:none;padding:0}.features-included li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:.95rem}.security-badge{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem}.payment-form-container{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.payment-form-container h2{font-size:1.5rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xl)}.payment-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group label{font-weight:500;color:var(--color-charcoal);font-size:.95rem}.form-group input{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.form-divider{margin:var(--spacing-lg) 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-divider span{color:var(--color-text-secondary);font-weight:500;font-size:.95rem}.submit-payment{width:100%;margin-top:var(--spacing-lg)}.submit-payment:disabled{opacity:.6;cursor:not-allowed}.payment-disclaimer{text-align:center;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-top:var(--spacing-md)}@media(max-width:968px){.checkout-content{grid-template-columns:1fr}.order-summary{order:2}.payment-form-container{order:1}}.practice-page{min-height:100vh;padding-top:100px}.practice-header{background:var(--color-cream-dark);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:70px;z-index:50}.practice-header-content{display:flex;justify-content:space-between;align-items:center}.practice-info{display:flex;gap:var(--spacing-md);align-items:center}.practice-badge{background:#d977571a;color:var(--color-terracotta);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.difficulty-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.difficulty-easy{background:#7ab89126;color:var(--color-success)}.difficulty-medium{background:#e8b86026;color:var(--color-warning)}.difficulty-hard{background:#d9707026;color:var(--color-error)}.practice-stats{display:flex;gap:var(--spacing-xl)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;color:var(--color-text-secondary)}.stat-icon{font-size:1.1rem}.stat-value{font-weight:600;color:var(--color-charcoal)}.practice-main{padding:var(--spacing-2xl) 0}.practice-main .container{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-2xl);align-items:start}.category-filter{grid-column:1 / -1;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1.5px solid var(--color-border);transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-text-light);color:var(--color-text)}.filter-btn.active{background:var(--color-charcoal);border-color:var(--color-charcoal);color:#fff}[data-theme=dark] .filter-btn.active{background:var(--color-terracotta);border-color:var(--color-terracotta)}.practice-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-medium);border:1px solid var(--color-border)}[data-theme=dark] .practice-card{background:var(--color-cream-dark)}.question-number{font-size:.875rem;color:var(--color-terracotta);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg);font-weight:600}.question-content{margin-bottom:var(--spacing-xl)}.question-text-large{font-size:1.35rem;line-height:1.7;color:var(--color-text)}.answers-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.answer-choice{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-cream-dark);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}[data-theme=dark] .answer-choice{background:var(--color-cream)}.answer-choice:hover:not(:disabled){background:#fff;border-color:var(--color-border);transform:translate(4px)}[data-theme=dark] .answer-choice:hover:not(:disabled){background:var(--color-cream-dark)}.answer-choice:disabled{cursor:default}.answer-choice.correct{background:#7ab8911f;border-color:var(--color-success)}.answer-choice.incorrect{background:#d970701a;border-color:var(--color-error)}.answer-letter-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);font-weight:600;font-size:1rem;color:var(--color-text-secondary);flex-shrink:0;transition:all var(--transition-fast)}[data-theme=dark] .answer-letter-box{background:var(--color-cream-dark)}.answer-choice.correct .answer-letter-box{background:var(--color-success);color:#fff}.answer-choice.incorrect .answer-letter-box{background:var(--color-error);color:#fff}.answer-value{flex:1;font-size:1.05rem;color:var(--color-text)}.answer-indicator{font-size:1.25rem;color:var(--color-success)}.answer-indicator.incorrect{color:var(--color-error)}.explanation-panel{background:var(--gradient-warm);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.explanation-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.explanation-icon{font-size:1.5rem}.explanation-title{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--color-charcoal)}.explanation-text{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-lg)}.watch-video-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.question-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.question-dots{display:flex;gap:var(--spacing-sm)}.topic-suggestions{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-soft);border:1px solid var(--color-border);position:sticky;top:150px}[data-theme=dark] .topic-suggestions{background:var(--color-cream-dark)}.topic-suggestions h3{font-family:"Instrument Serif",serif;font-size:1.15rem;color:var(--color-charcoal);margin-bottom:var(--spacing-lg)}.topic-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.topic-tag{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-cream-dark);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .topic-tag{background:var(--color-cream)}.topic-tag:hover{background:#d977571a;color:var(--color-terracotta)}@media(max-width:1024px){.practice-main .container{grid-template-columns:1fr}.topic-suggestions{position:static;order:-1}}@media(max-width:768px){.practice-header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.practice-stats{justify-content:center}.category-filter{flex-wrap:wrap;justify-content:center}.question-nav{flex-wrap:wrap;gap:var(--spacing-md)}.question-dots{order:-1;width:100%;justify-content:center}}.dashboard-page{min-height:100vh;padding-top:100px;background:var(--color-cream)}.dashboard-header{background:var(--color-charcoal);padding:var(--spacing-2xl) 0;color:#fff}.dashboard-welcome h1{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:var(--spacing-xs)}.dashboard-welcome p{color:#ffffffb3;font-size:1.1rem}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.quick-stat-card{background:#ffffff14;border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.quick-stat-card:hover{background:#ffffff1f;transform:translateY(-2px)}.quick-stat-icon{font-size:2rem}.quick-stat-info{display:flex;flex-direction:column}.quick-stat-value{font-family:"Instrument Serif",serif;font-size:1.75rem;line-height:1}.quick-stat-label{font-size:.8rem;color:#fff9;margin-top:var(--spacing-xs)}[data-theme=dark] .dashboard-header,[data-theme=dark] .dashboard-welcome h1{color:#1a1a1a}[data-theme=dark] .dashboard-welcome p{color:#333}[data-theme=dark] .quick-stat-card{background:#00000014;border-color:#0000001a}[data-theme=dark] .quick-stat-card:hover{background:#0000001f}[data-theme=dark] .quick-stat-value{color:#1a1a1a}[data-theme=dark] .quick-stat-label{color:#666}.dashboard-main{padding:var(--spacing-2xl) 0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.dashboard-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}[data-theme=dark] .dashboard-card{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .card-header h2{color:#f5f2ed}[data-theme=dark] .score-label,[data-theme=dark] .target-label,[data-theme=dark] .target-value{color:#a8a5a0}[data-theme=dark] .progress-track{background:#2a2825}[data-theme=dark] .progress-labels{color:#787572}[data-theme=dark] .weekly-chart h4{color:#a8a5a0}[data-theme=dark] .bar-label{color:#787572}[data-theme=dark] .topic-name{color:#e8e5e0}[data-theme=dark] .topic-category{color:#787572}[data-theme=dark] .topic-percent{color:#a8a5a0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-header h2{font-size:1.25rem;color:var(--color-charcoal)}.card-badge{background:#7ab89126;color:var(--color-success);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.card-link{color:var(--color-terracotta);font-size:.9rem;font-weight:500}.card-subtext{color:var(--color-text-secondary);font-size:.9rem}.score-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.current-score,.score-target{text-align:center}.score-value{font-family:"Instrument Serif",serif;font-size:3.5rem;color:var(--color-terracotta);display:block;line-height:1}.score-label{font-size:.875rem;color:var(--color-text-secondary)}.target-value{font-family:"Instrument Serif",serif;font-size:2rem;color:var(--color-text-light);display:block}.target-label{font-size:.875rem;color:var(--color-text-light)}.score-progress-bar{margin-bottom:var(--spacing-xl)}.progress-track{height:12px;background:var(--color-cream-dark);border-radius:var(--radius-full);position:relative;overflow:visible}.progress-fill{height:100%;background:var(--gradient-sunset);border-radius:var(--radius-full);transition:width .5s ease}.target-marker{position:absolute;top:-8px;transform:translate(-50%)}.target-flag{font-size:1.5rem}.progress-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-light)}.weekly-chart h4{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.chart-mini{display:flex;gap:var(--spacing-sm);height:80px;align-items:flex-end}.chart-mini-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:100%;background:var(--color-terracotta);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:10%;transition:height .3s ease}.bar-label{font-size:.7rem;color:var(--color-text-light);margin-top:var(--spacing-xs)}.topics-section{margin-bottom:var(--spacing-lg)}.topics-section:last-child{margin-bottom:0}.topics-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.topics-section-title.needs-work{color:var(--color-warning)}.topics-section-title.strong{color:var(--color-success)}.topics-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.topic-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.topic-info{display:flex;flex-direction:column}.topic-name{font-size:.95rem;color:var(--color-text);font-weight:500}.topic-category{font-size:.75rem;color:var(--color-text-light)}.topic-progress{display:flex;align-items:center;gap:var(--spacing-md)}.topic-bar{width:80px;height:6px;background:var(--color-cream-dark);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .topic-bar{background:var(--color-cream)}.topic-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.topic-fill.needs-work{background:var(--color-warning)}.topic-fill.strong{background:var(--color-success)}.topic-percent{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);width:40px;text-align:right}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-date{font-weight:600;color:var(--color-text);min-width:80px}.activity-stats{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--color-text-secondary)}.activity-correct{color:var(--color-success)}.recommended-content{text-align:center}.recommended-topic{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--color-cream-dark);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:left}[data-theme=dark] .recommended-topic{background:var(--color-cream)}.recommended-icon{font-size:2.5rem}.recommended-info h4{font-size:1.15rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xs)}.recommended-info p{font-size:.9rem;color:var(--color-text-secondary)}.start-practice-btn{width:100%;margin-bottom:var(--spacing-md)}.recommended-alternatives{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-light)}.alt-topic{background:transparent;border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.alt-topic:hover{border-color:var(--color-terracotta);color:var(--color-terracotta)}@media(max-width:1024px){.quick-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.quick-stats{grid-template-columns:1fr}.score-display{flex-direction:column;gap:var(--spacing-lg)}.activity-stats{flex-direction:column;gap:var(--spacing-xs);text-align:right}}.proficiency-cloud-container{margin-top:var(--spacing-lg);border-radius:var(--radius-xl);overflow:hidden;position:relative}.proficiency-cloud-container canvas{cursor:grab}.proficiency-cloud-container canvas:active{cursor:grabbing}.cloud-legend{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-md);background:#00000008;border-top:1px solid var(--color-border)}[data-theme=dark] .cloud-legend{background:#ffffff08}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-secondary)}.legend-color{width:12px;height:12px;border-radius:50%}.legend-color.low{background:linear-gradient(135deg,#e07757,#c85a44);box-shadow:0 0 8px #c85a4480}.legend-color.medium{background:linear-gradient(135deg,#e8b54a,#d4a03d);box-shadow:0 0 8px #e8b54a80}.legend-color.high{background:linear-gradient(135deg,#7ab891,#5da075);box-shadow:0 0 8px #7ab89180}.proficiency-cloud-title{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.proficiency-cloud-title span{font-size:1.1rem}@media(max-width:768px){.cloud-legend{flex-direction:column;align-items:center;gap:var(--spacing-sm)}}.space-map-subtitle{font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);margin-top:calc(var(--spacing-sm) * -1)}.galaxy-link-card{display:block;text-decoration:none;background:linear-gradient(135deg,#6366f11a,#4f46e526);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all .3s ease;overflow:hidden;position:relative}.galaxy-link-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(168,85,247,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.galaxy-link-card:hover{border-color:#6366f180;transform:translateY(-3px);box-shadow:0 10px 40px #6366f133}.galaxy-link-card:hover:before{opacity:1}.galaxy-link-content{display:flex;align-items:center;gap:var(--spacing-lg);position:relative;z-index:1}.galaxy-link-icon{font-size:2.5rem;flex-shrink:0}.galaxy-link-text{flex:1}.galaxy-link-text h4{font-size:1.15rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs)}.galaxy-link-text p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.galaxy-link-arrow{font-size:1.5rem;color:var(--color-terracotta);flex-shrink:0;transition:transform .2s ease}.galaxy-link-card:hover .galaxy-link-arrow{transform:translate(5px)}[data-theme=dark] .galaxy-link-card{background:linear-gradient(135deg,#6366f126,#4f46e533)}[data-theme=dark] .galaxy-link-text h4{color:#f1f5f9}[data-theme=dark] .galaxy-link-text p{color:#94a3b8}.login-page{min-height:100vh;background:var(--color-cream)}.login-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-branding{background:var(--color-charcoal);padding:var(--spacing-3xl);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.branding-content{position:relative;z-index:1;max-width:480px}.login-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:"Instrument Serif",serif;font-size:1.5rem;color:#fff;margin-bottom:var(--spacing-3xl)}.login-branding h1{font-size:clamp(2rem,3.5vw,3rem);color:#fff;margin-bottom:var(--spacing-lg);line-height:1.2}.login-branding h1 .accent{color:var(--color-terracotta)}.login-branding p{font-size:1.15rem;color:#ffffffb3;line-height:1.7;margin-bottom:var(--spacing-2xl)}.branding-stats{display:flex;gap:var(--spacing-2xl)}.branding-stat{display:flex;flex-direction:column}.stat-number{font-family:"Instrument Serif",serif;font-size:2rem;color:var(--color-terracotta)}.stat-text{font-size:.875rem;color:#fff9}.branding-decoration{position:absolute;inset:0;pointer-events:none}.decoration-blob{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(217,119,87,.2) 0%,transparent 70%);top:-200px;right:-200px;filter:blur(80px)}.login-form-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.form-content{width:100%;max-width:400px}.form-header{text-align:center;margin-bottom:var(--spacing-2xl)}.form-header h2{font-size:2rem;color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.form-header p{color:var(--color-text-secondary)}.social-login{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;font-size:.95rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .social-btn{background:var(--color-cream-dark)}.social-btn:hover{border-color:var(--color-text-light);background:var(--color-cream-dark)}.social-icon{font-size:1.25rem}.social-btn.google .social-icon{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{font-size:.875rem;color:var(--color-text-light)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group input{padding:var(--spacing-md) var(--spacing-lg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;background:#fff;color:var(--color-text);transition:all var(--transition-fast)}[data-theme=dark] .form-group input{background:var(--color-cream-dark)}.form-group input:focus{outline:none;border-color:var(--color-terracotta);box-shadow:0 0 0 3px #d977571a}.form-group input::placeholder{color:var(--color-text-light)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.remember-me{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer}.remember-me input{accent-color:var(--color-terracotta)}.forgot-password{color:var(--color-terracotta);font-weight:500}.forgot-password:hover{text-decoration:underline}.submit-btn{width:100%;margin-top:var(--spacing-sm)}.form-switch{text-align:center;margin-top:var(--spacing-xl);font-size:.95rem;color:var(--color-text-secondary)}.form-switch button{color:var(--color-terracotta);font-weight:600;background:none;border:none;cursor:pointer}.form-switch button:hover{text-decoration:underline}@media(max-width:1024px){.login-container{grid-template-columns:1fr}.login-branding{display:none}.login-form-container{padding:var(--spacing-xl)}}@media(max-width:480px){.form-content{padding:0 var(--spacing-md)}.branding-stats{flex-direction:column;gap:var(--spacing-lg)}}[data-theme=dark] .login-page{background:var(--color-cream)}[data-theme=dark] .login-branding h1{color:#1a1a1a}[data-theme=dark] .login-branding p{color:#2d2d2d}[data-theme=dark] .stat-number{color:var(--color-terracotta)}[data-theme=dark] .stat-text{color:#333}[data-theme=dark] .login-logo{color:#1a1a1a}[data-theme=dark] .login-form-container{background:var(--color-cream-dark)}[data-theme=dark] .form-header h2{color:var(--color-charcoal)}[data-theme=dark] .form-header p{color:var(--color-text-secondary)}[data-theme=dark] .social-btn{background:var(--color-cream);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .social-btn:hover{background:var(--color-cream-dark);border-color:var(--color-text-light)}[data-theme=dark] .divider span{color:var(--color-text-light)}[data-theme=dark] .form-group label{color:var(--color-text)}[data-theme=dark] .form-group input{background:var(--color-cream);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .form-group input::placeholder{color:var(--color-text-light)}[data-theme=dark] .form-group input:focus{border-color:var(--color-terracotta);box-shadow:0 0 0 3px #e8896b33}[data-theme=dark] .remember-me,[data-theme=dark] .form-switch{color:var(--color-text-secondary)}.diagnostic-page{min-height:100vh;background:var(--color-cream)}.diagnostic-start{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.start-content{max-width:600px;text-align:center}.start-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.start-content h1{font-family:"Instrument Serif",serif;font-size:2.5rem;color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.start-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-2xl)}.start-info{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500;color:var(--color-charcoal)}.info-icon{font-size:1.25rem}.start-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.section-preview{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:left;border:1px solid var(--color-border)}.section-preview h3{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.section-preview p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.start-btn{margin-bottom:var(--spacing-lg)}.start-note{font-size:.875rem;color:var(--color-text-light)}.diagnostic-header{background:#fff;border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.diagnostic-header-content{display:flex;justify-content:space-between;align-items:center}.diagnostic-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-text{font-size:.875rem;font-weight:500;color:var(--color-charcoal)}.progress-bar-mini{width:150px;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill-mini{height:100%;background:var(--color-terracotta);transition:width .3s ease}.diagnostic-timer{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:600;color:var(--color-charcoal);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-cream-dark);border-radius:var(--radius-lg)}.diagnostic-timer.timer-low{background:#dc35451a;color:#dc3545;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-icon{font-size:1.25rem}.diagnostic-answered{font-size:.875rem;color:var(--color-text-secondary)}.diagnostic-main{padding:var(--spacing-3xl) 0}.diagnostic-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-3xl);max-width:800px;margin:0 auto;border:1px solid var(--color-border)}.question-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.section-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-terracotta);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.category-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-cream-dark);color:var(--color-charcoal);border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.question-content{margin-bottom:var(--spacing-2xl)}.question-text-large{font-size:1.35rem;color:var(--color-charcoal);line-height:1.6}.answers-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.answer-choice{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-cream);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.answer-choice:hover{border-color:var(--color-terracotta);background:#fff}.answer-choice.selected{border-color:var(--color-terracotta);background:#e8896b1a}.answer-letter-box{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);font-weight:600;color:var(--color-charcoal);flex-shrink:0}.answer-choice.selected .answer-letter-box{background:var(--color-terracotta);color:#fff}.answer-value{font-size:1rem;color:var(--color-charcoal)}.question-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.question-dots{display:flex;gap:6px;flex-wrap:wrap;max-width:300px;justify-content:center}.question-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition-fast)}.question-dot:hover{background:var(--color-text-light)}.question-dot.active{background:var(--color-terracotta);transform:scale(1.2)}.question-dot.answered{background:var(--color-success)}.diagnostic-results{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.results-content{max-width:700px;text-align:center}.results-header h1{font-family:"Instrument Serif",serif;font-size:2.5rem;color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.results-header p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-3xl)}.score-display-large{margin-bottom:var(--spacing-3xl)}.total-score{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.score-number{font-family:"Instrument Serif",serif;font-size:6rem;color:var(--color-terracotta);line-height:1}.score-label{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.section-scores{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.section-score-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.section-score-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-charcoal);font-weight:500}.section-icon{font-size:1.25rem}.section-score-value{font-family:"Instrument Serif",serif;font-size:2.5rem;color:var(--color-terracotta);margin-bottom:var(--spacing-xs)}.section-score-detail{font-size:.875rem;color:var(--color-text-secondary)}.results-summary{background:var(--color-cream-dark);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl)}.results-summary h3{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.results-summary p{color:var(--color-text-secondary);line-height:1.6}.results-actions{display:flex;justify-content:center;gap:var(--spacing-md)}[data-theme=dark] .diagnostic-page{background:#0f0e0c!important}[data-theme=dark] .start-content h1,[data-theme=dark] .results-header h1{color:#f5f2ed}[data-theme=dark] .start-description,[data-theme=dark] .results-header p{color:#a8a5a0}[data-theme=dark] .info-item{color:#f5f2ed}[data-theme=dark] .section-preview{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .section-preview h3{color:#f5f2ed}[data-theme=dark] .section-preview p{color:#a8a5a0}[data-theme=dark] .diagnostic-header{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .progress-text{color:#f5f2ed}[data-theme=dark] .diagnostic-timer{background:#2e2c28;color:#f5f2ed}[data-theme=dark] .diagnostic-answered{color:#a8a5a0}[data-theme=dark] .diagnostic-card{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .category-badge{background:#2e2c28;color:#f5f2ed}[data-theme=dark] .question-text-large{color:#f5f2ed}[data-theme=dark] .answer-choice{background:#2e2c28;border-color:#3e3c38}[data-theme=dark] .answer-choice:hover{background:#3e3c38;border-color:var(--color-terracotta)}[data-theme=dark] .answer-choice.selected{background:#e8896b26;border-color:var(--color-terracotta)}[data-theme=dark] .answer-letter-box{background:#1e1d1a;color:#f5f2ed}[data-theme=dark] .answer-value{color:#f5f2ed}[data-theme=dark] .question-nav{border-color:#2e2c28}[data-theme=dark] .section-score-card{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .section-score-header{color:#f5f2ed}[data-theme=dark] .section-score-detail{color:#a8a5a0}[data-theme=dark] .results-summary{background:#2e2c28}[data-theme=dark] .results-summary h3{color:#f5f2ed}[data-theme=dark] .results-summary p{color:#a8a5a0}@media(max-width:768px){.start-sections{grid-template-columns:1fr}.start-info{flex-direction:column;gap:var(--spacing-md)}.diagnostic-header-content{flex-wrap:wrap;gap:var(--spacing-md)}.diagnostic-card{padding:var(--spacing-xl)}.section-scores{grid-template-columns:1fr}.results-actions{flex-direction:column}.score-number{font-size:4rem}}.calculator-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #4285f44d}.calculator-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.calculator-toggle.active{background:linear-gradient(135deg,#34a853,#4285f4)}.calc-icon{font-size:1.1rem}.calculator-window{position:fixed;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;border:1px solid var(--color-border);display:flex;flex-direction:column;z-index:1000;overflow:hidden;min-width:300px;min-height:200px}.calculator-window.snapped-right{position:fixed!important;height:calc(100vh - 73px)!important;border-radius:var(--radius-lg) 0 0 0;border-right:none;box-shadow:-5px 0 30px #0000001a;inset:73px 0 0 auto!important}.calculator-window.snapped-left{position:fixed!important;inset:73px auto 0 0!important;height:calc(100vh - 73px)!important;border-radius:0 var(--radius-lg) 0 0;border-left:none;box-shadow:5px 0 30px #0000001a}.snap-resize-handle{position:absolute;top:0;bottom:0;width:6px;background:transparent;cursor:col-resize;z-index:20}.snap-resize-handle.left-side{left:0;right:auto}.snap-resize-handle.right-side{right:0;left:auto}.snap-resize-handle:hover{background:#4285f433}.calculator-window.contracted{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-radius:50%!important;overflow:hidden;box-shadow:0 5px 15px #00000026;right:var(--spacing-lg)!important;bottom:var(--spacing-lg)!important;top:auto!important;left:auto!important}.window-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-cream-dark);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.window-header:active{cursor:grabbing}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.drag-handle-icon{font-size:1.2rem;color:var(--color-text-light);cursor:grab;line-height:1}.calculator-title{font-weight:600;font-size:.95rem;color:var(--color-charcoal)}.calculator-close{background:#0000000d;border:none;color:var(--color-charcoal);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all var(--transition-fast)}.calculator-close:hover{background:#dc35451a;color:#dc3545}.window-content{flex:1;position:relative;background:#fff;width:100%;height:100%}.desmos-container{width:100%;height:100%}.resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,var(--color-border) 50%);cursor:nwse-resize;z-index:10}.resize-handle:hover{background:linear-gradient(135deg,transparent 50%,var(--color-terracotta) 50%)}.diagnostic-main.full-width{max-width:100%;width:100%;margin:0 auto;transition:margin-right .3s ease,width .3s ease}.diagnostic-main.contracted{transition:margin-right .3s ease,margin-left .3s ease,width .3s ease}@media(max-width:768px){.calculator-window{transition:transform .3s ease}.diagnostic-main.contracted{margin-right:0;width:100%}.calculator-window{inset:auto 0 0!important;width:100%!important;height:60vh!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:none!important}.window-header{cursor:default}.resize-handle{display:none}}[data-theme=dark] .calculator-window{background:#1e1d1a;border-color:#2e2c28;box-shadow:0 10px 40px #00000080}[data-theme=dark] .window-header{background:#2e2c28;border-color:#3e3c38}[data-theme=dark] .calculator-title{color:#f5f2ed}[data-theme=dark] .drag-handle-icon{color:#a8a5a0}[data-theme=dark] .calculator-close{background:#ffffff1a;color:#f5f2ed}[data-theme=dark] .calculator-close:hover{background:#dc354533}[data-theme=dark] .resize-handle{background:linear-gradient(135deg,transparent 50%,#3E3C38 50%)}[data-theme=dark] .resize-handle:hover{background:linear-gradient(135deg,transparent 50%,var(--color-terracotta) 50%)}.diagnostic-results.feedback-enhanced{min-height:auto;padding:var(--spacing-3xl) var(--spacing-xl)}.diagnostic-results.feedback-enhanced .results-content{max-width:900px}.analysis-section{margin-bottom:var(--spacing-3xl);text-align:left}.analysis-section h2{font-family:"Instrument Serif",serif;font-size:1.75rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xl);text-align:center}.strength-weakness-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.analysis-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border)}.analysis-card h3{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--color-charcoal)}.analysis-card.strengths{border-left:4px solid #10b981}.analysis-card.weaknesses{border-left:4px solid #ef4444}.analysis-row-full{margin-bottom:var(--spacing-lg)}.analysis-row-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.analysis-card.mastery-cloud{border-left:4px solid #3b82f6;display:flex;flex-direction:column}.mastery-cloud-container{flex:1;min-height:250px;position:relative;border-radius:var(--radius-sm);overflow:hidden}.show-more-btn{display:block;width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs) 0;background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;transition:color var(--transition-fast)}.show-more-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.analysis-card ul{list-style:none;padding:0;margin:0}.analysis-card li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.analysis-card li:last-child{border-bottom:none}.category-name{font-weight:500;color:var(--color-charcoal)}.category-score{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.category-breakdown-section{margin-bottom:var(--spacing-3xl);text-align:left}.category-breakdown-section h2{font-family:"Instrument Serif",serif;font-size:1.75rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xl);text-align:center}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.category-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.category-badge-small{font-size:.7rem;padding:2px 8px;background:var(--color-terracotta);color:#fff;border-radius:var(--radius-full);font-weight:600}.category-title{font-weight:600;color:var(--color-charcoal);font-size:.95rem}.category-progress{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.category-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.category-bar.high{background:linear-gradient(90deg,#10b981,#34d399)}.category-bar.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.category-bar.low{background:linear-gradient(90deg,#ef4444,#f87171)}.category-stats{font-size:.8rem;color:var(--color-text-secondary)}.question-review-section{margin-bottom:var(--spacing-3xl);text-align:left}.question-review-section h2{font-family:"Instrument Serif",serif;font-size:1.75rem;color:var(--color-charcoal);margin-bottom:var(--spacing-sm);text-align:center}.review-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.question-review-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.review-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid var(--color-border);transition:all var(--transition-fast)}.review-card.correct{border-left:4px solid #10b981}.review-card.incorrect{border-left:4px solid #ef4444}.review-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.review-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.question-number{font-weight:700;color:var(--color-charcoal);font-size:1rem}.section-badge-small{font-size:.7rem;padding:2px 8px;background:var(--color-terracotta);color:#fff;border-radius:var(--radius-full);font-weight:600}.category-badge-tiny{font-size:.7rem;padding:2px 8px;background:var(--color-cream-dark);color:var(--color-charcoal);border-radius:var(--radius-full)}.result-indicator{font-weight:600;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full)}.result-indicator.correct{background:#10b98126;color:#059669}.result-indicator.incorrect{background:#ef444426;color:#dc2626}.review-question{margin-bottom:var(--spacing-lg)}.review-question p{font-size:1.1rem;color:var(--color-charcoal);line-height:1.6}.review-answers{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.review-answer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-cream);position:relative}.review-answer.correct-answer{background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.review-answer.user-wrong-answer{background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.review-answer.user-correct-answer{background:#10b9812e;border:1px solid rgba(16,185,129,.4)}.answer-letter{font-weight:700;color:var(--color-charcoal);min-width:20px}.answer-text{color:var(--color-charcoal);flex:1}.correct-label,.your-answer-label{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);margin-left:auto}.correct-label{background:#10b981;color:#fff}.your-answer-label{background:#ef4444;color:#fff}.review-explanation{background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--spacing-md);border-left:3px solid #f59e0b}.explanation-header{font-weight:600;color:var(--color-charcoal);margin-bottom:var(--spacing-xs)}.review-explanation p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.recommendations-section{margin-bottom:var(--spacing-3xl);text-align:left}.recommendations-section h2{font-family:"Instrument Serif",serif;font-size:1.75rem;color:var(--color-charcoal);margin-bottom:var(--spacing-xl);text-align:center}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-card{display:flex;align-items:flex-start;gap:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.recommendation-card.priority-high{border-left:4px solid #ef4444}.recommendation-card.priority-medium{border-left:4px solid #f59e0b}.recommendation-card.priority-low{border-left:4px solid #10b981}.rec-icon{font-size:1.25rem;flex-shrink:0}.rec-content{flex:1}.rec-category{font-weight:600;color:var(--color-charcoal);display:block;margin-bottom:var(--spacing-xs)}.rec-content p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .analysis-section h2,[data-theme=dark] .category-breakdown-section h2,[data-theme=dark] .question-review-section h2,[data-theme=dark] .recommendations-section h2{color:#f5f2ed}[data-theme=dark] .analysis-card,[data-theme=dark] .category-card,[data-theme=dark] .review-card,[data-theme=dark] .recommendation-card{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .category-name,[data-theme=dark] .category-title,[data-theme=dark] .question-number,[data-theme=dark] .review-question p,[data-theme=dark] .answer-letter,[data-theme=dark] .answer-text,[data-theme=dark] .explanation-header,[data-theme=dark] .rec-category{color:#f5f2ed}[data-theme=dark] .category-score,[data-theme=dark] .category-stats,[data-theme=dark] .review-subtitle,[data-theme=dark] .review-explanation p,[data-theme=dark] .rec-content p{color:#a8a5a0}[data-theme=dark] .category-badge-tiny{background:#2e2c28;color:#f5f2ed}[data-theme=dark] .category-progress,[data-theme=dark] .review-answer,[data-theme=dark] .review-explanation{background:#2e2c28}@media(max-width:768px){.strength-weakness-grid,.analysis-row-split,.category-grid{grid-template-columns:1fr}.review-card-header{flex-direction:column;align-items:flex-start}.review-answer{flex-wrap:wrap}.correct-label,.your-answer-label{margin-left:0;margin-top:var(--spacing-xs)}}.flashcard-progress{text-align:center;margin-bottom:var(--spacing-lg);font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.flashcard-container{perspective:1000px;margin-bottom:var(--spacing-xl)}.flashcard{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative;width:100%;min-height:450px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{grid-area:1 / 1;position:relative;width:100%;min-height:450px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;box-shadow:0 10px 40px #0000001a}.flashcard-front{background:#fff;border:2px solid var(--color-border)}.flashcard-back{background:linear-gradient(135deg,#10b981,#34d399);transform:rotateY(180deg)}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.flashcard-question{margin-bottom:var(--spacing-xl)}.flashcard-question p{font-size:1.2rem;color:var(--color-charcoal);line-height:1.7}.flashcard-answers{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex:1}.flashcard-answer{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-cream);border:2px solid transparent;transition:all var(--transition-fast)}.flashcard-answer.your-previous-answer{background:#ef44441a;border-color:#ef44444d}.flip-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-terracotta),#e96b47);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.flip-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e8896b66}.flip-button.secondary{background:#fff3;border:2px solid rgba(255,255,255,.3)}.flip-button.secondary:hover{background:#ffffff4d;box-shadow:0 5px 20px #0003}.correct-answer-badge{background:#fff3;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;font-size:.85rem}.correct-answer-display{display:flex;align-items:center;gap:var(--spacing-lg);background:#fff3;padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.answer-letter-large{font-size:2.5rem;font-weight:700;color:#fff;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-lg)}.answer-text-large{font-size:1.3rem;color:#fff;font-weight:500;line-height:1.5}.flashcard-explanation{background:#ffffff26;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex:1}.flashcard-back .explanation-header{color:#fff;margin-bottom:var(--spacing-sm)}.flashcard-explanation p{color:#ffffffe6;font-size:1rem;line-height:1.7;margin:0}.flashcard-nav{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.flashcard-nav-btn{padding:var(--spacing-sm) var(--spacing-xl);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-weight:600;color:var(--color-charcoal);cursor:pointer;transition:all var(--transition-fast)}.flashcard-nav-btn:hover:not(:disabled){border-color:var(--color-terracotta);color:var(--color-terracotta)}.flashcard-nav-btn:disabled{opacity:.4;cursor:not-allowed}.flashcard-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:300px}.flashcard-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition-fast)}.flashcard-dot:hover{background:var(--color-text-light)}.flashcard-dot.active{background:var(--color-terracotta);transform:scale(1.3)}[data-theme=dark] .flashcard-front{background:#1e1d1a;border-color:#2e2c28}[data-theme=dark] .flashcard-question p{color:#f5f2ed}[data-theme=dark] .flashcard-answer{background:#2e2c28}[data-theme=dark] .flashcard-answer.your-previous-answer{background:#ef444426}[data-theme=dark] .flashcard-nav-btn{background:#1e1d1a;border-color:#2e2c28;color:#f5f2ed}[data-theme=dark] .flashcard-nav-btn:hover:not(:disabled){border-color:var(--color-terracotta)}[data-theme=dark] .flashcard-dot{background:#3e3c38}[data-theme=dark] .flashcard-progress{color:#a8a5a0}@media(max-width:768px){.flashcard{min-height:550px}.flashcard-front,.flashcard-back{min-height:550px;padding:var(--spacing-lg)}.flashcard-nav{flex-direction:column;gap:var(--spacing-md)}.flashcard-nav-btn{width:100%}.answer-letter-large{font-size:2rem;min-width:50px;height:50px}.answer-text-large{font-size:1.1rem}}.topic-3d-overlay{background:#111827f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 25px #00000080;color:#fff;cursor:default;pointer-events:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.overlay-title{font-weight:600;font-size:.95rem;color:#f3f4f6}.overlay-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;padding:0 4px;line-height:1}.overlay-close:hover{color:#fff}.overlay-stats{margin-bottom:16px}.stat-row{display:flex;justify-content:space-between;font-size:.85rem;color:#d1d5db}.stat-value{font-weight:700}.stat-value.low{color:#f87171}.stat-value.medium{color:#facc15}.stat-value.high{color:#34d399}.overlay-action-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;border-radius:6px;color:#fff;padding:8px 12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.overlay-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.galaxy-page{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:#030712}.galaxy-page.indie-theme{font-family:Inter,system-ui,-apple-system,sans-serif}.galaxy-canvas{width:100%!important;height:100%!important}.galaxy-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:linear-gradient(to bottom,#030712f2,#03071200);z-index:100;pointer-events:none}.galaxy-header>*{pointer-events:auto}.galaxy-back-btn{background:#6366f126;border:2px solid rgba(99,102,241,.4);color:#a5b4fc;padding:.65rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:0 0 10px rgba(165,180,252,.5)}.galaxy-back-btn:hover{background:#6366f14d;border-color:#6366f1b3;transform:translate(-4px);box-shadow:0 0 20px #6366f14d}.galaxy-title{text-align:center}.galaxy-title h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.02em;text-shadow:0 0 30px rgba(96,165,250,.4)}.galaxy-title p{font-size:.9rem;color:#94a3b8;margin:.35rem 0 0;font-weight:500}.galaxy-progress{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.progress-info{display:flex;align-items:baseline;gap:.5rem}.progress-count{font-size:1.5rem;font-weight:700;color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.5)}.progress-label{font-size:.8rem;color:#64748b}.progress-bar{width:160px;height:8px;background:#33415599;border-radius:4px;overflow:hidden;border:1px solid rgba(51,65,85,.8)}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:4px;box-shadow:0 0 15px #10b98199;transition:width .5s ease}.galaxy-nav-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:100}.nav-btn{background:#0f172ae6;border:2px solid rgba(99,102,241,.4);color:#e2e8f0;padding:.85rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:100px}.nav-btn:hover:not(:disabled){background:#6366f133;border-color:#6366f1b3;transform:translateY(-3px);box-shadow:0 8px 25px #6366f14d}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn.prev:hover:not(:disabled){transform:translateY(-3px) translate(-3px)}.nav-btn.next:hover:not(:disabled){transform:translateY(-3px) translate(3px)}.nav-btn.overview{background:linear-gradient(135deg,#6366f14d,#a855f74d);border-color:#a855f780;min-width:130px}.nav-btn.overview:hover{background:linear-gradient(135deg,#6366f166,#a855f766);border-color:#a855f7cc;box-shadow:0 8px 25px #a855f74d}.galaxy-legend{position:absolute;bottom:6.5rem;left:1.5rem;display:flex;flex-direction:column;gap:.6rem;background:#0f172ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;padding:1rem 1.5rem;border:2px solid rgba(99,102,241,.3);z-index:100}.legend-item{display:flex;align-items:center;gap:.65rem;font-size:.85rem;color:#94a3b8;font-weight:500}.legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid transparent}.legend-dot.completed{background:#10b981;box-shadow:0 0 12px #10b981b3}.legend-dot.current{background:#60a5fa;box-shadow:0 0 12px #60a5fab3;animation:pulse-glow 2s infinite}.legend-dot.upcoming{background:#334155;border-color:#64748b}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #60a5fab3}50%{box-shadow:0 0 25px #60a5fa}}.galaxy-instructions{position:absolute;bottom:6.5rem;right:1.5rem;display:flex;gap:1.25rem;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:.75rem 1.25rem;border:1px solid rgba(71,85,105,.4);z-index:100}.galaxy-instructions span{font-size:.75rem;color:#64748b;font-weight:500}.galaxy-topic-panel-3d{background:linear-gradient(145deg,#0f172af2,#1e1b4bf2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;padding:1.25rem;width:220px;border:2px solid rgba(99,102,241,.5);box-shadow:0 0 40px #6366f14d,0 20px 40px #00000080;animation:panel-pop-in .25s ease-out}@keyframes panel-pop-in{0%{opacity:0;transform:scale(.9) translate(-10px)}to{opacity:1;transform:scale(1) translate(0)}}.galaxy-topic-panel{position:fixed;top:50%;right:2rem;transform:translateY(-50%);background:linear-gradient(145deg,#0f172afa,#1e1b4bfa);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:18px;padding:1.5rem;width:280px;border:2px solid rgba(99,102,241,.5);box-shadow:0 0 60px #6366f140,0 30px 60px #0009,inset 0 1px #ffffff0d;animation:panel-slide-in .3s ease-out;z-index:200}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(-50%) translate(30px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.topic-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.topic-panel-title{font-weight:700;font-size:1.15rem;color:#f1f5f9}.topic-panel-close{background:#ef444426;border:2px solid rgba(239,68,68,.4);color:#ef4444;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:1.1rem;line-height:1;transition:all .2s ease}.topic-panel-close:hover{background:#ef44444d;border-color:#ef4444b3;transform:scale(1.1)}.topic-panel-category{font-size:.7rem;color:#60a5fa;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-weight:600}.topic-panel-stats{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem;padding:1rem;background:#1e293bb3;border-radius:12px;border:1px solid rgba(71,85,105,.4)}.topic-panel-stats .stat-row{display:flex;justify-content:space-between;font-size:.9rem}.topic-panel-stats .stat-row span:first-child{color:#94a3b8}.topic-panel-stats .stat-value{font-weight:600;color:#e2e8f0}.topic-panel-stats .stat-value.low{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4)}.topic-panel-stats .stat-value.medium{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.4)}.topic-panel-stats .stat-value.high{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.4)}.topic-panel-action{width:100%;padding:.95rem 1.25rem;background:linear-gradient(135deg,#6366f1,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.topic-panel-action:hover{background:linear-gradient(135deg,#818cf8,#6366f1,#8b5cf6);transform:translateY(-3px);box-shadow:0 10px 30px #6366f180}.galaxy-topic-overlay{background:#0f172af2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:18px;padding:1.5rem;min-width:280px;border:2px solid rgba(99,102,241,.5);box-shadow:0 0 60px #6366f140,0 30px 60px #0009,inset 0 1px #ffffff0d;animation:overlay-appear .3s ease-out}.galaxy-topic-overlay.indie-style{background:linear-gradient(145deg,#0f172af2,#1e1b4bf2)}.galaxy-topic-overlay.side-panel{animation:slide-in-right .35s ease-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes overlay-appear{0%{opacity:0;transform:translateY(15px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.galaxy-topic-overlay .overlay-planet-icon{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1rem;box-shadow:0 0 30px currentColor,inset 0 -5px 15px #0000004d;border:2px solid rgba(255,255,255,.2)}.galaxy-topic-overlay .overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.galaxy-topic-overlay .overlay-title{font-weight:700;font-size:1.15rem;color:#f1f5f9}.galaxy-topic-overlay .overlay-close{background:#ef444426;border:2px solid rgba(239,68,68,.4);color:#ef4444;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:1.1rem;line-height:1;transition:all .2s ease}.galaxy-topic-overlay .overlay-close:hover{background:#ef44444d;border-color:#ef4444b3;transform:scale(1.1)}.galaxy-topic-overlay .overlay-category{font-size:.7rem;color:#60a5fa;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-weight:600}.galaxy-topic-overlay .overlay-stats{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem;padding:1rem;background:#1e293bb3;border-radius:12px;border:1px solid rgba(71,85,105,.4)}.galaxy-topic-overlay .stat-row{display:flex;justify-content:space-between;font-size:.9rem}.galaxy-topic-overlay .stat-row span:first-child{color:#94a3b8}.galaxy-topic-overlay .stat-value{font-weight:600;color:#e2e8f0}.galaxy-topic-overlay .stat-value.low{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4)}.galaxy-topic-overlay .stat-value.medium{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.4)}.galaxy-topic-overlay .stat-value.high{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.4)}.galaxy-topic-overlay .overlay-action-btn{width:100%;padding:.95rem 1.25rem;background:linear-gradient(135deg,#6366f1,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.galaxy-topic-overlay .overlay-action-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1,#8b5cf6);transform:translateY(-3px);box-shadow:0 10px 30px #6366f180}@media(max-width:768px){.galaxy-header{flex-direction:column;gap:.75rem;padding:1rem}.galaxy-back-btn{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;font-size:.8rem}.galaxy-title h1{font-size:1.35rem}.galaxy-title p{font-size:.8rem}.galaxy-progress{align-items:center}.galaxy-nav-controls{bottom:1rem;gap:.5rem}.nav-btn{padding:.65rem 1rem;font-size:.8rem;min-width:70px}.nav-btn.overview{min-width:90px}.galaxy-legend{bottom:auto;top:50%;left:.5rem;transform:translateY(-50%);padding:.75rem 1rem}.galaxy-instructions{bottom:auto;top:50%;right:.5rem;transform:translateY(-50%);flex-direction:column;gap:.5rem;padding:.5rem .75rem}.galaxy-instructions span{font-size:.65rem}.galaxy-topic-overlay{min-width:240px;padding:1.25rem}}.leaderboard-page{min-height:100vh;padding-top:80px;position:relative;z-index:1}.leaderboard-header{background:var(--gradient-warm);padding:var(--spacing-4xl) 0 var(--spacing-3xl);text-align:center;position:relative;overflow:hidden}.leaderboard-header h1{font-size:3.5rem;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease forwards}.leaderboard-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);animation:fadeInUp .8s ease .1s forwards;opacity:0}.leaderboard-filters{display:flex;gap:var(--spacing-sm);justify-content:center;animation:fadeInUp .8s ease .2s forwards;opacity:0}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-cream);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);color:var(--color-text)}.filter-tab:hover{border-color:var(--color-terracotta);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.filter-tab.active{background:var(--color-terracotta);border-color:var(--color-terracotta);color:#fff}.leaderboard-main{padding:var(--spacing-3xl) 0}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.leaderboard-card{background:var(--color-cream-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-normal);animation:fadeInUp .5s ease forwards;position:relative;overflow:hidden}.leaderboard-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background var(--transition-normal)}.leaderboard-card:hover{transform:translate(8px);box-shadow:var(--shadow-medium)}.leaderboard-card:hover:before{background:var(--color-terracotta)}.leaderboard-card.top-three{background:linear-gradient(135deg,var(--color-cream-dark) 0%,var(--color-lavender-light) 100%);border-color:var(--color-lavender)}.leaderboard-card.top-three:before{background:var(--color-lavender)}.leaderboard-card.current-user{background:linear-gradient(135deg,var(--color-terracotta-light) 15%,var(--color-cream-dark) 100%);border:2px solid var(--color-terracotta);box-shadow:var(--shadow-glow)}.leaderboard-card.current-user:before{background:var(--color-terracotta);width:6px}.rank-badge{font-size:2rem;font-weight:700;min-width:60px;text-align:center;color:var(--color-text)}.leaderboard-card.top-three .rank-badge{font-size:2.5rem}.user-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.user-avatar{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-cream);border-radius:var(--radius-full);border:2px solid var(--color-border)}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name{font-size:1.2rem;font-weight:600;color:var(--color-text)}.user-stats-mini{font-size:.9rem;color:var(--color-text-secondary)}.user-stats{display:flex;gap:var(--spacing-xl);margin-left:auto}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-icon{font-size:1.2rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.leaderboard-cta{margin-top:var(--spacing-4xl);padding:var(--spacing-3xl);background:var(--gradient-sunset);border-radius:var(--radius-xl);text-align:center;color:#fff}.leaderboard-cta h3{font-size:2rem;margin-bottom:var(--spacing-md);color:#fff}.leaderboard-cta p{font-size:1.1rem;margin-bottom:var(--spacing-xl);opacity:.9}.leaderboard-cta .btn{background:#fff;color:var(--color-terracotta);border:none}.leaderboard-cta .btn:hover{background:var(--color-cream);transform:translateY(-4px);box-shadow:0 8px 24px #0003}@media(max-width:768px){.leaderboard-header h1{font-size:2.5rem}.leaderboard-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.rank-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:1.5rem}.user-stats{width:100%;justify-content:space-around;margin-left:0}.leaderboard-filters{flex-wrap:wrap}}.ai-qa-container{min-height:100vh;padding:2rem;background:var(--bg-primary);color:var(--text-primary)}.ai-qa-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.ai-qa-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-qa-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.ai-qa-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease}.glass-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.question-section{position:relative}.question-label{display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.question-input{width:100%;padding:1rem;font-size:1rem;font-family:inherit;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);resize:vertical;transition:all .3s ease;margin-bottom:1.5rem}.question-input:focus{outline:none;border-color:#667eea;background:#0000004d;box-shadow:0 0 0 3px #667eea1a}.question-input::placeholder{color:var(--text-secondary);opacity:.6}.question-input:disabled{opacity:.5;cursor:not-allowed}.sample-questions{margin-bottom:1.5rem}.sample-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.sample-chips{display:flex;flex-wrap:wrap;gap:.5rem}.sample-chip{padding:.5rem 1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:20px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.sample-chip:hover:not(:disabled){background:#667eea33;border-color:#667eea80;transform:translateY(-2px)}.sample-chip:disabled{opacity:.5;cursor:not-allowed}.submit-btn{width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{width:20px;height:20px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.875rem;margin-bottom:1rem}.error-icon{width:20px;height:20px;flex-shrink:0}.processing-status{margin-top:1.5rem;text-align:center}.status-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:1rem}.status-bar:before{content:"";display:block;height:100%;width:40%;background:linear-gradient(90deg,#667eea,#764ba2);animation:progress 1.5s ease-in-out infinite}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.status-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.results-section{display:flex;flex-direction:column;gap:2rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.video-wrapper{position:relative;width:100%;background:#0000004d;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.video-player{width:100%;height:auto;display:block}.captions-section{margin-top:1rem}.captions-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.captions-list{display:flex;flex-direction:column;gap:.5rem}.caption-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.caption-item:hover{background:#0000004d;border-color:#667eea80}.caption-item.active{background:#667eea33;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.caption-time{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.caption-text{font-size:.875rem;color:var(--text-primary);line-height:1.5}.explanation-content{font-size:1rem;line-height:1.8;color:var(--text-primary);white-space:pre-wrap}.script-section{cursor:pointer}.script-summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.script-summary::-webkit-details-marker{display:none}.chevron-icon{width:24px;height:24px;transition:transform .3s ease}.script-section[open] .chevron-icon{transform:rotate(180deg)}.script-content{margin-top:1rem;padding:1.5rem;background:#0006;border-radius:8px;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#a3e635}.script-content code{color:inherit}@media(max-width:768px){.ai-qa-container{padding:1rem}.ai-qa-hero{margin-bottom:2rem}.ai-qa-title{font-size:2rem}.ai-qa-subtitle{font-size:1rem}.glass-card{padding:1.5rem}.sample-chips{flex-direction:column}.sample-chip{width:100%;text-align:center}.section-title{font-size:1.25rem}}[data-theme=light] .glass-card{background:#ffffffb3;border-color:#0000001a}[data-theme=light] .glass-card:hover{background:#ffffffe6;border-color:#00000026}[data-theme=light] .question-input{background:#ffffff80;border-color:#0000001a}[data-theme=light] .question-input:focus{background:#fffc;border-color:#667eea}.study-schedule-page{min-height:100vh;padding-top:80px}.schedule-header{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border-bottom:1px solid var(--border-color);padding:40px 0}.schedule-title-section h1{font-size:2.5rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.schedule-title-section p{color:var(--text-secondary);font-size:1.1rem;margin:0}.schedule-stats-quick{display:flex;gap:32px;margin-top:24px;padding:24px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.schedule-main{padding:40px 0}.schedule-layout{display:grid;grid-template-columns:1fr;gap:24px}.schedule-layout.has-sidebar{grid-template-columns:1fr 400px}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.calendar-nav{display:flex;align-items:center;gap:16px}.btn-nav{width:40px;height:40px;border:2px solid var(--border-color);background:var(--input-bg);border-radius:10px;font-size:1.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-nav:hover{border-color:var(--primary-color);background:var(--hover-bg)}.calendar-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;min-width:220px;text-align:center}.calendar-actions{display:flex;gap:12px}.btn-sm{padding:10px 20px;font-size:.9rem}.btn-secondary{background:var(--input-bg);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--primary-color)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.schedule-calendar-section{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);padding:24px}.calendar-month{display:flex;flex-direction:column}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-weekday{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-align:center;padding:12px;text-transform:uppercase;letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{aspect-ratio:1;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;position:relative;min-height:100px}.calendar-day:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:scale(1.02)}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day.empty:hover{transform:none}.calendar-day.today{border-color:var(--primary-color);background:#8b5cf61a}.calendar-day.past{opacity:.6}.calendar-day.has-events{border-color:var(--primary-color)}.calendar-day-number{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.calendar-day-events{display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden}.calendar-event-dot{background:var(--primary-color);border-radius:6px;padding:4px 8px;font-size:.7rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;transition:all .2s ease}.calendar-event-dot:hover{transform:scale(1.05);z-index:10}.event-time{font-size:.65rem;opacity:.9}.event-topic{flex:1;overflow:hidden;text-overflow:ellipsis}.calendar-event-more{font-size:.7rem;color:var(--text-secondary);text-align:center;padding:2px}.schedule-sidebar{position:sticky;top:100px;height:fit-content}.day-details{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);padding:24px}.day-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.day-details-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.btn-close-details{background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.btn-close-details:hover{background:var(--hover-bg);color:var(--text-primary)}.no-events{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-events p{margin:0 0 16px}.day-events-list{display:flex;flex-direction:column;gap:12px}.day-event-item{background:var(--input-bg);border-radius:12px;padding:16px;display:flex;gap:12px;position:relative;overflow:hidden;transition:all .2s ease}.day-event-item:hover{background:var(--hover-bg)}.day-event-item.completed{opacity:.6}.event-color-bar{width:4px;border-radius:2px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:8px}.event-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.event-category{font-size:.75rem;background:#8b5cf633;color:var(--primary-color);padding:4px 10px;border-radius:6px;font-weight:600;white-space:nowrap}.event-time-duration{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.event-notes{font-size:.85rem;color:var(--text-secondary);margin:8px 0 0;line-height:1.4}.event-recurring{display:inline-block;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.event-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.btn-complete,.btn-edit,.btn-delete{background:transparent;border:none;font-size:1.1rem;cursor:pointer;width:32px;height:32px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-complete{color:#10b981}.btn-complete:hover{background:#10b9811a}.btn-edit{color:#3b82f6}.btn-edit:hover{background:#3b82f61a}.btn-delete{color:#ef4444}.btn-delete:hover{background:#ef44441a}@media(max-width:1024px){.schedule-layout.has-sidebar{grid-template-columns:1fr}.schedule-sidebar{position:static}}@media(max-width:768px){.schedule-header{padding:24px 0}.schedule-title-section h1{font-size:2rem}.schedule-stats-quick{gap:20px;flex-wrap:wrap}.calendar-controls{flex-direction:column;gap:16px;align-items:stretch}.calendar-nav,.calendar-actions{justify-content:center}.calendar-day{min-height:80px;padding:6px}.calendar-day-number{font-size:.9rem}.calendar-event-dot{font-size:.65rem;padding:3px 6px}.event-time{display:none}}@media(max-width:480px){.study-schedule-page{padding-top:60px}.schedule-main{padding:20px 0}.schedule-calendar-section{padding:16px}.calendar-day{min-height:60px;padding:4px}.calendar-event-dot{font-size:.6rem;padding:2px 4px}.stat-value{font-size:1.5rem}}.schedule-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.schedule-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:32px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.schedule-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.schedule-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.schedule-modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;padding:12px 16px;font-size:1rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{font-size:.75rem;color:#ef4444;margin-top:-4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.duration-options{display:flex;gap:8px;flex-wrap:wrap}.duration-btn{padding:10px 20px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.duration-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.duration-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.interval-input{display:flex;align-items:center;gap:12px}.interval-input input{width:80px}.interval-input span{color:var(--text-secondary);font-size:.9rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:24px;border-top:1px solid var(--border-color)}.modal-actions .btn{padding:12px 28px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;border:none}.modal-actions .btn-secondary{background:var(--input-bg);color:var(--text-secondary);border:2px solid var(--border-color)}.modal-actions .btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}@media(max-width:600px){.schedule-modal{padding:24px;width:95%;max-height:95vh}.schedule-modal-header h2{font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:12px}.duration-options{gap:6px}.duration-btn{padding:8px 16px;font-size:.85rem;flex:1 1 calc(33.333% - 6px);min-width:70px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}