@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.theme-toggle{background:transparent;border:none;padding:0;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;position:relative}.theme-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.5rem}.theme-toggle-track{position:relative;width:56px;height:32px;background:var(--bg-light);border:2px solid var(--border-color);border-radius:16px;transition:all .3s ease;display:flex;align-items:center;padding:2px}.theme-toggle.dark .theme-toggle-track{background:linear-gradient(135deg,#fff,silver);border-color:#ffffff4d}.theme-toggle:hover .theme-toggle-track{border-color:var(--primary-color);box-shadow:0 0 0 3px #ffffff1a}.dark .theme-toggle:hover .theme-toggle-track{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff26}.theme-toggle-thumb{position:absolute;width:24px;height:24px;background:var(--bg-white);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0);box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;left:2px}.theme-toggle.dark .theme-toggle-thumb{transform:translate(24px);box-shadow:0 2px 6px #0000004d}.theme-toggle-icon{font-size:.875rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:scale(1.1)}@media (max-width: 768px){.theme-toggle-track{width:50px;height:28px}.theme-toggle-thumb{width:20px;height:20px}.theme-toggle.dark .theme-toggle-thumb{transform:translate(22px)}.theme-toggle-icon{font-size:.75rem}}.header{border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;transition:background-color .3s ease,border-color .3s ease}.dark .header{background:#000000f2;border-bottom-color:#1f1f1f}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--text-dark);text-decoration:none;transition:color .2s;letter-spacing:-.025em}.logo:hover{color:var(--primary-color)}.dark .logo:hover{background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-medium);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s;position:relative;padding:.5rem 0}.nav-link:hover{color:var(--primary-color)}.dark .nav-link:hover{background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .2s ease}.dark .nav-link:after{background:linear-gradient(90deg,#fff,silver)}.nav-link:hover:after{width:100%}.nav-link.active{font-weight:600}.nav-link.active:after{width:100%}.logo.active{font-weight:700}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}}.home{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;background:var(--bg-white);padding:6rem 0}.home-content{text-align:center;max-width:750px;margin:0 auto;padding:0 1.5rem}.home-title{font-size:3.25rem;font-weight:700;color:var(--text-dark);margin-bottom:1.75rem;line-height:1.15;letter-spacing:-.03em}.home-subtitle{font-size:1.1875rem;color:var(--text-medium);margin-bottom:3rem;line-height:1.75;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.btn-primary{background:var(--primary-color);color:var(--bg-white);border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-large{padding:1rem 2.5rem;font-size:1.0625rem}.home-help{margin-top:5rem;padding:2.5rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm)}.help-text{font-size:1rem;color:var(--text-medium);margin-bottom:1rem;font-weight:400}.help-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:1.1rem;transition:opacity .3s;display:inline-block}.help-link:hover{opacity:.8;text-decoration:underline}.dark .help-link{color:#fff}.dark .help-link:hover{color:#fff;opacity:1}@media (max-width: 768px){.home-title{font-size:2rem}.home-subtitle{font-size:1.1rem}}.test-page{min-height:calc(100vh - 100px);padding:4rem 0;background:var(--bg-light)}.test-container,.result-container{max-width:850px;margin:0 auto;background:var(--bg-white);border:1px solid var(--border-color);border-radius:1rem;padding:3.5rem;box-shadow:var(--shadow-md)}.test-header{margin-bottom:2rem}.test-header h1{font-size:2.25rem;color:var(--text-dark);margin-bottom:1.75rem;font-weight:700;letter-spacing:-.03em}.progress-bar{width:100%;height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden;margin-bottom:1rem}.question-counter{color:var(--text-medium);font-weight:500;font-size:.9375rem}.question-container{margin-bottom:2rem}.question-text{font-size:1.375rem;color:var(--text-dark);margin-bottom:2rem;line-height:1.6;font-weight:500}.options-container{display:flex;flex-direction:column;gap:1rem}.option-btn{padding:1rem 1.25rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-dark);font-weight:400}.option-btn:hover{background:var(--bg-light);border-color:var(--primary-color)}.option-btn.selected{background:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color);font-weight:500}.dark .option-btn.selected{background:linear-gradient(135deg,#fff,silver);color:#000;border-color:#fff6;font-weight:600}.dark .option-btn:hover{border-color:#ffffff4d}.test-navigation{display:flex;justify-content:space-between;gap:1rem}.btn-secondary{padding:.875rem 1.5rem;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--primary-color);color:var(--bg-white)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:var(--bg-white);border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.dark .btn-primary:hover{background:linear-gradient(135deg,#fff,#d8d8d8);border-color:#ffffff80;box-shadow:0 4px 12px #fff3}.result-container{text-align:center}.result-title{font-size:2.5rem;color:var(--text-dark);margin-bottom:2.5rem;font-weight:700;letter-spacing:-.03em}.result-score{margin-bottom:2rem}.score-number{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.dark .score-number{background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-percentage{font-size:1.25rem;color:var(--text-medium);font-weight:500}.result-level{margin-bottom:2.5rem}.level-badge{display:inline-block;padding:.75rem 2rem;background:var(--primary-color);color:var(--bg-white);border-radius:.5rem;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.dark .level-badge{background:linear-gradient(135deg,#fff,silver);color:#000;border:1px solid rgba(255,255,255,.3)}.level-verdict{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.level-description{font-size:1rem;color:var(--text-medium);line-height:1.7;max-width:600px;margin:0 auto}.answers-review{margin-top:2.5rem;text-align:left;border-top:1px solid var(--border-color);padding-top:2rem}.answers-review h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:1.5rem;font-weight:600}.answers-list{display:flex;flex-direction:column;gap:1rem}.answer-item{padding:1rem 1.25rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-light)}.answer-item.correct{border-color:#86efac;background:#f0fdf4}.answer-item.wrong{border-color:#fca5a5;background:#fef2f2}.dark .answer-item.correct{border-color:#86efac4d;background:#86efac1a}.dark .answer-item.wrong{border-color:#fca5a54d;background:#fca5a51a}.answer-question{font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.9375rem}.answer-number{color:var(--text-medium)}.answer-details{font-size:.875rem}.your-answer,.correct-answer{margin-top:.25rem}.answer-label{color:var(--text-medium);margin-right:.5rem}.text-correct{color:#16a34a;font-weight:600}.text-wrong{color:#dc2626;font-weight:600}.dark .text-correct{color:#86efac}.dark .text-wrong{color:#fca5a5}.result-container .btn-primary{margin-top:2rem}@media (max-width: 768px){.test-container,.result-container{padding:2rem 1.5rem}.question-text{font-size:1.25rem}.test-navigation{flex-direction:column}.test-navigation button{width:100%}}.english-guide-page{min-height:calc(100vh - 80px);padding:4rem 0;background:var(--bg-white)}.english-guide-page section{scroll-margin-top:110px}.guide-content{max-width:900px;margin:0 auto;padding:0 1.5rem}.page-title{font-size:2.75rem;color:var(--text-dark);margin-bottom:1rem;text-align:center;font-weight:700;letter-spacing:-.03em}.page-subtitle{font-size:1.25rem;color:var(--text-medium);text-align:center;margin-bottom:3rem;font-weight:400;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.intro-section{margin-bottom:3rem}.intro-card{background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);padding:2.5rem;border-radius:1rem;border:1px solid var(--border-color)}.dark .intro-card{background:linear-gradient(135deg,#ffffff05,#ffffff0d)}.intro-text{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:1.5rem}.intro-text strong{color:var(--primary-color)}.dark .intro-text strong{color:#fff}.pillars-preview{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.pillar-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-white);padding:.75rem 1.25rem;border-radius:2rem;border:1px solid var(--border-color);font-weight:600;color:var(--text-dark);font-size:.9375rem}.dark .pillar-item{background:#ffffff0d;border-color:#ffffff1a}.pillar-icon{font-size:1.25rem}.pillar-section{margin-bottom:3rem}.pillar-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.pillar-number{width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:var(--bg-white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;flex-shrink:0}.dark .pillar-number{background:linear-gradient(135deg,#fff,silver);color:#000}.pillar-header h2{font-size:1.75rem;color:var(--text-dark);font-weight:700;margin:0}.info-card{background:var(--bg-white);padding:2.5rem;border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm)}.info-card p{color:var(--text-medium);line-height:1.75;margin-bottom:1.5rem;font-size:1rem}.info-card strong{color:var(--text-dark)}.highlight-intro{font-size:1.125rem!important;color:var(--text-dark)!important;border-left:3px solid var(--primary-color);padding-left:1.25rem;margin-bottom:2rem!important}.dark .highlight-intro{border-left-color:#fff6}.vocab-insight{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;padding:2rem;background:var(--bg-light);border-radius:1rem}.dark .vocab-insight{background:#ffffff08}.vocab-stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em}.stat-label{font-size:.875rem;color:var(--text-medium);margin-top:.25rem}.highlight-stat .stat-number{color:var(--primary-color)}.dark .highlight-stat .stat-number{background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vocab-arrow{font-size:2rem;color:var(--text-light)}.vocab-breakdown{margin:2rem 0}.vocab-breakdown h4{color:var(--text-dark);margin-bottom:1.25rem;font-weight:600}.breakdown-grid{display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:grid;grid-template-columns:120px 1fr 200px;align-items:center;gap:1rem}.breakdown-words{font-weight:600;color:var(--text-dark);font-size:.9375rem}.breakdown-bar{height:24px;background:var(--bg-light);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.dark .breakdown-bar{background:#ffffff0d}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,#4f46e5 100%);border-radius:12px;transition:width .5s ease}.dark .bar-fill{background:linear-gradient(90deg,#fff,#a0a0a0)}.breakdown-percent{font-size:.875rem;color:var(--text-medium)}.key-insight{display:flex;gap:1rem;padding:1.5rem;background:#fffbeb;border-radius:.75rem;margin:2rem 0;border:1px solid #fef3c7}.dark .key-insight{background:#f59e0b1a;border-color:#f59e0b33}.insight-icon{font-size:1.5rem;flex-shrink:0}.insight-content{color:var(--text-dark);line-height:1.7;font-size:.9375rem}.insight-content strong{color:#b45309}.dark .insight-content strong{color:#fbbf24}.anki-explanation{margin:2rem 0}.anki-explanation h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600}.forgetting-curve{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.curve-visual{padding:1.5rem;background:var(--bg-light);border-radius:.75rem;border:1px solid var(--border-color)}.dark .curve-visual{background:#ffffff08}.curve-label{font-weight:600;color:var(--text-dark);margin-bottom:1rem;font-size:.9375rem}.curve-bars{display:flex;align-items:flex-end;gap:8px;height:60px;margin-bottom:1rem}.mini-bar{flex:1;border-radius:4px 4px 0 0}.curve-bars.forget .mini-bar{background:#ef4444}.curve-bars.remember .mini-bar{background:#22c55e}.curve-result{font-weight:600;font-size:.875rem;color:var(--text-medium)}.anki-tips{margin:2rem 0}.anki-tips h4{color:var(--text-dark);margin-bottom:1.25rem;font-weight:600}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tip-item{display:flex;gap:.75rem;padding:1.25rem;background:var(--bg-light);border-radius:.75rem;border:1px solid var(--border-color)}.dark .tip-item{background:#ffffff08}.tip-icon{font-size:1.25rem;flex-shrink:0}.tip-text{font-size:.9375rem;line-height:1.6;color:var(--text-medium)}.tip-text strong{color:var(--text-dark);display:block;margin-bottom:.25rem}.tool-cta{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-light);border-radius:.75rem;border:1px solid var(--border-color);margin-top:2rem}.dark .tool-cta{background:#ffffff08}.tool-info h4{color:var(--text-dark);margin:0 0 .25rem;font-weight:600}.tool-info p{margin:0!important;font-size:.875rem;color:var(--text-medium)}.tool-button{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:var(--bg-white)!important;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s ease}.tool-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dark .tool-button{background:linear-gradient(135deg,#fff,#e0e0e0);color:#000!important}.hours-reality{margin:2rem 0}.hours-reality h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600}.hours-calculation{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.calc-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-light);border-radius:.5rem;border:1px solid var(--border-color)}.dark .calc-item{background:#ffffff08}.calc-item.highlight-calc{background:var(--primary-color);border-color:var(--primary-color)}.dark .calc-item.highlight-calc{background:linear-gradient(135deg,#fff,#e0e0e0)}.calc-time{font-weight:700;color:var(--text-dark);min-width:100px}.highlight-calc .calc-time{color:#fff}.dark .highlight-calc .calc-time{color:#000}.calc-equals{color:var(--text-light)}.highlight-calc .calc-equals{color:#ffffffb3}.dark .highlight-calc .calc-equals{color:#00000080}.calc-result{color:var(--text-medium);font-weight:500}.highlight-calc .calc-result{color:#fff;font-weight:700}.dark .highlight-calc .calc-result{color:#000}.immersion-key{margin:2rem 0}.immersion-key h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600}.comprehension-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem}.scale-item{padding:1rem;border-radius:.5rem;text-align:center;border:1px solid var(--border-color)}.scale-item.bad{background:#fef2f2;border-color:#fecaca}.dark .scale-item.bad{background:#ef44441a;border-color:#ef444433}.scale-item.ok{background:#fffbeb;border-color:#fef3c7}.dark .scale-item.ok{background:#f59e0b1a;border-color:#f59e0b33}.scale-item.good{background:#f0fdf4;border-color:#bbf7d0}.dark .scale-item.good{background:#22c55e1a;border-color:#22c55e33}.scale-item.easy{background:#eff6ff;border-color:#bfdbfe}.dark .scale-item.easy{background:#3b82f61a;border-color:#3b82f633}.scale-percent{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.scale-item.bad .scale-percent{color:#dc2626}.scale-item.ok .scale-percent{color:#d97706}.scale-item.good .scale-percent{color:#16a34a}.scale-item.easy .scale-percent{color:#2563eb}.scale-label{font-size:.75rem;color:var(--text-medium);line-height:1.4}.language-reactor-section{margin:2.5rem 0;padding:2rem;background:var(--bg-light);border-radius:1rem;border:1px solid var(--border-color)}.dark .language-reactor-section{background:#ffffff08}.language-reactor-section h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600;font-size:1.25rem}.language-reactor-section>p{margin-bottom:1.5rem}.lr-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.lr-feature{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-white);border-radius:.5rem;border:1px solid var(--border-color)}.dark .lr-feature{background:#ffffff08}.lr-icon{font-size:1.5rem;flex-shrink:0}.lr-text{display:flex;flex-direction:column}.lr-text strong{color:var(--text-dark);font-size:.9375rem}.lr-text span{color:var(--text-medium);font-size:.8125rem;margin-top:.125rem}.output-types{margin:2rem 0}.output-types h4{color:var(--text-dark);margin-bottom:1.25rem;font-weight:600}.output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.output-item{padding:1.5rem;background:var(--bg-light);border-radius:.75rem;border:1px solid var(--border-color)}.dark .output-item{background:#ffffff08}.output-icon{font-size:2rem;margin-bottom:.75rem}.output-item h5{color:var(--text-dark);margin:0 0 .75rem;font-weight:600;font-size:1.125rem}.output-item p{margin-bottom:1rem!important;font-size:.9375rem}.output-item ul{list-style:none;padding:0;margin:0}.output-item li{padding:.375rem 0 .375rem 1.25rem;position:relative;color:var(--text-medium);font-size:.875rem}.output-item li:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.dark .output-item li:before{color:#fff}.output-progression{margin:2rem 0}.output-progression h4{color:var(--text-dark);margin-bottom:1.25rem;font-weight:600}.progression-timeline{position:relative;padding-left:2rem}.progression-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-2rem;top:.375rem;width:16px;height:16px;border-radius:50%;background:var(--primary-color);border:3px solid var(--bg-white)}.dark .timeline-dot{background:#fff;border-color:var(--bg-white)}.timeline-content{color:var(--text-medium);line-height:1.6;font-size:.9375rem}.timeline-content strong{color:var(--text-dark)}.output-tools{margin:2rem 0}.output-tools h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600}.tools-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tool-mini{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:var(--bg-light);border-radius:.75rem;border:1px solid var(--border-color);text-decoration:none;transition:all .2s ease}.dark .tool-mini{background:#ffffff08}.tool-mini:hover{border-color:var(--primary-color);transform:translateY(-2px)}.dark .tool-mini:hover{border-color:#ffffff4d}.tool-mini strong{color:var(--text-dark);margin-bottom:.25rem}.tool-mini span{font-size:.8125rem;color:var(--text-medium)}.grammar-approach{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.approach-item{display:flex;gap:1rem;padding:1.25rem;border-radius:.75rem;border:1px solid var(--border-color)}.approach-item:first-child{background:#fef2f2;border-color:#fecaca}.dark .approach-item:first-child{background:#ef44441a;border-color:#ef444433}.approach-item:last-child{background:#f0fdf4;border-color:#bbf7d0}.dark .approach-item:last-child{background:#22c55e1a;border-color:#22c55e33}.approach-icon{font-size:1.5rem;flex-shrink:0}.approach-content strong{display:block;color:var(--text-dark);margin-bottom:.375rem}.approach-content p{margin:0!important;font-size:.9375rem}.grammar-tips{margin:2rem 0}.grammar-tips h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600}.grammar-list{list-style:none;padding:0;margin:0}.grammar-list li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--text-medium);border-bottom:1px solid var(--border-color);line-height:1.6}.grammar-list li:last-child{border-bottom:none}.grammar-list li:before{content:"→";position:absolute;left:0;color:var(--primary-color)}.dark .grammar-list li:before{color:#fff}.curve-visualization{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.curve-phase{padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-light)}.dark .curve-phase{background:#ffffff08}.curve-phase.phase-1{border-left:4px solid #22c55e}.curve-phase.phase-2{border-left:4px solid #f59e0b}.curve-phase.phase-3{border-left:4px solid #3b82f6}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.phase-name{font-weight:700;color:var(--text-dark);font-size:1.125rem}.phase-time{font-size:.875rem;color:var(--text-medium);background:var(--bg-white);padding:.25rem .75rem;border-radius:1rem}.dark .phase-time{background:#ffffff0d}.phase-description p{margin-bottom:1rem!important;font-size:.9375rem}.phase-progress{display:flex;align-items:center;gap:.75rem}.progress-label{font-size:.8125rem;color:var(--text-medium)}.progress-bar{flex:1;height:8px;background:var(--bg-white);border-radius:4px;overflow:hidden}.dark .progress-bar{background:#ffffff1a}.progress-fill{height:100%;border-radius:4px}.progress-fill.high{width:90%;background:#22c55e}.progress-fill.low{width:30%;background:#f59e0b}.progress-fill.medium{width:60%;background:#3b82f6}.phase-progress>span{font-size:.75rem;color:var(--text-medium);min-width:100px}.plateau-survival{margin-top:2rem;padding:1.5rem;background:#fffbeb;border-radius:.75rem;border:1px solid #fef3c7}.dark .plateau-survival{background:#f59e0b1a;border-color:#f59e0b33}.plateau-survival h4{color:#b45309;margin-bottom:1rem;font-weight:600}.dark .plateau-survival h4{color:#fbbf24}.survival-list{list-style:none;padding:0;margin:0}.survival-list li{padding:.5rem 0;color:var(--text-dark);line-height:1.6;font-size:.9375rem}.survival-list strong{color:#b45309}.dark .survival-list strong{color:#fbbf24}.summary-section{margin-top:3rem}.section-title{font-size:1.75rem;color:var(--text-dark);margin-bottom:1.5rem;font-weight:700}.summary-card{background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);padding:2.5rem;border-radius:1rem;border:2px solid var(--primary-color)}.dark .summary-card{background:linear-gradient(135deg,#ffffff05,#ffffff0d);border-color:#fff3}.summary-intro{text-align:center;font-size:1.125rem;color:var(--text-dark);margin-bottom:2rem!important}.routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.routine-item{text-align:center;padding:1.5rem;background:var(--bg-white);border-radius:.75rem;border:1px solid var(--border-color)}.dark .routine-item{background:#ffffff08}.routine-time{font-size:1.5rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem}.dark .routine-time{background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.routine-task{font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.routine-desc{font-size:.8125rem;color:var(--text-medium)}.total-time{text-align:center;font-size:1.125rem;color:var(--text-dark);margin-bottom:2rem;padding:1rem;background:var(--bg-light);border-radius:.5rem}.dark .total-time{background:#ffffff08}.final-message{text-align:center}.final-message p{color:var(--text-dark);line-height:1.8;font-size:1.0625rem;margin-bottom:1rem}.final-message p:last-child{margin-bottom:0}.final-message strong{color:var(--primary-color)}.dark .final-message strong{color:#fff}@media (max-width: 768px){.page-title{font-size:2rem}.pillar-header h2{font-size:1.375rem}.info-card{padding:1.5rem}.vocab-insight{flex-direction:column;gap:1rem}.vocab-arrow{transform:rotate(90deg)}.breakdown-item{grid-template-columns:1fr;gap:.5rem}.forgetting-curve,.tips-grid{grid-template-columns:1fr}.comprehension-scale{grid-template-columns:repeat(2,1fr)}.lr-features,.output-grid,.tools-mini-grid,.routine-grid{grid-template-columns:1fr}.tool-cta{flex-direction:column;gap:1rem;text-align:center}.pillars-preview{gap:.75rem}.pillar-item{font-size:.8125rem;padding:.5rem 1rem}}.day-phrases-page{min-height:calc(100vh - 80px);padding:2rem 0;background:var(--bg-light)}.container{max-width:950px;margin:0 auto;padding:0 1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dark .spinner{border-color:#fff3;border-top-color:#fffc}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-medium);font-size:1.125rem;font-weight:500}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;text-align:center;padding:2rem}.error-state h2{color:var(--error-color);font-size:2rem;margin:0}.error-state p{color:var(--text-medium);font-size:1.125rem;max-width:500px;line-height:1.6}.error-state .btn-primary{margin-top:1rem}.phrases-header{margin-bottom:2rem;text-align:center}.phrases-tips{margin:0 auto 2rem;max-width:750px;display:flex;flex-direction:column;gap:.75rem}.tip-highlight{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:var(--shadow-sm)}.tip-highlight.main-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.dark .tip-highlight.main-tip{background:linear-gradient(135deg,#fbbf2426,#f59e0b33);border-color:#fbbf2466}.tip-highlight.secondary-tip{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.dark .tip-highlight.secondary-tip{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);border-color:#60a5fa66}.tip-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.phrases-tips .tip-text{color:var(--text-dark);font-size:.9375rem;line-height:1.6;flex:1}.phrases-tips .tip-text strong{color:#92400e;display:inline!important;margin-bottom:0}.phrases-tips .main-tip .tip-text strong{color:#92400e}.phrases-tips .secondary-tip .tip-text strong{color:#1e40af}.dark .phrases-tips .main-tip .tip-text strong{color:#fbbf24}.dark .phrases-tips .secondary-tip .tip-text strong{color:#60a5fa}.dark .phrases-tips .tip-text{color:#ffffffe6}.phrases-header h1{font-size:1.75rem;color:var(--text-dark);margin-bottom:1rem;font-weight:700;letter-spacing:-.03em}.progress-info{margin-top:1rem}.progress-bar{width:100%;max-width:500px;height:10px;background:var(--bg-light);border-radius:5px;overflow:hidden;margin:0 auto 1rem}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.dark .progress-fill{background:linear-gradient(90deg,#fff,silver)}.completed-counter{color:var(--text-medium);font-weight:500;font-size:.9rem;margin-bottom:.75rem}.btn-reset{padding:.75rem 1.5rem;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:var(--primary-color);color:var(--bg-white)}.dark .btn-reset{color:#fffc;border-color:#ffffff4d}.dark .btn-reset:hover{background:linear-gradient(135deg,#fff,silver);color:#000;border-color:#ffffff80}.phrases-list{display:flex;flex-direction:column;gap:0}.phrase-item{padding:1.5rem 0;border-bottom:1px solid var(--border-color);transition:all .2s ease}.phrase-item:last-child{border-bottom:none}.phrase-item:hover{background:transparent}.phrase-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.phrase-question{flex:1;margin:0}.phrase-question h2{font-size:1.25rem;color:var(--text-dark);font-weight:500;line-height:1.4;margin:0}.phrase-number{display:inline-block;background:var(--primary-color);color:var(--bg-white);padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;flex-shrink:0}.dark .phrase-number{background:linear-gradient(135deg,#fff,silver);color:#000}.answer-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.answer-section label{font-weight:600;color:var(--text-dark);font-size:.875rem}.answer-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:none;transition:all .2s ease;background:var(--bg-white);color:var(--text-dark);line-height:1.4;min-height:2.5rem;max-height:2.5rem;overflow-y:hidden}.dark .answer-input{background:#ffffff0d;color:var(--text-dark);border-color:#fff3}.answer-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.dark .answer-input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;background:#ffffff14}.answer-input:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.7}.dark .answer-input:disabled{background:#ffffff08;color:#ffffff80}.check-buttons{display:flex;justify-content:flex-start;margin-bottom:.75rem}.btn-primary{background:var(--primary-color);color:var(--bg-white);border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background:var(--success-color);color:var(--bg-white)}.dark .btn-primary{background:linear-gradient(135deg,#fff,silver);color:#000;border:1px solid rgba(255,255,255,.3);font-weight:600}.dark .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#fff,#d8d8d8);border-color:#ffffff80;box-shadow:0 4px 12px #fff3}.dark .btn-primary:disabled{background:linear-gradient(135deg,#10b98166,#10b9814d);color:#ffffffe6;border-color:#10b98180;opacity:1}.btn-secondary{background:transparent;color:var(--text-medium);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-light);color:var(--text-dark);border-color:var(--text-medium)}.dark .btn-secondary{color:#ffffffb3;border-color:#ffffff4d}.dark .btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#ffffffe6;border-color:#fff6}.answer-result{margin-top:1rem}.result-box{background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;padding:1rem}.dark .result-box{background:#10b98126;border-color:#10b98180}.result-box h3{color:var(--text-dark);margin-bottom:.75rem;font-size:1rem;font-weight:600}.correct-answer{background:var(--bg-white);padding:.75rem;border-radius:.5rem;font-size:.9rem;color:var(--primary-color);font-weight:600;margin-bottom:.75rem;border:1px solid var(--border-color)}.dark .correct-answer{background:linear-gradient(135deg,#ffffff1a,#c0c0c01a);color:#fffffff2;border:1px solid rgba(255,255,255,.2)}.explanation{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #86efac}.explanation strong{color:var(--text-dark);display:block;margin-bottom:.375rem;font-weight:600;font-size:.875rem}.explanation p{color:var(--text-medium);line-height:1.6;margin:0;font-size:.875rem}.completion-message{text-align:center;padding:2rem;background:var(--primary-color);color:var(--bg-white);border-radius:.5rem;margin-top:2rem;box-shadow:var(--shadow-md)}.dark .completion-message{background:linear-gradient(135deg,#ffffff26,#c0c0c026);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #ffffff1a}.completion-message h3{font-size:1.75rem;margin-bottom:1rem;font-weight:700}.completion-message p{font-size:1.125rem;margin:0;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-white);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg)}.modal-content h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:1rem;font-weight:600}.modal-content p{color:var(--text-medium);margin-bottom:2rem;line-height:1.6;font-size:1rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-buttons .btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--text-medium);border:1px solid var(--border-color);border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.modal-buttons .btn-secondary:hover{background:var(--bg-light);border-color:var(--border-color)}@media (max-width: 768px){.phrases-container{padding:0 1rem}.phrase-item{padding:2rem 0}.phrase-question h2{font-size:1.25rem}.modal-content{padding:1.5rem}.modal-content h3{font-size:1.25rem}.modal-content p{font-size:.9rem}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}.App{min-height:100vh;width:100%;display:flex;flex-direction:column;background-color:var(--bg-white);transition:background-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--secondary-color: #64748b;--text-dark: #0f172a;--text-medium: #334155;--text-light: #64748b;--bg-light: #f8fafc;--bg-white: #ffffff;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.dark{--primary-color: linear-gradient(135deg, #ffffff 0%, #c0c0c0 100%);--primary-color-solid: #e0e0e0;--primary-dark: linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%);--primary-dark-solid: #d0d0d0;--primary-light: linear-gradient(135deg, #ffffff 0%, #d8d8d8 100%);--primary-light-solid: #f0f0f0;--secondary-color: rgba(255, 255, 255, .6);--text-dark: #ffffff;--text-medium: #d1d5db;--text-light: rgba(255, 255, 255, .6);--bg-light: #111111;--bg-white: #000000;--border-color: #1f1f1f;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -2px rgba(0, 0, 0, .6)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--bg-white);line-height:1.6;overflow-x:hidden;font-size:16px;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}