@layer tokens,base,layout,exercises,media;@font-face{font-family:Playbook Rounded;src:local("SFProRounded-Regular"),local("SF Pro Rounded Regular");font-weight:400;font-display:swap}@font-face{font-family:Playbook Rounded;src:local("SFProRounded-Semibold"),local("SF Pro Rounded Semibold");font-weight:600;font-display:swap}@layer tokens{:root{--content-width: 720px;--navigation-width: 264px;--navigation-trigger-size: 48px;--avatar-size: 28px;--recorder-control-size: 48px;--font: "Playbook Rounded", "SF Pro Rounded", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--type-body: 400 16px/1.5 var(--font);--type-caption: 400 14px/1.5 var(--font);--type-heading: 600 20px/1.5 var(--font);--weight-strong: 600;--surface-control: #f3f3f4;--surface-hover: #ebebed;--surface-selected: #e3e2e7;--ink: #36343b;--muted: #716e78;--accent: #635b70;--accent-soft: #e7e4ec;--line: #d8d6de;--surface: #fff;--page: #fff;--action-bg: #36343b;--action-text: #fff;--focus: #93849e;--backdrop: #29213526;--video-overlay: #16082112;--video-play: #f3f3f4ee;--error: #9b463b;--surface-video: #000;--surface-postscript: #edf2e9;--segment-track: #fff;--segment-thumb: #171718;--segment-text: #fff;--segment-inset: inset 0 2px 5px #25302014, inset 0 0 0 1px #25302008;--segment-shadow: 0 2px 4px #00000020, 0 5px 10px -4px #00000040;--recording-indicator: #c54a42;--on-video: #a8a8ad;--flashcard-peach: #f7dcd1;--flashcard-blue: #dce9f5;--flashcard-purple: #e8dff6;--flashcard-green: #e2edcf;--flashcard-yellow: #f8e7ba;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--card-shadow: 0 2px 3px -1px rgb(30 22 42 / 2.5%), 0 8px 18px -6px rgb(30 22 42 / 4%), 0 24px 48px -14px rgb(30 22 42 / 7%)}}@layer base{*{box-sizing:border-box}html{scroll-padding-top:var(--space-7)}body{margin:0;background:var(--page);color:var(--ink);font:var(--type-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,input,textarea,select{outline:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px}h1,h2,p,figure{margin:0}h1,h2{font:var(--type-heading)}.column-label,.exercise-number,.menu-number,.sentence-list li::marker,.interaction-hint,.match-letter,.match-end,.word-bank-heading>span:last-child,.dialogue-label,.speaker-name,.question-number,.choice-marker,.writing-footer,.recorder-time,.recorder-times,.audio-time,.media-error,.video-placeholder small,.video-player figcaption,.flashcard-caption{font:var(--type-caption)}.match-option.word,strong{font-weight:var(--weight-strong)}s{color:var(--muted);text-decoration-thickness:1px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}::selection{background:var(--surface-selected)}.sr-only{position:absolute;width:1px;height:1px;margin:calc(-1 * var(--space-1));padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--action-text);border-radius:var(--radius-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{border:0;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--surface-control)}.button.primary{background:var(--action-bg);color:var(--action-text)}.button.primary:hover{opacity:.88}.text-button{border:0;padding:var(--space-1) 0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:var(--space-1)}.text-button:hover:enabled{color:var(--ink)}.text-button:disabled{opacity:.35}.column-label{color:var(--muted)}}@layer layout{.lesson{width:min(var(--content-width),calc(100% - 2 * var(--space-6)));margin:0 auto;padding:var(--space-9) 0 var(--space-10)}.card{background:var(--surface);box-shadow:var(--card-shadow);border:0;border-radius:var(--radius-xl);padding:var(--space-7) var(--space-7);margin-bottom:var(--space-8)}.exercise{scroll-margin-top:var(--space-7)}.exercise-header{margin-bottom:var(--space-6)}.exercise-number{display:block;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:var(--space-4)}.extra-copy{white-space:pre-line;margin-top:var(--space-5)}.lesson-postscript{background:var(--surface-postscript);border-radius:var(--radius-xl);padding:var(--space-7);margin:var(--space-10) 0 var(--space-8)}.lesson-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-1);color:var(--muted)}.lesson-footer a{display:inline-flex;align-items:center;gap:var(--space-2)}.footer-next{justify-self:end;color:var(--ink)}.footer-previous{justify-self:start}.lesson-footer a:hover{color:var(--accent)}.back-icon{display:inline-flex;transform:rotate(180deg)}.icon-button{width:34px;height:34px;border:0;background:var(--surface-control);border-radius:var(--radius-full);display:grid;place-items:center}.quick-lessons{position:fixed;z-index:10;left:var(--space-5);top:50%;transform:translateY(-50%)}.quick-lessons-trigger{display:grid;place-items:center;width:var(--navigation-trigger-size);height:var(--navigation-trigger-size);border:0;border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--card-shadow);color:var(--muted);transition:color .16s,background .16s}.quick-lessons-trigger:hover,.quick-lessons-trigger[aria-expanded=true]{color:var(--ink);background:var(--surface-control)}.quick-lessons-panel{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:var(--navigation-width);padding-left:var(--space-3)}.quick-lessons-list{display:grid;gap:var(--space-1);max-height:calc(100dvh - 2 * var(--space-5));overflow-y:auto;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--card-shadow);animation:navigation-appear .18s ease-out}.quick-lessons-list a{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.quick-lessons-list a:hover{background:var(--surface-hover)}.quick-lessons-list a[aria-current=page]{background:var(--surface-selected);font-weight:var(--weight-strong)}@keyframes navigation-appear{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}.menu-number{color:var(--muted);font-variant-numeric:tabular-nums}.not-found h1{margin-bottom:var(--space-5)}}@layer exercises{.sentence-list{margin:0;padding-left:var(--space-5)}.sentence-list li{padding-left:var(--space-2);margin-bottom:var(--space-4)}.sentence-list li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.sentence-list li:last-child{margin-bottom:0}.matching-board{margin-top:var(--space-5);display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-4);row-gap:var(--space-3)}.matching-board .column-label{margin-bottom:var(--space-1)}.match-option{border:0;border-radius:var(--radius-md);min-height:82px;background:var(--surface-control);display:flex;align-items:center;gap:var(--space-2);text-align:left;padding:var(--space-4) var(--space-3);transition:background .15s}.match-option:hover{background:var(--surface-hover)}.match-option.is-active{outline:2px solid var(--focus);outline-offset:2px}.match-option.is-paired{background:var(--surface-selected)}.match-letter{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;color:var(--muted)}.match-end{color:var(--muted);margin-left:auto}.exercise-tools{display:flex;justify-content:flex-end;margin-top:var(--space-5);min-height:22px}.gap-list li{margin-bottom:var(--space-4)}.inline-passage{white-space:pre-line;overflow-wrap:break-word}.gap-input,.gap-select,.gap-slot{display:inline-block;max-width:100%;min-width:68px;height:36px;border:0;border-radius:var(--radius-sm);background:var(--surface-control);padding:var(--space-1) var(--space-2);margin:var(--space-1) var(--space-1);color:var(--accent);vertical-align:baseline}.gap-input{text-align:center}.gap-input::placeholder{color:var(--muted)}.gap-select{min-width:138px;padding-right:var(--space-2);max-width:265px;cursor:pointer}.gap-select:not(.has-value){color:var(--muted)}.gap-slot{min-width:0;width:min(var(--gap-width, 12ch),100%);height:auto;min-height:36px;text-align:center}.gap-slot.filled{background:var(--surface-selected)}.gap-slot.is-active{outline:2px solid var(--focus);outline-offset:2px}.gap-remove{margin-left:var(--space-2);color:var(--muted)}.word-bank{border:0;background:transparent;padding:0 0 var(--space-4);margin-bottom:var(--space-5)}.word-bank-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.word-bank-heading>span:last-child{color:var(--muted)}.word-bank-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.word-chip{padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:var(--surface-control);color:var(--muted)}.word-chip:hover:enabled,.word-chip.selected{background:var(--surface-selected)}.word-chip:disabled{opacity:.32;text-decoration:line-through}.dialogue-list{list-style:none;margin:var(--space-7) 0 0;padding:0}.dialogue-list>li{margin:0 0 var(--space-9)}.dialogue-list>li:last-child{margin-bottom:0}.dialogue-label{display:block;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:var(--space-5)}.conversation{display:flex;flex-direction:column;gap:var(--space-5)}.dialogue-turn{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.speaker-signature{order:1;display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-3)}.character-avatar{flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);overflow:hidden;background:var(--surface-control);color:var(--muted)}.character-avatar img{width:100%;height:100%;object-fit:cover;display:block}.character-avatar svg{width:100%;height:100%;padding:var(--space-1)}.speaker-name{color:var(--muted)}.speech-bubble{width:fit-content;max-width:100%;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:var(--surface-control);white-space:pre-line;overflow-wrap:anywhere}.speech-bubble .gap-input,.speech-bubble .gap-slot{background:var(--surface-selected)}.dialogue-answer-line{margin:var(--space-1) var(--space-4) 0}.choice-questions{display:grid;gap:var(--space-6)}.choice-questions legend{margin-bottom:var(--space-4)}.question-number{color:var(--muted);margin-right:var(--space-2)}.choice-options{display:grid;gap:var(--space-3)}.choice-option{background:var(--surface-control);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);position:relative;transition:background .15s}.choice-option:hover{background:var(--surface-hover)}.choice-option.selected{background:var(--surface-selected);color:var(--muted)}.choice-option input,.binary-options input{position:absolute;opacity:0;width:1px;height:1px}.choice-marker{display:grid;place-items:center;width:22px;height:22px;color:var(--muted);flex-shrink:0}.opinion .choice-options{grid-template-columns:repeat(3,minmax(0,1fr))}.opinion .choice-option{padding:var(--space-3) var(--space-2);gap:var(--space-1)}.true-false-list{display:grid;gap:var(--space-5);margin-top:var(--space-6)}.true-false-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);border:0}.true-false-row p{flex:1}.binary-options{display:flex;background:var(--surface-control);border:0;border-radius:var(--radius-md);padding:var(--space-1);flex-shrink:0;gap:var(--space-1)}.binary-options label{position:relative;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--muted)}.binary-options label:hover,.binary-options label.selected{background:var(--surface-selected);color:var(--muted)}.writing-questions{display:grid;gap:var(--space-7)}.writing-label{display:block;margin-bottom:var(--space-4)}.writing-field{border:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-control)}.writing-field textarea{width:100%;display:block;border:0;resize:vertical;background:transparent;padding:var(--space-5);min-height:175px}.writing-field textarea:focus-visible{outline-offset:-3px}.writing-field textarea::placeholder{color:var(--muted)}.writing-footer{display:flex;justify-content:flex-end;padding:var(--space-2) var(--space-5) var(--space-4);color:var(--muted)}.speaking-prompt{margin-bottom:var(--space-6)}.recorder{display:flex;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-control)}.recorder-primary,.recorder-reset{display:flex;align-items:center;justify-content:center;flex:0 0 var(--recorder-control-size);height:var(--recorder-control-size);border:0;padding:0;border-radius:var(--radius-full);background:transparent}.recorder-primary{gap:var(--space-4)}.recorder[data-state=idle] .recorder-primary{flex:1;justify-content:flex-start}.recorder-knob{display:grid;place-items:center;flex:0 0 var(--recorder-control-size);height:var(--recorder-control-size);background:var(--action-bg);color:var(--action-text);border-radius:var(--radius-full)}.recorder-primary:disabled{opacity:.4}.recorder-reset{background:transparent;color:var(--muted)}.recorder-reset:hover{background:var(--surface-hover);color:var(--ink)}.recorder-content{flex:1;min-width:0}.recorder-live,.recorder-times{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.recorder-time,.recorder-times{font-variant-numeric:tabular-nums}.recorder-times{color:var(--muted);margin-bottom:var(--space-2)}.recording-dot{width:var(--space-2);height:var(--space-2);background:var(--recording-indicator);border-radius:var(--radius-full);animation:recording-pulse 1.2s ease-in-out infinite alternate}@keyframes recording-pulse{0%{opacity:.35}to{opacity:1}}}@layer media{.audio-player{display:flex;gap:var(--space-4);align-items:center;border:0;background:var(--surface-control);border-radius:var(--radius-lg);padding:var(--space-5)}.audio-play{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;background:var(--surface-control);border-radius:var(--radius-full);color:var(--muted)}.audio-play:hover{background:var(--surface-control)}.audio-content{flex:1;min-width:0}.audio-topline{display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.audio-time{white-space:nowrap;font-variant-numeric:tabular-nums}.audio-time>span{color:var(--muted)}.audio-seek{display:block;width:100%;margin:0;height:3px;accent-color:var(--muted);cursor:pointer}.audio-speed{border:0;border-radius:var(--radius-sm);padding:var(--space-1);background:transparent;color:var(--muted);max-width:65px}.media-error{color:var(--error)}.video-player{margin:var(--space-6) 0 0}.video-frame,.video-placeholder{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-video);overflow:hidden;border-radius:var(--radius-lg)}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--on-video)}.video-placeholder small{color:var(--on-video)}.video-frame video{width:100%;height:100%;display:block;object-fit:contain}.video-overlay{position:absolute;inset:0;width:100%;border:0;background:var(--video-overlay);display:grid;place-items:center}.video-play{width:66px;height:66px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--video-play);color:var(--muted);transition:transform .15s}.video-overlay:hover .video-play{transform:scale(1.06)}.video-error{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:var(--surface-control)}.video-player figcaption{display:flex;justify-content:space-between;margin-top:var(--space-4);color:var(--muted)}.video-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(var(--segment-count),minmax(0,1fr));padding:var(--space-1);margin-top:var(--space-6);border-radius:var(--radius-lg);background:var(--segment-track);box-shadow:var(--segment-inset)}.video-tabs:before{content:"";position:absolute;z-index:-1;top:var(--space-1);bottom:var(--space-1);left:var(--space-1);width:calc((100% - 2 * var(--space-1)) / var(--segment-count));border-radius:calc(var(--radius-lg) - var(--space-1));background:var(--segment-thumb);box-shadow:var(--segment-shadow);transform:translate(calc(var(--segment-index) * 100%));transition:transform .36s cubic-bezier(.22,1,.36,1)}.video-tabs button{background:transparent;border:0;padding:var(--space-3) var(--space-4);border-radius:calc(var(--radius-lg) - var(--space-1));color:var(--muted);transition:color .18s}.video-tabs button[aria-selected=true]{color:var(--segment-text)}.video-tabs+.video-gallery-panel .video-player{margin-top:var(--space-5)}}@media(max-width:767px){.lesson{width:100%;padding:var(--space-9) 0 var(--space-6)}.card{background:var(--page);padding:var(--space-5) var(--space-4);margin-bottom:var(--space-5);border-radius:0;box-shadow:none}.exercise-header{margin-bottom:var(--space-5)}.opinion .choice-options{grid-template-columns:1fr}.lesson-postscript{padding:var(--space-5) var(--space-4);border-radius:0}.dialogue-answer-line{margin-left:0}.matching-board{column-gap:var(--space-2);row-gap:var(--space-3)}.match-option{padding:var(--space-3) var(--space-2);gap:var(--space-1);overflow-wrap:anywhere}.match-option>span{min-width:0}.true-false-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.binary-options label{padding:var(--space-2) var(--space-4)}.audio-player{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.audio-content{flex-basis:calc(100% - 60px)}.audio-topline{flex-wrap:wrap;gap:var(--space-1)}.audio-speed{margin-left:auto}.word-bank-heading{flex-wrap:wrap;gap:var(--space-3)}.recorder{gap:var(--space-3)}.video-player figcaption{gap:var(--space-3)}.lesson-footer{padding:var(--space-4);grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-3)}.footer-controls{grid-column:1 / -1;grid-row:2}.quick-lessons{left:auto;right:var(--space-4);top:max(var(--space-3),env(safe-area-inset-top));transform:none}.quick-lessons-panel{left:auto;right:0;top:100%;transform:none;width:min(var(--navigation-width),calc(100vw - 2 * var(--space-4)));padding:var(--space-3) 0 0}.quick-lessons-list{max-height:calc(100dvh - var(--space-10) - env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@layer exercises{.before-watch{overflow:hidden}.flashcard-stage{height:320px;margin-top:var(--space-5);position:relative;perspective:1100px;isolation:isolate}.flashcard-front,.flashcard-back{position:absolute;inset:var(--space-3) var(--space-2) var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-6);text-align:center;background:var(--surface-control)}.flashcard-back{pointer-events:none;transition:transform .42s cubic-bezier(.2,.9,.3,1.1)}.back-two{background:var(--surface-control);transform:translateY(19px) scale(.93) rotate(2deg);z-index:0}.back-one{background:var(--surface-control);transform:translateY(calc(10px * (1 - var(--pull)))) scale(calc(.965 + .035 * var(--pull))) rotate(calc(-1deg * (1 - var(--pull))));z-index:1}.flashcard-front{z-index:2;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-rotation));transform-origin:50% 90%;transition:transform .6s cubic-bezier(.18,1.45,.32,1),opacity .25s}.fresh .flashcard-front{animation:card-arrive .54s cubic-bezier(.18,.8,.3,1) both}.dragging .flashcard-front{cursor:grabbing;transition:none;animation:none}.leaving .flashcard-front{pointer-events:none;opacity:0;transition:transform .34s cubic-bezier(.2,.7,.3,1),opacity .3s;animation:none}.flashcard-term,.flashcard-meaning{max-width:100%;overflow-wrap:anywhere}.flashcard-meaning{color:var(--muted)}.flashcard-meaning strong{color:var(--ink)}.flashcard-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-1)}.flashcard-controls .icon-button{width:44px;height:44px}.flashcard-caption{color:var(--muted);min-width:50px;text-align:center;font-variant-numeric:tabular-nums}@keyframes card-arrive{0%{transform:translateY(8px) scale(.97) rotate(-1deg)}65%{transform:translateY(-2px) scale(1.006) rotate(.3deg)}to{transform:translateY(0) scale(1) rotate(0)}}}@layer layout{.wide-video{width:calc(100vw - 2 * var(--space-5));margin-left:calc(50% - 50vw + var(--space-5));margin-top:var(--space-10);margin-bottom:var(--space-10)}.wide-video .video-player{margin:0}}@media(max-width:767px){.wide-video{width:100%;margin-left:0;margin-top:var(--space-10);margin-bottom:var(--space-10)}.wide-video .video-frame,.wide-video .video-placeholder{border-radius:0}}@layer layout{.footer-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.theme-toggle{width:44px;height:44px}}@layer tokens{:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--ink: #eeeaf2;--muted: #bab4c2;--accent: #cbb8dc;--accent-soft: #3b3444;--line: #48414f;--surface: #202024;--page: #151518;--surface-postscript: #263128;--segment-track: #18201b;--segment-thumb: #000;--segment-inset: inset 0 2px 5px #00000050, inset 0 0 0 1px #ffffff08;--recording-indicator: #f0796f;--surface-control: #2d2d32;--surface-hover: #38373e;--surface-selected: #484050;--action-bg: #ebe5f1;--action-text: #242028;--focus: #bea2d4;--backdrop: #08080c99;--video-overlay: #100e171c;--video-play: #e6e0eeee;--error: #eca395;--flashcard-peach: #624338;--flashcard-blue: #354e61;--flashcard-purple: #514361;--flashcard-green: #465637;--flashcard-yellow: #605135;--card-shadow: 0 2px 5px #00000018, 0 12px 24px -8px #00000033, 0 28px 48px -18px #00000055}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #eeeaf2;--muted: #bab4c2;--accent: #cbb8dc;--accent-soft: #3b3444;--line: #48414f;--surface: #202024;--page: #151518;--surface-postscript: #263128;--segment-track: #18201b;--segment-thumb: #000;--segment-inset: inset 0 2px 5px #00000050, inset 0 0 0 1px #ffffff08;--recording-indicator: #f0796f;--surface-control: #2d2d32;--surface-hover: #38373e;--surface-selected: #484050;--action-bg: #ebe5f1;--action-text: #242028;--focus: #bea2d4;--backdrop: #08080c99;--video-overlay: #100e171c;--video-play: #e6e0eeee;--error: #eca395;--flashcard-peach: #624338;--flashcard-blue: #354e61;--flashcard-purple: #514361;--flashcard-green: #465637;--flashcard-yellow: #605135;--card-shadow: 0 2px 5px #00000018, 0 12px 24px -8px #00000033, 0 28px 48px -18px #00000055}}}