:root{--grey-0: #ffffff;--grey-100: #f7f8fa;--grey-200: #eef0f3;--grey-300: #e1e4e9;--grey-400: #c7ccd3;--grey-500: #9099a4;--grey-600: #5f6772;--grey-700: #3f4651;--grey-800: #22262e;--grey-900: #0f1218;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-ui);--r-sm: 8px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--ease: cubic-bezier(.2, .7, .2, 1)}:root,:root[data-theme=light]{--bg: #fbfbfd;--bg-deep: var(--grey-100);--panel: #ffffff;--panel-hi: #ffffff;--ink: var(--grey-900);--ink-mid: var(--grey-700);--ink-soft: var(--grey-600);--ink-faint: var(--grey-500);--border: var(--grey-200);--border-strong: var(--grey-300);--accent: #8e6bff;--accent-ink: #6f4fe0;--accent-soft: rgba(142, 107, 255, .1);--accent-ring: rgba(142, 107, 255, .16);--success: #1eb36b;--warning: #c98a13;--error: #e0392c;--shadow-card: 0 1px 2px rgba(15, 18, 24, .04), 0 6px 16px -6px rgba(15, 18, 24, .08);--shadow-pop: 0 1px 2px rgba(15, 18, 24, .06), 0 12px 28px -8px rgba(15, 18, 24, .14);--shadow-chip: 0 1px 2px rgba(15, 18, 24, .1);--tint: 15, 18, 24}:root[data-theme=dark]{--bg: #0a0c11;--bg-deep: #0c0f15;--panel: #13161d;--panel-hi: #191d26;--ink: #f2f4f7;--ink-mid: #c4cbd4;--ink-soft: #9aa2ad;--ink-faint: #6b7480;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--accent: #a586ff;--accent-ink: #bda3ff;--accent-soft: rgba(165, 134, 255, .14);--accent-ring: rgba(165, 134, 255, .22);--success: #34d08a;--warning: #f5a524;--error: #ff6257;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 26px -10px rgba(0, 0, 0, .6);--shadow-pop: 0 2px 6px rgba(0, 0, 0, .5), 0 18px 40px -12px rgba(0, 0, 0, .7);--shadow-chip: 0 1px 2px rgba(0, 0, 0, .5);--tint: 0, 0, 0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:15px;color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01";transition:background-color .3s var(--ease),color .3s var(--ease)}.app{display:grid;grid-template-columns:var(--sidebar-w, 304px) 1fr;height:100%}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.entry__num,.phrase__num,.lesson__no,.task__num,.block__count{font-variant-numeric:tabular-nums;letter-spacing:0}.sidebar{position:relative;display:flex;flex-direction:column;padding:22px 16px 16px;background:var(--bg-deep);border-right:1px solid var(--border);overflow-y:auto}.resizer{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;z-index:6;touch-action:none}.resizer:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:transparent;transition:background .15s}.resizer:hover:after,.resizer:focus-visible:after,body.is-resizing .resizer:after{background:var(--accent)}.resizer:focus-visible{outline:none}.masthead{margin-bottom:20px}.masthead__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.masthead__name{font-family:var(--font-display);font-weight:800;font-size:25px;letter-spacing:-.03em;line-height:1;color:var(--ink)}.masthead__sub{margin:10px 0 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;padding:0;color:var(--ink-soft);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow-chip);transition:color .15s,border-color .15s,transform .15s var(--ease),background .15s}.theme-toggle:hover{color:var(--accent-ink);border-color:var(--border-strong)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle__icon{width:17px;height:17px;display:grid;place-items:center}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;margin-bottom:16px;background:var(--grey-200);border-radius:var(--r-md)}:root[data-theme=dark] .tabs{background:#ffffff0d}.tab{padding:7px 6px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.tab:hover{color:var(--ink)}.tab--active{color:var(--ink);background:var(--panel);box-shadow:var(--shadow-chip)}.search{position:relative;display:block;margin-bottom:20px}.search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--ink-faint);stroke-width:2;stroke-linecap:round}.search__input{width:100%;padding:10px 14px 10px 36px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color .15s,box-shadow .15s}.search__input::placeholder{color:var(--ink-faint)}.search__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.contents__label{display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:0 6px 8px;margin-bottom:4px}.contents{display:flex;flex-direction:column;flex:1;gap:1px}.entry{display:grid;grid-template-columns:22px 20px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;font:inherit;color:var(--ink-mid);transition:background .14s,color .14s,border-color .14s}.entry:hover{background:var(--panel);color:var(--ink)}.entry__num{font-size:11.5px;color:var(--ink-faint)}.entry__icon{width:18px;height:18px;color:var(--ink-faint);display:grid;place-items:center}.entry__title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry--active{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow-card)}.entry--active .entry__num,.entry--active .entry__icon{color:var(--accent-ink)}.entry--active .entry__title{font-weight:600;color:var(--ink)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot--beginner{background:var(--success)}.dot--intermediate{background:var(--warning)}.dot--advanced{background:var(--error)}.contents__empty{font-size:13px;color:var(--ink-soft);padding:14px 6px}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--ink-soft)}.legend span{display:inline-flex;align-items:center;gap:6px}.sidebar__foot{margin:14px 0 4px;padding:0 4px;font-size:12px;line-height:1.5;color:var(--ink-faint)}.sidebar__foot strong{font-weight:600;color:var(--accent-ink)}.stage{overflow-y:auto;padding:56px clamp(28px,7vw,100px)}.lesson{max-width:680px;margin:0 auto;animation:rise .5s var(--ease) both}.lesson__meta{display:flex;align-items:center;gap:14px;margin-bottom:26px}.lesson__no{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.lesson__rule{flex:1;height:1px;background:var(--border)}.lesson__level{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dot-text{display:inline-flex;align-items:center;gap:7px}.dot-text:before{content:"";width:7px;height:7px;border-radius:50%}.dot-text--beginner:before{background:var(--success)}.dot-text--intermediate:before{background:var(--warning)}.dot-text--advanced:before{background:var(--error)}.dot-text--beginner{color:var(--success)}.dot-text--intermediate{color:var(--warning)}.dot-text--advanced{color:var(--error)}.lesson__head{margin-bottom:28px}.lesson__icon{display:grid;place-items:center;width:44px;height:44px;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-md);margin-bottom:18px}.lesson__icon svg{width:24px;height:24px}.lesson__title{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,44px);line-height:1.04;letter-spacing:-.03em;margin:0 0 12px;color:var(--ink)}.lesson__blurb{margin:0;font-size:17px;line-height:1.5;color:var(--ink-soft);max-width:48ch}.lesson__tip{margin:24px 0 40px;padding:14px 18px;font-size:14px;line-height:1.55;color:var(--ink-mid);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.lesson__tip-label{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-right:10px}.lesson__tip--prompt{font-size:16px;color:var(--ink);border-color:var(--border)}.lesson__tip--prompt .lesson__tip-label{color:var(--accent-ink)}.model{padding:24px 26px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);animation:fade .45s ease both}.model__p{margin:0 0 16px;font-size:17px;line-height:1.65;color:var(--ink-mid)}.model__p:last-child{margin-bottom:0}.block{margin-bottom:44px}.block--last{margin-bottom:24px}.block__title{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding-bottom:10px;margin:0 0 18px;border-bottom:1px solid var(--border)}.block__count{font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--ink-faint)}.script{position:relative;display:flex;flex-direction:column;gap:14px;padding:4px 0}.script__head{display:grid;grid-template-columns:1fr 1fr;margin-bottom:6px}.script__head span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.script__head .is-you{text-align:right;color:var(--accent-ink)}.cue{position:relative;display:flex;flex-direction:column;max-width:78%;animation:fade .45s ease both}.cue--me{align-self:flex-end;align-items:flex-end}.cue__who{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 4px 5px}.cue--me .cue__who{color:var(--accent-ink)}.cue__line{margin:0;padding:11px 15px;font-size:15px;line-height:1.5;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:4px 14px 14px;box-shadow:var(--shadow-card)}.cue--me .cue__line{background:var(--accent-soft);border-color:transparent;border-radius:14px 4px 14px 14px;color:var(--ink);box-shadow:none}.vocab{margin:0}.vocab__row{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:13px 4px;border-bottom:1px solid var(--border);animation:fade .45s ease both}.vocab__word{font-weight:600;font-size:15px;color:var(--ink)}.vocab__meaning{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}.notes{list-style:none;margin:0;padding:0}.note{position:relative;display:grid;grid-template-columns:20px 1fr;gap:12px;padding:11px 0;font-size:14.5px;line-height:1.55;color:var(--ink-mid);border-bottom:1px solid var(--border);animation:fade .45s ease both}.note:last-child{border-bottom:none}.note__tick{margin-top:6px;width:9px;height:9px;border:2px solid var(--success);border-top:none;border-right:none;transform:rotate(-45deg)}.practice{list-style:none;margin:0;padding:0;display:grid;gap:8px}.task{display:grid;grid-template-columns:26px 1fr;align-items:start;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);font-size:14.5px;line-height:1.5;color:var(--ink-mid);box-shadow:var(--shadow-card);animation:fade .45s ease both}.task__num{font-size:12px;font-weight:600;color:var(--accent-ink);padding-top:1px}.phrases{list-style:none;margin:0;padding:0}.phrase{display:grid;grid-template-columns:28px 1fr;align-items:baseline;gap:10px;padding:12px 8px;border-radius:var(--r-md);border-bottom:1px solid var(--border);animation:fade .45s ease both;transition:background .15s,padding-left .15s}.phrase:hover{background:var(--panel)}.phrase__num{display:inline-grid;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-pill)}.phrase__text{font-size:16px;line-height:1.4;color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:46vh}.resizer{display:none}.stage{padding:36px 24px}.cue{max-width:88%}.vocab__row{grid-template-columns:1fr;gap:3px}}.sidebar::-webkit-scrollbar,.stage::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb,.stage::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:var(--r-pill)}.sidebar::-webkit-scrollbar-thumb{border-color:var(--bg-deep)}.sidebar::-webkit-scrollbar-thumb:hover,.stage::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}