@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Noto+Sans+KR:wght@400;500;700;800&display=swap";:root{--ink-950: #17212b;--ink-800: #31414f;--ink-600: #596775;--paper-50: #fffdfa;--paper-100: #faf6ef;--paper-200: #f0e7da;--line: #d9cfbe;--teal: #0f766e;--coral: #d86145;--gold: #b8851f;--shadow: 0 20px 60px rgba(23, 33, 43, .08);color:var(--ink-950);background:radial-gradient(circle at top left,rgba(216,97,69,.08),transparent 22rem),radial-gradient(circle at top right,rgba(15,118,110,.1),transparent 24rem),linear-gradient(180deg,#fffdf9,#fffaf4 42%,#f5ede1);font-family:Noto Sans KR,sans-serif;font-synthesis:none;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(23,33,43,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,43,.02) 1px,transparent 1px);background-size:1.5rem 1.5rem;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}#root{min-height:100vh}.app-shell{color:var(--ink-950)}main [id]{scroll-margin-top:8.25rem}.site-footer{width:min(1180px,calc(100% - 2rem));margin:0 auto 2rem}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;padding:1rem 1.15rem;border-radius:1.2rem;border:1px solid rgba(23,33,43,.08);background:#fffcf7cc;box-shadow:0 10px 28px #17212b0d}.site-footer-copy,.site-footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.site-footer-label{color:var(--ink-600);font-size:.82rem;font-weight:700}.site-footer-copy strong,.site-footer-meta span,.site-footer-meta a{font-size:.9rem}.site-footer-copy strong{font-weight:800}.site-footer-meta{color:var(--ink-600)}.site-footer-meta a{font-weight:700;text-decoration:underline;text-underline-offset:.18rem}.alpha-banner{width:min(1180px,calc(100% - 2rem));margin:1rem auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border-radius:1.2rem;border:1px solid rgba(184,133,31,.24);background:linear-gradient(180deg,#fff6e0f5,#fffbf2f5);box-shadow:0 12px 28px #17212b0f}.alpha-banner strong{display:inline-flex;align-items:center;min-height:2rem;padding:0 .8rem;border-radius:999px;background:#b8851f1f;color:#7b5513;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.alpha-banner p{margin:0;color:var(--ink-800);font-size:.95rem}.status-pill,.surface-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.95rem;width:fit-content;padding:.15rem .78rem;border-radius:999px;border:1px solid transparent;font-size:.76rem;font-weight:800;letter-spacing:.04em}.status-pill{text-transform:uppercase}.status-pill.is-alpha{color:#8f4300;background:linear-gradient(180deg,#ffe6c8,#ffd6b0);border-color:#d861453d}.status-pill.is-building{color:#0d655e;background:linear-gradient(180deg,#ddf7f0,#c7ede4);border-color:#0f766e3d}.status-pill.is-review{color:#6f4d0b;background:linear-gradient(180deg,#fff0c9,#f9e1a0);border-color:#b8851f3d}.status-pill.is-planned{color:var(--ink-600);background:linear-gradient(180deg,#fffffff5,#f5efe8f5);border-color:#17212b1f}.status-pill.is-live{color:#0f4c43;background:linear-gradient(180deg,#d9fbef,#bdf0de);border-color:#0f766e33}.surface-pill{background:#ffffffa8;border-color:#17212b14;color:var(--ink-800);cursor:default}.topbar{--nav-accent: var(--ink-950);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fffcf7f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,33,43,.08)}.topbar[data-tone=is-home]{--nav-accent: #8a6117}.topbar[data-tone=is-intro]{--nav-accent: var(--teal)}.topbar[data-tone=is-practice]{--nav-accent: #b24e37}.brand{display:flex;align-items:center;gap:.9rem}.brand-button{padding:0;border:0;background:transparent;text-align:left}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;min-height:3.2rem;padding:0 .95rem;border-radius:1rem;background:var(--ink-950);color:#fff;font-weight:800;letter-spacing:.04em}.brand-copy{display:grid;gap:.35rem}.brand-copy strong{font-size:.96rem}.brand-context{display:inline-flex;align-items:center;justify-self:start;min-height:1.95rem;padding:0 .8rem;border-radius:999px;border:1px solid transparent;font-size:.77rem;font-weight:800;letter-spacing:.03em;box-shadow:0 10px 22px #17212b14}.brand-context.is-home{color:#7b5513;background:linear-gradient(180deg,#fff5d9,#f7e7b6);border-color:#b8851f47}.brand-context.is-intro{color:#0d655e;background:linear-gradient(180deg,#dcf7f2,#c3ede5);border-color:#0f766e3d}.brand-context.is-practice{color:#9d422f;background:linear-gradient(180deg,#ffe6df,#ffd3c8);border-color:#d861453d}.topnav{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.62rem .78rem;border-radius:1.35rem;border:1px solid rgba(23,33,43,.14);background:linear-gradient(180deg,#e9e3d9fa,#f4eee4fa);box-shadow:0 16px 34px #17212b1a,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.95rem}.topnav a,.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 .96rem;border-radius:999px;border:1px solid rgba(23,33,43,.1);background:linear-gradient(180deg,#fffffff5,#f8f3ecf5);color:var(--ink-800);font-weight:700;box-shadow:inset 0 1px #fffc,0 10px 22px #17212b0f;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.topnav a:hover,.topnav a:focus-visible,.nav-button:hover,.nav-button:focus-visible{color:var(--teal);border-color:color-mix(in srgb,var(--nav-accent) 28%,white 72%);background:linear-gradient(180deg,#fff,#fbf7f2);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd1,0 14px 28px #17212b14}.topnav a.is-active,.topnav a[aria-current=location]{color:#fff;border-color:color-mix(in srgb,var(--nav-accent) 76%,white 24%);background:linear-gradient(180deg,color-mix(in srgb,var(--nav-accent) 96%,white 4%),color-mix(in srgb,var(--nav-accent) 88%,black 12%));box-shadow:0 16px 34px color-mix(in srgb,var(--nav-accent) 20%,rgba(23,33,43,.16) 80%),inset 0 1px #ffffff2e}.nav-button{border-color:#17212b14}.section{width:min(1180px,calc(100% - 2rem));margin:0 auto}.course-shell,.hero,.examples,.focus,.grammar,.workshop-setup,.rehearsal,.prompt,.practice-routine,.practice,.review{padding:3.75rem 0}.home-hero{align-items:start}.home-hero-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.fact-card,.flow-card,.usage-card,.unit-index-card,.start-card,.build-radar-card{padding:1.25rem;border-radius:1.6rem;background:#ffffffdb;border:1px solid rgba(23,33,43,.08);box-shadow:var(--shadow)}.fact-card{display:grid;gap:.45rem}.fact-card span,.unit-index-topline>span:first-child{color:var(--ink-600);font-size:.82rem;font-weight:700}.fact-card strong{font-family:Fraunces,Noto Sans KR,serif;font-size:1.6rem;line-height:1}.fact-card p,.flow-card p,.usage-card p,.unit-index-card p,.start-card p{margin:0;color:var(--ink-800);word-break:keep-all}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.build-radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.1rem}.build-radar-card{display:grid;gap:.7rem}.build-radar-card.is-current{border-color:color-mix(in srgb,var(--teal) 28%,white 72%);background:linear-gradient(180deg,#f4fffcfa,#ecfaf6eb)}.build-radar-top,.unit-index-topline,.card-topline,.card-footline,.course-shell-meta,.unit-status-stack{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.build-radar-label{color:var(--ink-600);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.build-radar-card strong{font-family:Fraunces,Noto Sans KR,serif;font-size:1.35rem;line-height:1.15}.build-radar-card p{margin:0;color:var(--ink-800)}.flow-card{display:grid;gap:.6rem}.flow-card span{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--ink-950);color:#fff;font-weight:800}.flow-card h3,.usage-card h3,.unit-index-card h3,.start-card strong{margin:0;font-family:Fraunces,Noto Sans KR,serif;line-height:1.18}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.usage-card{display:grid;gap:.6rem}.unit-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.unit-index-card{display:grid;gap:1rem}.unit-index-card.is-building{border-color:color-mix(in srgb,var(--teal) 28%,white 72%)}.unit-index-card.is-alpha{border-color:color-mix(in srgb,var(--coral) 28%,white 72%)}.unit-index-card.is-planned{background:#ffffffb8}.unit-index-head{display:grid;gap:.45rem}.unit-index-head strong{font-size:1.35rem}.unit-index-overview{margin:0;color:var(--ink-800)}.unit-item-list{display:grid;gap:.45rem}.unit-status{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;width:fit-content;padding:0 .85rem;border-radius:.95rem;background:#ffffff9e;border:1px solid rgba(23,33,43,.08);color:var(--ink-600);font-size:.88rem;font-weight:700}.unit-action-list{display:flex;flex-wrap:wrap;gap:.6rem}.unit-primary-actions,.quick-access-actions,.start-unit-actions,.lesson-global-actions{display:flex;flex-wrap:wrap;gap:.7rem}.quick-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quick-access-card,.start-unit-group,.lesson-tab-shell,.lesson-global-nav{display:grid;gap:1rem;padding:1.25rem;border-radius:1.6rem;background:#ffffffe0;border:1px solid rgba(23,33,43,.08);box-shadow:var(--shadow)}.quick-access-card.is-building,.unit-jump-card.is-active{border-color:color-mix(in srgb,var(--teal) 28%,white 72%)}.quick-access-card.is-review{border-color:color-mix(in srgb,var(--coral) 28%,white 72%)}.quick-access-head,.start-unit-copy,.lesson-tab-shell-head{display:grid;gap:.45rem}.quick-access-head strong,.start-unit-copy h3{margin:0;font-family:Fraunces,Noto Sans KR,serif;font-size:1.45rem;line-height:1.16}.quick-access-head p,.start-unit-copy p,.lesson-tab-shell-head p{margin:0;color:var(--ink-800)}.quick-access-meta{display:flex;flex-wrap:wrap;gap:.6rem}.start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.start-unit-jump-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.start-unit-jump{display:inline-flex;align-items:center;min-height:2.7rem;padding:0 1rem;border-radius:999px;border:1px solid rgba(23,33,43,.12);background:#ffffffe0;color:var(--ink-900);font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.start-unit-jump:hover,.start-unit-jump:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--coral) 32%,white 68%);box-shadow:0 16px 28px #17212b1a}.start-unit-stack{display:grid;gap:1.1rem}.start-unit-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.start-card{display:grid;gap:.55rem;width:100%;position:relative;overflow:hidden;padding-right:5.5rem;text-align:left;border-color:#17212b24;background:linear-gradient(180deg,#fffffff5,#faf4ecf0);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.start-card:after{content:"열기";position:absolute;top:1.15rem;right:1.1rem;display:inline-flex;align-items:center;justify-content:center;min-width:3.1rem;min-height:2rem;padding:0 .7rem;border-radius:999px;background:var(--ink-950);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.04em;box-shadow:0 12px 24px #17212b29}.start-card:hover,.start-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--coral) 34%,white 66%);box-shadow:0 24px 46px #17212b1f}.card-kicker{color:var(--ink-600);font-size:.84rem;font-weight:700}.course-shell{display:grid;gap:1rem;padding-bottom:1.5rem}.course-shell-copy{display:grid;gap:.7rem}.course-shell-copy h2{margin:0;font-family:Fraunces,Noto Sans KR,serif;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.18;text-wrap:balance}.course-shell-copy p{margin:0;max-width:72ch;color:var(--ink-800)}.lesson-global-nav{gap:1.1rem}.unit-jump-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.unit-jump-card{display:grid;gap:.55rem;width:100%;padding:1rem 1.1rem;border-radius:1.3rem;border:1px solid rgba(23,33,43,.08);background:linear-gradient(180deg,#fffffffa,#f7f1e9f0);text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.unit-jump-card:hover,.unit-jump-card:focus-visible{transform:translateY(-2px);border-color:#17212b2e;box-shadow:0 20px 32px #17212b14}.unit-jump-card strong{font-family:Fraunces,Noto Sans KR,serif;font-size:1.1rem;line-height:1.18}.unit-jump-card p{margin:0;color:var(--ink-700);font-size:.92rem}.unit-jump-card.is-active{background:linear-gradient(180deg,#e5f4f1fa,#d5ece8f0)}.lesson-tab-shell{gap:.9rem}.lesson-tab-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16.5rem,19rem);gap:1rem;overflow-x:auto;padding-bottom:.35rem}.lesson-tab-row::-webkit-scrollbar{height:10px}.lesson-tab-row::-webkit-scrollbar-thumb{background:#17212b2e;border-radius:999px}.lesson-tab{display:grid;gap:.55rem;width:100%;padding:1rem 1.1rem;border-radius:1.3rem;border:1px solid rgba(23,33,43,.08);background:#ffffffe6;text-align:left;box-shadow:var(--shadow);transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.lesson-tab:hover,.lesson-tab:focus-visible{transform:translateY(-2px);border-color:#17212b2e}.lesson-tab.is-active{background:var(--ink-950);color:#fff;border-color:#ffffff1f}.lesson-tab.is-upcoming{background:#ffffff9e;box-shadow:none}.lesson-tab strong{font-size:1.05rem}.lesson-tab p{margin:0;color:var(--ink-800);font-size:.92rem}.lesson-tab.is-active .card-kicker,.lesson-tab.is-active p{color:#ffffffd1}.lesson-tab.is-active .surface-pill{color:#ffffffe6;background:#ffffff14;border-color:#ffffff24}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:2.25rem;align-items:center}.hero-copy{display:grid;gap:1.4rem}.eyebrow,.lane-kicker,.focus-kicker{margin:0;color:var(--coral);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1,.section-heading h2,.course-shell-copy h2,.lane-header h3,.focus-panel h3,.benefit-card h2,.grammar-card h3,.caution-card h3,.practice-card h3,.review-card h3,.scene-detail h3,.idea-card p{margin:0;font-family:Fraunces,Noto Sans KR,serif;font-weight:700;line-height:1.15;word-break:keep-all;text-wrap:balance}.hero h1{font-size:clamp(2.45rem,4.8vw,4.7rem);max-width:17ch;line-height:1.07;letter-spacing:-.02em;text-wrap:balance}.hero-body,.section-heading p,.course-shell-copy p,.lane-header p,.focus-header p,.benefit-card p,.grammar-card p,.caution-card p,.practice-card p,.review-card p,.reference-card p,.reference-empty-card p,.answer-panel span,.scene-detail p,.idea-card p,.lesson-tab p{margin:0;color:var(--ink-800);font-size:1rem;word-break:keep-all}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.2rem;padding:.9rem 1.35rem;border-radius:999px;border:1px solid transparent;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button.primary{background:linear-gradient(180deg,#223140,#17212b);color:#fff;box-shadow:0 14px 36px #17212b29}.button.secondary{background:linear-gradient(180deg,#fffffffa,#f8f3ecf5);border-color:#17212b29;box-shadow:inset 0 1px #ffffffd6,0 12px 24px #17212b14}.hero-meta{display:flex;flex-wrap:wrap;gap:.6rem}.hero-meta span,.watch-pill,.observation-chip,.focus-tags span{display:inline-flex;align-items:center;gap:.45rem;min-height:1.9rem;padding:.1rem .72rem;border-radius:.9rem;background:#ffffff85;border:1px solid rgba(23,33,43,.08);color:var(--ink-800);font-size:.8rem;font-weight:700;box-shadow:none;cursor:default}.hero-meta span:before,.watch-pill:before,.observation-chip:before,.focus-tags span:before,.unit-status:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentColor;opacity:.34}.hero-figure,.benefit-card,.lane-panel,.focus-panel,.grammar-card,.caution-card,.practice-card,.review-card{border-radius:1.75rem;background:#ffffffd6;border:1px solid rgba(23,33,43,.08);box-shadow:var(--shadow)}.hero-figure{margin:0;padding:1.2rem}.hero-figure img,.sequence-figure img,.focus-figure img,.caution-figure img,.review-figure img,.scene-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:clamp(12rem,34vw,28rem);object-fit:contain;margin:0 auto;border-radius:1.2rem;background:linear-gradient(180deg,#f7f4ee,#f3ecdf)}.hero-figure figcaption{margin-top:.8rem;color:var(--ink-600);font-size:.92rem}.benefit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.benefit-card{padding:1.35rem}.benefit-card h2{font-size:1.3rem}.benefit-card p{margin-top:.75rem}.section-heading{display:grid;gap:.7rem;margin-bottom:1.6rem}.section-heading h2{font-size:clamp(2rem,4vw,3.25rem);max-width:18ch}.section-heading p{max-width:72ch}.lane-stack{display:grid;gap:1.25rem}.concept-study-layout{display:grid;grid-template-columns:minmax(0,.58fr) minmax(320px,.42fr);gap:1rem;align-items:start}.concept-focus-rail{display:grid;gap:1rem;position:sticky;top:7.4rem;align-self:start}.focus-rail-copy{display:grid;gap:.7rem;padding:1rem 1.15rem 0}.focus-rail-copy h3{margin:0;font-family:Fraunces,Noto Sans KR,serif;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.16}.focus-rail-copy p:last-child{margin:0;color:var(--ink-800)}.lane-panel{padding:1.25rem}.lane-header{display:grid;gap:1rem}.lane-header h3{font-size:1.9rem}.observation-list{display:flex;flex-wrap:wrap;gap:.65rem}.observation-chip{background:color-mix(in srgb,var(--lane-accent) 12%,white 88%);border-color:color-mix(in srgb,var(--lane-accent) 30%,white 70%);color:var(--ink-950)}.sequence-stack{display:grid;gap:1rem;margin-top:1.25rem}.sequence-card{width:100%;padding:1.1rem;border-radius:1.5rem;border:1px solid rgba(23,33,43,.08);background:#fff;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sequence-card:hover,.sequence-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--lane-accent) 40%,white 60%)}.sequence-card.is-active{border-color:color-mix(in srgb,var(--lane-accent) 72%,white 28%);box-shadow:0 0 0 4px color-mix(in srgb,var(--lane-accent) 12%,white 88%)}.sequence-layout{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:1.25rem;align-items:center}.sequence-layout.is-reversed .sequence-copy{order:2}.sequence-layout.is-reversed .sequence-figure{order:1}.sequence-copy{display:grid;gap:.9rem}.sequence-copy-top{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.sequence-copy-top span{color:var(--ink-600);font-size:.85rem;font-weight:700}.sequence-copy-top strong{color:var(--lane-accent);font-size:.9rem}.sequence-copy h4{margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.18}.watch-list{display:flex;flex-wrap:wrap;gap:.55rem}.watch-pill{background:#fff9f0e6}.sequence-figure,.focus-figure,.caution-figure,.review-figure,.scene-figure,.frame-card{margin:0}.sequence-figure,.focus-figure,.caution-figure,.review-figure,.scene-figure{display:grid;place-items:center;padding:1rem;border-radius:1.35rem;background:linear-gradient(180deg,#f8f4ed,#f3eadc)}.focus-panel{padding:1.35rem}.focus-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.focus-header h3{font-size:clamp(2rem,4vw,3rem)}.focus-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.focus-tags span{background:color-mix(in srgb,var(--lane-accent) 10%,white 90%);border-color:color-mix(in srgb,var(--lane-accent) 28%,white 72%)}.focus-layout{display:grid;grid-template-columns:minmax(0,.66fr) minmax(280px,.34fr);gap:1rem;margin-top:1rem;align-items:start}.focus-notes{display:grid;gap:.85rem}.focus-note{padding:1rem;border-radius:1.15rem;background:var(--paper-100);border:1px solid rgba(23,33,43,.08)}.focus-note span{display:block;color:var(--lane-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.focus-note p{margin:.45rem 0 0;color:var(--ink-800)}.frame-strip{display:flex;gap:.9rem;margin-top:1.15rem;padding-bottom:.25rem;overflow-x:auto}.frame-strip::-webkit-scrollbar{height:10px}.frame-strip::-webkit-scrollbar-thumb{background:#17212b2e;border-radius:999px}.frame-card{flex:0 0 auto;padding:.7rem;border-radius:1.15rem;background:#fff;border:1px solid rgba(23,33,43,.08)}.frame-card img{display:block;width:auto;height:clamp(8rem,18vw,12rem);border-radius:.85rem;background:#fff}.frame-card figcaption{margin-top:.55rem;color:var(--ink-600);font-size:.82rem;text-align:center}.grammar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grammar-card,.practice-card,.review-card{padding:1.3rem}.grammar-card h3,.practice-card h3,.review-card h3{font-size:1.45rem}.grammar-card p,.practice-card p,.review-card p{margin-top:.7rem}.caution-grid{display:grid;gap:1rem;margin-top:1rem}.caution-card{display:grid;grid-template-columns:minmax(0,.56fr) minmax(220px,.44fr);gap:1rem;padding:1.2rem;align-items:center}.caution-copy{display:grid;gap:.75rem;align-content:center}.caution-figure img{max-height:18rem}.workshop-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.workshop-step-card,.rehearsal-panel,.rehearsal-selector,.studio-scene-panel,.studio-side-panel,.routine-list-card,.routine-coach-card{border-radius:1.75rem;background:#ffffffdb;border:1px solid rgba(23,33,43,.08);box-shadow:var(--shadow)}.workshop-step-card{display:grid;gap:.85rem;padding:1.2rem}.workshop-step-top{display:grid;gap:.6rem}.workshop-step-top span,.routine-item span{display:inline-flex;align-items:center;justify-content:center;min-width:2.65rem;min-height:2.65rem;width:fit-content;border-radius:999px;background:var(--ink-950);color:#fff;font-size:.88rem;font-weight:800}.workshop-step-top strong,.rehearsal-panel h3,.rehearsal-selector h3,.studio-side-panel h3,.routine-coach-card h3,.routine-item strong{margin:0;font-family:Fraunces,Noto Sans KR,serif;line-height:1.18;word-break:keep-all;text-wrap:balance}.workshop-step-card p,.rehearsal-panel p,.rehearsal-selector p,.studio-side-panel p,.routine-list-card p,.routine-coach-card p{margin:0;color:var(--ink-800);word-break:keep-all}.rehearsal-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:1rem}.rehearsal-panel,.rehearsal-selector,.studio-scene-panel,.studio-side-panel,.routine-list-card,.routine-coach-card{display:grid;gap:1rem;padding:1.25rem}.rehearsal-panel{border-color:color-mix(in srgb,var(--lane-accent) 24%,white 76%)}.rehearsal-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.rehearsal-main,.routine-board,.speaking-studio{display:grid;gap:1rem}.rehearsal-main{grid-template-columns:minmax(0,.56fr) minmax(0,.44fr);align-items:center}.rehearsal-selector-copy{display:grid;gap:.7rem}.example-pick-list{display:grid;gap:.75rem}.example-pick,.scene-pick{width:100%;padding:.9rem;border-radius:1.3rem;border:1px solid rgba(23,33,43,.08);background:#fff;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.example-pick:hover,.example-pick:focus-visible,.scene-pick:hover,.scene-pick:focus-visible{transform:translateY(-2px);border-color:#17212b2e}.example-pick.is-active{border-color:color-mix(in srgb,var(--coral) 42%,white 58%);box-shadow:0 0 0 4px color-mix(in srgb,var(--coral) 12%,white 88%)}.example-pick span{color:var(--ink-600);font-size:.82rem;font-weight:700}.example-pick strong{display:block;margin-top:.35rem;color:var(--coral);font-size:.96rem}.example-pick p{margin-top:.55rem}.speaking-studio{grid-template-columns:minmax(0,.54fr) minmax(0,.46fr)}.studio-scene-panel{align-content:start}.scene-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.scene-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;align-items:stretch}.scene-pick.is-active{border-color:color-mix(in srgb,var(--coral) 42%,white 58%);box-shadow:0 0 0 4px color-mix(in srgb,var(--coral) 12%,white 88%)}.scene-pick.is-text-only{align-content:start;min-height:10rem;background:linear-gradient(180deg,#fffcf7fa,#f5efe8eb)}.scene-copy{display:grid;gap:.25rem;margin-top:.8rem}.scene-pick.is-text-only .scene-copy{margin-top:0}.scene-copy span{color:var(--ink-600);font-size:.82rem;font-weight:700}.scene-copy strong{font-size:1rem}.scene-copy p{margin:.3rem 0 0;color:var(--ink-800);font-size:.9rem}.studio-scene-figure{margin:0;position:relative}.studio-scene-figure img{display:block;width:100%;max-width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:1.1rem;background:linear-gradient(180deg,#f7f4ee,#f3ecdf)}.studio-scene-figure.is-scene-panel{box-shadow:inset 0 4px #7a6f5a3d}.scene-text-panel{display:grid;align-content:start;min-height:100%;padding:1.05rem;border-radius:1.2rem;background:linear-gradient(180deg,#fffcf7fa,#f5efe8eb);border:1px solid rgba(23,33,43,.08)}.scene-text-panel-copy{display:grid;gap:.8rem}.scene-text-panel-copy strong{font-family:Fraunces,Noto Sans KR,serif;font-size:1.45rem;line-height:1.16}.scene-text-panel-copy p{margin:0;color:var(--ink-800)}.studio-scene-figure.is-reference-panel,.reference-empty-card.is-reference-panel{box-shadow:inset 0 4px #0f766e42}.studio-scene-figure.is-reference-panel.is-adjacent{box-shadow:inset 0 4px #b8851f57}.studio-scene-figure.is-reference-panel{background:linear-gradient(180deg,#e9f6f2f2,#ffffffeb 38%,#f3eadce0)}.studio-scene-figure.is-reference-panel.is-adjacent{background:linear-gradient(180deg,#fff6e0f5,#ffffffeb 38%,#f3eadce0)}.studio-scene-figure figcaption{margin-top:.6rem;color:var(--ink-600);font-size:.84rem}.reference-empty-card,.reference-card{display:grid;gap:.9rem;padding:1rem;border-radius:1.2rem;background:#ffffffd6;border:1px solid rgba(23,33,43,.08)}.reference-empty-card{place-content:center;min-height:100%;background:linear-gradient(180deg,#faf6ef,#f4ecdf)}.reference-empty-card.is-reference-panel{background:linear-gradient(180deg,#f2f0ebf5,#faf6effa)}.reference-empty-card strong{font-size:1.05rem}.scene-media-note{margin:0;color:var(--ink-800);font-size:.96rem;word-break:keep-all}.studio-scene-figure img{max-height:24rem}.reference-section{display:grid;gap:.9rem}.reference-section-copy{display:grid;gap:.45rem}.reference-section-copy h4,.reference-card h4{margin:0;font-size:1.12rem;line-height:1.3}.reference-stack{display:grid;gap:.8rem}.reference-card{grid-template-columns:minmax(0,.58fr) minmax(220px,.42fr);align-items:center}.reference-card.is-exact{border-color:color-mix(in srgb,var(--teal) 28%,white 72%)}.reference-card.is-adjacent{border-color:color-mix(in srgb,var(--gold) 32%,white 68%)}.reference-card.is-temporary{border-color:color-mix(in srgb,var(--coral) 34%,white 66%);background:linear-gradient(180deg,#fff6f2fa,#ffffffe6)}.reference-card-copy{display:grid;gap:.7rem}.reference-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;align-items:center}.reference-card-top strong{color:var(--ink-600);font-size:.83rem}.reference-badge{display:inline-flex;align-items:center;min-height:2rem;padding:0 .8rem;border-radius:999px;border:1px solid rgba(23,33,43,.08);background:#fff;font-size:.82rem;font-weight:700}.reference-badge.is-exact{background:color-mix(in srgb,var(--teal) 12%,white 88%);border-color:color-mix(in srgb,var(--teal) 28%,white 72%);color:#0d655e}.reference-badge.is-adjacent{background:color-mix(in srgb,var(--gold) 12%,white 88%);border-color:color-mix(in srgb,var(--gold) 30%,white 70%);color:#7b5513}.reference-badge.is-temporary{background:color-mix(in srgb,var(--coral) 12%,white 88%);border-color:color-mix(in srgb,var(--coral) 30%,white 70%);color:#9d422f}.reference-badge.is-empty{background:color-mix(in srgb,var(--ink-950) 7%,white 93%)}.reference-card-figure{margin:0;padding:.85rem;border-radius:1.1rem;background:linear-gradient(180deg,#f8f4ed,#f3eadc)}.reference-card-figure img{display:block;width:100%;height:auto;max-height:14rem;margin:0 auto;object-fit:contain;border-radius:.9rem}.voice-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.scene-detail-copy{display:grid;gap:.75rem}.voice-switch-card,.coach-item{display:grid;gap:.55rem;padding:.9rem .95rem;border-radius:1rem;background:var(--paper-100);border:1px solid rgba(23,33,43,.08)}.voice-switch-card span{color:var(--ink-600);font-size:.82rem;font-weight:700}.idea-list{display:grid;gap:.75rem}.idea-card{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;align-items:start;padding:.85rem .95rem;border-radius:1rem;background:var(--paper-100);border:1px solid rgba(23,33,43,.08)}.idea-card strong{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;min-height:2.2rem;border-radius:50%;background:var(--ink-950);color:#fff;font-size:.9rem}.routine-board{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.routine-item{display:grid;grid-template-columns:2.9rem minmax(0,1fr);gap:.9rem;align-items:start}.coach-checklist{display:grid;gap:.75rem}.coach-item{grid-template-columns:2.2rem minmax(0,1fr);align-items:start}.coach-item strong{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;min-height:2.2rem;border-radius:50%;background:var(--ink-950);color:#fff;font-size:.9rem}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.review-card{display:grid;align-content:start;gap:.9rem}.review-top{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.review-top span{color:var(--ink-600);font-size:.85rem;font-weight:700}.review-top strong{color:var(--coral);font-size:.88rem}.review-options{display:grid;gap:.6rem}.review-option{display:flex;width:100%;align-items:center;gap:.8rem;padding:.8rem .9rem;border-radius:1rem;background:var(--paper-100);border:1px solid rgba(23,33,43,.08);text-align:left;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.review-option:hover,.review-option:focus-visible{transform:translateY(-1px);border-color:#17212b2e}.review-option.is-selected{background:#fff;border-color:#17212b3d}.review-option.is-correct{background:color-mix(in srgb,var(--teal) 10%,white 90%);border-color:color-mix(in srgb,var(--teal) 38%,white 62%)}.review-option.is-wrong{background:color-mix(in srgb,var(--coral) 10%,white 90%);border-color:color-mix(in srgb,var(--coral) 38%,white 62%)}.review-option-number{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border-radius:999px;background:var(--ink-950);color:#fff;font-size:.86rem;font-weight:800}.review-option-text{flex:1;word-break:keep-all}.button.tertiary{width:fit-content;background:linear-gradient(180deg,#fffffffa,#f8f3ecf5);border-color:#17212b29;box-shadow:inset 0 1px #ffffffd6,0 10px 20px #17212b0f}.review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.result-pill{display:inline-flex;align-items:center;min-height:2.45rem;padding:0 .85rem;border-radius:999px;border:1px solid rgba(23,33,43,.1);font-size:.86rem;font-weight:700}.result-pill.is-correct{background:color-mix(in srgb,var(--teal) 10%,white 90%);border-color:color-mix(in srgb,var(--teal) 34%,white 66%);color:var(--teal)}.result-pill.is-wrong{background:color-mix(in srgb,var(--coral) 10%,white 90%);border-color:color-mix(in srgb,var(--coral) 34%,white 66%);color:#a33e2a}.result-pill.is-neutral{background:#ffffffd1;color:var(--ink-800)}.answer-panel{padding:1rem;border-radius:1.1rem;background:color-mix(in srgb,var(--teal) 10%,white 90%);border:1px solid color-mix(in srgb,var(--teal) 24%,white 76%)}.answer-panel strong{display:block;font-size:.9rem}.answer-panel p{margin:.45rem 0 .4rem;color:var(--ink-950);font-weight:700}.lesson-footer-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0 4rem}button:disabled{cursor:default;opacity:.52;transform:none}@media(max-width:1080px){.hero,.concept-study-layout,.focus-layout,.caution-card,.rehearsal-layout,.rehearsal-main,.speaking-studio,.routine-board{grid-template-columns:1fr}.benefit-strip,.grammar-grid,.review-grid,.flow-grid,.build-radar-grid,.quick-access-grid,.workshop-step-grid,.scene-picker-grid,.voice-switch-grid,.scene-media-grid,.unit-jump-strip{grid-template-columns:1fr 1fr}.lesson-tab-row{grid-auto-columns:minmax(15rem,74vw)}.sequence-layout,.reference-card{grid-template-columns:1fr}.sequence-layout.is-reversed .sequence-copy,.sequence-layout.is-reversed .sequence-figure{order:initial}.concept-focus-rail{position:static}}@media(max-width:720px){.topbar{flex-direction:column;align-items:start}.topnav{width:100%}.section,.alpha-banner,.site-footer{width:min(100% - 1.25rem,1180px)}.hero,.examples,.focus,.grammar,.workshop-setup,.rehearsal,.prompt,.practice-routine,.practice{padding:2.6rem 0}.hero h1,.section-heading h2,.lane-header h3,.focus-header h3{max-width:none}.benefit-strip,.home-hero-panel,.grammar-grid,.review-grid,.usage-grid,.unit-index-grid,.start-grid,.quick-access-grid,.unit-jump-strip,.flow-grid,.build-radar-grid,.workshop-step-grid,.scene-picker-grid,.voice-switch-grid,.routine-board,.scene-media-grid{grid-template-columns:1fr}.lesson-tab-row{grid-auto-columns:minmax(15rem,calc(100vw - 2.5rem))}.focus-header,.rehearsal-panel-head{flex-direction:column}.focus-tags{justify-content:start}.frame-card img{height:7.25rem}.lesson-footer-nav,.start-unit-head{flex-direction:column}.site-footer-inner{align-items:start}}