@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_a76894{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_a76894{--font-plus-jakarta:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/3d165c286d94e27c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/e54d16b9f2c4535b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/7c21074d9bafed1b-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/916860560b9a2bc2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/591e43f23f51e5a5-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/97ac91773d3121b2-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4 Fallback";src:local("Times New Roman");ascent-override:87.87%;descent-override:28.41%;line-gap-override:0.00%;size-adjust:117.91%}.__className_b897fa{font-family:"Source Serif 4","Source Serif 4 Fallback";font-style:normal}.__variable_b897fa{--font-source-serif:"Source Serif 4","Source Serif 4 Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{--bg0:#eef3ee;--bg1:#f7faf6;--ink:#142018;--muted:#4f6356;--line:#c9d5cc;--accent:#1f5a40;--accent-soft:#d7e8dc;--accent-hot:#c45c26;--panel:#ffffffd1;--shadow:0 18px 50px #1420181a;--radius:18px;--font-display:var(--font-plus-jakarta),ui-sans-serif,system-ui,sans-serif;--font-body:var(--font-plus-jakarta),ui-sans-serif,system-ui,sans-serif;--font-cue:var(--font-source-serif),"Source Serif 4",Georgia,"Times New Roman",serif}html[data-theme=dark]{--bg0:#121a14;--bg1:#182118;--ink:#e7efe8;--muted:#a3b5a8;--line:#2c3b31;--accent:#7dba94;--accent-soft:#1e3326;--accent-hot:#e0894f;--panel:#16201ae0;--shadow:0 18px 50px #00000059}*{box-sizing:border-box}body,html{min-height:100%;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#d9eadc 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#e7efd8 0,transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1) 40%,#e9efe8);margin:0}button,input,textarea{font:inherit}.app-shell{width:min(980px,100%);margin:0 auto;padding:1.25rem 1rem 3rem}.topbar{gap:.35rem;margin-bottom:1rem;animation:rise .7s both;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.1rem,6vw,3rem);font-weight:600;line-height:1.05}.tagline{color:var(--muted);max-width:36rem;margin:0}.onboarding{background:var(--accent-soft);border:1px solid #b7d0be;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;animation:rise .8s both;display:flex}.onboarding p{margin:0;font-size:.95rem}.player-block{margin-bottom:1rem;animation:rise .85s both}.player-frame{aspect-ratio:16/9;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#102018;position:relative;overflow:hidden}.player-frame iframe,.player-frame>div{width:100%!important;height:100%!important}.player-overlay{color:#f4faf5;text-align:center;background:#102018b8;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.toolbar{gap:.75rem;margin-top:.85rem;display:grid}.tool-group{gap:.4rem;display:grid}.tool-group.compact{margin-top:.5rem}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.btn,.chip,.mode-btn,a.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .75rem;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.btn:hover,.chip:hover,.mode-btn:hover{border-color:#9bb5a4;transform:translateY(-1px)}.btn.primary,.chip.active,.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#f4faf6}.btn.ghost{background:0 0}.mode-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.4rem;margin-bottom:.85rem;padding-bottom:.25rem;animation:rise .9s both;display:flex;overflow-x:auto}.mode-nav::-webkit-scrollbar{display:none}.mode-btn{white-space:nowrap;flex:none}.practice-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.9rem;animation:rise 1s both}.mode-controls{border-bottom:1px solid var(--line);gap:.7rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.hint,.meta{color:var(--muted);margin:0;font-size:.92rem}.btn-row{flex-wrap:wrap;gap:.45rem;display:flex}.shadow-banner{background:#edf3ee;border:1px dashed #b7cabb;border-radius:14px;align-items:center;min-height:2.8rem;padding:.75rem .9rem;font-weight:600;display:flex}.shadow-banner.your-turn{color:#7a3410;background:#fff4ec;border-color:#e7b08f;animation:pulseSoft 1.4s ease-in-out infinite}.shadow-banner.listen{background:var(--accent-soft);border-color:#a9c9b4}.check{color:var(--muted);align-items:center;gap:.45rem;font-size:.92rem;display:flex}.active-cue{padding:.85rem .2rem 1rem}.active-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.82rem;display:flex}.cue-de{font-family:var(--font-cue);margin:0 0 .35rem;font-size:clamp(1.2rem,3.5vw,1.55rem);font-weight:600;line-height:1.4}.cue-en{color:var(--muted);margin:0;font-size:1rem;line-height:1.4}.star{color:#b7c3bb;cursor:pointer;background:0 0;border:none;padding:.1rem .25rem;font-size:1.15rem}.star.on{color:var(--accent-hot)}.star.sm{align-self:start}.cue-list{border-top:1px solid var(--line);max-height:min(48vh,420px);-webkit-overflow-scrolling:touch;padding-top:.4rem;overflow:auto}.cue-list,.cue-list .cue-de-sm,.cue-list .cue-row,.drawer-cue-list .cue-de-sm,.drawer-cue-list .cue-row,.side-cue-list .cue-de-sm,.side-cue-list .cue-row{color:var(--ink)}.cue-list .star:not(.on),.drawer-cue-list .star:not(.on),.side-cue-list .star:not(.on){color:var(--muted)}.cue-row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:12px;grid-template-columns:3.4rem 1fr auto;gap:.55rem;padding:.55rem .4rem;display:grid}.cue-row:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.cue-row:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.cue-row.active{background:var(--accent-soft);color:var(--ink)}.cue-time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.15rem;font-size:.82rem}.cue-body{gap:.15rem;min-width:0;display:grid}.cue-de-sm{font-family:var(--font-cue);font-weight:600;line-height:1.35}.cue-en-sm{color:var(--muted);font-size:.88rem;line-height:1.35}.dictation-input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);resize:vertical;border-radius:14px;min-height:5rem;padding:.75rem .85rem}.dictation-feedback{background:#edf3ee;border-radius:14px;padding:.75rem .9rem}.dictation-feedback.great{background:#dff0e4}.dictation-feedback.close{background:#fff4ec}.dictation-feedback.keep-trying{background:#f3ecec}.dictation-feedback .answer{margin:.4rem 0 0}.dictation-feedback .answer .label{margin-bottom:.2rem;display:block}.footer{color:var(--muted);margin-top:1.25rem;font-size:.82rem}.footer p{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@media (min-width:760px){.toolbar{grid-template-columns:1fr 1fr;align-items:start}.app-shell{padding-top:1.75rem}}@media (max-width:520px){.onboarding{flex-direction:column;align-items:stretch}.cue-row{grid-template-columns:2.8rem 1fr auto}}.video-picker{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:.75rem;margin:0 0 1rem;padding:.85rem;animation:rise .75s both;display:grid}.movie-list{gap:.5rem;display:grid}.movie-card{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;min-height:44px;color:var(--ink);border-radius:14px;flex-direction:column;align-items:stretch;gap:.4rem;width:100%;min-width:0;padding:.7rem .8rem;display:flex}.movie-card.active{border-color:var(--accent);background:var(--accent-soft)}.movie-card-meta{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.movie-level{letter-spacing:.06em;color:var(--accent);flex:none;font-size:.72rem;font-weight:700}.movie-title{-webkit-line-clamp:2;word-break:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.cue-badge{white-space:nowrap;border-radius:999px;flex:none;padding:.2rem .5rem;font-size:.72rem}.cue-badge.yes{background:var(--accent-soft);color:var(--accent)}.cue-badge.no{background:var(--bg0);color:var(--muted);border:1px solid var(--line)}.episode-panel{gap:.55rem;display:grid}.episode-search{border:1px solid var(--line);width:100%;border-radius:12px;padding:.65rem .8rem}.episode-list,.episode-search{background:var(--panel);color:var(--ink)}.episode-list{border:1px solid var(--line);max-height:min(40vh,320px);-webkit-overflow-scrolling:touch;border-radius:14px;overflow:auto}.episode-row{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;min-height:44px;color:var(--ink);background:0 0;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.55rem;padding:.7rem;display:grid}.episode-row:last-child{border-bottom:none}.episode-row.active{background:var(--accent-soft)}.ep-num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.82rem}.ep-title{font-size:.92rem;line-height:1.3}.cue-dot{background:#d2c4b4;border-radius:50%;width:.55rem;height:.55rem}.cue-dot.yes{background:#2f8a55}.now-playing{color:var(--muted);margin:0;font-size:.9rem}.captions-missing{color:#7a3410;background:#fff4ec;border:1px solid #e7b08f;border-radius:14px;margin:0 0 .85rem;padding:.75rem .9rem;font-size:.92rem}.mode-btn:disabled{opacity:.45;cursor:not-allowed}@media (min-width:720px){.movie-list{grid-template-columns:repeat(3,1fr)}.drawer-body .movie-list,.practice-controls .movie-list,.video-picker-compact .movie-list{grid-template-columns:1fr}}.topbar-compact{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem;display:flex}.brand-block{min-width:0}.brand-block .brand{font-size:clamp(1.7rem,5.5vw,2.4rem)}.options-btn{border:1px solid var(--line);background:var(--panel);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;font-weight:600;display:inline-flex}.options-btn:hover{border-color:#9bb5a4}.now-playing-bar{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:0 0 .85rem;font-size:.92rem;display:flex}.now-playing-level{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.now-playing-title{color:var(--ink);overflow-wrap:anywhere;min-width:0;font-weight:600}.playback-bar{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.75rem;display:flex}.playback-mode-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;min-height:44px;margin-left:auto;padding:.45rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.btn.touch-btn,.touch-btn{border-radius:12px;min-width:44px;min-height:44px;padding:.55rem .9rem}.chip.touch-chip,.touch-chip{border-radius:12px;min-height:44px;padding:.55rem .85rem}.star.touch-star,.touch-star{min-width:44px;min-height:44px;font-size:1.35rem}.practice-panel-focus{margin-top:.85rem}.inline-actions{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.dictation-inline{border-bottom:1px solid var(--line);margin-bottom:.75rem;padding-bottom:.75rem}.video-picker-compact{box-shadow:none;background:0 0;border:none;margin:0;padding:0;animation:none}.mode-settings{border-top:1px solid var(--line);gap:.55rem;margin-top:.75rem;padding-top:.75rem;display:grid}.drawer-root{z-index:40;display:flex;position:fixed;inset:0}.drawer-backdrop{cursor:pointer;background:#10201873;border:none;margin:0;padding:0;animation:fadeIn .2s both;position:absolute;inset:0}html[data-theme=dark] .drawer-backdrop{background:#0000008c}html[data-theme=dark] .drawer-panel{box-shadow:12px 0 40px #00000073}.drawer-panel{z-index:1;background:var(--bg1);width:min(100%,22.5rem);max-width:100%;height:100%;color:var(--ink);flex-direction:column;animation:slideInLeft .28s both;display:flex;position:relative;box-shadow:12px 0 40px #1c2a222e}.drawer-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1rem .75rem;display:flex}.drawer-header h2{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:600}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;min-width:44px;min-height:44px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.drawer-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.85rem 1rem 1.5rem;overflow:auto}.drawer-section{border-bottom:1px solid var(--line);gap:.55rem;margin-bottom:1.15rem;padding-bottom:1.05rem;display:grid}.drawer-section:last-of-type{border-bottom:none}.drawer-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.drawer-cue-list{border:1px solid var(--line);background:var(--bg1);max-height:min(42vh,360px);color:var(--ink);border-radius:14px;padding:.25rem}.drawer-footnote{color:var(--muted);margin:.25rem 0 0;font-size:.85rem;line-height:1.4}.chip-row.wrap{flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (min-width:900px){.drawer-panel{width:min(100%,26rem)}}@media (max-width:390px){.app-shell{padding-left:.75rem;padding-right:.75rem}.playback-mode-chip{justify-content:center;width:100%;margin-left:0}}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#eef3eee6;position:sticky;top:0}.site-header-inner{justify-content:space-between;gap:.75rem;width:min(1280px,100%);margin:0 auto;padding:.65rem 1rem}.site-header-inner,.site-logo{align-items:center;display:flex}.site-logo{color:inherit;gap:.65rem;min-width:0;text-decoration:none}.site-logo-icon{color:var(--accent);flex:none;display:block}.site-logo-text{gap:.05rem;min-width:0;display:grid}.site-logo-mark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);font-size:1.15rem;font-weight:700}.site-logo-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.site-header-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.site-toggles{align-items:center;gap:.25rem;display:inline-flex}.toggle-chip{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;min-height:34px;padding:.25rem .65rem;font-size:.78rem;font-weight:700;line-height:1}.toggle-chip.active,.toggle-chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.theme-toggle{box-sizing:border-box;aspect-ratio:1;border:1px solid var(--line);background:var(--panel);width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;color:var(--ink);cursor:pointer;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex;overflow:hidden}.theme-toggle:focus-visible,.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);outline:none}.theme-toggle-icon{flex:none;width:16px;height:16px;display:block}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.2rem;display:flex}.site-nav-link{min-height:36px;color:var(--muted);border-radius:10px;align-items:center;padding:.35rem .55rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.site-nav-link:hover{color:var(--ink);background:#ffffffa6}.site-nav-link.is-active{color:var(--accent);background:var(--accent-soft)}.site-main{width:min(980px,100%);margin:0 auto;padding:.5rem 0 1rem}.site-main:has(.practice-shell){width:min(1280px,100%)}.site-footer{border-top:1px solid var(--line);background:#ffffff59;margin-top:1rem}.site-footer-inner{gap:.75rem;width:min(1280px,100%);margin:0 auto;padding:1.25rem 1rem 2rem;display:grid}.site-footer-brand,.site-footer-note{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.site-footer-nav{flex-wrap:wrap;gap:.65rem 1rem;display:flex}.site-footer-nav a{color:var(--accent);align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.site-footer-nav a:hover{text-decoration:underline}.practice-heading{font-size:clamp(1.55rem,5vw,2.1rem)!important}.practice-sub{color:var(--muted);max-width:22rem;margin:.25rem 0 0;font-size:.88rem}.content-page{width:min(720px,100%);margin:0 auto;padding:1rem 1rem 2.5rem;animation:rise .6s both}.content-hero{margin-bottom:1.25rem}.content-title{font-family:var(--font-display);letter-spacing:-.03em;margin:.2rem 0 .5rem;font-size:clamp(1.85rem,5vw,2.45rem);font-weight:600;line-height:1.12}.content-lead{color:var(--muted);margin:0;font-size:1.08rem;line-height:1.5}.content-body,.prose{font-size:1.02rem;line-height:1.65}.content-body h2,.prose h2{font-family:var(--font-display);letter-spacing:-.02em;margin:1.6rem 0 .55rem;font-size:1.35rem;font-weight:600}.content-body p,.prose p{margin:0 0 .95rem}.content-body ol,.content-body ul,.prose ol,.prose ul{margin:0 0 1rem;padding-left:1.25rem}.content-body li,.prose li{margin:.35rem 0}.content-body a,.prose a{color:var(--accent);font-weight:600}.content-body code,.prose code{background:var(--accent-soft);border-radius:6px;padding:.1rem .35rem;font-size:.92em}.content-cta{margin:1.75rem 0 0}.guide-card-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.guide-card{border:1px solid var(--line);background:var(--panel);color:inherit;box-shadow:var(--shadow);border-radius:16px;gap:.35rem;padding:1rem 1.05rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.guide-card:hover{border-color:#9bb5a4;transform:translateY(-1px)}.guide-card h2{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600}.guide-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.guide-card-badge{background:var(--accent);border-radius:6px;width:fit-content;margin:0 0 .15rem;padding:.15rem .45rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.guide-card-badge{background:color-mix(in srgb,var(--accent) 14%,transparent)}}.guide-card-badge{letter-spacing:.02em;text-transform:uppercase;font-size:.72rem}.guide-card-badge,.guide-card-cta{color:var(--accent);font-weight:700}.guide-card-cta{margin-top:.25rem;font-size:.88rem}.guide-figure{margin:1.25rem 0 1.5rem;padding:0;overflow-x:auto}.guide-figure,.guide-figure-img{box-sizing:border-box;max-width:100%}.guide-figure-img{border:1px solid var(--line);background:var(--panel);border-radius:12px;width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--muted);margin-top:.5rem;font-size:.88rem;line-height:1.4}.guide-figure .review-loop-diagram{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);border-radius:16px;width:100%;max-width:100%;margin:0;padding:1.1rem 1rem 1rem}@supports (color:color-mix(in lab,red,red)){.guide-figure .review-loop-diagram{background:color-mix(in srgb,var(--panel) 70%,#eef3ee)}}.guide-figure .review-loop-diagram{text-align:center}.guide-figure .review-loop-title{font-family:var(--font-display);color:var(--accent);margin:0 0 .25rem;font-size:1.15rem;font-weight:700;line-height:1.25}.guide-figure .review-loop-sub{color:var(--muted);margin:0 0 1rem;font-size:.9rem;line-height:1.35}.guide-figure .review-loop-steps{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:.55rem;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.guide-figure .review-loop-step{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:14px;justify-items:center;gap:.35rem;width:100%;max-width:100%;margin:0;padding:.85rem .75rem;display:grid}.guide-figure .review-loop-step-accent{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.guide-figure .review-loop-step-accent{background:color-mix(in srgb,var(--accent) 12%,var(--panel))}}.guide-figure .review-loop-step-accent{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.guide-figure .review-loop-step-accent{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}}.guide-figure .review-loop-num{background:var(--accent);color:#f4faf6;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.95rem;font-weight:700;line-height:1;display:grid}.guide-figure .review-loop-num-accent{color:#fff;background:#c45c26}.guide-figure .review-loop-step-title{color:var(--ink);font-size:.98rem;font-weight:700;line-height:1.25}.guide-figure .review-loop-step-text{color:var(--muted);max-width:16rem;font-size:.84rem;line-height:1.35}.guide-figure .review-loop-arrow{color:var(--accent);place-items:center;margin:0;padding:0;font-size:1.15rem;font-weight:700;line-height:1;list-style:none;display:grid;transform:rotate(90deg)}.guide-figure .review-loop-credit{color:var(--muted);margin:.95rem 0 0;font-size:.78rem;line-height:1.35}@media (min-width:640px){.guide-figure .review-loop-diagram{padding:1.25rem 1.15rem 1.1rem}.guide-figure .review-loop-steps{flex-direction:row;justify-content:space-between;align-items:stretch;gap:.45rem}.guide-figure .review-loop-step{flex:1 1 0;width:auto;min-width:0}.guide-figure .review-loop-arrow{flex:none;align-self:center;padding:0 .1rem;transform:none}}.faq-item{border-bottom:1px solid var(--line);margin:0 0 1.15rem;padding-bottom:.85rem}.faq-item:last-of-type{border-bottom:none}.faq-item h2{margin:0 0 .4rem;font-size:1.15rem}.faq-item p{margin:0}@media (max-width:640px){.site-logo-sub{display:none}.site-nav-link{min-height:34px;padding:.3rem .45rem;font-size:.8rem}.site-header-inner{flex-direction:column;align-items:flex-start;gap:.45rem}.site-nav{justify-content:flex-start}}.practice-controls,.practice-cues{display:none}.practice-layout{display:block}.side-section{border-bottom:1px solid var(--line);gap:.55rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.side-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.side-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.side-cue-list{border:1px solid var(--line);background:var(--bg1);max-height:min(52vh,480px);color:var(--ink);-webkit-overflow-scrolling:touch;border-radius:14px;padding:.25rem;overflow:auto}@media (min-width:960px){.app-shell.practice-shell,.practice-shell.app-shell{width:min(1280px,100%)}.practice-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1.1rem;display:grid}.practice-controls,.practice-cues{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);height:calc(100vh - 5.5rem);max-height:calc(100vh - 5.5rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;padding:.75rem .85rem;display:block;position:sticky;top:4.5rem;overflow:auto}.practice-controls{overflow:auto}.side-controls .side-section{gap:.4rem;margin-bottom:.7rem;padding-bottom:.7rem}.side-controls .side-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.side-controls .touch-chip{min-height:36px;padding:.35rem .65rem;font-size:.88rem}.side-controls .chip-row{gap:.35rem}.side-controls .video-picker-compact .chip-row .touch-chip{flex:auto;min-width:2.75rem}.practice-cues{overflow:hidden}.practice-cues,.side-cue-section{flex-direction:column;display:flex}.side-cue-section{border-bottom:none;flex:auto;gap:.4rem;min-height:0;margin-bottom:0;padding-bottom:0}.side-cue-list{flex:auto;min-height:0;max-height:none}.options-btn-mobile{display:none}.practice-heading{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:700}}.practice-top-stack{gap:.75rem;margin-bottom:1rem;display:grid}.practice-top-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.practice-intro-stack{flex:1;gap:.85rem;min-width:0;display:grid}.practice-hero .practice-heading{letter-spacing:-.04em;font-size:clamp(1.85rem,4vw,2.55rem)}.practice-stats{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.export-btn,.stat-pill{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:.35rem .75rem;font-size:.84rem}.stat-pill strong{color:var(--accent);margin-right:.25rem}.practice-intro-copy{max-width:46rem}.practice-intro-copy h2{margin:0 0 .35rem;font-size:1.05rem}.practice-intro-copy p{color:var(--muted);margin:0 0 .55rem;line-height:1.55}.onboarding-card{border:1px solid var(--line);background:var(--accent-soft);border-radius:16px;max-width:40rem;padding:.95rem 1rem}.onboarding-card h2{margin:0 0 .55rem;font-size:1.1rem}.onboarding-steps{gap:.55rem;margin:0 0 .85rem;padding-left:1.15rem;display:grid}.onboarding-steps li{gap:.15rem;display:grid}.onboarding-steps span{color:var(--muted);font-size:.92rem}html[data-theme=dark] body{background:radial-gradient(1200px 600px at 10% -10%,#1e3326 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#243528 0,transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1) 40%,#101710)}html[data-theme=dark] .site-header{background:#121a14e6}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}