@charset "UTF-8";:root{--color-bg: #f7f3ee;--color-bg-strong: #f0e5da;--color-panel: rgba(255, 252, 248, .92);--color-panel-muted: rgba(250, 246, 241, .94);--color-border: rgba(115, 79, 47, .14);--color-border-strong: rgba(115, 79, 47, .22);--color-text: #1f2937;--color-text-soft: #52606d;--color-text-muted: #7b8794;--color-ink-inverse: #fffaf5;--color-accent: #ff8c42;--color-accent-strong: #b45309;--color-success: #2f855a;--color-danger: #c05621;--color-info: #2563eb;--radius-sm: .85rem;--radius-md: 1.05rem;--radius-lg: 1.35rem;--radius-xl: 1.7rem;--radius-pill: 999px;--shadow-card: 0 18px 48px rgba(80, 51, 28, .08);--shadow-glow: 0 16px 32px rgba(180, 83, 9, .18);--font-display: "SUIT Variable", "Pretendard Variable", "Segoe UI", sans-serif;--font-body: "Pretendard Variable", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--content-max: 1180px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}body{font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at top left,rgba(255,206,166,.42),transparent 26%),radial-gradient(circle at top right,rgba(135,206,235,.18),transparent 24%),linear-gradient(180deg,var(--color-bg),#fbfaf7 58%,var(--color-bg-strong))}#root{min-height:100vh}.app-frame{width:min(100% - 2rem,var(--content-max));margin:0 auto;padding:1.25rem 0 2rem}.section-intro{display:grid;gap:.45rem}.section-intro p,.section-intro h1,.section-intro h2{margin:0}.section-intro p{color:var(--color-text-soft);line-height:1.6}.eyebrow{color:var(--color-accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.chip-row,.stats-row{display:flex;flex-wrap:wrap;gap:.7rem}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.55rem .85rem;border-radius:var(--radius-pill);background:#ff8c421f;color:var(--color-accent-strong);font-size:.88rem;font-weight:700}.metric-grid,.card-grid{display:grid;gap:1rem}@media(min-width:768px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.muted{color:var(--color-text-soft)}.stack-sm{display:grid;gap:.65rem}.stack-md{display:grid;gap:1rem}.stack-lg{display:grid;gap:1.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ui-button{min-height:3.25rem;padding:.85rem 1.1rem;border:0;border-radius:var(--radius-pill);font:inherit;font-weight:700;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;cursor:pointer}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-button--full{width:100%}.ui-button--primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));color:var(--color-ink-inverse);box-shadow:var(--shadow-glow)}.ui-button--secondary{background:var(--color-panel);color:var(--color-text);border:1px solid var(--color-border-strong)}.ui-button--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.ui-card{display:grid;gap:1rem;padding:1.3rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel);box-shadow:var(--shadow-card)}.ui-card--accent{background:radial-gradient(circle at top right,rgba(255,140,66,.18),transparent 40%),var(--color-panel);border-color:#ff8c4247}.ui-card--soft{background:var(--color-panel-muted)}.ui-card__eyebrow{margin:0;color:var(--color-accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ui-card__title{margin:0;font-size:1.2rem;line-height:1.15;letter-spacing:-.03em}.progress-bar{display:grid;gap:.55rem}.progress-bar__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.progress-bar__head strong,.progress-bar__head span{font-size:.95rem}.progress-bar__head span{color:var(--color-text-muted)}.progress-bar__track{height:.7rem;overflow:hidden;border-radius:999px;background:#1e293b14}.progress-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent-strong),var(--color-accent))}.progress-bar__helper{margin:0;color:var(--color-text-soft);font-size:.88rem;line-height:1.55}.assessment-page{display:grid;gap:1.25rem}.assessment-page__actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.assessment-page__list{margin:0;padding-left:1.1rem;color:var(--color-text-soft);line-height:1.7}.assessment-page__question-stack,.assessment-page__result-stack,.assessment-page__feedback-list{display:grid;gap:1rem}.assessment-page__question{display:grid;gap:.9rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffff9e}.assessment-page__question-head{display:grid;gap:.35rem}.assessment-page__question-head span{color:var(--color-accent-strong);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.assessment-page__question-head strong{font-size:1rem;line-height:1.55}.assessment-page__option-grid,.assessment-page__insight-grid{display:grid;gap:.75rem}.assessment-page__option{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;width:100%;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffdb;text-align:left;color:var(--color-text);transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.assessment-page__option span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#ff8c4224;color:var(--color-accent-strong);font-weight:800}.assessment-page__option strong{line-height:1.5}.assessment-page__option:hover{transform:translateY(-1px)}.assessment-page__option.is-active{border-color:#ff8c426b;background:#fff5ecfa;box-shadow:var(--shadow-glow)}.assessment-page__textarea{min-height:10rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fffffff0;color:var(--color-text);resize:vertical}.assessment-page__result-hero{display:grid;gap:1rem}.assessment-page__lottie-wrap{width:min(100%,12rem);justify-self:end;border-radius:var(--radius-lg);border:1px solid rgba(255,140,66,.22);background:#ffffffb8;min-height:8rem;overflow:hidden}.assessment-page__lottie-wrap canvas{width:100%!important;height:100%!important}.assessment-page__lottie-skeleton{width:100%;min-height:8rem;background:radial-gradient(circle at 30% 28%,#fff1e6eb,#ffb2784d),#ffffffb3}.assessment-page__score-label{display:block;color:var(--color-text-soft);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.assessment-page__score-value{display:block;font-size:clamp(2.6rem,7vw,4.5rem);line-height:.95;letter-spacing:-.05em}.assessment-page__insight{display:grid;gap:.55rem;padding:.95rem 1rem;border-radius:var(--radius-lg);background:#ffffffad;border:1px solid var(--color-border)}.assessment-page__insight p{margin:0;color:var(--color-text-soft);line-height:1.6}.assessment-page__insight-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.assessment-page__insight-head span{color:var(--color-accent-strong);font-weight:800}.assessment-page__feedback-item{display:grid;gap:.35rem;padding:.95rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffffb3}.assessment-page__feedback-item p,.assessment-page__feedback-item strong{margin:0}.assessment-page__feedback-item strong{line-height:1.4}.assessment-page__feedback-item p{line-height:1.6}@media(min-width:900px){.assessment-page__option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-page__result-hero{grid-template-columns:.4fr minmax(0,1fr) auto;align-items:center}.assessment-page__insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:899px){.assessment-page__lottie-wrap{justify-self:start;width:min(100%,10rem)}}.provider-page{display:grid;gap:1rem}.provider-page__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(160deg,#faf6f0f2,#ffffffeb)}.provider-page__header h2,.provider-page__header p{margin:0}.provider-page__header-meta{display:grid;gap:.35rem;align-content:start;justify-items:end;color:var(--color-text-soft);font-size:.9rem}.provider-page__tabs{display:flex;gap:.55rem;flex-wrap:wrap}.provider-page__tab{min-height:2.3rem;padding:.45rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:#ffffffbf;color:var(--color-text)}.provider-page__tab.is-active{border-color:#ff8c4266;background:#fff5ecf0;color:var(--color-accent-strong);font-weight:700}.provider-page__layout,.provider-page__board,.provider-page__content{display:grid;gap:1rem}.provider-page__day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.provider-page__day-card{display:grid;gap:.2rem;width:100%;padding:.65rem;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffbd;color:var(--color-text)}.provider-page__day-card span{font-size:.86rem;color:var(--color-text-soft);line-height:1.35}.provider-page__day-card.is-active{border-color:#ff8c425c;background:#fff5ecf0}.provider-page__form{display:grid;gap:.7rem}.provider-page__form label{display:grid;gap:.3rem;font-size:.92rem;color:var(--color-text)}.provider-page__form input,.provider-page__form textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffd1;color:var(--color-text)}.provider-page__form textarea{min-height:4.5rem;resize:vertical}.provider-page__field-title{margin:0;font-size:.9rem;font-weight:700;color:var(--color-accent-strong)}.provider-page__validator{display:grid;gap:.65rem}.provider-page__actions{display:flex;flex-wrap:wrap;gap:.5rem}.provider-page__finding-summary{display:flex;flex-wrap:wrap;gap:.6rem}.provider-page__finding-list{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}.provider-page__finding-list li.is-error{color:#b42318}.provider-page__finding-list li.is-warn{color:#b54708}.provider-page__analytics{display:grid;gap:.9rem}@media(min-width:980px){.provider-page__layout{grid-template-columns:minmax(290px,340px) minmax(0,1fr);align-items:start}.provider-page__board{position:sticky;top:.8rem}.provider-page__day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-page__analytics{grid-template-columns:repeat(2,minmax(0,1fr))}}.grammar-layout{display:grid;gap:1rem}.grammar-editor{display:grid;gap:.8rem}.grammar-editor textarea{min-height:10rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffdb;resize:vertical}.grammar-feedback__pair,.grammar-feedback__versions{display:grid;gap:.8rem}.grammar-feedback__pair span,.grammar-feedback__versions strong{display:block;margin-bottom:.35rem;color:var(--color-accent-strong)}.grammar-feedback__pair p,.grammar-feedback__versions p,.grammar-feedback__why{margin:0;line-height:1.65}.grammar-feedback__corrected{font-size:1.05rem;font-weight:700}.grammar-feedback__why{padding:1rem;border-radius:var(--radius-md);background:#ff8c4214;color:var(--color-text-soft)}.grammar-feedback__versions article{padding:1rem;border-radius:var(--radius-md);background:#fff9}@media(min-width:900px){.grammar-layout{grid-template-columns:.95fr 1.05fr;align-items:start}.grammar-feedback__pair,.grammar-feedback__versions{grid-template-columns:repeat(2,minmax(0,1fr))}}.grammar-page{display:grid;gap:1.25rem}.home-page{display:grid;gap:1.1rem;position:relative}.home-page__eyebrow{margin:0;font-size:.79rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong)}.home-page__mode-aura{position:absolute;top:.2rem;right:1rem;width:16rem;height:16rem;border-radius:var(--radius-pill);background:radial-gradient(circle,var(--mode-glow),transparent 68%);filter:blur(10px);pointer-events:none;z-index:0}.home-page__hero{position:relative;z-index:1;display:grid;gap:1.1rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:radial-gradient(circle at 84% 8%,rgba(255,140,66,.18),transparent 33%),linear-gradient(160deg,#fffcf8fa,#f8f1e9f2);box-shadow:var(--shadow-card)}.home-page__hero-main{display:grid;align-content:start;gap:.9rem}.home-page__hero-title{margin:0;font-size:clamp(2rem,4vw,3.05rem);line-height:1.05;letter-spacing:-.045em}.home-page__hero-copy{margin:0;color:var(--color-text-soft);line-height:1.7;max-width:56ch}.home-page__trust-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.home-page__trust-list li{display:flex;align-items:flex-start;gap:.45rem;color:var(--color-text-soft);line-height:1.55}.home-page__trust-list svg{color:var(--color-accent-strong);margin-top:.16rem;flex-shrink:0}.home-page__hero-cta{display:flex;gap:.6rem;flex-wrap:wrap}.home-page__cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.7rem;padding:.65rem 1rem;border-radius:var(--radius-md);font-weight:800;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.home-page__cta--primary{background:linear-gradient(130deg,var(--mode-accent),color-mix(in srgb,var(--mode-accent) 70%,#ffffff 30%));color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--mode-accent) 35%,transparent)}.home-page__cta--primary:hover{box-shadow:0 14px 30px color-mix(in srgb,var(--mode-accent) 42%,transparent)}.home-page__cta--ghost{background:#ffffffad;color:var(--color-text);border-color:#94654133}.home-page__hero-visual{position:relative;display:grid;align-content:start;gap:.8rem;perspective:1000px}.home-page__visual-glow{position:absolute;inset:6% 9% auto auto;width:11rem;height:11rem;border-radius:var(--radius-pill);background:radial-gradient(circle,var(--mode-glow),transparent 67%);filter:blur(12px);pointer-events:none}.home-page__visual-card{position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-page__visual-motion{display:grid}.home-page__visual-motion--alt{transform-origin:center top}.home-page__visual-card--top{transform:rotateX(1.6deg) rotateY(-2.4deg)}.home-page__visual-card--bottom{transform:rotateX(.9deg) rotateY(1.8deg)}.home-page__waveform{display:flex;align-items:flex-end;gap:.38rem;height:3rem}.home-page__wave-bar{--wave-delay: 0s;width:.38rem;min-height:25%;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--mode-accent),color-mix(in srgb,var(--mode-accent) 40%,#ffffff 60%));transform-origin:bottom;animation:home-wave-pulse 1.6s ease-in-out infinite;animation-delay:var(--wave-delay)}@keyframes home-wave-pulse{0%{transform:scaleY(.55);opacity:.75}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.55);opacity:.75}}@media(prefers-reduced-motion:reduce){.home-page__wave-bar{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}.home-page__visual-caption{margin:0;color:var(--color-text-soft);font-size:.91rem;line-height:1.55}.home-page__ring-row{display:flex;align-items:center;gap:.8rem}.home-page__progress-ring{--ring-progress: 180deg;width:4.65rem;height:4.65rem;border-radius:var(--radius-pill);display:grid;place-items:center;background:conic-gradient(var(--mode-accent) 0deg var(--ring-progress),rgba(148,101,65,.12) var(--ring-progress) 360deg)}.home-page__progress-ring strong{width:3.55rem;height:3.55rem;border-radius:var(--radius-pill);display:grid;place-items:center;background:#fffcf8f5;font-size:.95rem}.home-page__ring-meta{display:grid;gap:.22rem}.home-page__ring-meta p,.home-page__ring-meta strong,.home-page__ring-meta small{margin:0}.home-page__ring-meta p,.home-page__ring-meta small{color:var(--color-text-soft)}.home-page__floating-badge{position:absolute;right:-.35rem;top:44%;display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .7rem;border:1px solid rgba(255,140,66,.3);border-radius:var(--radius-pill);background:#fffbf5eb;color:var(--color-accent-strong);font-size:.82rem;font-weight:800;box-shadow:var(--shadow-card)}.home-page__hero-summary{position:relative;z-index:1;display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(0,1fr))}.home-page__hero-summary article{display:grid;gap:.3rem;padding:.9rem .95rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fffdfae6;box-shadow:0 10px 24px #50331c12;transition:transform .18s ease,box-shadow .18s ease}.home-page__hero-summary article:hover{transform:translateY(-2px);box-shadow:0 14px 30px #50331c1c}.home-page__hero-summary span{color:var(--color-text-soft);font-size:.83rem}.home-page__hero-summary strong{font-size:1.02rem}.home-page__today-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,.58fr)}.home-page__switch-panel{display:grid}.home-page__today,.home-page__curriculum-wrap,.home-page__value-grid,.home-page__status-strip{position:relative;z-index:1}.home-page__today-main{display:grid;gap:.65rem}.home-page__today-main h3,.home-page__today-main p{margin:0}.home-page__today-main p{color:var(--color-text-soft);line-height:1.65}.home-page__today-meta{display:flex;gap:.55rem;flex-wrap:wrap}.home-page__today-meta span{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .62rem;border-radius:var(--radius-pill);border:1px solid rgba(148,101,65,.2);background:#ffffffbd;font-size:.86rem;color:var(--color-text-soft)}.home-page__today-side{display:grid;align-content:start;gap:.45rem;padding:.95rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffffa6}.home-page__today-side h4{margin:0;font-size:.95rem}.home-page__today-side ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.home-page__today-side li{display:flex;align-items:center;gap:.35rem;color:var(--color-text-soft);font-size:.9rem}.home-page__mode-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.home-page__mode-card{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;transform-style:preserve-3d}.home-page__mode-card-inner{height:100%;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.home-page__mode-card:hover .home-page__mode-card-inner,.home-page__mode-card:focus-visible .home-page__mode-card-inner{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mode-accent) 30%,transparent);box-shadow:0 18px 34px #50331c24}.home-page__mode-card.is-active .home-page__mode-card-inner{border-color:color-mix(in srgb,var(--mode-accent) 42%,transparent);background:radial-gradient(circle at top right,var(--mode-soft),transparent 38%),var(--color-panel);box-shadow:var(--shadow-glow)}.home-page__mode-hint{margin:0;color:var(--color-accent-strong);font-size:.9rem;font-weight:700}.home-page__mode-meta{display:grid;gap:.25rem}.home-page__mode-meta strong,.home-page__mode-meta span,.home-page__mode-meta small{margin:0}.home-page__mode-meta strong{color:var(--color-text);font-size:.94rem}.home-page__mode-meta span{color:var(--color-text-soft);line-height:1.5;font-size:.92rem}.home-page__mode-meta small{color:var(--color-text-soft);font-size:.85rem}.home-page__list{margin:0;padding-left:1.1rem;color:var(--color-text-soft);line-height:1.7}.home-page__list--check{list-style:"✓ "}.home-page__curriculum-wrap .ui-card{gap:.8rem}.home-page__curriculum{display:grid;gap:1rem}.home-page__curriculum-head{display:grid;gap:.35rem}.home-page__curriculum-head strong,.home-page__curriculum-head p{margin:0}.home-page__curriculum-head p{color:var(--color-text-soft);line-height:1.6}.home-page__curriculum-units{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.home-page__curriculum-unit{display:grid;gap:.55rem;padding:1rem;border-radius:var(--radius-lg);background:#ffffff9e}.home-page__curriculum-unit strong,.home-page__curriculum-unit p{margin:0}.home-page__curriculum-unit p{color:var(--color-text-soft);line-height:1.6}.home-page__curriculum-lessons{display:grid;gap:.65rem}.home-page__curriculum-lesson{display:grid;gap:.25rem;padding:.85rem .95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffc7;text-align:left;color:var(--color-text)}.home-page__curriculum-lesson strong,.home-page__curriculum-lesson span{margin:0}.home-page__curriculum-lesson span{color:var(--color-text-soft);font-size:.92rem;line-height:1.5}.home-page__curriculum-lesson.is-current{border-color:#ff8c4261;background:radial-gradient(circle at 90% 10%,rgba(255,140,66,.16),transparent 44%),#ffffffe6}.home-page__week-strip{display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr))}.home-page__week-strip article{display:grid;gap:.2rem;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffb8}.home-page__week-strip span{color:var(--color-text-soft);font-size:.82rem}.home-page__value-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.home-page__testimonial-list,.home-page__testimonial-shell{display:grid;gap:.65rem}.home-page__testimonial-controls{display:flex;justify-content:space-between;align-items:center;gap:.55rem}.home-page__testimonial-controls button{min-width:2.7rem;height:2rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:#fffc;font-size:.8rem;color:var(--color-text-soft)}.home-page__testimonial-controls button:disabled{opacity:.45}.home-page__testimonial-dots{display:flex;align-items:center;gap:.35rem}.home-page__testimonial-dots button{width:.48rem;min-width:.48rem;height:.48rem;border-radius:var(--radius-pill);border:0;background:#94654142}.home-page__testimonial-dots button.is-active{width:1.2rem;background:var(--mode-accent)}.home-page__testimonial-viewport{overflow:hidden}.home-page__testimonial-track{display:flex}.home-page__testimonial-slide{min-width:100%;padding-right:.2rem}.home-page__testimonial{display:grid;gap:.25rem;padding:.72rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffbd}.home-page__testimonial p,.home-page__testimonial strong{margin:0}.home-page__testimonial p{color:var(--color-text-soft);line-height:1.5}.home-page__testimonial small{color:var(--mode-accent);font-size:.8rem;font-weight:700}.home-page__status-strip{display:flex;flex-wrap:wrap;gap:.55rem}.home-page__status-strip span{padding:.42rem .66rem;border-radius:var(--radius-pill);border:1px solid rgba(148,101,65,.2);background:#ffffffb8;color:var(--color-text-soft);font-size:.82rem}.home-page__quick-start{position:sticky;bottom:.65rem;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem .85rem;border-radius:var(--radius-lg);border:1px solid rgba(148,101,65,.25);background:#fffcf8e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 28px #50331c29}.home-page__quick-start-copy{display:grid;gap:.18rem;min-width:0}.home-page__quick-start-copy strong,.home-page__quick-start-copy span{margin:0}.home-page__quick-start-copy span{color:var(--color-text-soft);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1080px){.home-page__hero{grid-template-columns:1fr}.home-page__hero-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page__today-grid,.home-page__curriculum-units,.home-page__value-grid{grid-template-columns:1fr}.home-page__mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page__quick-start{bottom:.4rem}}@media(max-width:767px){.home-page__hero{padding:1rem}.home-page__hero-title{font-size:clamp(1.65rem,8vw,2.4rem)}.home-page__hero-summary,.home-page__mode-grid,.home-page__week-strip{grid-template-columns:1fr}.home-page__floating-badge{position:static;width:fit-content}.home-page__quick-start{flex-direction:column;align-items:stretch;bottom:.25rem}.home-page__quick-start .home-page__cta{width:100%}}.inline-tts-button{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--color-border, rgba(15, 23, 42, .16));background:#ffffffb8;color:var(--color-text-strong, #1f2937);border-radius:999px;padding:.35rem .75rem;font:inherit;font-size:.85rem;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.inline-tts-button__label{line-height:1}.inline-tts-button:hover{transform:translateY(-1px);border-color:#b4530959;background:#fff8f0f5}.inline-tts-button.is-speaking{background:#b453091f;border-color:#b4530966}.inline-tts-button--focus{padding-right:.65rem}.inline-tts-button__visualizer{display:inline-flex;align-items:flex-end;gap:.14rem;width:1rem;height:.8rem;opacity:.46}.inline-tts-button__visualizer>span{width:.14rem;height:42%;border-radius:999px;background:#b4530999;transform-origin:center bottom;transition:transform .22s ease,opacity .22s ease,height .22s ease}.inline-tts-button__visualizer>span:nth-child(2),.inline-tts-button__visualizer>span:nth-child(4){height:70%}.inline-tts-button__visualizer>span:nth-child(3){height:55%}.inline-tts-button__visualizer.is-active{opacity:.86}.inline-tts-button__visualizer.is-active>span{animation:inline-tts-visualizer 1.35s ease-in-out infinite}.inline-tts-button__visualizer.is-active>span:nth-child(2){animation-delay:.12s}.inline-tts-button__visualizer.is-active>span:nth-child(3){animation-delay:.24s}.inline-tts-button__visualizer.is-active>span:nth-child(4){animation-delay:.36s}@keyframes inline-tts-visualizer{0%,to{transform:scaleY(.52);opacity:.56}45%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.inline-tts-button__visualizer.is-active>span{animation:none;transform:scaleY(.88);opacity:.78}}.waveform{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));align-items:end;gap:.35rem;min-height:7rem;padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffd9,#f6f3eff2),var(--color-panel-muted);border:1px solid rgba(255,140,66,.12)}.waveform span{display:block;border-radius:999px;background:linear-gradient(180deg,#ff8c4259,#1e293bcc);transition:height .12s ease}.waveform--active span{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-strong))}.pronunciation-layout{display:grid;gap:1rem}.pronunciation-recorder__copy{display:grid;gap:.45rem}.pronunciation-recorder__copy p{margin:0}.pronunciation-recorder__sentence{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.35;letter-spacing:-.03em}.pronunciation-recorder__status{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;min-height:2.4rem;padding:.55rem .85rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:700}.status-pill--neutral{background:#2563eb14;color:var(--color-info)}.status-pill--success{background:#2f855a1a;color:var(--color-success)}.status-pill--warning{background:#c056211a;color:var(--color-danger)}.pronunciation-recorder__note,.pronunciation-feedback__headline p,.pronunciation-feedback__action{margin:0;color:var(--color-text-soft);line-height:1.6}.pronunciation-recorder__actions{display:flex;gap:.75rem;flex-wrap:wrap}.pronunciation-recorder__audio{width:100%}.pronunciation-feedback__headline{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pronunciation-feedback__headline strong{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.05em}.pronunciation-feedback__label{font-size:.98rem}.pronunciation-feedback__list{margin:0;padding-left:1.1rem;color:var(--color-text-soft);line-height:1.65}.pronunciation-feedback__action{padding:1rem;border-radius:var(--radius-md);background:#ff8c4214;color:var(--color-accent-strong);font-weight:700}@media(min-width:900px){.pronunciation-layout{grid-template-columns:1.15fr .85fr;align-items:start}}.lesson-page{display:grid;gap:1rem}.lesson-page__header{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(160deg,#fff7eef2,#ffffffeb)}.lesson-page__header-main h2{margin:.25rem 0 .35rem}.lesson-page__header-summary{display:grid;gap:.35rem}.lesson-page__header-summary p{margin:0}.lesson-page__layout,.lesson-page__left,.lesson-page__right,.lesson-page__main{display:grid;gap:1rem}.lesson-page__left{display:none}.lesson-page__left.is-open{display:grid}.lesson-page__curriculum-head{display:flex;justify-content:flex-end}.lesson-page__week-list{display:grid;gap:.6rem}.lesson-page__week-item{display:grid;gap:.55rem}.lesson-page__week-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffc2;color:var(--color-text)}.lesson-page__week-toggle.is-open{border-color:#ff8c425c;background:#fff5eceb}.lesson-page__day-list{display:grid;gap:.45rem}.lesson-page__day-item{display:grid;gap:.2rem;width:100%;padding:.62rem .7rem;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffb3;color:var(--color-text)}.lesson-page__day-item.is-active{border-color:#ff8c425c;background:#fff5ecf0}.lesson-page__day-item.is-completed{box-shadow:inset 0 0 0 1px #78b8784d}.lesson-page__main-head{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.lesson-page__main-head p{margin:0}.lesson-page__coach-toggle{margin-left:auto}.lesson-page__step-progress{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.3rem;padding:.3rem;border-radius:var(--radius-lg);background:#ffffffc2}.lesson-page__book-progress{display:grid;gap:.22rem;position:sticky;top:.3rem;z-index:6;padding:.38rem .46rem;border-radius:.9rem;border:1px solid rgba(115,79,47,.14);background:#fffcf7eb;box-shadow:0 8px 16px #50331c12}.lesson-page__book-progress-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.lesson-page__book-progress-head p,.lesson-page__book-progress-head strong{margin:0}.lesson-page__book-progress-controls{display:inline-flex;align-items:center;gap:.45rem}.lesson-page__book-progress-label{margin:0;font-size:.78rem;font-weight:700;color:var(--color-accent-strong)}.lesson-page__book-progress-head strong{font-size:.92rem}.lesson-page__curl-toggle{min-height:1.6rem;padding:.12rem .52rem;border-radius:999px;border:1px solid rgba(245,140,66,.36);background:#fff5ece6;color:var(--color-accent-strong);font-size:.74rem;font-weight:700}.lesson-page__curl-toggle:disabled{opacity:.62}.lesson-page__step-pill{border:0;display:inline-flex;justify-content:center;align-items:center;min-height:1.62rem;min-width:1.92rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-soft);background:#ffffffbf;font-size:.78rem;font-weight:600;cursor:pointer}.lesson-page__book-reader{display:grid;gap:.6rem}.lesson-page__book-page-head{display:grid;gap:.2rem}.lesson-page__book-page-head strong,.lesson-page__book-page-head p{margin:0}.lesson-page__book-frame{position:relative;display:grid;justify-items:center;overflow:visible}.lesson-page__book-frame:before,.lesson-page__book-frame:after{content:"";position:absolute;pointer-events:none;inset:1.1rem 2rem -.4rem;border-radius:1.55rem;z-index:-1}.lesson-page__book-frame:before{background:#ffffff9e;box-shadow:0 8px 20px #50331c1a}.lesson-page__book-frame:after{inset:1.9rem 2.7rem -.8rem;background:#fbf3e8b8;box-shadow:0 12px 26px #50331c17}.lesson-page__book-page{position:relative;width:min(100%,760px);border-radius:1.6rem;border:1px solid rgba(115,79,47,.14);background:radial-gradient(circle at 14% 18%,rgba(172,140,102,.08),transparent 36%),radial-gradient(circle at 88% 84%,rgba(196,166,132,.07),transparent 34%),repeating-linear-gradient(0deg,rgba(127,94,60,.022) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#ffffff14 0 2px,#f5ece10e 2px 6px),linear-gradient(165deg,#fffffff2,#fcf7f0f2);box-shadow:0 18px 36px #50331c1f,inset 0 0 0 1px #ffffff61;overflow:hidden;isolation:isolate;will-change:opacity,filter}.lesson-page__page-curl-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transform-origin:bottom right}.lesson-page__page-curl-overlay.is-forward{background:radial-gradient(circle at 100% 100%,rgba(90,60,30,.18),transparent 24%),linear-gradient(135deg,transparent 54%,rgba(255,255,255,.96) 63%,#ead9c4 100%)}.lesson-page__page-curl-overlay.is-back{background:radial-gradient(circle at 0% 100%,rgba(90,60,30,.18),transparent 24%),linear-gradient(225deg,transparent 54%,rgba(255,255,255,.96) 63%,#ead9c4 100%);transform-origin:bottom left}.lesson-page__page-corner{position:absolute;bottom:0;pointer-events:none;z-index:4;width:20px;height:20px;background:linear-gradient(135deg,#fffffff2,#ead9c4);box-shadow:-8px -8px 18px #5a3c1e29}.lesson-page__page-corner.is-forward{right:0;clip-path:polygon(100% 0,0 100%,100% 100%);transform-origin:bottom right}.lesson-page__page-corner.is-back{left:0;clip-path:polygon(0 0,100% 100%,0 100%);transform-origin:bottom left}@media(prefers-reduced-motion:reduce){.lesson-page__page-corner,.lesson-page__page-curl-overlay{display:none}}.lesson-page__book-page-content{position:relative;z-index:2}.lesson-page__book-page-scroll{position:relative;isolation:isolate;max-height:78vh;overflow:auto;padding:1rem;display:grid;gap:.85rem}.lesson-page__book-page-scroll:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 24% 22%,rgba(116,83,50,.06),transparent 30%),radial-gradient(circle at 72% 74%,rgba(116,83,50,.05),transparent 34%),repeating-linear-gradient(105deg,rgba(255,255,255,.06) 0 3px,transparent 3px 8px);opacity:.34}.lesson-page__book-feedback{margin:0}.lesson-page__book-nav{position:sticky;bottom:.4rem;z-index:7;display:grid;grid-template-columns:1fr auto 1fr 1fr;align-items:center;gap:.5rem;padding:.65rem;border-radius:1rem;border:1px solid rgba(115,79,47,.14);background:#fffcf7f0;box-shadow:0 12px 28px #50331c1a}.lesson-page__book-nav strong{justify-self:center;white-space:nowrap}.lesson-page__step-pill.is-current{border-color:#ff8c425c;color:var(--color-accent-strong);background:#fff5ecf0}.lesson-page__step-pill.is-done{border-color:#78b8785c;color:#2f6b2f;background:#eaf8eaeb}.lesson-page__step-shell{display:grid;gap:.55rem}.lesson-page__step-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem}.lesson-page__step-meta h3,.lesson-page__step-meta p{margin:0}.lesson-page__step-index{margin:0;font-size:.8rem;font-weight:700;color:var(--color-accent-strong);text-transform:uppercase}.lesson-page__step-meta-right{display:grid;gap:.45rem;justify-items:end}.lesson-page__step-status{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:var(--radius-pill);background:#fff5ece6;color:var(--color-accent-strong);font-size:.82rem;font-weight:600}.lesson-page__step-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.lesson-page__step-card{margin:0}.lesson-page__step-card p{line-height:1.72}.lesson-page__step-grid{display:grid;gap:1rem}.lesson-page__flow-block{display:grid;gap:.6rem}.lesson-page__flow-label{margin:0;font-size:.85rem;font-weight:700;color:var(--color-accent-strong)}.lesson-page__correction-main{gap:1rem}.lesson-page__s6-actions{display:flex;flex-wrap:wrap;gap:.6rem}.lesson-page__dialogue-guide{display:grid;gap:.5rem}.lesson-page__dialogue-notice{display:grid;gap:.2rem;padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid rgba(255,140,66,.24);background:#fff5ecbd}.lesson-page__dialogue-notice p,.lesson-page__dialogue-notice strong{margin:0}.lesson-page__dialogue-player{position:sticky;top:.45rem;z-index:1;display:grid;gap:.5rem;padding:.7rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffffeb}.lesson-page__dialogue-player-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.lesson-page__dialogue-progressbar{width:100%;height:.4rem;border-radius:999px;overflow:hidden;background:#0f172a14}.lesson-page__dialogue-progressbar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .2s ease}.lesson-page__dialogue-speed{display:flex;flex-wrap:wrap;gap:.4rem}.lesson-page__dialogue-speed-btn{min-height:2.5rem;padding:.35rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#ffffffbd;color:var(--color-text);font-weight:600}.lesson-page__dialogue-speed-btn.is-active{border-color:#ff8c425c;background:#fff5ecf0;color:var(--color-accent-strong)}.lesson-page__dialogue-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.lesson-page__dialogue-mode-tab{min-height:2.6rem;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#ffffffbd;color:var(--color-text);font-weight:600;white-space:nowrap}.lesson-page__dialogue-mode-tab.is-active{border-color:#ff8c425c;background:#fff5ecf0;color:var(--color-accent-strong)}.lesson-page__dialogue-card{display:grid;gap:.45rem;padding:.7rem;border-radius:1rem;border:1px solid var(--color-border);background:#ffffffb3}.lesson-page__dialogue-card-title{margin:0;font-size:.8rem;font-weight:700;color:var(--color-accent-strong)}.lesson-page__dialogue-card-rows{display:grid;gap:.45rem}.lesson-page__dialogue-row{position:relative;width:100%;display:grid;gap:.2rem;text-align:left;padding:.7rem 2rem .7rem .72rem;border:1px solid var(--color-border);border-radius:.9rem;background:#ffffffe0;color:var(--color-text)}.lesson-page__dialogue-row.is-playing{border-color:#f59e0b73;box-shadow:inset 0 0 0 1px #f59e0b33}.lesson-page__dialogue-row.is-shadow-muted{opacity:.7}.lesson-page__dialogue-speaker-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:1.3rem;padding:0 .45rem;border-radius:999px;font-size:.74rem;font-weight:700}.lesson-page__dialogue-speaker-badge.is-staff{background:#94a3b82e;color:#475569}.lesson-page__dialogue-speaker-badge.is-learner{background:#f59e0b2e;color:#9a3412}.lesson-page__dialogue-line{font-size:.95rem;line-height:1.55;color:var(--color-text)}.lesson-page__dialogue-row.is-shadow-muted .lesson-page__dialogue-line{font-size:.86rem;color:var(--color-text-soft)}.lesson-page__dialogue-subtitle{font-size:.82rem;line-height:1.45;color:var(--color-text-soft)}.lesson-page__dialogue-play-icon{position:absolute;right:.62rem;top:50%;transform:translateY(-50%);color:#f97316e6}.lesson-page__variation-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.lesson-page__variation-grid label{display:grid;gap:.28rem;font-size:.86rem;color:var(--color-text-soft)}.lesson-page__variation-grid select{min-height:2.4rem;padding:.4rem .55rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffe0;color:var(--color-text)}.lesson-page__song-actions{display:flex;flex-wrap:wrap;gap:.6rem}.lesson-page__song-player{width:100%}.lesson-page__song-lyrics{display:grid;gap:.4rem;padding:.65rem .72rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffb8}.lesson-page__song-lyrics-title{margin:0;font-size:.82rem;color:var(--color-text-soft)}.lesson-page__song-lyrics-lines{display:grid;gap:.3rem}.lesson-page__song-lyrics-lines p{margin:0;line-height:1.45}.lesson-page__song-lyrics-toggle{justify-self:start;padding:0;border:0;background:none;color:#b45309;font-size:.82rem;font-weight:600;cursor:pointer}.lesson-page__s6-step{display:grid;gap:.6rem;padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffa8}.lesson-page__s6-step textarea{min-height:9rem;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffd6;resize:vertical}.lesson-page__s6-sentence-nav{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.lesson-page__s6-rating-grid{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-page__s6-rating-grid div{display:flex;align-items:center;justify-content:space-between;padding:.62rem .72rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffc2}.lesson-page__s6-rating-grid span{color:var(--color-text-soft);font-size:.86rem}.lesson-page__s6-rating-grid strong{font-size:.9rem}.lesson-page__s6-example-btn{width:100%;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffc7;padding:.65rem .7rem}.lesson-page__correction-result,.lesson-page__correction-reason{display:grid;gap:.45rem;padding:.95rem;border-radius:var(--radius-md);background:#ffffffad}.lesson-page__correction-result p,.lesson-page__correction-reason p{margin:0}.lesson-page__correction-corrected{font-size:1.06rem;font-weight:700;line-height:1.72}.lesson-page__correction-extra{padding:.75rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff9e}.lesson-page__correction-extra summary{cursor:pointer;font-weight:600;color:var(--color-text)}.lesson-page__correction-extra p{margin:.6rem 0 0}.lesson-page__completion-actions{display:flex;flex-wrap:wrap;gap:.6rem}.lesson-page__quick-lesson-list{display:grid;gap:.55rem}.lesson-page__audio-list{display:grid;gap:.75rem}.lesson-page__audio-item{display:grid;gap:.3rem;padding:1rem 1.05rem;border-radius:var(--radius-md);background:#ffffff9e}.lesson-page__audio-item strong,.lesson-page__audio-item span,.lesson-page__audio-item p{margin:0}.lesson-page__audio-item span,.lesson-page__audio-item p{color:var(--color-text-soft);line-height:1.7}.lesson-page__pattern-compact{gap:.5rem}.lesson-page__pattern-compact .lesson-page__audio-item{gap:.14rem;padding:.55rem .7rem}.lesson-page__pattern-compact .lesson-page__audio-item strong{font-size:.88rem}.lesson-page__pattern-compact .lesson-page__audio-item p{font-size:.95rem;line-height:1.35}.lesson-page__pattern-line-wrap{display:grid}.lesson-page__pattern-row{position:relative;width:100%;display:grid;text-align:left;gap:.2rem;padding:.55rem 2rem .55rem .62rem;border:1px solid var(--color-border);border-radius:.82rem;background:#ffffffe0;color:var(--color-text);cursor:pointer}.lesson-page__pattern-row.is-playing{border-color:#f59e0b73;box-shadow:inset 0 0 0 1px #f59e0b33}.lesson-page__pattern-line{margin:0;font-size:.95rem;line-height:1.35;color:var(--color-text)}.lesson-page__pattern-line.is-clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-page__pattern-play-icon{position:absolute;right:.62rem;top:50%;transform:translateY(-50%);color:#f97316e6}.lesson-page__pattern-toggle{border:0;background:transparent;color:var(--color-accent-strong);font-size:.82rem;font-weight:700;padding:0;width:fit-content;cursor:pointer}.lesson-page__roleplay-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.15rem}.lesson-page__roleplay-live-line{color:var(--color-text);font-weight:600}.lesson-page__roleplay-progress{display:grid;gap:.45rem;padding:.8rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffa3}.lesson-page__roleplay-progressbar{width:100%;height:.42rem;border-radius:999px;overflow:hidden;background:#0f172a14}.lesson-page__roleplay-progressbar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .2s ease}.lesson-page__roleplay-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.lesson-page__roleplay-check{display:inline-flex;align-items:center;justify-content:flex-start;min-height:2rem;padding:.25rem .6rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffbd;font-size:.84rem;color:var(--color-text-soft);text-align:left}.lesson-page__roleplay-check.is-done{border-color:#f59e0b52;background:#fff5ece6;color:var(--color-text);font-weight:700}.lesson-page__variant-list{display:grid;gap:.35rem}.lesson-page__compact-note{padding-top:.15rem;font-size:.92rem;color:var(--color-text-soft)}.lesson-page__mode-picker{display:flex;flex-wrap:wrap;gap:.55rem}.lesson-page__mode-chip{min-height:2.4rem;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#ffffffb8;color:var(--color-text)}.lesson-page__mode-chip.is-active{border-color:#ff8c425c;background:#fff5ecf0;color:var(--color-accent-strong);font-weight:700}.lesson-page__sentence-compact-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.55rem}.lesson-page__sentence-mini-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.lesson-page__sentence-mini-tab{min-width:2rem;min-height:2rem;padding:0 .65rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#ffffffb8;color:var(--color-text-soft);font-weight:700}.lesson-page__sentence-mini-tab.is-active{border-color:#ff8c425c;background:#fff5ecf0;color:var(--color-accent-strong)}.lesson-page__sentence-summary{display:grid;gap:.28rem;width:100%;padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffc7;text-align:left;color:var(--color-text)}.lesson-page__sentence-summary strong{font-size:.92rem}.lesson-page__sentence-summary span{color:var(--color-text-soft);line-height:1.55}.lesson-page__sentence-picker{display:grid;gap:.5rem}.lesson-page__sentence-button{display:grid;gap:.35rem;width:100%;padding:.78rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffb8;text-align:left;color:var(--color-text)}.lesson-page__sentence-button strong,.lesson-page__sentence-button span{display:block}.lesson-page__sentence-button span{color:var(--color-text-soft);line-height:1.7}.lesson-page__sentence-button.is-active{border-color:#ff8c425c;background:#fff5ecf0}@media(min-width:760px){.lesson-page__roleplay-checklist{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-page__dialogue-player{top:.6rem}.lesson-page__dialogue-card{padding:.75rem}.lesson-page__book-nav{grid-template-columns:140px auto 140px 1fr}}@media(min-width:1100px){.lesson-page__layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(260px,320px);align-items:start}.lesson-page__left{display:grid;position:sticky;top:.8rem}.lesson-page__right{position:sticky;top:.8rem}.lesson-page__curriculum-head,.lesson-page__main-head button{display:none}}@media(max-width:900px){.lesson-page__book-progress-head{align-items:flex-start;flex-direction:column}.lesson-page__book-progress-controls{width:100%;justify-content:space-between}.lesson-page__book-page{width:100%;border-radius:1.35rem}.lesson-page__book-page-scroll{max-height:75vh;padding:.85rem}.lesson-page__book-nav{grid-template-columns:1fr 1fr;grid-template-areas:"prev next" "count done";gap:.45rem}.lesson-page__book-nav>:nth-child(1){grid-area:prev}.lesson-page__book-nav>:nth-child(2){grid-area:count}.lesson-page__book-nav>:nth-child(3){grid-area:next}.lesson-page__book-nav>:nth-child(4){grid-area:done}}@media(min-width:900px){.lesson-page__header{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:end}}@media(min-width:1100px){.lesson-page--desktop-focus .lesson-page__mode-picker{display:none}.lesson-page--desktop-focus .lesson-page__layout{grid-template-columns:minmax(245px,290px) minmax(0,1fr);gap:.85rem}.lesson-page--desktop-focus .lesson-page__right{display:none}.lesson-page--desktop-focus .lesson-page__right.is-open{display:grid}.lesson-page--desktop-focus .lesson-page__main{gap:.85rem;justify-items:center}.lesson-page--desktop-focus .lesson-page__main-head,.lesson-page--desktop-focus .lesson-page__book-progress,.lesson-page--desktop-focus .lesson-page__book-reader{width:min(100%,780px)}.lesson-page--desktop-focus .lesson-page__header{padding:.8rem 1rem;gap:.6rem}.lesson-page--desktop-focus .lesson-page__header-summary{grid-auto-flow:column;justify-content:start;gap:.9rem;font-size:.92rem}.lesson-page--desktop-focus .lesson-page__header-summary p{white-space:nowrap}.lesson-page--desktop-focus .lesson-page__step-progress{top:.35rem;padding:.42rem}.lesson-page--desktop-focus .lesson-page__step-meta{gap:.35rem}.lesson-page--desktop-focus .lesson-page__step-meta-right{display:none}.lesson-page--desktop-focus .lesson-page__step-shell{gap:.35rem}.lesson-page--desktop-focus .lesson-page__status-line,.lesson-page--desktop-focus .lesson-page__sentence-note{display:none}}.listening-layout{display:grid;gap:1rem}.listening-player__sentence{margin:0;font-size:1.2rem;line-height:1.55;letter-spacing:-.02em}.listening-player__actions{display:flex;gap:.75rem;flex-wrap:wrap}.listening-player__voice-panel{display:grid;gap:.75rem;padding:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff8f2d6}.listening-player__voice-grid{display:grid;gap:.75rem}.listening-player__field{display:grid;gap:.45rem}.listening-player__field span{font-size:.9rem;font-weight:700;color:var(--color-text-soft)}.listening-player__field select{width:100%;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffffff5;color:var(--color-text)}.listening-player__field select:disabled{cursor:not-allowed;opacity:.6}.listening-player__voice-note{margin:0;font-size:.94rem;color:var(--color-text-soft);line-height:1.55}.listening-player__note,.dictation-box__meta span{margin:0;color:var(--color-text-soft);line-height:1.55}.dictation-box{display:grid;gap:.8rem}.dictation-box textarea{min-height:9rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffdb;color:var(--color-text);resize:vertical}.dictation-box__meta{display:grid;gap:.35rem}.choice-grid{display:grid;gap:.7rem}.choice-button{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffb8;text-align:left;color:var(--color-text)}.choice-button.is-active{border-color:#ff8c4257;background:#fff5eceb}.choice-button.is-correct{border-color:#67aa6f8c;background:#eaf8ecf5}.choice-button.is-wrong{border-color:#d6717173;background:#fff2f2eb}.choice-button__badge{display:inline-flex;align-items:center;padding:.24rem .62rem;border-radius:var(--radius-pill);background:#5a9c6624;color:#2f6b2f;font-size:.8rem;font-weight:700}.listening-step-progress{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.listening-step-progress .chip{opacity:.72}.listening-step-progress .chip.is-done{opacity:1;border:1px solid rgba(103,170,111,.45);background:#eaf8ecf5;color:#2f6b2f}.listening-step-progress .chip.is-current{opacity:1;border:1px solid rgba(255,140,66,.35);background:#fff5ecf5;color:var(--color-accent-strong)}.meaning-feedback-box{display:grid;gap:.35rem;margin-top:.75rem;padding:.9rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.meaning-feedback-box p{margin:0;line-height:1.55}.meaning-feedback-box.is-success{border-color:#67aa6f73;background:#eaf8ecf0;animation:meaning-success-pop .22s ease-out}.meaning-feedback-box.is-retry{border-color:#ffa64261;background:#fff9ecf0}.meaning-react-box{margin-top:.75rem}@keyframes meaning-success-pop{0%{transform:translateY(4px) scale(.99);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}@media(min-width:900px){.listening-layout{grid-template-columns:1.05fr .95fr;align-items:start}.listening-player__voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-player__field--wide{grid-column:1/-1}}.listening-page,.pronunciation-page{display:grid;gap:1.25rem}.speaking-layout{display:grid;gap:1rem}.speaking-prompt__question{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.5;letter-spacing:-.02em}.speaking-workbench{display:grid;gap:.8rem}.speaking-workbench textarea{min-height:11rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffdb;resize:vertical}.speaking-workbench__speech-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.speaking-workbench__speech-state{font-size:.9rem;color:var(--color-text-soft)}.speaking-feedback__block{display:grid;gap:.32rem;padding:.95rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffad}.speaking-feedback__block p{margin:0;line-height:1.55}.speaking-feedback__block--accent{border-color:#ff8c4257;background:#fff5ecd1}.speaking-feedback__label{color:var(--color-accent-strong);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.speaking-feedback__grid{display:grid;gap:.9rem}.speaking-feedback__grid article{display:grid;gap:.35rem;padding:1rem;border-radius:var(--radius-md);background:#ffffff9e}.speaking-feedback__grid strong,.speaking-feedback__grid p{margin:0}.speaking-feedback__grid p{color:var(--color-text-soft);line-height:1.6}.speaking-feedback__rating-grid{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-feedback__rating-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem .82rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffb8}.speaking-feedback__rating-item span{color:var(--color-text-soft);font-size:.88rem}.speaking-feedback__rating-item strong{font-size:.9rem}@media(min-width:900px){.speaking-layout{grid-template-columns:.95fr 1.05fr;align-items:start}.speaking-feedback__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.speaking-page{display:grid;gap:1.25rem}.speaking-page__section6{display:grid;gap:.9rem}.speaking-page__mode-actions{display:flex;flex-wrap:wrap;gap:.6rem}.speaking-page__step-card{display:grid;gap:.55rem;padding:.9rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffffb3}.speaking-page__step-card p{margin:0;line-height:1.6}.speaking-page__step-title{font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-strong);font-weight:700}.app-shell{display:grid;gap:1.25rem}.app-shell--lesson-focus{gap:.9rem}.app-header{position:relative;overflow:hidden;display:grid;gap:1rem;padding:1.35rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(circle at 85% 10%,rgba(207,221,235,.24),transparent 34%),linear-gradient(180deg,#fffcf8f7,#f8f4eff2);box-shadow:var(--shadow-card)}.app-header--compact{gap:.7rem;padding:.85rem 1rem}.app-header--compact .app-header__top{align-items:start;grid-template-columns:minmax(0,1fr);gap:.65rem}.app-header--compact .app-brand{gap:.2rem}.app-header--compact .app-brand h1{font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.15;letter-spacing:-.03em}.app-header--compact .app-brand p{max-width:50ch;font-size:.92rem;line-height:1.45}.app-header--compact .app-highlight{display:grid;justify-items:end;gap:.1rem;min-width:7.5rem}.app-header--compact .app-highlight strong{font-size:1.05rem;line-height:1.1}.app-header--compact .app-highlight span{font-size:.79rem;color:var(--color-text-soft)}.app-header--compact .app-level-picker{gap:.4rem}.app-header--compact .app-level-chip{min-width:6rem;padding:.42rem .55rem;border-radius:var(--radius-sm)}.app-header--compact .app-level-chip strong{font-size:.82rem}.app-header--compact .app-level-chip span,.app-header--compact .app-level-chip small{font-size:.71rem}.app-header--compact .app-nav{gap:.45rem;padding-bottom:.1rem;flex-wrap:wrap;overflow-x:visible}.app-header--compact .app-nav__item{min-width:auto;padding:.55rem .75rem;border-radius:var(--radius-md)}.app-header--compact .app-nav__item strong{margin-bottom:0;font-size:.88rem;line-height:1.2}.app-header__top,.app-header__insights,.app-nav{position:relative;z-index:1}.app-header__top{display:grid;gap:.9rem;padding-right:0}.app-level-picker{display:flex;flex-wrap:wrap;gap:.55rem}.app-level-chip{display:grid;gap:.15rem;min-width:7.4rem;padding:.58rem .72rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffc2;text-align:left;color:var(--color-text);transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.app-level-chip strong{font-size:.92rem;line-height:1.2}.app-level-chip span{font-size:.76rem;color:var(--color-text-muted)}.app-level-chip small{font-size:.78rem;color:var(--color-text-soft)}.app-level-chip:hover:enabled{transform:translateY(-1px)}.app-level-chip.is-active{border-color:#ff8c425c;background:#fff5ecf0}.app-level-chip:disabled{opacity:.58;cursor:not-allowed}.app-brand{display:grid;gap:.35rem}.app-brand h1,.app-brand p{margin:0}.app-brand h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3.2rem);letter-spacing:-.05em;line-height:.98}.app-brand p{max-width:64ch;color:var(--color-text-soft);line-height:1.65}.app-header__insights{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.app-data-card{display:grid;gap:.18rem;padding:.85rem .95rem;border-radius:var(--radius-lg);border:1px solid rgba(115,79,47,.16);background:linear-gradient(160deg,#ffffffe0,#f8f5f1c2);box-shadow:0 8px 22px #3d4e6214}.app-data-card span{color:var(--color-text-muted);font-size:.81rem}.app-data-card strong{font-size:1.3rem;letter-spacing:-.02em}.app-data-card small{color:var(--color-text-soft);font-size:.82rem}.app-section-fallback{min-height:22rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:linear-gradient(100deg,#fff7efe6,#ffeddd9e,#fff7efe6);background-size:200% 100%;animation:app-skeleton-shift 1.4s ease-in-out infinite}@keyframes app-skeleton-shift{0%{background-position:180% 0}to{background-position:-40% 0}}.app-nav{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.app-nav__item{min-width:10rem;padding:.95rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffffb8;text-align:left;transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.app-nav__item strong,.app-nav__item span{display:block}.app-nav__item strong{margin-bottom:.3rem;color:var(--color-text)}.app-nav__item span{color:var(--color-text-muted);font-size:.88rem;line-height:1.45}.app-nav__item:hover{transform:translateY(-1px)}.app-nav__item.is-active{border-color:#737e9275;background:#f4f8fceb}.app-shell__content{display:grid;gap:1.1rem}.app-footer{display:grid;gap:.6rem;padding:1.1rem .2rem 0;color:var(--color-text-muted);font-size:.92rem}.app-footer p{margin:0;line-height:1.55}@media(max-width:900px){.app-header__insights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.app-frame{width:min(100% - 1rem,var(--content-max));padding-top:.75rem}.app-header{padding:1rem}.app-header__insights{grid-template-columns:1fr}.app-brand h1{font-size:clamp(1.7rem,9vw,2.5rem)}.app-header--compact{padding:.8rem}.app-header--compact .app-header__top{grid-template-columns:1fr;align-items:start}.app-header--compact .app-nav{flex-wrap:nowrap;overflow-x:auto}.app-header--compact .app-highlight{justify-items:start}}