.bd-rtk-room{--bd-rtk-bg:#252c48;--bd-rtk-surface:#fff;--bd-rtk-surface-soft:#f7f7f7;--bd-rtk-fg:#313030;--bd-rtk-muted:#6f6e6e;--bd-rtk-border:#e7e7e7;--bd-rtk-primary:#7156e5;--bd-rtk-primary-strong:#4e35bd;--bd-rtk-primary-soft:#f1eefc;--bd-rtk-warm:#fe9000;--bd-rtk-warm-soft:#fff4e6;--bd-rtk-success:#2f8f4e;--bd-rtk-danger:#d92d3a;--bd-rtk-native-controlbar-space:88px;--bd-rtk-z-meeting:0;--bd-rtk-z-native-cover:18;--bd-rtk-z-top:20;--bd-rtk-z-video-bg:28;--bd-rtk-z-sidebar:36;border:1px solid var(--bd-rtk-border);background:var(--bd-rtk-bg);height:min(880px,100vh - 170px);min-height:680px;color:var(--bd-rtk-fg);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 12px 38px #252c4824}.bd-rtk-room.bd-rtk-room--fullscreen{width:100vw;max-width:none;height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0}.bd-rtk-room rtk-meeting{z-index:var(--bd-rtk-z-meeting);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.bd-rtk-room>div:first-child{z-index:var(--bd-rtk-z-meeting);width:100%;height:100%;display:block;position:relative}.bd-rtk-native-ready-cover{z-index:var(--bd-rtk-z-native-cover);background:#111;position:absolute;inset:0}.bd-rtk-top{z-index:var(--bd-rtk-z-top);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.bd-rtk-top h2{color:#fff;margin:4px 0;font-size:22px;line-height:1.18}.bd-rtk-eyebrow{color:#c8bef8;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.bd-rtk-meta,.bd-rtk-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bd-rtk-meta{color:#ffffffc2;font-size:12px}.bd-rtk-pill{color:#fff;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.bd-rtk-pill.is-success{background:#2f8f4e38;border-color:#2f8f4e66}.bd-rtk-pill.is-warning{background:#fe900038;border-color:#fe90007a}.bd-rtk-pill.is-danger{background:#d92d3a38;border-color:#d92d3a80}.bd-rtk-pill.is-muted{color:#ffffffb3}.bd-rtk-poll-results{left:16px;bottom:calc(var(--bd-rtk-native-controlbar-space) + env(safe-area-inset-bottom,0px) + 16px);z-index:var(--bd-rtk-z-top);color:#fff;pointer-events:auto;background:#252c48e0;border:1px solid #ffffff2e;border-radius:8px;gap:10px;width:min(340px,100% - 32px);padding:12px;display:grid;position:absolute;box-shadow:0 18px 48px #0000003d}.bd-rtk-poll-results__header,.bd-rtk-poll-results__label{justify-content:space-between;align-items:center;gap:12px;display:flex}.bd-rtk-poll-results__header{color:#ffffffb8;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.bd-rtk-poll-results__header-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.bd-rtk-poll-results__header strong,.bd-rtk-poll-results__label strong{color:#fff;flex:none}.bd-rtk-poll-results__close{color:#ffffffdb;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.bd-rtk-poll-results__close:hover{color:#fff;background:#ffffff24;border-color:#ffffff57}.bd-rtk-poll-results__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.bd-rtk-poll-results__close-icon{width:14px;height:14px}.bd-rtk-poll-results p{color:#fff;margin:0;font-size:13px;font-weight:800;line-height:1.35}.bd-rtk-poll-results__list{gap:8px;display:grid}.bd-rtk-poll-results__option{gap:5px;display:grid}.bd-rtk-poll-results__label{color:#ffffffd1;font-size:12px;line-height:1.35}.bd-rtk-poll-results__label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bd-rtk-poll-results__meter{background:#ffffff29;border-radius:999px;height:7px;overflow:hidden}.bd-rtk-poll-results__meter span{border-radius:inherit;background:var(--bd-rtk-warm);height:100%;transition:width .16s;display:block}.bd-rtk-native-sidebar{top:76px;right:12px;bottom:calc(var(--bd-rtk-native-controlbar-space) + env(safe-area-inset-bottom,0px) + 14px);z-index:var(--bd-rtk-z-sidebar);pointer-events:auto;border-radius:12px;width:min(360px,100% - 24px);min-width:280px;display:block;position:absolute;overflow:hidden;box-shadow:0 22px 52px #00000057}.bd-rtk-native-sidebar rtk-sidebar{--rtk-colors-text-1000:255 255 255;--rtk-colors-text-900:255 255 255 / .92;--rtk-colors-text-800:255 255 255 / .78;--rtk-colors-text-700:255 255 255 / .68;--rtk-colors-text-600:255 255 255 / .56;width:100%;height:100%;color:rgb(var(--rtk-colors-text-1000));display:flex}.bd-rtk-video-bg-panel{z-index:var(--bd-rtk-z-video-bg);color:#fff;pointer-events:auto;background:#111111d1;border:1px solid #ffffff2e;border-radius:8px;gap:10px;width:min(430px,100% - 32px);padding:12px;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 18px 46px #00000047}.bd-rtk-video-bg-panel__header{font-size:12px;font-weight:800}.bd-rtk-video-bg-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bd-rtk-video-bg-option{color:#ffffffdb;min-width:0;height:38px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.bd-rtk-video-bg-option__icon{flex:none;width:15px;height:15px}.bd-rtk-video-bg-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd-rtk-video-bg-option:hover:not(:disabled),.bd-rtk-video-bg-option.is-active{color:#fff;background:#fe900033;border-color:#fe9000bd}.bd-rtk-video-bg-option:focus-visible,.bd-rtk-video-bg-swatch:focus-visible{outline-offset:2px;outline:2px solid #fff}.bd-rtk-video-bg-option:disabled{cursor:not-allowed;opacity:.44}.bd-rtk-video-bg-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bd-rtk-video-bg-swatch{color:#fff;height:58px;font:inherit;cursor:pointer;background-color:#f6f7f9;background-position:50%;background-size:cover;border:2px solid #ffffff2e;border-radius:6px;justify-content:flex-start;align-items:flex-end;padding:8px;font-size:12px;font-weight:800;display:flex;position:relative;overflow:hidden}.bd-rtk-video-bg-swatch:before{content:"";background:linear-gradient(#0000000d,#0000007a);position:absolute;inset:0}.bd-rtk-video-bg-swatch span{z-index:1;position:relative}.bd-rtk-video-bg-swatch.is-active{border-color:var(--bd-rtk-warm)}.bd-rtk-video-bg-status{color:#ffffffb8;min-height:16px;font-size:12px;line-height:16px}.bd-rtk-pinyin-note-plugin{background:#fff;width:100%;height:100%;min-height:360px;overflow:hidden}.bd-rtk-pinyin-note-plugin__frame{background:#fff;border:0;width:100%;height:100%;display:block}@media (width<=760px){.bd-rtk-room{height:calc(100vh - 120px);min-height:720px}.bd-rtk-room.bd-rtk-room--fullscreen{height:100dvh;min-height:0}.bd-rtk-top{display:grid}.bd-rtk-video-bg-panel{width:auto;bottom:12px;left:12px;right:12px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--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;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:Roboto, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-600:oklch(59.6% .145 163.225);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}html,body,#root{min-height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-0{top:0}.left-0{left:0}.left-56{left:calc(var(--spacing) * 56)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.row-2{grid-row:2}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-48{height:calc(var(--spacing) * 48)}.h-\[300px\]{height:300px}.h-\[340px\]{height:340px}.h-\[360px\]{height:360px}.h-full{height:100%}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-96{min-height:calc(var(--spacing) * 96)}.min-h-\[300px\]{min-height:300px}.min-h-\[520px\]{min-height:520px}.min-h-screen{min-height:100vh}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-\[150px\]{width:150px}.w-\[min\(20rem\,calc\(100vw-2rem\)\)\]{width:min(20rem,100vw - 2rem)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[420px\]{max-width:420px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[86rem\]{min-width:86rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0;--tw-border-spacing-y:0;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[56px_24px_minmax\(0\,1fr\)\]{grid-template-columns:56px 24px minmax(0,1fr)}.grid-cols-\[minmax\(120px\,1fr\)_minmax\(180px\,2fr\)_120px\]{grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) 120px}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/30{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-input{border-color:var(--input)}.border-primary,.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.border-primary\/25{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\[\#349c55\]{background-color:#349c55}.bg-\[\#a698d3\]{background-color:#a698d3}.bg-accent{background-color:var(--accent)}.bg-background,.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab, var(--background) 95%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-destructive\/15{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/15{background-color:color-mix(in oklab, var(--destructive) 15%, transparent)}}.bg-foreground\/25{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/25{background-color:color-mix(in oklab, var(--foreground) 25%, transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-\[linear-gradient\(135deg\,\#f7f7f7_0\%\,\#f1eefc_100\%\)\]{background-image:linear-gradient(135deg,#f7f7f7 0%,#f1eefc 100%)}.fill-muted-foreground{fill:var(--muted-foreground)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#06c755\]{color:#06c755}.text-\[\#349c55\]{color:#349c55}.text-\[\#4285f4\]{color:#4285f4}.text-accent-foreground{color:var(--accent-foreground)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground{color:var(--foreground)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground\/50{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/50{color:color-mix(in oklab, var(--sidebar-foreground) 50%, transparent)}}.text-sidebar-foreground\/65{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/65{color:color-mix(in oklab, var(--sidebar-foreground) 65%, transparent)}}.text-sidebar-foreground\/75{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/75{color:color-mix(in oklab, var(--sidebar-foreground) 75%, transparent)}}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:var(--primary)}.opacity-40{opacity:.4}.shadow-\[1px_0_0_hsl\(var\(--border\)\)\]{--tw-shadow:1px 0 0 var(--tw-shadow-color,hsl(var(--border)));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-sm{--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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-4:before{content:var(--tw-content);top:calc(var(--spacing) * 4)}.before\:bottom-4:before{content:var(--tw-content);bottom:calc(var(--spacing) * 4)}.before\:left-\[76px\]:before{content:var(--tw-content);left:76px}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-border:before{content:var(--tw-content);border-color:var(--border)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/60:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/60:hover{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:fill-primary:hover{fill:var(--primary)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-primary:focus-visible{border-color:var(--primary)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 25%, transparent)}}.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 40%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:col-span-3{grid-column:span 3/span 3}.sm\:inline-flex{display:inline-flex}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-80{width:calc(var(--spacing) * 80)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:grid-cols-\[8rem_1fr\]{grid-template-columns:8rem 1fr}.sm\:grid-cols-\[120px_minmax\(0\,1fr\)\]{grid-template-columns:120px minmax(0,1fr)}.sm\:grid-cols-\[220px_1fr_auto\]{grid-template-columns:220px 1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1fr_220px\]{grid-template-columns:1fr 1fr 220px}.lg\:grid-cols-\[minmax\(0\,1fr\)_280px\]{grid-template-columns:minmax(0,1fr) 280px}.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,16rem\)_minmax\(10rem\,12rem\)\]{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem) minmax(10rem,12rem)}.lg\:grid-cols-\[minmax\(16rem\,20rem\)_auto\]{grid-template-columns:minmax(16rem,20rem) auto}.lg\:grid-cols-\[minmax\(420px\,0\.82fr\)_1fr\]{grid-template-columns:minmax(420px,.82fr) 1fr}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:pl-64{padding-left:calc(var(--spacing) * 64)}}@media (width>=80rem){.xl\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(360px\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.xl\:grid-cols-\[minmax\(22rem\,30rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(22rem,30rem) minmax(0,1fr)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.5rem;--background:oklch(98.5% .002 270);--foreground:#313030;--card:#fff;--card-foreground:#313030;--popover:#fff;--popover-foreground:#313030;--primary:#7156e5;--primary-foreground:#fff;--secondary:#fe9000;--secondary-foreground:#fff;--muted:#f7f7f7;--muted-foreground:#6f6e6e;--accent:#f1eefc;--accent-foreground:#4e35bd;--destructive:#f5222d;--destructive-foreground:#fff;--border:#f0f0f0;--input:#f0f0f0;--ring:#7156e5;--sidebar:#fff;--sidebar-foreground:#313030;--sidebar-accent:#f7f7f7;--sidebar-accent-foreground:#313030;--sidebar-border:#f0f0f0}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.learn-scope{--bg:#fff;--bg-soft:#f6f7f9;--surface:#fff;--surface-2:#f7f7f7;--fg:#313030;--muted:#6f6e6e;--muted-2:#adacac;--border:#f0f0f0;--border-strong:#d9d9d9;--ink-block:#252c48;--accent:#7156e5;--accent-hover:#8973e9;--accent-soft-2:#ad9df0;--accent-border:#c5baf4;--accent-fg:#fff;--accent-soft:#f1eefc;--accent-tint:#7156e52e;--warm:#fe9000;--warm-hover:#fea32b;--warm-soft:#fff4e6;--warm-pale:#ffd196;--success:#389e0d;--warn:#fdba3e;--danger:#f5222d;--info:#096dd9;--font-display:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--fs-display:clamp(36px, 4vw, 52px);--fs-h1:clamp(28px, 3vw, 36px);--fs-h2:22px;--fs-h3:17px;--fs-lead:17px;--fs-body:15px;--fs-sm:13px;--fs-xs:12px;--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:20px;--gap-6:24px;--gap-8:32px;--gap-10:40px;--gap-12:48px;--radius-sm:4px;--radius:8px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 5px #0000001a;--shadow:0 1px 8px #6f6e6e1a;--shadow-lg:0 4px 18px #3130301f}.learn-scope *,.learn-scope :before,.learn-scope :after{box-sizing:border-box}.learn-scope{-webkit-text-size-adjust:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}.learn-scope,.learn-scope{max-width:100%;overflow-x:clip}.learn-scope img,.learn-scope svg{max-width:100%;display:block}.learn-scope a{color:inherit;text-decoration:none}.learn-scope button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.learn-scope .formula-filter button:disabled{cursor:not-allowed;opacity:.5}.learn-scope input,.learn-scope textarea,.learn-scope select{font:inherit;color:inherit}.learn-scope p{text-wrap:pretty;margin:0}.learn-scope h1,.learn-scope h2,.learn-scope h3,.learn-scope h4{text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:600}.learn-scope .h-display{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:-.02em;font-weight:600;line-height:1.05}.learn-scope .h1{font-size:var(--fs-h1);letter-spacing:-.015em;font-weight:600;line-height:1.15}.learn-scope .h2{font-size:var(--fs-h2);font-weight:600;line-height:1.25}.learn-scope .h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3}.learn-scope .lead{font-size:var(--fs-lead);color:var(--muted);max-width:60ch;line-height:1.55}.learn-scope .meta{font-size:var(--fs-sm);color:var(--muted)}.learn-scope .sm{font-size:var(--fs-sm)}.learn-scope .xs{font-size:var(--fs-xs)}.learn-scope .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.learn-scope .mono{font-family:var(--font-mono)}.learn-scope .eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.learn-scope .eyebrow-accent{color:var(--accent)}.learn-scope .stack{flex-direction:column;display:flex}.learn-scope .stack-1>*+*{margin-top:var(--gap-1)}.learn-scope .stack-2>*+*{margin-top:var(--gap-2)}.learn-scope .stack-3>*+*{margin-top:var(--gap-3)}.learn-scope .stack-4>*+*{margin-top:var(--gap-4)}.learn-scope .stack-5>*+*{margin-top:var(--gap-5)}.learn-scope .stack-6>*+*{margin-top:var(--gap-6)}.learn-scope .stack-8>*+*{margin-top:var(--gap-8)}.learn-scope .row{align-items:center;gap:var(--gap-3);display:flex}.learn-scope .row-2{align-items:center;gap:var(--gap-2);display:flex}.learn-scope .row-4{align-items:center;gap:var(--gap-4);display:flex}.learn-scope .row-6{align-items:center;gap:var(--gap-6);display:flex}.learn-scope .row-between{justify-content:space-between;align-items:center;gap:var(--gap-4);display:flex}.learn-scope .row-baseline{align-items:baseline;gap:var(--gap-3);display:flex}.learn-scope .row-wrap{flex-wrap:wrap}.learn-scope .grow{flex:1;min-width:0}.learn-scope .center{place-items:center;display:grid}.learn-scope .app{grid-template:"side topbar""side main"1fr/240px minmax(0,1fr);min-height:100vh;display:grid}@media (width<=920px){.learn-scope .app{grid-template-columns:1fr;grid-template-areas:"topbar""main"}.learn-scope .app-side{display:none}}.learn-scope .app-side{background:var(--surface);border-right:1px solid var(--border);padding:var(--gap-5) var(--gap-3);grid-area:side;height:100vh;position:sticky;top:0;overflow-y:auto}.learn-scope .app-topbar{background:color-mix(in oklch, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--gap-3) var(--gap-6);z-index:20;justify-content:space-between;align-items:center;gap:var(--gap-4);grid-area:topbar;min-width:0;display:flex;position:sticky;top:0}.learn-scope .app-topbar>*{min-width:0}.learn-scope .app-main{padding:var(--gap-8) var(--gap-6);grid-area:main;width:100%;min-width:0;max-width:1280px}.learn-scope .brand{padding:0 var(--gap-3) var(--gap-5);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.learn-scope .brand-mark{background:var(--accent);width:28px;height:28px;color:var(--accent-fg);letter-spacing:-.04em;border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid}.learn-scope .nav-group{margin-top:var(--gap-5)}.learn-scope .nav-group-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:0 var(--gap-3) var(--gap-2);font-size:11px}.learn-scope .nav-item{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.learn-scope .nav-item:hover{background:var(--bg-soft);color:var(--fg)}.learn-scope .nav-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:500}.learn-scope .nav-item .nav-icon{place-items:center;width:16px;height:16px;display:grid}.learn-scope .nav-item .nav-badge{background:var(--accent);color:var(--accent-fg);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.3}.learn-scope .nav-item.is-beta:after{content:"BETA";font-family:var(--font-mono);letter-spacing:.1em;color:var(--warm);background:var(--warm-soft);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px}.learn-scope .avatar{background:var(--surface-2);width:32px;height:32px;color:var(--fg);border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative;overflow:hidden}.learn-scope .avatar--sm{width:24px;height:24px;font-size:11px}.learn-scope .avatar--md{width:40px;height:40px;font-size:15px}.learn-scope .avatar--lg{width:56px;height:56px;font-size:19px}.learn-scope .avatar--xl{width:88px;height:88px;font-size:28px}.learn-scope .avatar--tutor{background:var(--warm-soft);color:#8a4d00}.learn-scope .avatar--ring{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.learn-scope .avatar--ring-warm{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--warm)}.learn-scope .avatar-online:after{content:"";background:var(--success);border:2px solid var(--surface);border-radius:999px;width:10px;height:10px;position:absolute;bottom:0;right:0}.learn-scope .btn{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.learn-scope .btn:active{transform:translateY(1px)}.learn-scope .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.learn-scope .btn--primary{background:var(--accent);color:var(--accent-fg)}.learn-scope .btn--primary:hover{background:var(--accent-hover)}.learn-scope .btn--secondary{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.learn-scope .btn--secondary:hover{background:var(--bg-soft)}.learn-scope .btn--ghost{color:var(--fg)}.learn-scope .btn--ghost:hover{background:var(--bg-soft)}.learn-scope .btn--warm{background:var(--warm);color:#fff}.learn-scope .btn--warm:hover{background:var(--warm-hover)}.learn-scope .btn--sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.learn-scope .btn--lg{border-radius:var(--radius);padding:13px 22px;font-size:15px}.learn-scope .btn--icon{width:36px;height:36px;padding:8px}.learn-scope .btn--block{width:100%}.learn-scope .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.learn-scope .card--pad-lg{padding:var(--gap-6)}.learn-scope .card--pad-sm{padding:var(--gap-4)}.learn-scope .card--flat{background:var(--bg-soft);border:0}.learn-scope .card--tutor{background:var(--warm-soft);border-color:var(--warm-pale)}.learn-scope .card--accent{background:var(--accent-soft);border-color:var(--accent-border)}.learn-scope .card--lift{box-shadow:var(--shadow-sm)}.learn-scope .card-title{justify-content:space-between;align-items:center;gap:var(--gap-3);margin-bottom:var(--gap-4);display:flex}.learn-scope .card-title .h2{font-size:17px}.learn-scope .lesson-insights-skeleton__notice{justify-content:space-between;align-items:flex-start;gap:var(--gap-4);display:flex}.learn-scope .lesson-insights-skeleton__video{gap:var(--gap-4);display:grid}.learn-scope .lesson-insights-skeleton__video-bar,.learn-scope .lesson-insights-skeleton__chips,.learn-scope .lesson-insights-skeleton__stack{gap:var(--gap-3);display:grid}.learn-scope .lesson-insights-skeleton__video-bar,.learn-scope .lesson-insights-skeleton__chips{grid-template-columns:1fr auto;align-items:center}.learn-scope .lesson-insights-skeleton__kpis{margin-top:var(--gap-6)}.learn-scope .lesson-insights-skeleton__notes{gap:var(--gap-4);margin-top:var(--gap-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.learn-scope .li-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, transparent, #ffffff94, transparent), var(--surface-2);background-size:220% 100%;width:100%;min-width:0;animation:1.25s ease-in-out infinite liSkeletonShimmer;display:block}.learn-scope .li-skeleton--label{width:96px;height:10px}.learn-scope .li-skeleton--title{max-width:360px;height:20px;margin-top:var(--gap-3)}.learn-scope .li-skeleton--heading{width:190px;height:18px;margin-top:var(--gap-2)}.learn-scope .li-skeleton--wide{height:12px}.learn-scope .li-skeleton--short{width:42%;height:12px}.learn-scope .li-skeleton--chip{border-radius:var(--radius-pill);min-width:110px;height:34px}.learn-scope .li-skeleton--pill{border-radius:var(--radius-pill);width:72px;height:24px}.learn-scope .li-skeleton--row{border-radius:var(--radius);height:56px}.learn-scope .li-skeleton--bar{height:14px;margin-top:var(--gap-3)}.learn-scope .li-skeleton--bar-short{width:72%}.learn-scope .li-skeleton--metric{width:86px;height:34px;margin:var(--gap-3) 0}.learn-scope .li-skeleton--video{aspect-ratio:16/9;border-radius:var(--radius);min-height:220px}@keyframes liSkeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (width<=1180px){.learn-scope .lesson-insights-skeleton__notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.learn-scope .lesson-insights-skeleton__notice{display:grid}.learn-scope .lesson-insights-skeleton__video-bar,.learn-scope .lesson-insights-skeleton__chips,.learn-scope .lesson-insights-skeleton__notes{grid-template-columns:1fr}.learn-scope .li-skeleton--video{min-height:180px}}@media (prefers-reduced-motion:reduce){.learn-scope .li-skeleton{animation:none}}.learn-scope .pill{background:var(--bg-soft);color:var(--fg);border:1px solid var(--border);font-size:var(--fs-xs);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.learn-scope .pill--accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.learn-scope .pill--warm{background:var(--warm-soft);color:#8a4d00;border-color:#0000}.learn-scope .pill--success{background:color-mix(in oklch, var(--success) 12%, white);color:var(--success);border-color:#0000}.learn-scope .pill--warn{background:var(--warm-soft);color:#8a4d00;border-color:#0000}.learn-scope .pill--danger{background:color-mix(in oklch, var(--danger) 12%, white);color:var(--danger);border-color:#0000}.learn-scope .pill--beta{background:var(--ink-block);color:#fff;font-family:var(--font-mono);letter-spacing:.1em;border:0;padding:3px 8px;font-size:10px}.learn-scope .pill-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.learn-scope{--lang-en:#2f5fcf;--lang-ja:#d44a6a;--lang-ko:#18a37a;--lang-zh:#c8443a}.learn-scope .lang-chip{background:var(--bg-soft);border:1px solid var(--border);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 8px;font-weight:500;line-height:1;display:inline-flex}.learn-scope .lang-chip__dot{width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in oklch, currentColor 18%, transparent);background:currentColor;border-radius:999px;flex:none}.learn-scope .lang-chip__code{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.learn-scope .lang-chip__name{color:var(--fg);font-weight:500}.learn-scope .lang-chip--en{color:var(--lang-en)}.learn-scope .lang-chip--ja{color:var(--lang-ja)}.learn-scope .lang-chip--ko{color:var(--lang-ko)}.learn-scope .lang-chip--zh{color:var(--lang-zh)}.learn-scope .lang-chip--solid{background:color-mix(in oklch, currentColor 8%, white);border-color:color-mix(in oklch, currentColor 22%, transparent)}.learn-scope .lang-chip--solid .lang-chip__code{color:currentColor;opacity:.85}.learn-scope .lang-chip--solid .lang-chip__name{color:currentColor}.learn-scope .lang-chip--xs{gap:5px;padding:2px 7px 2px 6px;font-size:11px}.learn-scope .lang-chip--xs .lang-chip__dot{width:6px;height:6px}.learn-scope .lang-chip--xs .lang-chip__code{font-size:9px}.learn-scope .lang-chip--lg{font-size:var(--fs-sm);gap:8px;padding:6px 14px 6px 10px}.learn-scope .lang-chip--lg .lang-chip__dot{width:10px;height:10px}.learn-scope .lang-chip--lg .lang-chip__code{font-size:11px}.learn-scope .lang-filter{flex-wrap:wrap;gap:6px;display:inline-flex}.learn-scope .lang-filter button{background:var(--surface);border:1px solid var(--border-strong);font-size:var(--fs-xs);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.learn-scope .lang-filter button .lang-chip__dot{width:7px;height:7px;box-shadow:none}.learn-scope .lang-filter button.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--fg)}.learn-scope .lang-filter button:hover{border-color:var(--accent-soft-2)}.learn-scope .input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.learn-scope .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.learn-scope .input--search{background:var(--bg-soft);border-color:var(--border);padding-left:36px}.learn-scope .divider{border:0;border-top:1px solid var(--border);margin:0}.learn-scope .divider-strong{border:0;border-top:1px solid var(--fg);margin:0}.learn-scope .divider-vert{background:var(--border);align-self:stretch;width:1px}.learn-scope .bar{background:var(--bg-soft);border-radius:999px;height:8px;position:relative;overflow:hidden}.learn-scope .bar__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.learn-scope .bar--thin{height:4px}.learn-scope .bar--lg{height:12px}.learn-scope .ring{--size:120px;--p:65;--color:var(--accent);width:var(--size);height:var(--size);background:conic-gradient(var(--color) calc(var(--p) * 1%), var(--bg-soft) 0);border-radius:999px;place-items:center;display:grid;position:relative}.learn-scope .ring:before{content:"";background:var(--surface);border-radius:999px;position:absolute;inset:10px}.learn-scope .ring__inner{text-align:center;position:relative}.learn-scope .ring__num{font-family:var(--font-mono);letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1}.learn-scope .ring__label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-family:var(--font-mono);margin-top:4px}.learn-scope .streak{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:var(--radius);align-items:center;gap:10px;padding:10px 16px 10px 12px;font-weight:600;display:inline-flex}.learn-scope .streak-icon{background:#fff3;border-radius:999px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.learn-scope .streak-days{opacity:.85;font-size:13px;font-weight:400}.learn-scope .chat{gap:var(--gap-4);flex-direction:column;display:flex}.learn-scope .bubble{border-radius:18px;max-width:78%;padding:12px 16px;font-size:15px;line-height:1.45;position:relative}.learn-scope .bubble--ai{background:var(--surface-2);color:var(--fg);border-bottom-left-radius:6px;align-self:flex-start}.learn-scope .bubble--user{background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:6px;align-self:flex-end}.learn-scope .bubble--system{color:var(--muted);font-size:var(--fs-sm);font-family:var(--font-mono);letter-spacing:.04em;background:0 0;align-self:center;padding:4px 0}.learn-scope .bubble-meta{color:var(--muted);font-size:11px;font-family:var(--font-mono);gap:8px;margin-top:6px;display:flex}.learn-scope .bubble--user .bubble-meta{color:oklch(100% 5.96046e-8 none/.7)}.learn-scope .bubble-row{align-items:flex-end;gap:10px;display:flex}.learn-scope .bubble-row.is-user{justify-content:flex-end}.learn-scope .fb-chip{background:color-mix(in oklch, var(--warn) 18%, white);color:oklch(55% .13 75);text-underline-offset:3px;cursor:help;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex}.learn-scope .fb-chip--good{background:color-mix(in oklch, var(--success) 12%, white);color:var(--success)}.learn-scope .mic-btn{background:var(--accent);color:#fff;width:88px;height:88px;box-shadow:0 8px 28px color-mix(in oklch, var(--accent) 50%, transparent);border-radius:999px;place-items:center;transition:transform .1s;display:grid;position:relative}.learn-scope .mic-btn:hover{transform:scale(1.04)}.learn-scope .mic-btn:active{transform:scale(.97)}.learn-scope .mic-btn.is-recording{background:var(--danger);box-shadow:0 8px 28px color-mix(in oklch, var(--danger) 50%, transparent)}.learn-scope .mic-btn.is-recording:before{content:"";border:3px solid var(--danger);opacity:.4;border-radius:999px;animation:1.4s ease-out infinite mic-pulse;position:absolute;inset:-8px}@keyframes mic-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.learn-scope .wave{align-items:center;gap:3px;height:32px;display:flex}.learn-scope .wave>span{background:var(--accent);border-radius:999px;width:3px;animation:1.2s ease-in-out infinite wave-pulse;display:block}@keyframes wave-pulse{0%,to{height:6px}50%{height:var(--h,24px)}}.learn-scope .table{border-collapse:collapse;width:100%;font-size:14px}.learn-scope .table th,.learn-scope .table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.learn-scope .table th{color:var(--muted);font-weight:500;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-soft);font-size:11px}.learn-scope .table tr:last-child td{border-bottom:0}.learn-scope .table tbody tr:hover td{background:var(--bg-soft)}.learn-scope .table .num-col{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.learn-scope .heatmap{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.learn-scope .heatmap-cell{aspect-ratio:1;background:var(--bg-soft);border-radius:4px}.learn-scope .heatmap-cell[data-v="1"]{background:color-mix(in oklch, var(--accent) 25%, white)}.learn-scope .heatmap-cell[data-v="2"]{background:color-mix(in oklch, var(--accent) 50%, white)}.learn-scope .heatmap-cell[data-v="3"]{background:color-mix(in oklch, var(--accent) 75%, white)}.learn-scope .heatmap-cell[data-v="4"]{background:var(--accent)}.learn-scope .month-heatmap{grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr);gap:8px 12px;width:min(100%,292px);margin-inline:auto;display:grid}.learn-scope .month-heatmap-weeks{font-family:var(--font-mono);color:var(--muted);text-align:center;grid-column:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;font-size:11px;display:grid}.learn-scope .month-heatmap-days{font-family:var(--font-mono);color:var(--muted);grid-area:2/1;grid-template-rows:repeat(7,1fr);align-items:center;gap:5px;font-size:11px;display:grid}.learn-scope .month-heatmap-grid{grid-area:2/2;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.learn-scope .month-heatmap-grid .heatmap-cell{border-radius:7px;width:100%;min-width:0}@media (width<=520px){.learn-scope .month-heatmap{grid-template-columns:26px minmax(0,1fr);column-gap:8px;width:100%}.learn-scope .month-heatmap-weeks,.learn-scope .month-heatmap-days{font-size:10px}.learn-scope .month-heatmap-grid{gap:4px}.learn-scope .month-heatmap-grid .heatmap-cell{border-radius:5px}}.learn-scope .tabs{border-bottom:1px solid var(--border);gap:4px;padding-inline:4px;display:flex}.learn-scope .tab{color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:14px;font-weight:500}.learn-scope .tab:hover{color:var(--fg)}.learn-scope .tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.learn-scope .tab .count{background:var(--bg-soft);color:var(--muted);font-size:11px;font-family:var(--font-mono);border-radius:999px;margin-left:6px;padding:2px 6px}.learn-scope .grid-2{gap:var(--gap-5);grid-template-columns:repeat(2,1fr);display:grid}.learn-scope .grid-3{gap:var(--gap-5);grid-template-columns:repeat(3,1fr);display:grid}.learn-scope .grid-4{gap:var(--gap-4);grid-template-columns:repeat(4,1fr);display:grid}.learn-scope .grid-2-1{gap:var(--gap-6);grid-template-columns:2fr 1fr;display:grid}.learn-scope .grid-1-2{gap:var(--gap-6);grid-template-columns:1fr 2fr;display:grid}.learn-scope .grid-3-2{gap:var(--gap-6);grid-template-columns:3fr 2fr;display:grid}.learn-scope .grid-2>*,.learn-scope .grid-3>*,.learn-scope .grid-4>*,.learn-scope .grid-2-1>*,.learn-scope .grid-1-2>*,.learn-scope .grid-3-2>*{min-width:0}@media (width<=1280px){.learn-scope .grid-2-1{grid-template-columns:1fr}}@media (width<=1100px){.learn-scope .grid-3,.learn-scope .grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.learn-scope .grid-2,.learn-scope .grid-3,.learn-scope .grid-4,.learn-scope .grid-2-1,.learn-scope .grid-1-2,.learn-scope .grid-3-2{grid-template-columns:1fr}}@media (width<=640px){.learn-scope{--fs-display:clamp(32px, 10vw, 42px);--fs-h1:clamp(24px, 7vw, 30px);--fs-h2:20px;--fs-lead:16px}.learn-scope .app{grid-template-areas:"side""topbar""main"}.learn-scope .app-side{z-index:30;border-right:0;border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);scrollbar-width:none;height:auto;padding:8px 12px;display:block;position:sticky;top:0;overflow:auto hidden}.learn-scope .app-side::-webkit-scrollbar{display:none}.learn-scope .app-side .brand,.learn-scope .app-side .nav-group-title,.learn-scope .app-side .nav-group:not(:first-of-type){display:none}.learn-scope .app-side .nav-group{gap:6px;min-width:max-content;margin-top:0;display:flex}.learn-scope .app-side .nav-item{background:var(--surface);border:1px solid var(--border);min-height:44px;color:var(--fg);flex:none;padding:10px 12px}.learn-scope .app-side .nav-item.is-active{border-color:var(--accent-border);background:var(--accent-soft)}.learn-scope .app-topbar{z-index:25;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 14px;position:sticky;top:61px}.learn-scope .app-topbar>.row-2{scrollbar-width:none;min-width:0;max-width:100%;padding-bottom:2px;overflow:auto hidden}.learn-scope .app-topbar>.row-2::-webkit-scrollbar{display:none}.learn-scope .app-topbar>.row-2:first-child{flex:100%}.learn-scope .app-topbar>.row-2:last-child{flex:100%;justify-content:flex-start}.learn-scope .app-topbar .divider-vert{display:none!important}.learn-scope .app-topbar .avatar+div{display:none}.learn-scope .app-topbar .meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.learn-scope .app-main{padding:20px 14px 64px}.learn-scope .app-main--wide{max-width:100%!important}.learn-scope .page-header{margin-bottom:var(--gap-5);align-items:flex-start}.learn-scope .page-header>.row-2,.learn-scope .page-header>.row-4,.learn-scope .page-header>.row-6,.learn-scope .page-header>div{min-width:0}.learn-scope .row-between{flex-wrap:wrap;align-items:flex-start}.learn-scope .row-2,.learn-scope .row-4,.learn-scope .row-6{min-width:0}.learn-scope .card{padding:var(--gap-4)}.learn-scope .card--pad-lg{padding:var(--gap-5)}.learn-scope .btn{white-space:normal;text-align:center;min-height:44px}.learn-scope .btn--sm{padding:9px 12px}.learn-scope .btn--icon,.learn-scope .video__btn,.learn-scope .ctrl-btn,.learn-scope .chunk-card__action{width:44px;height:44px}.learn-scope .pill{white-space:nowrap}.learn-scope .tabs,.learn-scope .formula-filter,.learn-scope .task-meta,.learn-scope .chart-legend{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.learn-scope .tabs::-webkit-scrollbar{display:none}.learn-scope .formula-filter::-webkit-scrollbar{display:none}.learn-scope .task-meta::-webkit-scrollbar{display:none}.learn-scope .chart-legend::-webkit-scrollbar{display:none}.learn-scope .tab,.learn-scope .formula-filter button{flex:none;min-height:44px}.learn-scope .table{max-width:100%;display:block;overflow-x:auto}.learn-scope .fquick{grid-template-columns:1fr!important}.learn-scope .fquick__item{align-items:flex-start;min-width:0}.learn-scope .fquick__item>div{min-width:0}.learn-scope .fquick__item strong,.learn-scope .fquick__item span{overflow-wrap:anywhere}}@media (width<=480px){.learn-scope .grid-2,.learn-scope .grid-3,.learn-scope .grid-4,.learn-scope .grid-2-1,.learn-scope .grid-1-2,.learn-scope .grid-3-2{gap:var(--gap-4)}}.learn-scope .page-header{justify-content:space-between;align-items:flex-end;gap:var(--gap-4);margin-bottom:var(--gap-6);flex-wrap:wrap;display:flex}.learn-scope .page-header__title{font-size:var(--fs-h1);letter-spacing:-.015em;font-weight:600}.learn-scope .page-header__sub{color:var(--muted);font-size:var(--fs-sm);margin-top:6px}.learn-scope .tutor-note{background:var(--warm-soft);border-radius:var(--radius);border:1px solid color-mix(in oklch, var(--warm) 25%, var(--border));gap:12px;padding:14px;display:flex}.learn-scope .tutor-note__body{color:oklch(28% .05 50);font-size:14px;line-height:1.5}.learn-scope .tutor-note__body strong{color:var(--accent);font-weight:600}.learn-scope .scenario-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.learn-scope .scenario-card:hover{border-color:var(--accent);transform:translateY(-2px)}.learn-scope .scenario-card__visual{aspect-ratio:16/10;background:radial-gradient(circle at 30% 20%, color-mix(in oklch, var(--accent) 30%, transparent), transparent 60%), radial-gradient(circle at 80% 80%, color-mix(in oklch, var(--warm) 30%, transparent), transparent 60%), var(--surface-2);place-items:center;font-size:36px;display:grid}.learn-scope .scenario-card__body{padding:var(--gap-4);flex-direction:column;flex:1;gap:6px;display:flex}.learn-scope .task{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5);gap:var(--gap-3);flex-direction:column;transition:border-color .15s;display:flex;position:relative}.learn-scope .task:hover{border-color:var(--border-strong)}.learn-scope .task.is-done{background:var(--surface-2);opacity:.7}.learn-scope .task.is-done .task-title{color:var(--muted);text-decoration:line-through}.learn-scope .task__index{top:var(--gap-4);right:var(--gap-4);font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;font-size:11px;position:absolute}.learn-scope .task-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.learn-scope .task-icon--warm{background:var(--warm-soft);color:#8a4d00}.learn-scope .task-title{font-size:16px;font-weight:600}.learn-scope .task-desc{color:var(--muted);font-size:13px}.learn-scope .task-meta{color:var(--muted);font-size:12px;font-family:var(--font-mono);align-items:center;gap:12px;display:flex}.learn-scope :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.learn-scope .ic{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.learn-scope .ic--sm{width:14px;height:14px}.learn-scope .ic--lg{width:20px;height:20px}.learn-scope .ic--xl{width:28px;height:28px}.learn-scope .video{background:var(--ink-block);border-radius:var(--radius-lg);aspect-ratio:16/9;color:#fff;isolation:isolate;position:relative;overflow:hidden}:-webkit-any(.learn-scope .video:fullscreen,.learn-scope .video:-webkit-full-screen,.learn-scope .video.is-fullscreen){aspect-ratio:auto;background:#000;border-radius:0;width:100vw;max-width:none;height:100vh}:is(.learn-scope .video:fullscreen,.learn-scope .video:fullscreen,.learn-scope .video.is-fullscreen){aspect-ratio:auto;background:#000;border-radius:0;width:100vw;max-width:none;height:100vh}.learn-scope .video__stage{background:radial-gradient(ellipse at 25% 55%, #7156e557 0%, transparent 50%), radial-gradient(ellipse at 75% 45%, #fe90003d 0%, transparent 50%), linear-gradient(160deg, var(--ink-block), color-mix(in srgb, var(--ink-block) 78%, black));cursor:pointer;position:absolute;inset:0}.learn-scope .video__media{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%;position:absolute;inset:0}.learn-scope .video__tile{aspect-ratio:4/3;background:linear-gradient(160deg, color-mix(in srgb, var(--ink-block) 82%, white), var(--ink-block));border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:38%;display:grid;position:absolute;overflow:hidden}.learn-scope .video__tile--left{bottom:12%;left:4%}.learn-scope .video__tile--right{top:8%;right:4%}.learn-scope .video__tile-avatar{background:linear-gradient(135deg, var(--accent-hover), var(--accent));color:#fff;width:80px;height:80px;font-size:28px;font-weight:600;font-family:var(--font-display);border-radius:999px;place-items:center;display:grid}.learn-scope .video__tile-avatar--student{background:linear-gradient(135deg, var(--warm), var(--warm-hover))}.learn-scope .video__tile-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.learn-scope .video__tile-mic{background:#00000073;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.learn-scope .video__caption{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;-webkit-line-clamp:2;pointer-events:none;z-index:3;text-align:center;letter-spacing:0;background:#000000b3;border-radius:8px;-webkit-box-orient:vertical;width:min(72%,640px);padding:8px 14px;font-size:14px;font-weight:500;line-height:1.45;display:-webkit-box;position:absolute;bottom:80px;left:50%;overflow:hidden;transform:translate(-50%)}.learn-scope .video__caption .em{color:#ffd196;font-weight:600}.learn-scope .video__transcript-drawer{z-index:4;background:color-mix(in srgb, var(--ink-block) 92%, black);color:#fff;border:1px solid #ffffff24;border-radius:0 0 0 14px;grid-template-rows:auto minmax(0,1fr);width:min(360px,36%);display:grid;position:absolute;top:0;bottom:72px;right:0;overflow:hidden;box-shadow:-18px 0 34px #00000047}.learn-scope .video__transcript-head{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.learn-scope .video__transcript-kicker,.learn-scope .video__transcript-count{color:#ffffffa3;font-family:var(--font-mono);font-size:11px}.learn-scope .video__transcript-title{margin-top:3px;font-size:15px;font-weight:650}.learn-scope .video__transcript-actions{align-items:center;gap:8px;display:inline-flex}.learn-scope .video__transcript-close{color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.learn-scope .video__transcript-close:hover,.learn-scope .video__transcript-cue:hover{background:#ffffff1a}.learn-scope .video__transcript-list{flex-direction:column;gap:2px;min-height:0;padding:8px;display:flex;overflow:auto}.learn-scope .video__transcript-cue{text-align:left;border-radius:8px;grid-template-columns:54px minmax(0,1fr);gap:10px;width:100%;padding:9px 8px;display:grid}.learn-scope .video__transcript-cue.is-active{background:color-mix(in srgb, var(--accent) 32%, transparent)}.learn-scope .video__transcript-time{color:#fff9;font-family:var(--font-mono);font-size:11px;line-height:1.55}.learn-scope .video__transcript-copy{color:#ffffffe0;flex-direction:column;gap:2px;min-width:0;font-size:12px;line-height:1.45;display:flex}.learn-scope .video__transcript-speaker{color:#ffffff94;font-family:var(--font-mono);font-size:10px}.learn-scope .video__transcript-status{color:#ffffffa8;text-align:center;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-size:12px;display:flex}.learn-scope .video__transcript-status--error{color:#ffd6d6;flex-direction:column}.learn-scope .video__transcript-status button{color:#fff;text-decoration:underline}.learn-scope .video__live-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex;position:absolute;top:14px;left:14px}.learn-scope .video__live-pill .dot{background:var(--danger);border-radius:999px;width:6px;height:6px}.learn-scope .video__controls{z-index:6;background:linear-gradient(#0000,#000000d9);flex-direction:column;gap:10px;padding:14px 18px;display:flex;position:absolute;inset:auto 0 0}.learn-scope .video__progress{cursor:pointer;background:#ffffff2e;border-radius:999px;height:5px;position:relative}.learn-scope .video__progress-fill{background:var(--accent);border-radius:999px;position:absolute;inset:0 auto 0 0}.learn-scope .video__progress-fill:after{content:"";background:#fff;border-radius:999px;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 1px 3px #0006}.learn-scope .video__marker{cursor:pointer;z-index:1;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.learn-scope .video__marker--grammar{background:var(--warm)}.learn-scope .video__marker--vocab,.learn-scope .video__marker--moment{background:var(--accent)}.learn-scope .video__row{color:#fff;font-size:13px;font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.learn-scope .video__row .left,.learn-scope .video__row .right{align-items:center;gap:14px;display:flex}.learn-scope .video__btn{color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.learn-scope .video__btn:hover,.learn-scope .video__btn.is-pressed{background:#ffffff1f}.learn-scope .video__btn--play{color:#000;background:#fff;width:40px;height:40px}.learn-scope .video__btn--play:hover{background:oklch(94% 0 0)}.learn-scope .video__time{font-variant-numeric:tabular-nums;letter-spacing:.02em}.learn-scope .video__speed{place-items:center;display:grid;position:relative}.learn-scope .video__speed-menu{z-index:8;background:#0c0c0ef5;border:1px solid #ffffff24;border-radius:8px;gap:2px;min-width:84px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 14px 34px #00000061}.learn-scope .video__speed-menu button{color:#ffffffd1;min-height:30px;font-family:var(--font-mono);text-align:left;border-radius:6px;padding:0 10px;font-size:12px}.learn-scope .video__speed-menu button:hover,.learn-scope .video__speed-menu button.is-selected{color:#fff;background:#ffffff24}.learn-scope .video__speed-menu button.is-selected:after{content:"✓";float:right}@media (width<=640px){.learn-scope .video{aspect-ratio:4/3;border-radius:var(--radius)}.learn-scope .video__tile{border-radius:10px;width:43%}.learn-scope .video__tile-avatar{width:54px;height:54px;font-size:20px}.learn-scope .video__caption{width:90%;padding:7px 10px;font-size:12px;bottom:88px}.learn-scope .video__transcript-drawer{border-radius:0 0 0 12px;width:min(92%,360px);bottom:70px}.learn-scope .video__transcript-head{padding:12px}.learn-scope .video__transcript-list{padding:6px}.learn-scope .video__transcript-cue{grid-template-columns:48px minmax(0,1fr);gap:8px}.learn-scope .video__controls{padding:12px}.learn-scope .video__row{align-items:center;gap:8px}.learn-scope .video__row .left{flex-wrap:wrap;gap:8px;min-width:0}.learn-scope .video__row .right{margin-left:auto;display:flex!important}.learn-scope .video__row .right .video__btn:not(.video__btn--captions):not(.video__btn--transcript):not(.video__btn--speed):not(.video__btn--fullscreen){display:none}.learn-scope .video__time{font-size:11px}.learn-scope .timeline-strip{gap:var(--gap-2);grid-template-columns:1fr;padding:12px}.learn-scope .timeline-strip__track{height:26px}.learn-scope .moment{grid-template-columns:48px 1fr;gap:10px}.learn-scope .moment>:last-child{grid-column:2;justify-self:start}}.learn-scope .timeline-strip{gap:var(--gap-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:80px 1fr;align-items:center;padding:14px 16px;font-size:12px;display:grid}.learn-scope .timeline-strip__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.learn-scope .timeline-strip__label:before{content:"";background:var(--track);border-radius:999px;width:8px;height:8px}.learn-scope .timeline-strip[data-track=speaking]{--track:var(--accent)}.learn-scope .timeline-strip[data-track=grammar]{--track:var(--warm)}.learn-scope .timeline-strip[data-track=vocab],.learn-scope .timeline-strip[data-track=moment]{--track:var(--accent)}.learn-scope .timeline-strip__track{background:var(--bg-soft);border-radius:6px;height:22px;position:relative;overflow:hidden}.learn-scope .timeline-block{background:var(--track);opacity:.85;border-radius:3px;position:absolute;top:0;bottom:0}.learn-scope .timeline-block--soft{opacity:.4}.learn-scope .timeline-block--tutor{background:var(--warm);opacity:.7}.learn-scope .timeline-dot{background:var(--track);border:2px solid var(--surface);cursor:pointer;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.learn-scope .timeline-dot:hover{transform:translate(-50%,-50%)scale(1.25)}.learn-scope .moment{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;grid-template-columns:52px 1fr auto;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s;display:grid}.learn-scope .moment:hover{background:var(--bg-soft);border-color:var(--border)}.learn-scope .moment__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);padding-top:2px;font-size:12px}.learn-scope .moment__icon{border-radius:999px;width:10px;height:10px;margin-top:6px}.learn-scope .moment__body{min-width:0}.learn-scope .moment__title{font-size:14px;font-weight:500;line-height:1.4}.learn-scope .moment__sub{color:var(--muted);margin-top:2px;font-size:12px}.learn-scope .moment-row{align-items:flex-start;gap:10px;display:flex}.learn-scope .chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.learn-scope .chart svg{width:100%;height:auto;display:block}.learn-scope .chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.learn-scope .chart-legend__dot{vertical-align:middle;border-radius:999px;width:10px;height:10px;margin-right:6px;display:inline-block}.learn-scope .vocab{background:var(--surface-2);border-radius:var(--radius);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.learn-scope .vocab__word{justify-content:space-between;align-items:baseline;gap:8px;font-size:16px;font-weight:600;display:flex}.learn-scope .vocab__pron{font-family:var(--font-mono);color:var(--muted);font-size:11px;font-weight:400}.learn-scope .vocab__gloss{color:var(--muted);font-size:13px}.learn-scope .vocab__example{color:var(--fg);border-left:2px solid var(--accent);margin-top:6px;padding-left:10px;font-size:13px;font-style:italic}.learn-scope .kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-4);flex-direction:column;gap:6px;display:flex}.learn-scope .kpi__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.learn-scope .kpi__value{font-family:var(--font-mono);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1}.learn-scope .kpi__delta{color:var(--success);font-size:12px;font-family:var(--font-mono);font-weight:500}.learn-scope .kpi__delta--down{color:var(--danger)}.learn-scope .ai-avatar-stage{aspect-ratio:4/5;border-radius:var(--radius-lg);background:radial-gradient(at 50% 30%,#ad9df0 0%,#7156e5 46%,#252c48 100%);place-items:center;display:grid;position:relative;overflow:hidden}.learn-scope .ai-avatar{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#fff,#f1eefc 38%,#8973e9 72%,#7156e5);border-radius:999px;width:70%;position:relative;box-shadow:0 0 60px #7156e573}.learn-scope .ai-avatar:before,.learn-scope .ai-avatar:after{content:"";aspect-ratio:1;background:var(--ink-block);border-radius:999px;width:12%;position:absolute;top:38%}.learn-scope .ai-avatar:before{left:30%}.learn-scope .ai-avatar:after{right:30%}.learn-scope .ai-avatar-stage__status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-family:var(--font-mono);letter-spacing:.05em;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.learn-scope .ai-avatar-stage__scenario{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000073;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;top:16px;left:16px}.learn-scope .muted{color:var(--muted)}.learn-scope .accent{color:var(--accent)}.learn-scope .warm{color:var(--warm)}.learn-scope .success{color:var(--success)}.learn-scope .warn{color:#8a4d00}.learn-scope .danger{color:var(--danger)}.learn-scope .text-c{text-align:center}.learn-scope .text-r{text-align:right}.learn-scope .w-full{width:100%}.learn-scope .mt-2{margin-top:var(--gap-2)}.learn-scope .mt-3{margin-top:var(--gap-3)}.learn-scope .mt-4{margin-top:var(--gap-4)}.learn-scope .mt-5{margin-top:var(--gap-5)}.learn-scope .mt-6{margin-top:var(--gap-6)}.learn-scope .mt-8{margin-top:var(--gap-8)}.learn-scope .pb-2{padding-bottom:var(--gap-2)}.learn-scope .ml-auto{margin-left:auto}.learn-scope{--f1:#7156e5;--f2:#fe9000;--f3:#8973e9;--f4:#096dd9;--f5:#389e0d;--f6:#a698d3;--f7:#f5222d;--f8:#fdba3e;--f1-bg:#f1eefc;--f2-bg:#fff4e6;--f3-bg:#efebfb;--f4-bg:#e6f1fb;--f5-bg:#edf7e9;--f6-bg:#f3f0fb;--f7-bg:#e6f0e8;--f8-bg:#fff7e1}.learn-scope .formula-badge{background:var(--f-bg,var(--f5-bg));width:22px;height:22px;color:var(--f-fg,var(--f5));font-family:var(--font-mono);letter-spacing:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.learn-scope .formula-badge.lg{border-radius:8px;width:32px;height:32px;font-size:14px}.learn-scope .formula-badge.f1{--f-bg:var(--f1-bg);--f-fg:var(--f1)}.learn-scope .formula-badge.f2{--f-bg:var(--f2-bg);--f-fg:var(--f2)}.learn-scope .formula-badge.f3{--f-bg:var(--f3-bg);--f-fg:var(--f3)}.learn-scope .formula-badge.f4{--f-bg:var(--f4-bg);--f-fg:var(--f4)}.learn-scope .formula-badge.f5{--f-bg:var(--f5-bg);--f-fg:var(--f5)}.learn-scope .formula-badge.f6{--f-bg:var(--f6-bg);--f-fg:var(--f6)}.learn-scope .formula-badge.f7{--f-bg:var(--f7-bg);--f-fg:var(--f7)}.learn-scope .formula-badge.f8{--f-bg:var(--f8-bg);--f-fg:var(--f8)}.learn-scope .formula-pill{border-radius:var(--radius-pill);background:var(--f-bg,var(--f5-bg));color:var(--f-fg,var(--f5));white-space:nowrap;align-items:center;gap:6px;padding:3px 8px 3px 6px;font-size:11px;font-weight:500;display:inline-flex}.learn-scope .formula-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.learn-scope .formula-pill.f1{--f-bg:var(--f1-bg);--f-fg:var(--f1)}.learn-scope .formula-pill.f2{--f-bg:var(--f2-bg);--f-fg:var(--f2)}.learn-scope .formula-pill.f3{--f-bg:var(--f3-bg);--f-fg:var(--f3)}.learn-scope .formula-pill.f4{--f-bg:var(--f4-bg);--f-fg:var(--f4)}.learn-scope .formula-pill.f5{--f-bg:var(--f5-bg);--f-fg:var(--f5)}.learn-scope .formula-pill.f6{--f-bg:var(--f6-bg);--f-fg:var(--f6)}.learn-scope .formula-pill.f7{--f-bg:var(--f7-bg);--f-fg:var(--f7)}.learn-scope .formula-pill.f8{--f-bg:var(--f8-bg);--f-fg:var(--f8)}.learn-scope .dim-dot{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);text-transform:uppercase;align-items:center;gap:4px;font-size:10px;font-weight:500;display:inline-flex}.learn-scope .dim-dot:before{content:"";background:currentColor;width:8px;height:8px;display:block}.learn-scope .dim-dot.d1:before{border-radius:50%}.learn-scope .dim-dot.d2:before{width:12px;height:2px}.learn-scope .dim-dot.d3:before{background:0 0;border-bottom:9px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.learn-scope .dim-dot.d1{color:var(--muted)}.learn-scope .dim-dot.d2{color:var(--accent)}.learn-scope .dim-dot.d3{color:var(--warm)}.learn-scope .chunk-card{gap:var(--gap-2);padding:var(--gap-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s;display:flex}.learn-scope .chunk-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.learn-scope .chunk-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.learn-scope .chunk-card__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learn-scope .chunk-card__text{font-family:var(--font-display);color:var(--fg);font-size:16px;font-weight:500;line-height:1.35}.learn-scope .chunk-card__text em{background:linear-gradient(transparent 60%, color-mix(in srgb, var(--f-fg,var(--accent)) 22%, transparent) 60%);padding:0 2px;font-style:normal}.learn-scope .chunk-card__ctx{color:var(--muted);font-size:12px;font-style:italic;line-height:1.4}.learn-scope .chunk-card__meta{align-items:center;gap:var(--gap-3);color:var(--muted-2);flex-wrap:wrap;font-size:11px;display:flex}.learn-scope .time{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:4px;display:inline-flex}.learn-scope button.time{cursor:pointer;border-radius:4px}.learn-scope button.time:hover{color:var(--accent)}.learn-scope button.time:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.learn-scope .chunk-card__meta .time:hover{color:var(--accent)}.learn-scope .chunk-card__actions{gap:6px;margin-left:auto;display:flex}.learn-scope .chunk-card__action{border:1px solid var(--border);width:26px;height:26px;color:var(--muted);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:inline-flex}.learn-scope .chunk-card__action:hover{border-color:var(--accent);color:var(--accent)}.learn-scope .chunk-card__action.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.learn-scope .chunk-card.f1 .chunk-card__text em{--f-fg:var(--f1)}.learn-scope .chunk-card.f2 .chunk-card__text em{--f-fg:var(--f2)}.learn-scope .chunk-card.f3 .chunk-card__text em{--f-fg:var(--f3)}.learn-scope .chunk-card.f4 .chunk-card__text em{--f-fg:var(--f4)}.learn-scope .chunk-card.f5 .chunk-card__text em{--f-fg:var(--f5)}.learn-scope .chunk-card.f6 .chunk-card__text em{--f-fg:var(--f6)}.learn-scope .chunk-card.f7 .chunk-card__text em{--f-fg:var(--f7)}.learn-scope .chunk-card.f8 .chunk-card__text em{--f-fg:var(--f8)}.learn-scope .formula-col{gap:var(--gap-3);flex-direction:column;display:flex}.learn-scope .formula-col__head{align-items:center;gap:var(--gap-2);padding:var(--gap-2) var(--gap-3);background:var(--f-bg,var(--f5-bg));border-radius:var(--radius-sm);display:flex}.learn-scope .formula-col__head .name{color:var(--f-fg,var(--f5));letter-spacing:-.005em;font-size:12px;font-weight:600}.learn-scope .formula-col__head .count{font-family:var(--font-mono);color:var(--f-fg,var(--f5));opacity:.7;margin-left:auto;font-size:11px}.learn-scope .formula-col.f1 .formula-col__head{--f-bg:var(--f1-bg);--f-fg:var(--f1)}.learn-scope .formula-col.f2 .formula-col__head{--f-bg:var(--f2-bg);--f-fg:var(--f2)}.learn-scope .formula-col.f3 .formula-col__head{--f-bg:var(--f3-bg);--f-fg:var(--f3)}.learn-scope .formula-col.f4 .formula-col__head{--f-bg:var(--f4-bg);--f-fg:var(--f4)}.learn-scope .formula-col.f5 .formula-col__head{--f-bg:var(--f5-bg);--f-fg:var(--f5)}.learn-scope .formula-col.f6 .formula-col__head{--f-bg:var(--f6-bg);--f-fg:var(--f6)}.learn-scope .formula-col.f7 .formula-col__head{--f-bg:var(--f7-bg);--f-fg:var(--f7)}.learn-scope .formula-col.f8 .formula-col__head{--f-bg:var(--f8-bg);--f-fg:var(--f8)}.learn-scope .fdist{gap:var(--gap-3);flex-direction:column;display:flex}.learn-scope .fdist__row{align-items:center;gap:var(--gap-3);grid-template-columns:36px 1fr 36px;font-size:12px;display:grid}.learn-scope .fdist__row .label{color:var(--muted);font-family:var(--font-mono);font-size:11px}.learn-scope .fdist__bar{background:var(--surface-2);border-radius:4px;height:8px;position:relative;overflow:hidden}.learn-scope .fdist__fill{background:var(--f-fg,var(--accent));border-radius:4px;height:100%;transition:width .4s}.learn-scope .fdist__row .num{text-align:right;color:var(--fg);font-weight:500}.learn-scope .fdist__row.f1 .fdist__fill{--f-fg:var(--f1)}.learn-scope .fdist__row.f2 .fdist__fill{--f-fg:var(--f2)}.learn-scope .fdist__row.f3 .fdist__fill{--f-fg:var(--f3)}.learn-scope .fdist__row.f4 .fdist__fill{--f-fg:var(--f4)}.learn-scope .fdist__row.f5 .fdist__fill{--f-fg:var(--f5)}.learn-scope .fdist__row.f6 .fdist__fill{--f-fg:var(--f6)}.learn-scope .fdist__row.f7 .fdist__fill{--f-fg:var(--f7)}.learn-scope .fdist__row.f8 .fdist__fill{--f-fg:var(--f8)}.learn-scope .radar-8{aspect-ratio:1;width:100%;display:block}.learn-scope .radar-8 .grid-poly{fill:none;stroke:var(--border);stroke-width:1px}.learn-scope .radar-8 .axis-line{stroke:var(--border);stroke-width:1px}.learn-scope .radar-8 .data-poly{fill:color-mix(in srgb, var(--accent) 16%, transparent);stroke:var(--accent);stroke-width:1.5px}.learn-scope .radar-8 .data-pt{fill:var(--accent)}.learn-scope .radar-8 .axis-label{font-family:var(--font-mono);fill:var(--muted);text-anchor:middle;font-size:10px}.learn-scope .dim-stack{gap:var(--gap-3);padding:var(--gap-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.learn-scope .dim-stack__row{align-items:center;gap:var(--gap-3);grid-template-columns:26px 1fr auto;display:grid}.learn-scope .dim-stack__icon{background:var(--surface-2);border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.learn-scope .dim-stack__row.d1 .dim-stack__icon{background:color-mix(in srgb, var(--muted) 12%, transparent)}.learn-scope .dim-stack__row.d2 .dim-stack__icon{background:var(--accent-soft)}.learn-scope .dim-stack__row.d3 .dim-stack__icon{background:var(--warm-soft)}.learn-scope .dim-stack__label{color:var(--fg);font-size:13px;font-weight:500}.learn-scope .dim-stack__sub{color:var(--muted);margin-top:1px;font-size:11px}.learn-scope .dim-stack__num{font-family:var(--font-mono);color:var(--fg);font-size:18px;font-weight:600}.learn-scope .dual-prog{gap:var(--gap-3);flex-direction:column;display:flex}.learn-scope .dual-prog__row{flex-direction:column;gap:6px;display:flex}.learn-scope .dual-prog__head{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.learn-scope .dual-prog__head .name{color:var(--fg);font-weight:500}.learn-scope .dual-prog__head .val{font-family:var(--font-mono);color:var(--muted)}.learn-scope .dual-prog__bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.learn-scope .dual-prog__fill{border-radius:3px;height:100%}.learn-scope .dual-prog__fill.receptive{background:var(--accent)}.learn-scope .dual-prog__fill.productive{background:var(--warm)}.learn-scope .practice-priority{gap:var(--gap-4);display:grid}.learn-scope .practice-priority__summary{padding:var(--gap-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;display:grid}.learn-scope .practice-priority__summary strong{color:var(--fg);font-size:14px}.learn-scope .practice-priority__summary span{color:var(--muted);font-size:12px;line-height:1.5}.learn-scope .practice-priority__list{gap:var(--gap-3);display:grid}.learn-scope .practice-priority__item{padding:var(--gap-4);background:color-mix(in srgb, var(--warm) 7%, var(--surface));border:1px solid color-mix(in srgb, var(--warm) 20%, var(--border));border-radius:var(--radius);gap:7px;display:grid}.learn-scope .practice-priority__item-head{justify-content:space-between;align-items:center;gap:var(--gap-2);display:flex}.learn-scope .practice-priority__item strong{color:var(--fg);font-size:14px;line-height:1.35}.learn-scope .practice-priority__item p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.learn-scope .practice-priority__actions{align-items:center;gap:var(--gap-2);flex-wrap:wrap;display:flex}.learn-scope .fquick{gap:var(--gap-2);padding:var(--gap-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);display:grid}.learn-scope .fquick__item{align-items:center;gap:8px;font-size:11px;line-height:1.3;display:flex}.learn-scope .fquick__item .formula-badge{width:20px;height:20px;font-size:10px}.learn-scope .fquick__item strong{color:var(--fg);font-weight:600;display:block}.learn-scope .fquick__item span{color:var(--muted);font-size:10px}@media (width<=920px){.learn-scope .fquick{grid-template-columns:repeat(2,1fr)}}.learn-scope .f-rotation{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;padding:6px 10px;display:flex}.learn-scope .f-rotation__dots{gap:3px;display:inline-flex}.learn-scope .f-rotation__dot{background:var(--surface-2);border-radius:50%;width:6px;height:6px}.learn-scope .f-rotation__dot.done{background:var(--success)}.learn-scope .f-rotation__dot.today{background:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.learn-scope .blank-input{border:none;border-bottom:2px dashed var(--accent);background:var(--accent-soft);width:min(180px,100%);min-width:100px;font-family:var(--font-display);font-size:inherit;color:var(--accent);text-align:center;border-radius:4px 4px 0 0;margin:0 2px;padding:2px 10px;font-weight:500;display:inline-block}.learn-scope .blank-input:focus{background:color-mix(in srgb, var(--accent) 12%, white);outline:none}.learn-scope .blank-input.correct{border-bottom-color:var(--success);color:var(--success);background:color-mix(in srgb, var(--success) 8%, white)}.learn-scope .blank-input.wrong{border-bottom-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, white)}@media (width<=640px){.learn-scope .blank-input{text-align:left;width:100%;max-width:280px;margin:8px 0;display:block}.learn-scope .chunk-card__head,.learn-scope .chunk-card__meta{align-items:flex-start}.learn-scope .chunk-card__actions{justify-content:flex-start;width:100%;margin-left:0}.learn-scope .bubble{max-width:92%}}.learn-scope .consent-card{border:1px solid var(--accent-border);background:linear-gradient(135deg, var(--surface) 0%, var(--accent-soft) 100%);border-radius:var(--radius-lg);padding:var(--gap-5)}.learn-scope .consent-card--compact{padding:var(--gap-4)}.learn-scope .consent-grid{gap:var(--gap-4);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;display:grid}@media (width<=920px){.learn-scope .consent-grid{grid-template-columns:1fr}}.learn-scope .consent-principles{gap:var(--gap-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=760px){.learn-scope .consent-principles{grid-template-columns:1fr}}.learn-scope .consent-principle{border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-3);background:#ffffffa3}.learn-scope .consent-principle strong{margin-bottom:3px;font-size:13px;display:block}.learn-scope .consent-principle span{color:var(--muted);font-size:12px;line-height:1.45;display:block}.learn-scope .consent-matrix{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.learn-scope .consent-row{gap:var(--gap-3);grid-template-columns:1fr auto;align-items:center;padding:12px;display:grid}.learn-scope .consent-row+.consent-row{border-top:1px solid var(--border)}.learn-scope .consent-row__label{font-size:13px;font-weight:600}.learn-scope .consent-row__sub{color:var(--muted);margin-top:2px;font-size:11px}.learn-scope .consent-lock{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:10px;display:inline-flex}.learn-scope .consent-status{border-radius:var(--radius-pill);background:var(--success);color:#fff;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.learn-scope .consent-status:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff40}.learn-scope .consent-status[data-state=blocked]{background:var(--danger)}.learn-scope .privacy-switch{flex-shrink:0;width:46px;height:26px;display:inline-flex;position:relative}.learn-scope .privacy-switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.learn-scope .privacy-switch span{background:var(--border-strong);border-radius:999px;transition:background .18s;position:absolute;inset:0}.learn-scope .privacy-switch span:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .18s;position:absolute;top:3px;left:3px}.learn-scope .privacy-switch input:checked+span{background:var(--accent)}.learn-scope .privacy-switch input:checked+span:after{transform:translate(20px)}.learn-scope .privacy-switch input:disabled{cursor:not-allowed}.learn-scope .privacy-switch input:disabled+span{opacity:.58}.learn-scope .lesson-consent-note{border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-3);background:var(--surface);color:var(--muted);align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;display:flex}.learn-scope .lesson-consent-note svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:1px}.learn-scope .ai-gated{position:relative}.learn-scope.is-ai-blocked .ai-gated{filter:grayscale(.25)}.learn-scope.is-ai-blocked .ai-gated:after{content:"本堂課未取得雙方 AI 訓練/分析同意，因此不產生影片逐字稿分析、3D 筆記、每日練習或情境任務。";padding:var(--gap-5);text-align:center;color:var(--danger);border:1px dashed color-mix(in srgb, var(--danger) 40%, white);border-radius:inherit;z-index:3;background:#ffffffe0;place-items:center;font-size:13px;font-weight:600;line-height:1.45;display:grid;position:absolute;inset:0}.learn-scope.is-ai-blocked [data-requires-consent]{opacity:.46;pointer-events:none}.learn-scope .word-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-display);cursor:pointer;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.learn-scope .word-pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.learn-scope .word-pill.is-used{opacity:.5}.learn-scope{--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}.learn-scope .btn,.learn-scope .nav-item,.learn-scope .card,.learn-scope .kpi,.learn-scope .task,.learn-scope .chunk-card,.learn-scope .lib-chunk,.learn-scope .preview-card,.learn-scope .assign-card,.learn-scope .lesson-chip,.learn-scope .formula-tab,.learn-scope .word-pill,.learn-scope .cando-scenario-option,.learn-scope .phrase-row,.learn-scope .recall-btn,.learn-scope .view-toggle button,.learn-scope .seg button{transition:transform .16s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), background-color .18s var(--ease-out-quart), color .18s var(--ease-out-quart), opacity .18s var(--ease-out-quart)}.learn-scope .btn:hover,.learn-scope .preview-card:hover,.learn-scope .chunk-card:hover,.learn-scope .lib-chunk:hover,.learn-scope .assign-card:hover,.learn-scope .lesson-chip:hover{transform:translateY(-1px)}.learn-scope .btn.is-pressed,.learn-scope .nav-item.is-pressed,.learn-scope .word-pill.is-pressed,.learn-scope .chunk-card__action.is-pressed,.learn-scope .lib-chunk__star.is-pressed,.learn-scope .star-btn.is-pressed,.learn-scope .recall-btn.is-pressed,.learn-scope .ctrl-btn.is-pressed,.learn-scope .video__btn.is-pressed,.learn-scope .mic-btn.is-pressed{transform:scale(.96)}.learn-scope .od-boot .app-main>*,.learn-scope .od-boot .hero-shell>*,.learn-scope .od-boot .gallery>*,.learn-scope .od-boot .app-side,.learn-scope .od-boot .app-topbar{opacity:0;transform:translateY(10px)}.learn-scope .od-ready .app-main>*,.learn-scope .od-ready .hero-shell>*,.learn-scope .od-ready .gallery>*,.learn-scope .od-ready .app-side,.learn-scope .od-ready .app-topbar{opacity:1;transition:opacity .42s var(--ease-out-quint), transform .42s var(--ease-out-quint);transform:translateY(0)}.learn-scope .od-ready .app-main>:nth-child(2),.learn-scope .od-ready .gallery>:nth-child(2){transition-delay:70ms}.learn-scope .od-ready .app-main>:nth-child(3),.learn-scope .od-ready .gallery>:nth-child(3){transition-delay:.12s}.learn-scope .od-ready .app-main>:nth-child(4),.learn-scope .od-ready .gallery>:nth-child(4){transition-delay:.17s}.learn-scope .video__progress-fill{transition:width .26s var(--ease-out-quart)}.learn-scope .vm{appearance:none;cursor:pointer;transition:transform .16s var(--ease-out-quart), box-shadow .16s var(--ease-out-quart), opacity .16s var(--ease-out-quart);border:0;padding:0}.learn-scope .vm:hover,.learn-scope .vm.is-active{z-index:3;transform:translate(-50%,-50%)scale(1.45);box-shadow:0 0 0 6px #7156e529}.learn-scope .video.is-playing .video__live-pill .dot,.learn-scope .stage-card.is-listening .stage-status .dot{animation:odPulse 1.4s var(--ease-out-quart) infinite}.learn-scope .video__caption.is-updated,.learn-scope .ai-speech-bubble.is-updated,.learn-scope .feedback-pill.is-updated{animation:odSurfaceFlash .9s var(--ease-out-quart)}.learn-scope .bar__fill{transition:width .36s var(--ease-out-quart), background-color .18s var(--ease-out-quart)}.learn-scope .task.is-current,.learn-scope .assign-card.is-current,.learn-scope .phrase-row.is-current,.learn-scope .lib-chunk.is-current{outline:2px solid var(--accent-border);outline-offset:2px}.learn-scope .chunk-card__action.is-on,.learn-scope .lib-chunk__star.is-on,.learn-scope .star-btn.is-on{color:var(--warm);background:var(--warm-soft);border-color:var(--warm-pale)}.learn-scope .chunk-card.is-saved,.learn-scope .lib-chunk.is-saved{animation:odSavePop .44s var(--ease-out-quart)}.learn-scope .blank-input.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, white)}.learn-scope .blank-input.wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, white);animation:odShake .26s var(--ease-out-quart)}.learn-scope .od-toast-stack{z-index:80;pointer-events:none;gap:10px;display:grid;position:fixed;bottom:18px;right:18px}.learn-scope .od-toast{border:1px solid var(--border);border-radius:var(--radius);background:var(--ink-block);color:#fff;max-width:min(360px,100vw - 32px);box-shadow:var(--shadow-lg);opacity:0;animation:odToastIn .22s var(--ease-out-quart) forwards;padding:11px 13px;font-size:13px;line-height:1.45;transform:translateY(10px)scale(.98)}.learn-scope .od-toast[data-tone=success]{background:var(--success)}.learn-scope .od-toast[data-tone=warn]{background:#8a4d00}.learn-scope .od-toast[data-tone=accent]{background:var(--accent)}@keyframes odToastIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes odToastOut{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes odPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(1.45)}}@keyframes odSurfaceFlash{0%{box-shadow:0 0 #7156e538}45%{box-shadow:0 0 0 7px #7156e51f}to{box-shadow:0 0 #7156e500}}@keyframes odSavePop{0%{transform:scale(.98)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes odShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=640px){.learn-scope .od-toast-stack{bottom:12px;left:12px;right:12px}.learn-scope .od-toast{max-width:none}}@media (prefers-reduced-motion:reduce){.learn-scope *,.learn-scope :before,.learn-scope :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.learn-scope .video__btn,.learn-scope .video__btn--play,.learn-scope .chunk-card__action{width:44px;height:44px}.learn-scope .blank-input{min-height:44px;padding-block:8px}.learn-scope .privacy-switch{width:64px;height:44px}.learn-scope .privacy-switch span{inset:9px 0}.learn-scope .privacy-switch input:checked+span:after{transform:translate(38px)}.learn-scope .word-pill{min-height:44px;padding:9px 14px}}.learn-scope .live-pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, white);border:1px solid color-mix(in srgb, var(--danger) 35%, white);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.learn-scope .live-pill .dot{background:var(--danger);border-radius:999px;width:7px;height:7px;animation:1.6s ease-in-out infinite odLiveBlink}@keyframes odLiveBlink{0%,to{opacity:1}50%{opacity:.35}}.learn-scope .live-strip{gap:var(--gap-5);padding:var(--gap-4) var(--gap-5);background:linear-gradient(135deg, var(--ink-block) 0%, color-mix(in srgb, var(--ink-block) 80%, var(--accent)) 100%);color:#fff;border-radius:var(--radius-lg);grid-template-columns:1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.learn-scope .live-strip:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff900040 0%,#0000 60%);width:50%;position:absolute;inset:-50% -10% auto auto}.learn-scope .live-strip__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.2}.learn-scope .live-strip__meta{color:#ffffffc7;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:13px;display:flex}.learn-scope .live-strip__meta strong{color:#fff;font-weight:500}.learn-scope .live-strip__meta-sep{background:#fff6;border-radius:999px;align-self:center;width:3px;height:3px}.learn-scope .live-strip__timer{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.learn-scope .live-strip__timer-num{font-family:var(--font-mono);letter-spacing:-.02em;font-size:22px;font-weight:600}.learn-scope .live-strip__timer-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;font-size:11px}.learn-scope .live-strip-controls{flex-wrap:wrap;gap:8px;display:flex}.learn-scope .live-ctrl{border-radius:var(--radius-pill);color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:inline-flex}.learn-scope .live-ctrl:hover{background:#ffffff2e}.learn-scope .live-ctrl.is-off{background:var(--danger);border-color:var(--danger)}.learn-scope .live-ctrl.is-active{background:var(--accent);border-color:var(--accent)}.learn-scope .live-ctrl--end{background:var(--danger);border-color:var(--danger);gap:8px;width:auto;padding:0 16px;font-size:13px;font-weight:500}.learn-scope .live-ctrl--end:hover{background:color-mix(in srgb, var(--danger) 88%, black)}.learn-scope .video-grid{background:var(--ink-block);border-radius:var(--radius-lg);gap:8px;padding:8px;display:grid}.learn-scope .video-grid--9up{grid-template-columns:repeat(3,1fr)}.learn-scope .video-grid--main{grid-template-rows:1fr auto;grid-template-columns:2fr 1fr;min-height:360px}.learn-scope .video-grid--main .video-tile--main{grid-row:1/3}.learn-scope .video-tile{aspect-ratio:16/9;border-radius:var(--radius);background:color-mix(in srgb, var(--ink-block) 85%, white);color:#fff;position:relative;overflow:hidden}.learn-scope .video-tile--main{aspect-ratio:auto;min-height:240px}.learn-scope .video-tile--main .video-tile__bg{background:radial-gradient(ellipse at 35% 40%, #7156e552 0%, transparent 55%), radial-gradient(ellipse at 70% 65%, #fe90002e 0%, transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--ink-block) 88%, white), var(--ink-block))}.learn-scope .video-tile__bg{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--accent) 25%, transparent) 0%, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--ink-block) 80%, white), color-mix(in srgb, var(--ink-block) 92%, black));position:absolute;inset:0}.learn-scope .video-tile__avatar{width:48px;height:48px;font-family:var(--font-display);color:#fff;background:#ffffff29;border:2px solid #ffffff40;border-radius:999px;place-items:center;font-size:18px;font-weight:600;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learn-scope .video-tile--main .video-tile__avatar{width:84px;height:84px;font-size:30px}.learn-scope .video-tile__name{border-radius:var(--radius-sm);background:#0000008c;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 8px;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:8px;left:8px}.learn-scope .video-tile__mic{color:#fff;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.learn-scope .video-tile__mic.is-off{color:var(--danger)}.learn-scope .video-tile__hand{background:var(--warm);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;animation:1.4s ease-in-out infinite odHandWave;display:inline-flex;position:absolute;top:8px;left:8px}@keyframes odHandWave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}.learn-scope .video-tile__badge{background:var(--accent);color:#fff;font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;font-weight:500;position:absolute;top:8px;right:8px}.learn-scope .video-tile.is-speaking{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:inset 0 0 0 6px #7156e52e}.learn-scope .video-tile--self{aspect-ratio:16/9;border:2px solid #fff;width:22%;max-width:180px;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #0006}.learn-scope .video-tile--self .video-tile__name{font-size:10px}.learn-scope .poll-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5);gap:var(--gap-4);flex-direction:column;display:flex}.learn-scope .poll-card__head{justify-content:space-between;align-items:flex-start;gap:var(--gap-3);flex-wrap:wrap;display:flex}.learn-scope .poll-card__type{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-pill);background:var(--accent-soft);align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.learn-scope .poll-card__type[data-type=vote]{color:var(--info);border-color:color-mix(in srgb, var(--info) 30%, var(--border));background:color-mix(in srgb, var(--info) 7%, white)}.learn-scope .poll-card__type[data-type=mcq]{color:var(--accent)}.learn-scope .poll-card__type[data-type=multi]{color:var(--warm);border-color:var(--warm-pale);background:var(--warm-soft)}.learn-scope .poll-card__countdown{font-family:var(--font-mono);color:var(--fg);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.learn-scope .poll-card__countdown .dot{background:var(--accent);border-radius:999px;width:7px;height:7px;animation:1.4s ease-in-out infinite odLiveBlink}.learn-scope .poll-card__countdown.is-warn{color:var(--danger)}.learn-scope .poll-card__countdown.is-warn .dot{background:var(--danger)}.learn-scope .poll-card__question{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.35}.learn-scope .poll-card__hint{color:var(--muted);font-size:13px}.learn-scope .poll-options{flex-direction:column;gap:8px;display:flex}.learn-scope .poll-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);text-align:left;cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:14px 16px;font-size:14px;transition:all .15s;display:flex;position:relative;overflow:hidden}.learn-scope .poll-option:hover{border-color:var(--accent-border);background:var(--accent-soft)}.learn-scope .poll-option__key{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border);width:24px;height:24px;font-family:var(--font-mono);color:var(--muted);flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.learn-scope .poll-option__text{flex:1;min-width:0}.learn-scope .poll-option__pct{font-family:var(--font-mono);color:var(--muted);font-size:13px;font-weight:600;display:none}.learn-scope .poll-option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.learn-scope .poll-option.is-selected .poll-option__key{background:var(--accent);border-color:var(--accent);color:#fff}.learn-scope .poll-option__bar{width:var(--pct,0%);background:color-mix(in srgb, var(--accent) 10%, white);border-right:2px solid var(--accent);transition:width .6s var(--ease-out-quart);z-index:0;position:absolute;top:0;bottom:0;left:0}.learn-scope .poll-option.is-results .poll-option__bar{width:var(--pct,0%)}.learn-scope .poll-option.is-results .poll-option__pct{display:inline-flex}.learn-scope .poll-option.is-results{cursor:default;pointer-events:none}.learn-scope .poll-option.is-results .poll-option__key,.learn-scope .poll-option.is-results .poll-option__text,.learn-scope .poll-option.is-results .poll-option__pct{z-index:1;position:relative}.learn-scope .poll-option.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, white)}.learn-scope .poll-option.is-correct .poll-option__bar{background:color-mix(in srgb, var(--success) 14%, white);border-right-color:var(--success)}.learn-scope .poll-option.is-correct .poll-option__key{background:var(--success);border-color:var(--success);color:#fff}.learn-scope .poll-option.is-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 5%, white)}.learn-scope .poll-option.is-wrong .poll-option__bar{background:color-mix(in srgb, var(--danger) 10%, white);border-right-color:var(--danger)}.learn-scope .poll-option__tick{color:#fff;z-index:2;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.learn-scope .poll-option.is-correct .poll-option__tick{background:var(--success);display:inline-flex}.learn-scope .poll-option.is-wrong .poll-option__tick{background:var(--danger);display:inline-flex}.learn-scope .poll-card__footer{justify-content:space-between;align-items:center;gap:var(--gap-3);padding-top:var(--gap-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.learn-scope .poll-card__stats{gap:var(--gap-4);color:var(--muted);font-size:12px;display:flex}.learn-scope .poll-card__stats strong{color:var(--fg);font-family:var(--font-mono);font-weight:600}.learn-scope .poll-builder{gap:var(--gap-3);flex-direction:column;display:flex}.learn-scope .poll-builder__types{flex-wrap:wrap;gap:6px;display:flex}.learn-scope .poll-builder__type-btn{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);align-items:center;gap:6px;padding:6px 11px;font-size:12px;transition:all .15s;display:inline-flex}.learn-scope .poll-builder__type-btn.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:500}.learn-scope .poll-builder__question-input,.learn-scope .poll-builder__option-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);width:100%;color:var(--fg);padding:11px 13px;font-size:14px}.learn-scope .poll-builder__option-input{padding-left:38px}.learn-scope .poll-builder__option-row{position:relative}.learn-scope .poll-builder__option-row+.poll-builder__option-row{margin-top:6px}.learn-scope .poll-builder__option-key{border-radius:var(--radius-sm);border:1px solid var(--border);width:20px;height:20px;font-family:var(--font-mono);color:var(--muted);background:#fff;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.learn-scope .poll-builder__option-row[data-correct=true] .poll-builder__option-key{background:var(--success);border-color:var(--success);color:#fff}.learn-scope .poll-builder__option-row[data-correct=true] .poll-builder__option-input{border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.learn-scope .poll-builder__option-mark{color:var(--muted);cursor:pointer;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.learn-scope .poll-builder__option-row[data-correct=true] .poll-builder__option-mark{color:var(--success);font-weight:600}.learn-scope .poll-builder__settings{background:var(--bg-soft);border-radius:var(--radius);flex-wrap:wrap;gap:10px;padding:10px 12px;font-size:12px;display:flex}.learn-scope .poll-builder__setting{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.learn-scope .poll-builder__setting input{accent-color:var(--accent)}.learn-scope .poll-builder__setting strong{color:var(--fg);font-weight:500}.learn-scope .leaderboard{flex-direction:column;gap:4px;display:flex}.learn-scope .leaderboard-row{border-radius:var(--radius);background:var(--bg-soft);grid-template-columns:24px 1fr auto auto;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:grid}.learn-scope .leaderboard-row__rank{font-family:var(--font-mono);color:var(--muted);text-align:center;font-size:13px;font-weight:600}.learn-scope .leaderboard-row.is-top-1 .leaderboard-row__rank{color:var(--warm)}.learn-scope .leaderboard-row.is-top-2 .leaderboard-row__rank,.learn-scope .leaderboard-row.is-top-3 .leaderboard-row__rank{color:var(--accent)}.learn-scope .leaderboard-row__name{align-items:center;gap:8px;min-width:0;display:flex}.learn-scope .leaderboard-row__avatar{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:999px;place-items:center;font-size:11px;font-weight:600;display:grid}.learn-scope .leaderboard-row__speed{font-family:var(--font-mono);color:var(--muted);font-size:12px}.learn-scope .leaderboard-row__tick{border-radius:999px;place-items:center;width:16px;height:16px;display:grid}.learn-scope .leaderboard-row__tick.is-correct{background:var(--success);color:#fff}.learn-scope .leaderboard-row__tick.is-wrong{background:var(--danger);color:#fff}.learn-scope .poll-history{flex-direction:column;gap:8px;display:flex}.learn-scope .poll-history__item{background:var(--bg-soft);border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:grid}.learn-scope .poll-history__num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:600}.learn-scope .poll-history__q{color:var(--fg);min-width:0}.learn-scope .poll-history__q strong{font-weight:500}.learn-scope .poll-history__rate{font-family:var(--font-mono);font-size:12px;font-weight:600}.learn-scope .poll-history__rate.is-high{color:var(--success)}.learn-scope .poll-history__rate.is-mid{color:var(--warm)}.learn-scope .poll-history__rate.is-low{color:var(--danger)}.learn-scope .breakout-panel{gap:var(--gap-4);grid-template-columns:280px 1fr;display:grid}@media (width<=1100px){.learn-scope .breakout-panel{grid-template-columns:1fr}}.learn-scope .breakout-config{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-4);gap:var(--gap-3);flex-direction:column;display:flex}.learn-scope .breakout-config__row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.learn-scope .breakout-config__row strong{color:var(--fg);font-weight:500}.learn-scope .breakout-config__seg{border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff;gap:4px;padding:3px;display:flex}.learn-scope .breakout-config__seg button{border-radius:var(--radius-pill);color:var(--muted);padding:5px 11px;font-size:12px;transition:all .15s}.learn-scope .breakout-config__seg button.is-active{background:var(--accent);color:#fff;font-weight:500}.learn-scope .breakout-config__counter{font-family:var(--font-mono);color:var(--fg);align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.learn-scope .breakout-config__counter button{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);background:#fff;place-items:center;font-weight:600;display:grid}.learn-scope .breakout-grid{gap:var(--gap-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.learn-scope .breakout-room{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.learn-scope .breakout-room:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.learn-scope .breakout-room.is-current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.learn-scope .breakout-room__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.learn-scope .breakout-room__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:600}.learn-scope .breakout-room__status{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:11px;font-weight:500}.learn-scope .breakout-room__members{gap:-6px;margin-bottom:4px;display:flex}.learn-scope .breakout-room__member{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border:2px solid #fff;border-radius:999px;place-items:center;margin-left:-6px;font-size:11px;font-weight:600;display:grid}.learn-scope .breakout-room__member:first-child{margin-left:0}.learn-scope .breakout-room__progress{background:var(--bg-soft);border-radius:999px;height:4px;overflow:hidden}.learn-scope .breakout-room__progress-fill{background:var(--accent);height:100%;transition:width .36s var(--ease-out-quart)}.learn-scope .breakout-room__actions{gap:6px;margin-top:4px;display:flex}.learn-scope .breakout-room__action{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:#fff;flex:1;min-height:32px;padding:6px 8px;font-size:11px;font-weight:500;transition:all .15s}.learn-scope .breakout-room__action:hover{border-color:var(--accent);color:var(--accent)}.learn-scope .breakout-room__action--visit{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.learn-scope .group-task-card{background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg);padding:var(--gap-5);position:relative;overflow:hidden}.learn-scope .group-task-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--warm));width:4px;position:absolute;inset:0 auto 0 0}.learn-scope .group-task-card__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);align-items:center;gap:8px;font-size:11px;display:flex}.learn-scope .group-task-card__title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:6px;font-size:18px;font-weight:600;line-height:1.3}.learn-scope .group-task-card__prompt{color:var(--muted);margin-top:8px;font-size:14px}.learn-scope .group-task-card__slots{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.learn-scope .group-task-card__slot{background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--fg);padding:4px 10px;font-size:12px}.learn-scope .countdown-ring{flex-shrink:0;width:96px;height:96px;position:relative}.learn-scope .countdown-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.learn-scope .countdown-ring__track{fill:none;stroke:var(--border);stroke-width:6px}.learn-scope .countdown-ring__fill{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:calc(283 * (1 - var(--p,.5)));transition:stroke-dashoffset .6s var(--ease-out-quart), stroke .2s ease}.learn-scope .countdown-ring.is-warn .countdown-ring__fill{stroke:var(--danger)}.learn-scope .countdown-ring__center{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--fg);place-items:center;font-size:22px;font-weight:600;display:grid;position:absolute;inset:0}.learn-scope .countdown-ring--sm{width:64px;height:64px}.learn-scope .countdown-ring--sm .countdown-ring__center{font-size:16px}.learn-scope .live-class-rail{flex-direction:column;gap:8px;display:flex}.learn-scope .live-class-rail__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:12px;transition:all .15s;display:grid}.learn-scope .live-class-rail__item:hover{border-color:var(--accent-border);background:var(--accent-soft)}.learn-scope .live-class-rail__item.is-current{border-color:var(--accent);background:var(--accent-soft)}.learn-scope .live-class-rail__dot{background:var(--danger);border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite odLiveBlink}.learn-scope .live-class-rail__body{min-width:0;line-height:1.3}.learn-scope .live-class-rail__body strong{color:var(--fg);font-size:13px;font-weight:500;display:block}.learn-scope .live-class-rail__body span{color:var(--muted);font-size:11px}.learn-scope .live-class-rail__count{font-family:var(--font-mono);color:var(--muted);font-size:11px}.learn-scope .poll-streak-pill{background:var(--warm-soft);border:1px solid var(--warm-pale);border-radius:var(--radius-pill);color:color-mix(in srgb, var(--warm) 80%, black);align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:500;display:inline-flex}.learn-scope .poll-streak-pill svg{color:var(--warm)}.learn-scope .breakout-transition{gap:var(--gap-4);padding:var(--gap-4) var(--gap-5);background:linear-gradient(135deg, var(--accent-soft) 0%, var(--warm-soft) 100%);border:1px solid var(--accent-border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.learn-scope .breakout-transition__icon{width:56px;height:56px;color:var(--accent);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;place-items:center;display:grid}.learn-scope .breakout-transition__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:600}.learn-scope .breakout-transition__sub{color:var(--muted);margin-top:4px;font-size:13px}@media (width<=920px){.learn-scope .live-strip{grid-template-columns:1fr}.learn-scope .live-strip-controls{justify-content:flex-start}.learn-scope .video-grid--9up{grid-template-columns:repeat(2,1fr)}.learn-scope .video-grid--main{grid-template-columns:1fr;min-height:280px}.learn-scope .video-grid--main .video-tile--main{grid-row:auto}.learn-scope .video-tile--self{width:32%}}@media (width<=640px){.learn-scope .live-ctrl{width:44px;height:44px}.learn-scope .live-ctrl--end{width:auto;min-height:44px}.learn-scope .poll-option{min-height:56px;padding:14px 16px}.learn-scope .countdown-ring{width:72px;height:72px}.learn-scope .countdown-ring__center{font-size:18px}}.learn-scope{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color .3s,color .3s}.learn-scope [data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e14;--bg-soft:#14161f;--surface:#181a24;--surface-2:#1f222e;--fg:#e8e9ee;--muted:#9da0ad;--muted-2:#71747e;--border:#2a2d3a;--border-strong:#3a3e4d;--ink-block:#0a0b10;--accent:#9b85f2;--accent-hover:#b4a3f5;--accent-soft-2:#7c63ea;--accent-border:#5a47a8;--accent-fg:#fff;--accent-soft:#28213f;--accent-tint:#9b85f238;--warm:#ffa733;--warm-hover:#ffb858;--warm-soft:#382a13;--warm-pale:#5a3f1c;--success:#5fd33c;--warn:#ffce5c;--danger:#ff5560;--info:#4d9eff;--shadow-sm:0 1px 5px #0006;--shadow:0 1px 10px #00000073;--shadow-lg:0 6px 22px #0000008c;--f1:#9b85f2;--f1-bg:#2a2247;--f2:#ffa733;--f2-bg:#3a2810;--f3:#ad9df0;--f3-bg:#2c2547;--f4:#4d9eff;--f4-bg:#112740;--f5:#5fd33c;--f5-bg:#112814;--f6:#c2b6e8;--f6-bg:#2b2541;--f7:#ff5560;--f7-bg:#3a141a;--f8:#ffce5c;--f8-bg:#3a2d10;--lang-en:#5b8df0;--lang-ja:#ef7795;--lang-ko:#4ccfa3;--lang-zh:#ff7164}.learn-scope [data-theme=dark] body{background:var(--bg);color:var(--fg)}.learn-scope [data-theme=dark] .app-topbar{background:color-mix(in srgb, var(--bg) 86%, transparent)}.learn-scope [data-theme=dark] .tutor-note__body{color:#f7d4a2}.learn-scope [data-theme=dark] .tutor-note__body strong{color:var(--accent)}.learn-scope [data-theme=dark] .fb-chip{color:#ffd285;background:#ffa7332e}.learn-scope [data-theme=dark] .fb-chip--good{color:#93e879;background:#5fd33c29}.learn-scope [data-theme=dark] .pill--success{color:#93e879;background:#5fd33c26}.learn-scope [data-theme=dark] .pill--warm{color:#ffce82;background:#ffa73329}.learn-scope [data-theme=dark] .pill--danger{color:#ff8d92;background:#ff556029}.learn-scope [data-theme=dark] .pill--warn{color:#ffd982;background:#ffce5c29}.learn-scope [data-theme=dark] .avatar--tutor{color:#ffce82;background:#3a2810}.learn-scope [data-theme=dark] .avatar--ring{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.learn-scope [data-theme=dark] .avatar--ring-warm{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--warm)}.learn-scope [data-theme=dark] .heatmap-cell[data-v="1"]{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.learn-scope [data-theme=dark] .heatmap-cell[data-v="2"]{background:color-mix(in srgb, var(--accent) 45%, var(--surface))}.learn-scope [data-theme=dark] .heatmap-cell[data-v="3"]{background:color-mix(in srgb, var(--accent) 70%, var(--surface))}.learn-scope [data-theme=dark] .heatmap-cell[data-v="4"]{background:var(--accent)}.learn-scope [data-theme=dark] .table th,.learn-scope [data-theme=dark] .table tbody tr:hover td{background:var(--surface-2)}.learn-scope [data-theme=dark] .lang-filter button{background:var(--surface)}.learn-scope [data-theme=dark] .lang-filter button.is-active{background:var(--accent-soft);color:var(--fg)}.learn-scope [data-theme=dark] .lang-chip{background:var(--surface-2)}.learn-scope [data-theme=dark] .lang-chip--solid{background:color-mix(in srgb, currentColor 16%, var(--surface))}.learn-scope [data-theme=dark] .lang-chip__name{color:var(--fg)}.learn-scope [data-theme=dark] .blank-input:focus{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.learn-scope [data-theme=dark] .blank-input.correct{color:#93e879;background:#5fd33c24}.learn-scope [data-theme=dark] .blank-input.wrong{color:#ff8d92;background:#ff556024}.learn-scope [data-theme=dark] .consent-card{background:linear-gradient(135deg, var(--surface) 0%, var(--accent-soft) 100%)}.learn-scope [data-theme=dark] .consent-principle{background:#ffffff0a}.learn-scope [data-theme=dark] .ai-gated:after{color:#ff8d92;background:#0d0e14e0;border-color:#ff556066}.learn-scope [data-theme=dark] .poll-card__type[data-type=vote]{color:#4d9eff;background:#4d9eff1f;border-color:#4d9eff73}.learn-scope [data-theme=dark] .poll-option:hover{border-color:var(--accent-border);background:var(--accent-soft)}.learn-scope [data-theme=dark] .poll-option__bar{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.learn-scope [data-theme=dark] .poll-option.is-correct{border-color:var(--success);background:#5fd33c1f}.learn-scope [data-theme=dark] .poll-option.is-correct .poll-option__bar{border-right-color:var(--success);background:#5fd33c33}.learn-scope [data-theme=dark] .poll-option.is-wrong{border-color:var(--danger);background:#ff556014}.learn-scope [data-theme=dark] .poll-option.is-wrong .poll-option__bar{border-right-color:var(--danger);background:#ff556029}.learn-scope [data-theme=dark] .poll-builder__option-key{background:var(--surface-2)}.learn-scope [data-theme=dark] .poll-builder__option-row[data-correct=true] .poll-builder__option-key{background:var(--success);border-color:var(--success);color:var(--ink-block)}.learn-scope [data-theme=dark] .breakout-config__seg{background:var(--surface)}.learn-scope [data-theme=dark] .breakout-config__seg button.is-active{background:var(--accent);color:var(--ink-block)}.learn-scope [data-theme=dark] .breakout-config__counter button{background:var(--surface)}.learn-scope [data-theme=dark] .breakout-room__member{border-color:var(--surface)}.learn-scope [data-theme=dark] .breakout-room__action{background:var(--surface)}.learn-scope [data-theme=dark] .breakout-transition__icon{background:var(--surface-2)}.learn-scope [data-theme=dark] .breakout-transition{background:linear-gradient(135deg,#9b85f22e 0%,#ffa73329 100%)}.learn-scope [data-theme=dark] .poll-streak-pill{color:#ffce82;background:#ffa73329;border-color:#ffa73366}.learn-scope [data-theme=dark] .live-pill{color:#ff8d92;background:#ff556029;border-color:#ff556080}.learn-scope [data-theme=dark] .live-class-rail__item{background:var(--surface)}.learn-scope [data-theme=dark] .video__caption .em{color:#ffd285}.learn-scope [data-theme=dark] .ring:before{background:var(--surface)}.learn-scope [data-theme=dark] .video__btn--play:hover{background:oklch(82% 0 0)}.learn-scope [data-theme=dark] .card--tutor{background:#2a1f10;border-color:#4a3722}.learn-scope [data-theme=dark] .card--accent{background:var(--accent-soft);border-color:var(--accent-border)}.learn-scope [data-theme=dark] .input--search{background:var(--surface-2);border-color:var(--border)}.learn-scope [data-theme=dark] .radar-8 .grid-poly,.learn-scope [data-theme=dark] .radar-8 .axis-line{stroke:var(--border-strong)}.learn-scope [data-theme=dark] .radar-8 .data-poly{fill:color-mix(in srgb, var(--accent) 30%, transparent)}.learn-scope [data-theme=dark] .od-toast{background:var(--surface-2);color:var(--fg);border-color:var(--border-strong)}.learn-scope [data-theme=dark] .od-toast[data-tone=warn]{color:#ffce82;background:#4a3722}.learn-scope .tutor-ctrl-bar{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:4px;display:grid}.learn-scope .tutor-ctrl{border-radius:var(--radius);color:#ffffffeb;font-size:10px;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;background:#ffffff0f;border:1px solid #fff0;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;transition:background .15s,border-color .15s,transform .12s;display:flex;position:relative}.learn-scope .tutor-ctrl .ic{stroke:currentColor;width:18px;height:18px}.learn-scope .tutor-ctrl:hover{background:#ffffff2e;transform:translateY(-1px)}.learn-scope .tutor-ctrl:active{transform:translateY(0)}.learn-scope .tutor-ctrl.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.learn-scope .tutor-ctrl.is-off,.learn-scope .tutor-ctrl[data-act=mute-all].is-on{background:var(--danger);border-color:var(--danger);color:#fff}.learn-scope .tutor-ctrl.is-rec[data-act=record]:not(.is-recording) .tutor-ctrl__rec-dot{display:none}.learn-scope .tutor-ctrl.is-recording{background:var(--danger);border-color:var(--danger);color:#fff}.learn-scope .tutor-ctrl.is-recording .tutor-ctrl__rec-dot{background:#fff;border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite odLiveBlink;position:absolute;top:6px;right:6px}.learn-scope .tutor-ctrl__badge{background:var(--accent);color:#fff;min-width:18px;height:18px;font-family:var(--font-mono);letter-spacing:0;border:2px solid var(--ink-block);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;display:inline-grid;position:absolute;top:-4px;right:-4px}.learn-scope .tutor-ctrl__badge--warn{background:var(--warm)}.learn-scope .tutor-ctrl--end{background:var(--danger);border-color:var(--danger);color:#fff}.learn-scope .tutor-ctrl--end:hover{background:color-mix(in srgb, var(--danger) 86%, black)}@media (width<=920px){.learn-scope .tutor-ctrl-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}}@media (width<=640px){.learn-scope .tutor-ctrl-bar{border-radius:var(--radius-lg);grid-template-columns:repeat(4,minmax(0,1fr))}.learn-scope .tutor-ctrl{min-height:56px;font-size:9px}.learn-scope .tutor-ctrl .ic{width:20px;height:20px}}.learn-scope [data-theme=dark] .tutor-ctrl-bar{background:#ffffff0a;border-color:#ffffff1a}.learn-scope .prompt-console{margin-bottom:var(--gap-5);padding:var(--gap-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--gap-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.learn-scope .prompt-console:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-soft-2));width:3px;position:absolute;inset:0 auto 0 0}.learn-scope .prompt-console__head{justify-content:space-between;align-items:flex-end;gap:var(--gap-4);flex-wrap:wrap;display:flex}.learn-scope .prompt-console__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px}.learn-scope .prompt-console__title{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:15px;font-weight:600;display:flex}.learn-scope .prompt-console__key{font-family:var(--font-mono);background:var(--bg-soft);color:var(--fg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:3px 9px;font-size:14px;font-weight:600}.learn-scope .prompt-console__copy{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--muted);border-radius:var(--radius-sm);place-items:center;transition:all .15s;display:inline-grid}.learn-scope .prompt-console__copy:hover{border-color:var(--accent);color:var(--accent)}.learn-scope .prompt-console__phase{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);padding:3px 8px;font-size:10px;font-weight:600}.learn-scope .prompt-console__head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.learn-scope .prompt-console__version{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;display:inline-flex}.learn-scope .prompt-console__version select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:var(--font-mono);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 5l3 3 3-3' fill='none' stroke='%23666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;padding:6px 26px 6px 10px;font-size:12px;font-weight:500}.learn-scope .prompt-console__row{gap:var(--gap-5);grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr);align-items:stretch;display:grid}@media (width<=960px){.learn-scope .prompt-console__row{grid-template-columns:1fr}}.learn-scope .prompt-console__ab{flex-direction:column;gap:7px;display:flex}.learn-scope .prompt-console__lbl{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.learn-scope .ab-seg{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);gap:3px;padding:3px;display:flex}.learn-scope .ab-seg__btn{color:var(--muted);text-align:left;background:0 0;border-radius:6px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.learn-scope .ab-seg__btn em{font-family:var(--font-mono);color:var(--muted-2);font-size:10px;font-style:normal}.learn-scope .ab-seg__btn:hover{background:var(--surface)}.learn-scope .ab-seg__btn.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.learn-scope .ab-seg__btn.is-active em{color:var(--accent)}.learn-scope .prompt-console__metrics{gap:var(--gap-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.learn-scope .prompt-console__metrics{grid-template-columns:1fr 1fr}}.learn-scope .pcm{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);padding:10px 12px}.learn-scope .pcm__val{letter-spacing:-.01em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.learn-scope .pcm__lbl{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:11px;display:flex}.learn-scope .pcm__delta{font-family:var(--font-mono);border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.learn-scope .pcm__delta--up{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.learn-scope .pcm__delta--down{color:var(--info);background:color-mix(in srgb, var(--info) 12%, transparent)}.learn-scope .prompt-console__foot{background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);align-items:flex-start;gap:8px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.learn-scope .prompt-console__foot svg{color:var(--accent);flex-shrink:0;margin-top:1px}.learn-scope .prompt-console__foot code{font-family:var(--font-mono);background:var(--surface);color:var(--fg);border-radius:3px;padding:1px 4px;font-size:10px}.learn-scope .pc-modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483600;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.learn-scope .pc-modal{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.learn-scope .pc-modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.learn-scope .pc-modal__title{font-size:15px;font-weight:600}.learn-scope .pc-modal__body{padding:18px 20px;overflow:auto}.learn-scope .pc-modal pre{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;color:var(--fg);margin:0;padding:14px 16px;font-size:12px;line-height:1.55}.learn-scope .pc-modal__close{background:var(--bg-soft);border:1px solid var(--border);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.learn-scope .pc-modal__close:hover{color:var(--fg);border-color:var(--accent)}.learn-scope [data-theme=dark] .prompt-console__key,.learn-scope [data-theme=dark] .ab-seg{background:var(--surface-2)}.learn-scope [data-theme=dark] .ab-seg__btn.is-active{background:var(--surface)}.learn-scope [data-theme=dark] .pcm,.learn-scope [data-theme=dark] .prompt-console__foot{background:var(--surface-2)}.learn-scope [data-theme=dark] .prompt-console__foot code,.learn-scope [data-theme=dark] .pc-modal pre{background:var(--ink-block)}.learn-scope [data-theme=dark] .prompt-console__version select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 5l3 3 3-3' fill='none' stroke='%23aaa' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.learn-scope .preview-stage{background:radial-gradient(ellipse 1200px 600px at 50% -10%, color-mix(in srgb, var(--accent) 8%, var(--bg-soft)) 0%, var(--bg-soft) 60%), var(--bg-soft);place-items:start center;gap:24px;min-height:100vh;padding:48px 24px 96px;display:grid}.learn-scope .preview-stage__hint{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);align-items:center;gap:8px;font-size:11px;display:flex}.learn-scope .preview-stage__hint .dot{background:var(--accent);border-radius:999px;width:6px;height:6px}.learn-scope .preview-stage__hint a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.learn-scope .iphone{background:linear-gradient(160deg,#1f2329 0%,#0c0e12 100%);border-radius:56px;flex-shrink:0;width:422px;height:876px;padding:16px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 30px 80px #14161c4d,0 4px 14px #14161c2e}.learn-scope .iphone:before{content:"";z-index:0;background:linear-gradient(160deg,#3a3f47 0%,#181a1f 100%);border-radius:52px;position:absolute;inset:4px}.learn-scope .iphone__viewport{background:var(--bg);z-index:1;border-radius:42px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #00000080}.learn-scope .iphone__btn{z-index:2;background:linear-gradient(90deg,#1c2026 0%,#2a2f37 50%,#1c2026 100%);border-radius:2px;position:absolute}.learn-scope .iphone__btn--mute{width:4px;height:30px;top:110px;left:-2px}.learn-scope .iphone__btn--volup{width:4px;height:60px;top:170px;left:-2px}.learn-scope .iphone__btn--voldn{width:4px;height:60px;top:240px;left:-2px}.learn-scope .iphone__btn--power{width:4px;height:90px;top:180px;right:-2px}.learn-scope .dyn-island{z-index:50;pointer-events:none;background:#050608;border-radius:999px;width:124px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.learn-scope .ios-status{z-index:40;height:54px;color:var(--fg);pointer-events:none;justify-content:space-between;align-items:center;padding:17px 32px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:16px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.learn-scope .ios-status--dark{color:#fff}.learn-scope .ios-status__time{letter-spacing:-.01em;min-width:60px}.learn-scope .ios-status__right{align-items:center;gap:6px;display:flex}.learn-scope .ios-status__right svg{width:18px;height:12px}.learn-scope .ios-status__right .battery{border:1.2px solid;border-radius:3.5px;width:26px;height:13px;padding:1.2px;position:relative}.learn-scope .ios-status__right .battery:after{content:"";opacity:.5;background:currentColor;border-radius:0 1px 1px 0;width:2px;height:4.5px;position:absolute;top:3.5px;right:-3px}.learn-scope .ios-status__right .battery .fill{background:currentColor;border-radius:1.5px;width:80%;height:100%}.learn-scope .home-bar{background:var(--fg);opacity:.85;z-index:60;pointer-events:none;border-radius:999px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.learn-scope .home-bar--white{opacity:.95;background:#fff}.learn-scope .m-app{font-family:var(--font-body);flex-direction:column;display:flex;position:absolute;inset:0}.learn-scope .m-app__scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;padding-top:54px;padding-bottom:96px;overflow:hidden auto}.learn-scope .m-app__scroll::-webkit-scrollbar{display:none}.learn-scope .m-app__scroll--soft{background:var(--bg-soft)}.learn-scope .m-top{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);z-index:20;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px 12px;display:flex;position:sticky;top:0}.learn-scope .m-top__title{letter-spacing:-.01em;font-size:17px;font-weight:600}.learn-scope .m-top__sub{color:var(--muted);margin-top:2px;font-size:11px}.learn-scope .m-top__icon{width:38px;height:38px;color:var(--fg);background:0 0;border-radius:999px;place-items:center;display:grid}.learn-scope .m-top__icon:active{background:var(--surface-2)}.learn-scope .m-top__icon svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.learn-scope .m-hero{padding:18px 20px 8px}.learn-scope .m-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.learn-scope .m-hero__title{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.15;font-family:var(--font-display);margin-top:6px}.learn-scope .m-hero__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.learn-scope .m-hero__meta .dot{background:var(--muted-2);border-radius:999px;width:3px;height:3px}.learn-scope .m-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:0 16px 12px;padding:16px}.learn-scope .m-card--inset{padding:0;overflow:hidden}.learn-scope .m-card--accent{border-color:var(--accent-border);background:var(--accent-soft)}.learn-scope .m-card--dark{background:linear-gradient(135deg, var(--ink-block) 0%, color-mix(in srgb, var(--ink-block) 80%, black) 100%);color:#fff;border:none;position:relative;overflow:hidden}.learn-scope .m-card--dark:after{content:"";background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 40%, transparent) 0%, transparent 50%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--warm) 30%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.learn-scope .m-card--dark>*{position:relative}.learn-scope .m-section-title{justify-content:space-between;align-items:baseline;padding:18px 20px 10px;display:flex}.learn-scope .m-section-title h3{letter-spacing:-.01em;font-size:15px;font-weight:600}.learn-scope .m-section-title .link{color:var(--accent);font-size:13px;font-weight:500}.learn-scope .m-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.learn-scope .m-row+.m-row{border-top:1px solid var(--border)}.learn-scope .m-row__main{flex:1;min-width:0}.learn-scope .m-row__title{font-size:14px;font-weight:500}.learn-scope .m-row__sub{color:var(--muted);margin-top:2px;font-size:12px}.learn-scope .m-row__chev{color:var(--muted-2)}.learn-scope .m-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:500;display:inline-flex}.learn-scope .m-chip--accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.learn-scope .m-chip--warm{background:var(--warm-soft);border-color:color-mix(in srgb, var(--warm) 30%, var(--border));color:var(--warm)}.learn-scope .m-chip--success{background:color-mix(in srgb, var(--success) 10%, white);border-color:color-mix(in srgb, var(--success) 30%, var(--border));color:var(--success)}.learn-scope .m-chip--solid{background:var(--fg);color:#fff;border-color:var(--fg)}.learn-scope .m-chip-strip{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.learn-scope .m-chip-strip::-webkit-scrollbar{display:none}.learn-scope .m-chip-strip>*{scroll-snap-align:start;flex-shrink:0}.learn-scope .m-btn{background:var(--surface-2);height:44px;color:var(--fg);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 20px;font-size:14px;font-weight:600;transition:transform .12s;display:inline-flex}.learn-scope .m-btn:active{transform:scale(.98)}.learn-scope .m-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.learn-scope .m-btn--warm{background:var(--warm);color:#fff;border-color:var(--warm)}.learn-scope .m-btn--ghost{border:1px solid var(--border-strong);background:0 0}.learn-scope .m-btn--inline{width:auto}.learn-scope .m-btn--sm{height:36px;padding:0 14px;font-size:13px}.learn-scope .m-btn--lg{height:52px;font-size:15px}.learn-scope .m-btn-pair{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;display:grid}.learn-scope .m-fab{background:var(--accent);color:#fff;z-index:30;width:56px;height:56px;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:96px;right:16px}.learn-scope .m-fab svg{width:24px;height:24px}.learn-scope .m-tabs{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);z-index:30;height:84px;padding-bottom:26px;display:flex;position:absolute;bottom:0;left:0;right:0}.learn-scope .m-tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding-top:8px;display:flex;position:relative}.learn-scope .m-tab__icon{place-items:center;width:26px;height:26px;display:grid}.learn-scope .m-tab__icon svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.learn-scope .m-tab__label{font-size:10px;font-weight:500}.learn-scope .m-tab.is-active{color:var(--accent)}.learn-scope .m-tab.is-active .m-tab__icon svg{stroke-width:2.2px}.learn-scope .m-tab__badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:4px;left:50%;transform:translate(8px)}.learn-scope .m-tab__badge--dot{width:8px;min-width:0;height:8px;padding:0;transform:translate(8px)}.learn-scope .m-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.learn-scope .m-avatar--tutor{background:color-mix(in srgb, var(--warm) 20%, white);color:var(--warm)}.learn-scope .m-avatar--sm{width:24px;height:24px;font-size:10px}.learn-scope .m-avatar--lg{width:48px;height:48px;font-size:16px}.learn-scope .m-avatar--online{position:relative}.learn-scope .m-avatar--online:after{content:"";background:var(--success);border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.learn-scope .f-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.learn-scope .f-dot.f1,.learn-scope .f-pill.f1{background:#ffd83a}.learn-scope .f-dot.f2,.learn-scope .f-pill.f2{background:#4ecca3}.learn-scope .f-dot.f3,.learn-scope .f-pill.f3{background:#f77f4e}.learn-scope .f-dot.f4,.learn-scope .f-pill.f4{background:#ff6b9d}.learn-scope .f-dot.f5,.learn-scope .f-pill.f5{background:#56b6f2}.learn-scope .f-dot.f6,.learn-scope .f-pill.f6{background:#a78bfa}.learn-scope .f-dot.f7,.learn-scope .f-pill.f7{background:#ff9f7a}.learn-scope .f-dot.f8,.learn-scope .f-pill.f8{background:#7dd3fc}.learn-scope .f-pill{color:var(--fg);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.learn-scope .f-pill:before{content:"";background:#0006;border-radius:999px;width:6px;height:6px}.learn-scope .m-lang{background:var(--surface-2);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.learn-scope .m-lang:before{content:"";border-radius:999px;width:6px;height:6px}.learn-scope .m-lang--en:before{background:#5b9df5}.learn-scope .m-lang--ja:before{background:#ff6b6b}.learn-scope .m-lang--ko:before{background:#9b7bd9}.learn-scope .m-lang--zh:before{background:#ffb347}.learn-scope .m-note{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 16px 8px;padding:14px 16px 14px 18px;position:relative}.learn-scope .m-note:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.learn-scope .m-note.f1:before{background:#ffd83a}.learn-scope .m-note.f2:before{background:#4ecca3}.learn-scope .m-note.f3:before{background:#f77f4e}.learn-scope .m-note.f4:before{background:#ff6b9d}.learn-scope .m-note.f5:before{background:#56b6f2}.learn-scope .m-note.f6:before{background:#a78bfa}.learn-scope .m-note.f7:before{background:#ff9f7a}.learn-scope .m-note.f8:before{background:#7dd3fc}.learn-scope .m-note__hdr{align-items:center;gap:8px;margin-bottom:8px;display:flex}.learn-scope .m-note__chunk{letter-spacing:-.01em;font-size:16px;font-weight:600;font-family:var(--font-display);line-height:1.3}.learn-scope .m-note__zh{color:var(--muted);margin-top:4px;font-size:13px}.learn-scope .m-note__example{color:var(--fg);background:var(--bg-soft);border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px;line-height:1.4}.learn-scope .m-note__example em{background:color-mix(in srgb, var(--accent) 18%, white);color:var(--fg);border-radius:3px;padding:0 2px;font-style:normal;font-weight:600}.learn-scope .m-note__meta{font-family:var(--font-mono);color:var(--muted-2);gap:8px;margin-top:8px;font-size:10px;display:flex}.learn-scope .m-sheet{background:var(--surface);z-index:25;border-top-left-radius:22px;border-top-right-radius:22px;padding:8px 0 16px;position:absolute;bottom:84px;left:0;right:0;box-shadow:0 -8px 32px #0000002e}.learn-scope .m-sheet__grip{background:var(--border-strong);border-radius:999px;width:38px;height:5px;margin:6px auto 12px}.learn-scope .m-sheet__title{padding:4px 20px 12px;font-size:15px;font-weight:600}.learn-scope .m-sheet--detached{border-radius:22px;margin:0 12px;bottom:100px;left:12px;right:12px}.learn-scope .m-video{aspect-ratio:16/9;background:radial-gradient(ellipse at 30% 50%, color-mix(in srgb, var(--accent) 35%, transparent) 0%, transparent 60%), radial-gradient(ellipse at 70% 50%, color-mix(in srgb, var(--warm) 22%, transparent) 0%, transparent 60%), linear-gradient(160deg, var(--ink-block), color-mix(in srgb, var(--ink-block) 78%, black));color:#fff;place-items:center;display:grid;position:relative}.learn-scope .m-video__play{width:56px;height:56px;color:var(--ink-block);background:#ffffffeb;border-radius:999px;place-items:center;display:grid}.learn-scope .m-video__play svg{fill:currentColor;width:22px;height:22px;margin-left:2px}.learn-scope .m-video__time{color:#fff;font-family:var(--font-mono);background:#00000080;border-radius:4px;padding:3px 8px;font-size:11px;position:absolute;bottom:10px;right:12px}.learn-scope .m-video__bar{background:#ffffff2e;height:3px;position:absolute;bottom:0;left:0;right:0}.learn-scope .m-video__bar:after{content:"";background:var(--accent);width:38%;position:absolute;top:0;bottom:0;left:0}.learn-scope .m-stat-row{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 12px;display:grid}.learn-scope .m-stat-row--2{grid-template-columns:1fr 1fr}.learn-scope .m-stat-row--4{grid-template-columns:repeat(4,1fr)}.learn-scope .m-stat{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:10px;padding:12px}.learn-scope .m-stat__num{font-family:var(--font-mono);letter-spacing:-.02em;font-size:22px;font-weight:600}.learn-scope .m-stat__lbl{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.learn-scope .m-step-strip{grid-template-columns:repeat(5,1fr);gap:4px;padding:14px 16px 4px;display:grid}.learn-scope .m-step{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:10px 6px 8px;position:relative}.learn-scope .m-step__num{font-family:var(--font-mono);color:var(--muted-2);font-size:10px;font-weight:600}.learn-scope .m-step__ico{margin:4px 0;font-size:14px}.learn-scope .m-step__lbl{font-size:10px;font-weight:500}.learn-scope .m-step.is-done{background:color-mix(in srgb, var(--success) 10%, white);border-color:color-mix(in srgb, var(--success) 30%, var(--border))}.learn-scope .m-step.is-done .m-step__num{color:var(--success)}.learn-scope .m-step.is-active{background:var(--accent-soft);border-color:var(--accent-border)}.learn-scope .m-step.is-active .m-step__num{color:var(--accent)}.learn-scope .m-step.is-opt{opacity:.6}.learn-scope .m-wave{align-items:center;gap:2px;height:20px;display:flex}.learn-scope .m-wave span{background:var(--accent);opacity:.7;border-radius:1px;width:2px;display:block}.learn-scope .m-wave span:first-child{height:30%}.learn-scope .m-wave span:nth-child(2){height:60%}.learn-scope .m-wave span:nth-child(3){height:90%}.learn-scope .m-wave span:nth-child(4){height:75%}.learn-scope .m-wave span:nth-child(5){height:45%}.learn-scope .m-wave span:nth-child(6){height:80%}.learn-scope .m-wave span:nth-child(7){height:55%}.learn-scope .m-wave span:nth-child(8){height:95%}.learn-scope .m-wave span:nth-child(9){height:40%}.learn-scope .m-wave span:nth-child(10){height:70%}.learn-scope .m-chat{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.learn-scope .m-bub{word-wrap:break-word;border-radius:18px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.4}.learn-scope .m-bub--ai{background:var(--surface-2);border-bottom-left-radius:6px;align-self:flex-start}.learn-scope .m-bub--me{background:var(--accent);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.learn-scope .m-bub__meta{color:var(--muted-2);font-size:10px;font-family:var(--font-mono);margin:4px 6px 0}.learn-scope .m-bub__chunks{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.learn-scope .m-composer{background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:22;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:84px;left:0;right:0}.learn-scope .m-composer input{border:1px solid var(--border);background:var(--surface);border-radius:999px;outline:none;flex:1;height:40px;padding:0 14px;font-size:14px}.learn-scope .m-composer button{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.learn-scope .m-toggle{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .2s;position:relative}.learn-scope .m-toggle:after{content:"";background:#fff;border-radius:999px;width:26px;height:26px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.learn-scope .m-toggle.is-on{background:var(--success)}.learn-scope .m-toggle.is-on:after{transform:translate(20px)}.learn-scope .ipad{background:linear-gradient(150deg,#1f2329 0%,#0c0e12 100%);border-radius:38px;flex-shrink:0;width:894px;height:1254px;padding:30px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 40px 100px #14161c4d,0 6px 18px #14161c29}.learn-scope .ipad:before{content:"";z-index:0;background:linear-gradient(150deg,#3a3f47 0%,#181a1f 100%);border-radius:34px;position:absolute;inset:4px}.learn-scope .ipad__viewport{background:var(--bg);z-index:1;border-radius:16px;width:834px;height:1194px;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #00000080}.learn-scope .ipad__cam{z-index:5;background:#0a0c10;border-radius:999px;width:8px;height:8px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.learn-scope .ipad-status{z-index:40;height:32px;color:var(--fg);justify-content:space-between;align-items:center;padding:8px 24px 0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.learn-scope .ipad-status__right{align-items:center;gap:6px;display:flex}.learn-scope .ipad-status__right svg{width:16px;height:11px}.learn-scope .ipad-status__right .battery{border:1.2px solid;border-radius:3px;width:24px;height:11px;padding:1px;position:relative}.learn-scope .ipad-status__right .battery:after{content:"";opacity:.5;background:currentColor;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:3px;right:-3px}.learn-scope .ipad-status__right .battery .fill{background:currentColor;border-radius:1.5px;width:88%;height:100%}.learn-scope .t-app{grid-template:"rail header"60px"rail main"1fr/88px 1fr;display:grid;position:absolute;inset:32px 0 0}.learn-scope .t-app--split{grid-template-columns:88px 320px 1fr;grid-template-areas:"rail panel header""rail panel main"}.learn-scope .t-rail{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-area:rail;align-items:center;gap:6px;padding:14px 0;display:flex;overflow-y:auto}.learn-scope .t-rail__brand{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:8px;font-size:18px;font-weight:800;display:grid}.learn-scope .t-rail__item{width:56px;color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;font-size:10px;display:flex;position:relative}.learn-scope .t-rail__item svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.learn-scope .t-rail__item.is-active{background:var(--accent-soft);color:var(--accent)}.learn-scope .t-rail__item.is-active svg{stroke-width:2.2px}.learn-scope .t-rail__badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:4px;right:10px}.learn-scope .t-rail__spacer{flex:1}.learn-scope .t-rail__avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:999px;place-items:center;font-weight:600;display:grid;position:relative}.learn-scope .t-rail__avatar:after{content:"";background:var(--success);border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.learn-scope .t-panel{background:var(--surface);border-right:1px solid var(--border);grid-area:panel;overflow-y:auto}.learn-scope .t-panel__hdr{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;padding:16px 20px 12px;position:sticky;top:0}.learn-scope .t-panel__hdr h2{letter-spacing:-.01em;font-size:16px;font-weight:600}.learn-scope .t-panel__hdr .sub{color:var(--muted);margin-top:2px;font-size:12px}.learn-scope .t-panel__search{background:var(--bg-soft);border:1px solid var(--border);height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:0 12px;font-size:13px;display:flex}.learn-scope .t-panel__list{padding:8px 0}.learn-scope .t-panel__item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 20px;display:flex}.learn-scope .t-panel__item:hover{background:var(--bg-soft)}.learn-scope .t-panel__item.is-active{background:var(--accent-soft)}.learn-scope .t-panel__item.is-active:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.learn-scope .t-header{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);grid-area:header;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.learn-scope .t-header__title{letter-spacing:-.01em;font-size:17px;font-weight:600}.learn-scope .t-header__sub{color:var(--muted);margin-top:1px;font-size:12px}.learn-scope .t-header__actions{align-items:center;gap:8px;display:flex}.learn-scope .t-header__icon{width:38px;height:38px;color:var(--fg);border:1px solid var(--border);background:var(--surface);border-radius:10px;place-items:center;display:grid}.learn-scope .t-header__icon svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.learn-scope .t-main{background:var(--bg-soft);grid-area:main;padding:24px;overflow-y:auto}.learn-scope .t-main--white{background:var(--bg)}.learn-scope .t-grid{gap:16px;display:grid}.learn-scope .t-grid--2{grid-template-columns:1fr 1fr}.learn-scope .t-grid--3{grid-template-columns:repeat(3,1fr)}.learn-scope .t-grid--main-aside{grid-template-columns:1.6fr 1fr}.learn-scope .t-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.learn-scope .t-card--inset{padding:0;overflow:hidden}.learn-scope .t-card--dark{background:linear-gradient(135deg, var(--ink-block) 0%, color-mix(in srgb, var(--ink-block) 80%, black) 100%);color:#fff;border:none;position:relative;overflow:hidden}.learn-scope .t-card--dark:after{content:"";background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 40%, transparent) 0%, transparent 50%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--warm) 30%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.learn-scope .t-card--dark>*{position:relative}.learn-scope .t-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.learn-scope .t-h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.1}.learn-scope .t-h2{letter-spacing:-.01em;font-size:17px;font-weight:600}.learn-scope .t-meta{color:var(--muted);font-size:13px}.learn-scope .t-pip{border:1px solid #ffffff1a;border-radius:12px;width:240px;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 12px 30px #00000040}.learn-scope .ipad-dock{background:var(--fg);opacity:.85;z-index:60;pointer-events:none;border-radius:999px;width:280px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.learn-scope .no-scrollbar{scrollbar-width:none}.learn-scope .no-scrollbar::-webkit-scrollbar{display:none}.learn-scope .tap{-webkit-tap-highlight-color:transparent}.learn-scope .flex-1{flex:1;min-width:0}.learn-scope .shrink-0{flex-shrink:0}.learn-scope .flow>*+*{margin-top:12px}.learn-scope .dot-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.learn-scope .dot-grid>i{aspect-ratio:1;background:var(--bg-soft);border:1px solid var(--border);border-radius:3px;display:block}.learn-scope .dot-grid>i.lv1{background:color-mix(in srgb, var(--accent) 20%, white);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.learn-scope .dot-grid>i.lv2{background:color-mix(in srgb, var(--accent) 45%, white);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.learn-scope .dot-grid>i.lv3{background:color-mix(in srgb, var(--accent) 75%, white);border-color:color-mix(in srgb, var(--accent) 80%, var(--border))}.learn-scope .dot-grid>i.lv4{background:var(--accent);border-color:var(--accent)}.learn-scope [data-theme=dark] .preview-stage{background:radial-gradient(ellipse 1200px 600px at 50% -10%, color-mix(in srgb, var(--accent) 14%, var(--bg-soft)) 0%, var(--bg-soft) 60%), var(--bg)}.learn-scope [data-theme=dark] .iphone__viewport,.learn-scope [data-theme=dark] .ipad__viewport{background:var(--bg);box-shadow:0 0 0 1.5px #000000b3}.learn-scope [data-theme=dark] .ios-status,.learn-scope [data-theme=dark] .ios-home-indicator,.learn-scope [data-theme=dark] .ios-home-indicator span{color:var(--fg)}.learn-scope [data-theme=dark] .ios-home-indicator span{background:var(--fg)}.learn-scope [data-theme=dark] .dot-grid>i{background:var(--surface-2);border-color:var(--border)}.learn-scope [data-theme=dark] .dot-grid>i.lv1{background:color-mix(in srgb, var(--accent) 22%, var(--surface));border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.learn-scope [data-theme=dark] .dot-grid>i.lv2{background:color-mix(in srgb, var(--accent) 48%, var(--surface))}.learn-scope [data-theme=dark] .dot-grid>i.lv3{background:color-mix(in srgb, var(--accent) 72%, var(--surface))}.learn-scope [data-theme=dark] .dot-grid>i.lv4{background:var(--accent);border-color:var(--accent)}.learn-scope [data-theme=dark] .tab-bar,.learn-scope [data-theme=dark] .ipad-rail{background:color-mix(in srgb, var(--surface) 92%, transparent);border-color:var(--border)}.learn-scope [data-theme=dark] .tab-bar__item{color:var(--muted)}.learn-scope [data-theme=dark] .tab-bar__item.is-active{color:var(--accent)}.learn-scope [data-theme=dark] .flashcard{background:var(--surface-2)}.learn-scope [data-theme=dark] .ms-card{background:var(--surface);border-color:var(--border)}.learn-scope [data-theme=dark] .ms-list-item:hover{background:var(--surface-2)}.learn-scope [data-theme=dark] .ms-list-item.is-active{background:var(--accent-soft);border-color:var(--accent-border)}.learn-scope .fst-bar{z-index:18;background:color-mix(in srgb, var(--surface,#fff) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border,#e5e5e5);font-family:var(--font-body,system-ui, sans-serif);align-items:center;gap:16px;padding:10px 18px;font-size:12px;display:flex;position:sticky;top:0}.learn-scope .fst-bar__label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#888);white-space:nowrap;font-size:10px}.learn-scope .fst-bar__steps{flex:1;grid-template-columns:repeat(5,1fr);align-items:center;gap:0;min-width:0;display:grid}.learn-scope .fst-step{color:var(--muted,#888);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:4px 10px;transition:color .15s;display:flex;position:relative}.learn-scope .fst-step:hover{color:var(--fg,#111)}.learn-scope .fst-step__dot{background:var(--surface-2,#f2f2f2);border:1.5px solid var(--border-strong,#d9d9d9);width:22px;height:22px;font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted-2,#aaa);border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;transition:all .2s;display:grid}.learn-scope .fst-step__body{flex-direction:column;gap:1px;min-width:0;display:flex}.learn-scope .fst-step__name{color:inherit;font-size:12px;font-weight:500;line-height:1.2}.learn-scope .fst-step__sub{color:var(--muted-2,#aaa);font-size:10px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.learn-scope .fst-step+.fst-step:before{content:"";background:var(--border-strong,#d9d9d9);z-index:-1;height:1.5px;margin-left:22px;margin-right:-22px;position:absolute;top:18px;left:-50%;right:50%}.learn-scope .fst-step.is-done .fst-step__dot{background:var(--accent,#7156e5);border-color:var(--accent,#7156e5);color:#fff}.learn-scope .fst-step.is-done{color:var(--fg,#111)}.learn-scope .fst-step.is-current .fst-step__dot{background:var(--surface,#fff);border-color:var(--accent,#7156e5);color:var(--accent,#7156e5);box-shadow:0 0 0 4px var(--accent-tint,#7156e52e)}.learn-scope .fst-step.is-current{color:var(--accent,#7156e5)}.learn-scope .fst-step.is-current .fst-step__name{font-weight:600}.learn-scope .fst-step.is-done+.fst-step:before{background:var(--accent,#7156e5)}.learn-scope .fst-bar__pct{font-family:var(--font-mono,ui-monospace, monospace);color:var(--accent,#7156e5);white-space:nowrap;font-size:11px;font-weight:600}@media (width<=640px){.learn-scope .fst-bar{border-top:1px solid var(--border,#e5e5e5);border-bottom:0;gap:10px;padding:8px 14px;font-size:11px;position:sticky;top:auto;bottom:0}.learn-scope .fst-bar__label{display:none}.learn-scope .fst-bar__steps{gap:6px;display:flex}.learn-scope .fst-step{flex-direction:column;gap:3px;padding:2px}.learn-scope .fst-step__dot{color:#0000;border-width:1px;width:8px;height:8px;font-size:0}.learn-scope .fst-step__body{display:none}.learn-scope .fst-step.is-current .fst-step__dot{box-shadow:0 0 0 3px var(--accent-tint,#7156e538)}.learn-scope .fst-step+.fst-step:before{display:none}.learn-scope .fst-bar__current-name{color:var(--accent,#7156e5);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:500}}.learn-scope .iphone__viewport .fst-bar,.learn-scope .ipad__viewport .fst-bar{display:none}.learn-scope [data-theme=dark] .fst-bar{background:color-mix(in srgb, var(--surface) 90%, transparent)}.learn-scope [data-theme=dark] .fst-step__dot{background:var(--surface-2);border-color:var(--border-strong)}.learn-scope [data-theme=dark] .fst-step.is-done .fst-step__dot{background:var(--accent);border-color:var(--accent);color:var(--ink-block)}.learn-scope [data-theme=dark] .fst-step.is-current .fst-step__dot{background:var(--surface);color:var(--accent)}.learn-scope .rls-fab{z-index:2147483500;background:var(--surface,#fff);color:var(--fg,#111);border:1px solid var(--border,#e5e5e5);font-family:var(--font-body,-apple-system, BlinkMacSystemFont, system-ui, sans-serif);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 9px;font-size:12px;font-weight:500;transition:background .15s,transform .12s,box-shadow .2s;display:inline-flex;position:fixed;top:14px;right:14px;box-shadow:0 4px 14px #00000014}.learn-scope .rls-fab:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.learn-scope .rls-fab__role-dot{background:var(--accent,#7156e5);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.learn-scope .rls-fab[data-role=tutor] .rls-fab__role-dot{background:var(--warm,#fe9000)}.learn-scope .rls-fab__sep{color:var(--muted-2,#aaa);font-weight:300}.learn-scope .rls-fab__chev{width:12px;height:12px;color:var(--muted,#888);margin-left:2px}.learn-scope .rls-panel{z-index:2147483501;background:var(--surface,#fff);width:304px;color:var(--fg,#111);border:1px solid var(--border,#e5e5e5);font-family:var(--font-body,-apple-system, BlinkMacSystemFont, system-ui, sans-serif);opacity:0;transform-origin:100% 0;pointer-events:none;border-radius:12px;font-size:13px;transition:opacity .15s,transform .18s cubic-bezier(.2,.8,.3,1);position:fixed;top:56px;right:14px;overflow:hidden;transform:translateY(-6px)scale(.98);box-shadow:0 24px 60px #0000002e,0 4px 14px #00000014}.learn-scope .rls-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.learn-scope .rls-panel__head{border-bottom:1px solid var(--border,#e5e5e5);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#888);padding:12px 14px 8px;font-size:10px}.learn-scope .rls-section{border-bottom:1px solid var(--border,#e5e5e5);padding:10px 12px 12px}.learn-scope .rls-section:last-child{border-bottom:0}.learn-scope .rls-section__label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2,#aaa);margin-bottom:7px;font-size:10px}.learn-scope .rls-options{gap:4px;display:grid}.learn-scope .rls-options.is-grid{grid-template-columns:1fr 1fr;gap:4px}.learn-scope .rls-opt{border:1px solid var(--border,#e5e5e5);background:var(--bg-soft,#f7f7f7);color:var(--fg,#111);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 9px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.learn-scope .rls-opt:hover{border-color:var(--accent,#7156e5)}.learn-scope .rls-opt.is-active{background:var(--accent-soft,#f1eefc);border-color:var(--accent,#7156e5);color:var(--accent,#7156e5)}.learn-scope .rls-opt__dot{background:var(--clr,var(--accent,#7156e5));border-radius:999px;flex-shrink:0;width:10px;height:10px}.learn-scope .rls-opt__code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--muted-2,#aaa);margin-left:auto;font-size:10px}.learn-scope .rls-opt.is-active .rls-opt__code{color:var(--accent,#7156e5)}.learn-scope .rls-foot{background:var(--bg-soft,#f7f7f7);color:var(--muted,#888);padding:8px 12px;font-size:11px;line-height:1.4}.learn-scope .rls-foot kbd{background:var(--surface,#fff);border:1px solid var(--border,#e5e5e5);font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg,#111);border-radius:4px;padding:1px 5px;font-size:10px;display:inline-block}@media (width<=640px){.learn-scope .rls-fab{padding:6px 10px 6px 7px;font-size:11px;top:10px;right:10px}.learn-scope .rls-fab__role-dot{width:16px;height:16px;font-size:9px}.learn-scope .rls-panel{width:auto;max-width:360px;margin-left:auto;top:48px;left:10px;right:10px}}.learn-scope .iphone__viewport .rls-fab,.learn-scope .ipad__viewport .rls-fab{display:none}.screen-li-s .lesson-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:13px;display:flex}.screen-li-s .lesson-meta__sep{background:var(--muted-2);border-radius:999px;width:3px;height:3px}.screen-li-s .panel-section{padding:var(--gap-5)}.screen-li-s .panel-section+.panel-section{border-top:1px solid var(--border)}.screen-li-s .formula-filter{padding:var(--gap-3) 0;flex-wrap:wrap;gap:6px;display:flex}.screen-li-s .formula-filter button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.screen-li-s .formula-filter button.is-active{border-color:var(--fg);color:var(--fg);background:var(--surface-2)}.screen-li-s .formula-filter button:hover{border-color:var(--border-strong)}.screen-li-s .notes-grid{gap:var(--gap-4);grid-template-columns:repeat(4,1fr);display:grid}.screen-li-s .notes-grid--feat{grid-column:span 2}.screen-li-s .notes-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);flex-direction:column;gap:1px;display:flex;overflow:hidden}.screen-li-s .notes-list__head,.screen-li-s .notes-list__row{gap:var(--gap-3);grid-template-columns:72px minmax(160px,1.15fr) minmax(220px,1.7fr) 72px minmax(96px,auto);align-items:center;display:grid}.screen-li-s .notes-list__head{padding:10px var(--gap-4);background:var(--bg-soft);color:var(--muted);font-family:var(--font-mono);font-size:11px}.screen-li-s .notes-list__row{padding:12px var(--gap-4);background:var(--surface)}.screen-li-s .notes-list__chunk{min-width:0;font-family:var(--font-display);color:var(--fg);font-size:15px;font-weight:600}.screen-li-s .notes-list__chunk em{background:linear-gradient(transparent 60%, color-mix(in srgb, var(--accent) 18%, transparent) 60%);font-style:normal}.screen-li-s .notes-list__usage{min-width:0;color:var(--muted);font-size:13px;line-height:1.45}.screen-li-s .notes-list__time{color:var(--muted);font-family:var(--font-mono);font-size:12px}.screen-li-s .notes-list__actions{justify-content:flex-end;gap:6px;display:inline-flex}.screen-li-s .empty-hint{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft);color:var(--muted);padding:var(--gap-5)}.screen-li-s .lesson-dist-grid{gap:var(--gap-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.screen-li-s .lesson-dist-row{gap:var(--gap-3);padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:32px minmax(0,1fr);align-items:center;display:grid}.screen-li-s .lesson-dist-row__head{justify-content:space-between;gap:var(--gap-3);display:flex}.screen-li-s .lesson-dist-row__bar{background:var(--surface-2);border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.screen-li-s .lesson-dist-row__bar span{border-radius:inherit;background:var(--f-fg,var(--accent));height:100%;display:block}.screen-li-s .lesson-dist-row.f1{--f-fg:var(--f1)}.screen-li-s .lesson-dist-row.f2{--f-fg:var(--f2)}.screen-li-s .lesson-dist-row.f3{--f-fg:var(--f3)}.screen-li-s .lesson-dist-row.f4{--f-fg:var(--f4)}.screen-li-s .lesson-dist-row.f5{--f-fg:var(--f5)}.screen-li-s .lesson-dist-row.f6{--f-fg:var(--f6)}.screen-li-s .lesson-dist-row.f7{--f-fg:var(--f7)}.screen-li-s .lesson-dist-row.f8{--f-fg:var(--f8)}.screen-li-s .lesson-moment-list,.screen-li-s .lesson-transcript-list{gap:var(--gap-3);flex-direction:column;display:flex}.screen-li-s .lesson-moment{gap:var(--gap-4);width:100%;padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;grid-template-columns:70px minmax(0,1fr) 24px;align-items:center;display:grid}.screen-li-s .lesson-moment:hover{border-color:var(--accent);background:var(--accent-soft)}.screen-li-s .lesson-moment__time{color:var(--accent);font-family:var(--font-mono);font-size:12px}.screen-li-s .lesson-moment__body{flex-direction:column;gap:4px;min-width:0;display:flex}.screen-li-s .lesson-moment__body strong{color:var(--fg);font-size:15px}.screen-li-s .lesson-moment__body span,.screen-li-s .lesson-moment__body small{color:var(--muted);font-size:12px;line-height:1.45}.screen-li-s .lesson-transcript-list{max-height:560px;padding-right:4px;overflow:auto}.screen-li-s .lesson-transcript-cue{gap:var(--gap-4);border-bottom:1px solid var(--border);grid-template-columns:72px minmax(0,1fr);padding:12px 0;display:grid}.screen-li-s .lesson-transcript-cue:last-child{border-bottom:0}.screen-li-s .lesson-transcript-cue span{color:var(--muted);font-family:var(--font-mono);font-size:12px}.screen-li-s .lesson-transcript-cue p{color:var(--fg);margin:0;font-size:14px;line-height:1.6}@media (width<=1180px){.screen-li-s .insights-grid{grid-template-columns:1fr}.screen-li-s .notes-grid{grid-template-columns:repeat(2,1fr)}.screen-li-s .notes-grid--feat{grid-column:span 2}.screen-li-s .notes-list__head,.screen-li-s .notes-list__row{grid-template-columns:64px minmax(140px,1fr) minmax(180px,1.2fr) 64px minmax(86px,auto)}}@media (width<=720px){.screen-li-s .notes-grid{grid-template-columns:1fr}.screen-li-s .notes-grid--feat{grid-column:span 1}.screen-li-s .lesson-dist-grid{grid-template-columns:1fr}.screen-li-s .notes-list__head{display:none}.screen-li-s .notes-list__row{grid-template-columns:1fr;align-items:flex-start;gap:8px}.screen-li-s .notes-list__actions{justify-content:flex-start}.screen-li-s .lesson-moment{grid-template-columns:1fr;gap:8px}.screen-li-s .lesson-transcript-cue{grid-template-columns:1fr;gap:6px}}.screen-li-s .vm{cursor:pointer;border-radius:2px;width:8px;height:14px;transition:transform .15s;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 1px 2px #00000040}.screen-li-s .vm:hover{transform:translate(-50%)scale(1.25)}.screen-li-s .vm.f1{background:var(--f1)}.screen-li-s .vm.f2{background:var(--f2)}.screen-li-s .vm.f3{background:var(--f3)}.screen-li-s .vm.f4{background:var(--f4)}.screen-li-s .vm.f5{background:var(--f5)}.screen-li-s .vm.f6{background:var(--f6)}.screen-li-s .vm.f7{background:var(--f7)}.screen-li-s .vm.f8{background:var(--f8)}.screen-li-s .credit-line{color:var(--muted-2);font-size:11px;font-family:var(--font-mono);letter-spacing:0;align-items:center;gap:8px;margin-top:6px;display:inline-flex}.screen-li-s .credit-line:before{content:"";background:var(--muted-2);width:14px;height:1px;display:inline-block}.screen-li-t .lesson-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:13px;display:flex}.screen-li-t .lesson-meta__sep{background:var(--muted-2);border-radius:999px;width:3px;height:3px}.screen-li-t .student-strip{gap:var(--gap-4);padding:var(--gap-5);grid-template-columns:1fr auto auto;align-items:center;display:grid}.screen-li-t .student-strip__avatar{align-items:center;gap:14px;display:flex}.screen-li-t .panel-section{padding:var(--gap-5)}.screen-li-t .panel-section+.panel-section{border-top:1px solid var(--border)}.screen-li-t .assign-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;transition:border-color .15s,background .15s;display:flex}.screen-li-t .assign-card:hover{border-color:var(--accent)}.screen-li-t .assign-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.screen-li-t .assign-card__check{border:1.5px solid var(--border-strong);border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.screen-li-t .assign-card.is-selected .assign-card__check{background:var(--accent);border-color:var(--accent)}.screen-li-t .assign-card.is-selected .assign-card__check svg{stroke:#fff}.screen-li-t .assign-card__check svg{stroke:#0000}.screen-li-t .vm{cursor:pointer;border-radius:2px;width:8px;height:14px;transition:transform .15s;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 1px 2px #00000040}.screen-li-t .vm:hover{transform:translate(-50%)scale(1.25)}.screen-li-t .vm.is-note{background:var(--accent)}.screen-li-t .vm.is-practice{background:var(--warm)}@media (width<=1180px){.screen-li-t .insights-grid{grid-template-columns:1fr}}@media (width<=640px){.screen-li-t .student-strip{padding:var(--gap-4);grid-template-columns:1fr}.screen-li-t .student-strip>.row-2,.screen-li-t .student-strip>.row-4{flex-wrap:wrap;justify-content:flex-start}.screen-li-t .assign-card{min-height:52px}}.screen-de-s .hero-exercise{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-8);position:relative;overflow:hidden}.screen-de-s .hero-exercise:before{content:"";background:radial-gradient(ellipse at 90% 10%, var(--f3-bg), transparent 55%);pointer-events:none;position:absolute;inset:0}.screen-de-s .step-dots{gap:6px;display:flex}.screen-de-s .step-dot{background:var(--bg-soft);border-radius:2px;width:28px;height:4px}.screen-de-s .step-dot.is-done{background:var(--success)}.screen-de-s .step-dot.is-current{background:var(--accent)}.screen-de-s .stat-row{border-radius:var(--radius);background:var(--bg-soft);grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}.screen-de-s .stat-cell{padding:var(--gap-4);text-align:center}.screen-de-s .stat-cell+.stat-cell{border-left:1px solid var(--border)}.screen-de-s .stat-cell__value{font-family:var(--font-mono);letter-spacing:-.02em;font-size:22px;font-weight:600}.screen-de-s .stat-cell__label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.screen-de-s .wordbank{padding:var(--gap-3);background:var(--surface-2);border-radius:var(--radius);border:1px dashed var(--border-strong);flex-wrap:wrap;gap:8px;display:flex}.screen-de-s .word-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-display);cursor:grab;padding:6px 14px;font-size:14px;font-weight:500;transition:all .15s}.screen-de-s .word-pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.screen-de-s .word-pill.is-used{opacity:.3;pointer-events:none}@media (width<=640px){.screen-de-s .hero-exercise{padding:var(--gap-5);border-radius:var(--radius)}.screen-de-s .hero-exercise .h-display{font-size:24px!important;line-height:1.35!important}.screen-de-s .step-dots{width:100%}.screen-de-s .step-dot{flex:1}.screen-de-s .stat-row{grid-template-columns:1fr}.screen-de-s .stat-cell+.stat-cell{border-left:0;border-top:1px solid var(--border)}.screen-de-s .wordbank{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.screen-de-s .wordbank::-webkit-scrollbar{display:none}.screen-de-s .word-pill{flex:none;align-items:center;min-height:44px;display:inline-flex}}.screen-de-t .student-row{gap:var(--gap-3);padding:var(--gap-4) var(--gap-5);border-bottom:1px solid var(--border);grid-template-columns:200px 130px 168px 88px 120px 1fr;align-items:center;transition:background .1s;display:grid}.screen-de-t .student-row:hover{background:var(--bg-soft)}.screen-de-t .student-row:last-child{border-bottom:0}.screen-de-t .progress-mini{gap:3px;height:18px;display:flex}.screen-de-t .progress-mini__cell{background:var(--bg-soft);border-radius:3px;flex:1}.screen-de-t .progress-mini__cell.is-done{background:var(--accent)}.screen-de-t .progress-mini__cell.is-current{background:var(--warm)}.screen-de-t .progress-mini__cell.is-skipped{background:var(--bg-soft);border:1.5px dashed var(--border-strong)}.screen-de-t .activity{grid-template-columns:32px 1fr auto;align-items:flex-start;gap:12px;padding:12px 0;display:grid}.screen-de-t .activity+.activity{border-top:1px solid var(--border)}.screen-de-t .activity__dot{background:var(--bg-soft);width:32px;height:32px;color:var(--muted);border-radius:999px;place-items:center;display:grid}.screen-de-t .activity__dot--good{background:color-mix(in srgb, var(--success) 14%, white);color:var(--success)}.screen-de-t .activity__dot--warn{background:var(--warm-soft);color:#8a4d00}.screen-de-t .activity__dot--miss{background:color-mix(in srgb, var(--danger) 12%, white);color:var(--danger)}.screen-de-t .need-pill{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border);width:fit-content;max-width:100%;color:var(--muted);align-items:center;padding:4px 9px;font-size:12px;line-height:1.35;display:inline-flex}.screen-de-t .need-pill.is-primary{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.screen-de-t .need-pill.is-warn{background:var(--warm-soft);color:#8a4d00;border-color:var(--warm-pale)}.screen-de-t .need-pill.is-danger{background:color-mix(in srgb, var(--danger) 10%, white);color:var(--danger);border-color:#0000}@media (width<=1180px){.screen-de-t .student-row{gap:var(--gap-2);grid-template-columns:1fr}}@media (width<=640px){.screen-de-t .student-row{padding:var(--gap-4);border-radius:0}.screen-de-t .student-row[style*=background]{display:none}.screen-de-t .student-row .progress-mini{width:100%;min-height:22px}.screen-de-t .need-pill{align-items:center;min-height:34px}.screen-de-t .student-row .btn{justify-content:center;width:100%}.screen-de-t .activity{grid-template-columns:32px 1fr}.screen-de-t .activity .btn{grid-column:2;justify-self:start;min-width:96px}.screen-de-t .activity>.meta{grid-column:2;justify-self:start}}.screen-notes .lib-hero{gap:var(--gap-6);margin-bottom:var(--gap-6);grid-template-columns:1.4fr 1fr;display:grid}@media (width<=1100px){.screen-notes .lib-hero{grid-template-columns:1fr}}.screen-notes .lib-stat-grid{gap:var(--gap-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=720px){.screen-notes .lib-stat-grid{grid-template-columns:repeat(2,1fr)}}.screen-notes .lib-stat{padding:var(--gap-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.screen-notes .lib-stat .num-xl{font-family:var(--font-mono);letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1}.screen-notes .lib-stat .lbl{color:var(--muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:6px}.screen-notes .lib-stat .trend{color:var(--success);font-size:11px;font-family:var(--font-mono);align-items:center;gap:4px;margin-top:8px;display:flex}.screen-notes .lib-stat.dim{background:var(--bg-soft)}.screen-notes .notes-skeleton-stack{gap:var(--gap-3);display:grid}.screen-notes .notes-loading-state{min-height:720px}.screen-notes .notes-loading-state .li-skeleton{pointer-events:none}.screen-notes .notes-loading-hero .li-skeleton{background-color:#ffffff24;background-image:linear-gradient(90deg,#0000,#ffffff57,#0000),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.screen-notes .notes-loading-hero .li-skeleton--title{max-width:420px}.screen-notes .notes-loading-flashcard{min-height:320px;padding:var(--gap-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);align-content:space-between;gap:var(--gap-5);display:grid}.screen-notes .notes-loading-toolbar{margin-bottom:var(--gap-5)}.screen-notes .notes-empty-state{align-content:center;place-items:center;gap:var(--gap-4);min-height:460px;padding:var(--gap-8) var(--gap-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;display:grid}.screen-notes .notes-empty-state__icon{border-radius:var(--radius);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);place-items:center;display:grid}.screen-notes .notes-empty-state__icon .ic{width:24px;height:24px}.screen-notes .notes-empty-state h2{font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1.25}.screen-notes .notes-empty-state p{max-width:34ch;margin-top:var(--gap-2);color:var(--muted);line-height:1.6}.screen-notes .review-hero{background:linear-gradient(135deg, var(--ink-block) 0%, color-mix(in srgb, var(--ink-block) 84%, white) 100%);color:#fff;border-radius:var(--radius-lg);padding:var(--gap-6);flex-direction:column;justify-content:space-between;min-height:320px;display:flex;position:relative;overflow:hidden}.screen-notes .review-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 20%,#7156e561 0%,#0000 50%),radial-gradient(circle at 15% 90%,#fe90003d 0%,#0000 45%);position:absolute;inset:0}.screen-notes .review-hero>*{position:relative}.screen-notes .review-hero .eyebrow{color:#fff9}.screen-notes .review-hero h2{font-family:var(--font-display);max-width:26ch;margin-top:8px;font-size:28px;line-height:1.2}.screen-notes .review-hero .sub{color:#ffffffb3;max-width:38ch;margin-top:8px;font-size:14px}.screen-notes .review-stack{gap:var(--gap-5);grid-template-columns:1fr auto;align-items:end;display:grid}.screen-notes .review-counts{font-family:var(--font-mono);gap:18px;display:flex}.screen-notes .review-counts .item .n{font-size:28px;font-weight:600;line-height:1}.screen-notes .review-counts .item .l{color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:11px}.screen-notes .review-counts .item.warn .n{color:var(--warn)}.screen-notes .review-counts .item.ok .n{color:#ad9df0}.screen-notes .review-cta{background:var(--accent);color:#fff;border-radius:var(--radius);align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .15s;display:inline-flex}.screen-notes .review-cta:hover{transform:translateY(-1px);box-shadow:0 10px 25px #7156e559}.screen-notes .progress-track{background:#ffffff1f;border-radius:999px;height:6px;margin-top:18px;overflow:hidden}.screen-notes .progress-track .fill{background:linear-gradient(90deg, var(--accent) 0%, var(--warm) 100%);border-radius:999px;width:64%;height:100%}.screen-notes .mastery-card{padding:var(--gap-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.screen-notes .mastery-rows{gap:var(--gap-3);margin-top:var(--gap-4);flex-direction:column;display:flex}.screen-notes .mastery-row{grid-template-columns:64px 1fr 36px;align-items:center;gap:12px;display:grid}.screen-notes .mastery-row .label{color:var(--muted);font-size:12px}.screen-notes .mastery-row .num{font-family:var(--font-mono);text-align:right;color:var(--fg);font-size:13px}.screen-notes .mastery-row .bar{background:var(--bg-soft);border-radius:999px;height:8px;position:relative;overflow:hidden}.screen-notes .mastery-row .bar .fill{border-radius:999px;height:100%}.screen-notes .mastery-row.lvl-new .bar .fill{background:#d4d4d4}.screen-notes .mastery-row.lvl-fresh .bar .fill{background:color-mix(in srgb, var(--accent) 35%, white)}.screen-notes .mastery-row.lvl-mid .bar .fill{background:color-mix(in srgb, var(--accent) 65%, white)}.screen-notes .mastery-row.lvl-known .bar .fill{background:var(--accent)}.screen-notes .mastery-row.lvl-master .bar .fill{background:linear-gradient(90deg, var(--accent), var(--warm))}.screen-notes .lib-toolbar{gap:var(--gap-4);padding:var(--gap-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap-4);grid-template-columns:1fr auto auto;align-items:center;display:grid}.screen-notes .search-input{background:var(--bg-soft);border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:8px;padding:8px 14px;transition:border-color .15s,background .15s;display:flex}.screen-notes .search-input:focus-within{border-color:var(--accent);background:#fff}.screen-notes .search-input input{background:0 0;border:0;outline:0;flex:1;padding:4px 0;font-size:14px}.screen-notes .search-input svg{width:14px;height:14px;color:var(--muted)}.screen-notes .seg{background:var(--bg-soft);border-radius:var(--radius);padding:3px;display:inline-flex}.screen-notes .seg button{color:var(--muted);border-radius:7px;padding:6px 12px;font-size:12px;transition:background .15s,color .15s}.screen-notes .seg button.is-on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.screen-notes .view-toggle{gap:4px;display:inline-flex}.screen-notes .view-toggle button{width:32px;height:32px;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:8px;place-items:center;display:grid}.screen-notes .view-toggle button.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.screen-notes .view-toggle svg{width:14px;height:14px}.screen-notes .lang-filter-row{align-items:center;gap:var(--gap-3);padding:10px var(--gap-4);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap-3);flex-wrap:wrap;display:flex}.screen-notes .lang-filter-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);flex:none;font-size:11px}.screen-notes .lang-filter button .ct{font-family:var(--font-mono);opacity:.7;margin-left:2px;font-size:11px}.screen-notes .lang-filter button[disabled]{opacity:.55;cursor:not-allowed}.screen-notes .lang-filter button[disabled]:hover{border-color:var(--border-strong);background:var(--surface)}.screen-notes .formula-tabs{margin-bottom:var(--gap-5);flex-wrap:wrap;gap:8px;display:flex}.screen-notes .formula-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:all .15s;display:inline-flex}.screen-notes .formula-tab:hover{border-color:var(--border-strong);color:var(--fg)}.screen-notes .formula-tab.is-on{background:var(--fg);color:#fff;border-color:var(--fg)}.screen-notes .formula-tab .dot{border-radius:2px;width:8px;height:8px}.screen-notes .formula-tab .ct{font-family:var(--font-mono);opacity:.7;font-size:11px}.screen-notes .formula-tab.f1 .dot{background:var(--f1)}.screen-notes .formula-tab.f2 .dot{background:var(--f2)}.screen-notes .formula-tab.f3 .dot{background:var(--f3)}.screen-notes .formula-tab.f4 .dot{background:var(--f4)}.screen-notes .formula-tab.f5 .dot{background:var(--f5)}.screen-notes .formula-tab.f6 .dot{background:var(--f6)}.screen-notes .formula-tab.f7 .dot{background:var(--f7)}.screen-notes .formula-tab.f8 .dot{background:var(--f8)}.screen-notes .study-card-wrap{background:var(--bg-soft);border-radius:var(--radius-lg);padding:var(--gap-6);gap:var(--gap-6);margin-bottom:var(--gap-6);grid-template-columns:1fr 280px;display:grid}@media (width<=980px){.screen-notes .study-card-wrap{grid-template-columns:1fr}}.screen-notes .flashcard{perspective:1200px;cursor:pointer;height:320px}.screen-notes .flashcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.screen-notes .flashcard.is-flipped .flashcard__inner{transform:rotateY(180deg)}.screen-notes .flashcard__face{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:var(--gap-6);backface-visibility:hidden;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.screen-notes .flashcard__face--back{background:#fcfcfc;transform:rotateY(180deg)}.screen-notes .flashcard__top{justify-content:space-between;align-items:center;display:flex}.screen-notes .flashcard__chunk{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:32px;font-weight:500;line-height:1.2}.screen-notes .flashcard__chunk em{background:linear-gradient(180deg, transparent 60%, color-mix(in srgb, var(--accent) 25%, white) 60%);font-style:normal}.screen-notes .flashcard__hint{color:var(--muted);font-size:13px;font-family:var(--font-mono)}.screen-notes .flashcard__cn{font-family:var(--font-body);color:var(--fg);margin-top:6px;font-size:18px}.screen-notes .flashcard__usage{background:var(--bg-soft);border-left:3px solid var(--accent);color:var(--muted);border-radius:6px;margin-top:12px;padding:10px 14px;font-size:13px;line-height:1.55}.screen-notes .flashcard__usage strong{color:var(--fg);font-weight:500}.screen-notes .recall-buttons{margin-top:var(--gap-4);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.screen-notes .recall-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:12px 8px;transition:all .12s}.screen-notes .recall-btn:hover{transform:translateY(-2px)}.screen-notes .recall-btn .top{font-size:16px;font-weight:600;line-height:1}.screen-notes .recall-btn .bot{font-size:10px;font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.screen-notes .recall-btn.again .top{color:var(--danger)}.screen-notes .recall-btn.hard .top{color:var(--warn)}.screen-notes .recall-btn.good .top{color:var(--success)}.screen-notes .recall-btn.easy .top{color:var(--accent)}.screen-notes .recall-btn:hover.again{background:color-mix(in srgb, var(--danger) 8%, white);border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.screen-notes .recall-btn:hover.hard{background:color-mix(in srgb, var(--warn) 8%, white);border-color:color-mix(in srgb, var(--warn) 35%, var(--border))}.screen-notes .recall-btn:hover.good{background:color-mix(in srgb, var(--success) 8%, white);border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.screen-notes .recall-btn:hover.easy{background:var(--accent-soft);border-color:var(--accent)}.screen-notes .study-meta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-5);align-self:start}.screen-notes .study-meta dl{grid-template-columns:auto 1fr;gap:10px 12px;margin:0;display:grid}.screen-notes .study-meta dt{color:var(--muted-2);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-self:center}.screen-notes .study-meta dd{color:var(--fg);margin:0;font-size:13px}.screen-notes .study-meta .progress-mini{margin-top:var(--gap-5);padding-top:var(--gap-4);border-top:1px solid var(--border)}.screen-notes .progress-mini .bar{background:var(--bg-soft);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.screen-notes .progress-mini .bar .fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.screen-notes .chunks-grid{gap:var(--gap-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1180px){.screen-notes .chunks-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.screen-notes .chunks-grid{grid-template-columns:1fr}}.screen-notes .lib-chunk{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-4);flex-direction:column;gap:10px;transition:border-color .12s,transform .12s;display:flex;position:relative}.screen-notes .lib-chunk:hover{border-color:var(--accent);transform:translateY(-1px)}.screen-notes .lib-chunk__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.screen-notes .lib-chunk__chunk{font-family:var(--font-display);color:var(--fg);flex:1;font-size:18px;font-weight:500;line-height:1.3}.screen-notes .lib-chunk__chunk em{background:linear-gradient(180deg, transparent 65%, var(--f-bg,var(--accent-soft)) 65%);font-style:normal}.screen-notes .lib-chunk__star{color:var(--muted-2);flex-shrink:0;padding:2px;transition:color .12s}.screen-notes .lib-chunk__star.is-on{color:var(--warn)}.screen-notes .lib-chunk__star svg{width:16px;height:16px}.screen-notes .lib-chunk__cn{color:var(--muted);font-size:13px;line-height:1.5}.screen-notes .lib-chunk__usage{color:var(--muted-2);border-left:2px solid var(--border);padding-left:10px;font-size:12px;font-style:italic;line-height:1.5}.screen-notes .lib-chunk__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;font-size:11px;display:flex}.screen-notes .lib-chunk__source{color:var(--accent);font-family:var(--font-mono);letter-spacing:.02em}.screen-notes .lib-chunk__source:hover{text-decoration:underline}.screen-notes .lib-chunk__mastery{gap:2px;display:inline-flex}.screen-notes .lib-chunk__mastery i{background:var(--border);border-radius:2px;width:14px;height:4px;display:block}.screen-notes .lib-chunk__mastery i.on{background:var(--accent)}.screen-notes .lib-chunk.f1{--f-bg:var(--f1-bg)}.screen-notes .lib-chunk.f2{--f-bg:var(--f2-bg)}.screen-notes .lib-chunk.f3{--f-bg:var(--f3-bg)}.screen-notes .lib-chunk.f4{--f-bg:var(--f4-bg)}.screen-notes .lib-chunk.f5{--f-bg:var(--f5-bg)}.screen-notes .lib-chunk.f6{--f-bg:var(--f6-bg)}.screen-notes .lib-chunk.f7{--f-bg:var(--f7-bg)}.screen-notes .lib-chunk.f8{--f-bg:var(--f8-bg)}.screen-notes .chunks-list{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1px;display:none;overflow:hidden}.screen-notes.list-mode .chunks-grid{display:none}.screen-notes.list-mode .chunks-list{display:flex}.screen-notes .list-row{gap:var(--gap-4);padding:14px var(--gap-4);background:var(--surface);grid-template-columns:36px 1fr 1fr auto auto auto;align-items:center;font-size:13px;transition:background .12s;display:grid}.screen-notes .list-row:hover{background:var(--bg-soft)}.screen-notes .list-row .chunk-text{font-family:var(--font-display);font-size:15px;font-weight:500}.screen-notes .list-row .chunk-cn{color:var(--muted)}.screen-notes .list-row .source-link{color:var(--accent);font-family:var(--font-mono);font-size:11px}.screen-notes .list-row .mastery-pill{gap:2px;display:inline-flex}.screen-notes .list-row .mastery-pill i{background:var(--border);border-radius:2px;width:10px;height:3px;display:block}.screen-notes .list-row .mastery-pill i.on{background:var(--accent)}.screen-notes .list-row .star-btn{color:var(--muted-2);padding:4px}.screen-notes .list-row .star-btn.is-on{color:var(--warn)}.screen-notes .list-row .star-btn svg{width:14px;height:14px}.screen-notes .list-head{background:var(--bg-soft);font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:10px var(--gap-4);font-size:11px}.screen-notes .lesson-strip{gap:var(--gap-3);margin-bottom:var(--gap-5);padding-bottom:4px;display:flex;overflow-x:auto}.screen-notes .lesson-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;min-width:220px;padding:14px 16px;transition:border-color .12s;display:flex}.screen-notes .lesson-chip:hover{border-color:var(--accent)}.screen-notes .lesson-chip .date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.screen-notes .lesson-chip .title{margin-top:4px;font-size:14px;font-weight:500;line-height:1.35}.screen-notes .lesson-chip .meta{color:var(--muted);gap:10px;margin-top:6px;font-size:12px;display:flex}.screen-notes .lesson-chip .meta .n{font-family:var(--font-mono)}.screen-notes .lesson-chip.active{border-color:var(--fg);background:var(--bg-soft)}.screen-notes .section-title{margin-bottom:var(--gap-4);justify-content:space-between;align-items:flex-end;display:flex}.screen-notes .section-title .h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:500}.screen-notes .section-title .sub{color:var(--muted);margin-top:4px;font-size:13px}.screen-notes .section-title .actions{gap:8px;display:flex}.screen-notes .empty-hint{text-align:center;background:var(--bg-soft);border-radius:var(--radius);color:var(--muted);padding:60px 20px;font-size:14px}@media (width<=640px){.screen-notes .lib-stat-grid{grid-template-columns:1fr}.screen-notes .review-hero{min-height:430px;padding:var(--gap-5)}.screen-notes .review-hero h2{max-width:100%;font-size:24px}.screen-notes .review-stack{grid-template-columns:1fr;align-items:stretch}.screen-notes .review-counts{gap:var(--gap-3);grid-template-columns:repeat(3,1fr);display:grid}.screen-notes .review-cta{justify-content:center;width:100%;min-height:44px}.screen-notes .mastery-row{grid-template-columns:56px 1fr 32px;gap:8px}.screen-notes .lib-toolbar{gap:var(--gap-3);grid-template-columns:1fr}.screen-notes .search-input{min-height:44px}.screen-notes .search-input input{min-height:36px}.screen-notes .seg{scrollbar-width:none;width:100%;overflow-x:auto}.screen-notes .seg::-webkit-scrollbar{display:none}.screen-notes .seg button{white-space:nowrap;flex:1 0 auto;min-height:44px}.screen-notes .view-toggle button{width:44px;height:44px}.screen-notes .formula-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-4px;padding:0 4px 6px;overflow-x:auto}.screen-notes .formula-tabs::-webkit-scrollbar{display:none}.screen-notes .formula-tab{flex:none;min-height:44px}.screen-notes .study-card-wrap{padding:var(--gap-4)}.screen-notes .flashcard{height:380px}.screen-notes .flashcard__face{padding:var(--gap-4)}.screen-notes .flashcard__top{gap:var(--gap-2);flex-wrap:wrap}.screen-notes .flashcard__chunk{overflow-wrap:anywhere;font-size:clamp(24px,8vw,32px)}.screen-notes .flashcard__usage{border-left-width:1px;padding:10px 12px}.screen-notes .recall-buttons{grid-template-columns:repeat(2,1fr)}.screen-notes .recall-btn{min-height:62px}.screen-notes .study-meta dl{grid-template-columns:1fr;row-gap:4px}.screen-notes .lib-chunk__foot{flex-direction:column;align-items:flex-start;gap:8px}.screen-notes .lib-chunk__star{place-items:center;width:44px;height:44px;margin:-10px -10px 0 0;display:grid}.screen-notes .lib-chunk__source{align-items:center;min-height:44px;display:inline-flex}.screen-notes .lesson-strip{contain:inline-size;scroll-snap-type:x proximity;width:100%;max-width:100%;overflow-x:auto}.screen-notes .lesson-chip{scroll-snap-align:start;min-width:min(220px,78vw)}.screen-notes.list-mode .chunks-list{max-width:100%;display:block;overflow-x:auto}.screen-notes .list-row,.screen-notes .list-head{min-width:720px}.screen-notes .section-title{align-items:flex-start;gap:var(--gap-3);flex-direction:column}.screen-notes .section-title .actions{width:100%;padding-bottom:2px;overflow-x:auto}}.screen-scn .stage-card{background:linear-gradient(160deg, var(--ink-block), color-mix(in srgb, var(--ink-block) 78%, black));border-radius:var(--radius-lg);color:#fff;position:relative;overflow:hidden}.screen-scn .stage-card__scene{aspect-ratio:16/9;background:radial-gradient(ellipse at 30% 35%, #7156e594 0%, transparent 50%), radial-gradient(ellipse at 70% 65%, #fe900047 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, var(--ink-block) 0%, color-mix(in srgb, var(--ink-block) 78%, black) 80%);position:relative;overflow:hidden}.screen-scn .ai-orb{background:radial-gradient(circle at 35% 30%,#fff 0%,#f1eefc 25%,#8973e9 60%,#7156e5 100%);border-radius:999px;width:280px;height:280px;animation:4s ease-in-out infinite scn__orb-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #7156e58c,inset 0 -25px 50px #252c4899}.screen-scn .ai-orb:after{content:"";opacity:.7;border:2px solid #ad9df08c;border-radius:999px;animation:2.5s ease-out infinite scn__orb-pulse;position:absolute;inset:-20px}@keyframes scn__orb-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.04)}}@keyframes scn__orb-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.screen-scn .stage-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-family:var(--font-mono);letter-spacing:.05em;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;top:18px;left:18px}.screen-scn .stage-status .dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 10px var(--danger);border-radius:999px;animation:1s ease-in-out infinite scn__rec-dot}@keyframes scn__rec-dot{50%{opacity:.3}}.screen-scn .scenario-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex;position:absolute;top:18px;right:18px}.screen-scn .ai-speech-bubble{max-width:70%;color:var(--fg);background:#fffffff5;border-radius:16px 16px 16px 6px;padding:12px 18px;font-size:15px;line-height:1.45;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.screen-scn .ai-speech-bubble__name{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-family:var(--font-mono);color:var(--muted);margin-bottom:4px}.screen-scn .ai-speech-bubble .em{color:var(--accent);font-weight:600}.screen-scn .control-bar{padding:var(--gap-5) var(--gap-6);background:color-mix(in srgb, var(--ink-block) 78%, black);color:#fff;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.screen-scn .control-bar__time{font-family:var(--font-mono);opacity:.85;font-size:13px}.screen-scn .wave-large>span{background:#fff!important}.screen-scn .ctrl-btn{color:#fff;background:#ffffff1a;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.screen-scn .ctrl-btn:hover{background:#ffffff2e}.screen-scn .feedback-pill{font-size:12px;font-family:var(--font-mono);background:var(--bg-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.screen-scn .feedback-pill--good{background:color-mix(in oklch, var(--success) 14%, white);color:var(--success)}.screen-scn .feedback-pill--warn{background:var(--warm-soft);color:#8a4d00}.screen-scn .cando-panel{border-color:color-mix(in oklch, var(--accent) 28%, var(--border));background:radial-gradient(circle at 8% 0%, color-mix(in oklch, var(--accent) 12%, transparent), transparent 34%), radial-gradient(circle at 92% 12%, color-mix(in oklch, var(--warm) 10%, transparent), transparent 30%), var(--surface)}.screen-scn .cando-template-grid{gap:var(--gap-4);grid-template-columns:1.1fr 1.2fr 1fr;align-items:stretch;display:grid}.screen-scn .cando-block{padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffc2}.screen-scn .cando-block__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.screen-scn .cando-statement{letter-spacing:-.01em;color:var(--fg);font-size:clamp(18px,2vw,28px);font-weight:700;line-height:1.16}.screen-scn .template-slots{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.screen-scn .slot{background:var(--bg-soft);border-radius:10px;padding:10px 12px;font-size:13px}.screen-scn .slot strong{color:var(--fg);margin-bottom:3px;font-size:12px;display:block}.screen-scn .fivew-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.screen-scn .fivew{background:var(--bg-soft);border:1px solid #0000;border-radius:9px;min-height:74px;padding:9px}.screen-scn .fivew strong{font-family:var(--font-mono);color:var(--accent);margin-bottom:4px;font-size:11px;display:block}.screen-scn .task-path{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.screen-scn .path-step{background:var(--accent-soft);color:var(--fg);border-radius:10px;padding:10px;font-size:12px}.screen-scn .path-step span{color:var(--accent);font-family:var(--font-mono);margin-bottom:4px;font-size:11px;display:block}.screen-scn .cando-scenario-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.screen-scn .cando-scenario-option{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:12px}.screen-scn .cando-scenario-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.screen-scn .phrase-bank{gap:8px;display:grid}.screen-scn .phrase-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:13px}.screen-scn .phrase-row strong{color:var(--fg);margin-bottom:3px;display:block}.screen-scn .phrase-row.is-required{border-color:color-mix(in oklch, var(--accent) 36%, var(--border));background:var(--accent-soft)}@media (width<=1100px){.screen-scn .cando-template-grid{grid-template-columns:1fr}.screen-scn .task-path,.screen-scn .fivew-grid{grid-template-columns:repeat(2,1fr)}.screen-scn .cando-scenario-list{grid-template-columns:1fr}}@media (width<=560px){.screen-scn .template-slots,.screen-scn .task-path,.screen-scn .fivew-grid{grid-template-columns:1fr}.screen-scn .stage-card__scene{aspect-ratio:3/4;min-height:430px}.screen-scn .ai-orb{width:190px;height:190px;top:43%}.screen-scn .stage-status,.screen-scn .scenario-chip{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 28px);left:14px;right:auto;overflow:hidden}.screen-scn .scenario-chip{top:56px}.screen-scn .ai-speech-bubble{max-width:calc(100% - 28px);padding:10px 12px;font-size:13px;bottom:78px}.screen-scn .control-bar{align-items:stretch;gap:var(--gap-3);padding:var(--gap-4);flex-direction:column}.screen-scn .control-bar>.row-4,.screen-scn .control-bar>.row-2{flex-wrap:wrap;justify-content:center}.screen-scn .wave-large{order:-1;justify-content:center;width:100%}.screen-scn .cando-block{padding:var(--gap-3)}.screen-scn .fivew,.screen-scn .path-step,.screen-scn .slot,.screen-scn .cando-scenario-option,.screen-scn .phrase-row{min-height:44px}.screen-scn .chat a.accent,.screen-scn .chat a.muted,.screen-scn .ai-speech-bubble a.accent,.screen-scn .ai-speech-bubble a.muted{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 4px;display:inline-flex}}.screen-gc-s .gcs-stage{margin-top:var(--gap-6);position:relative}.screen-gc-s .gcs-layout{gap:var(--gap-5);grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);display:grid}@media (width<=1180px){.screen-gc-s .gcs-layout{grid-template-columns:1fr}}.screen-gc-s .section-head{justify-content:space-between;align-items:center;gap:var(--gap-3);margin-bottom:var(--gap-4);flex-wrap:wrap;display:flex}.screen-gc-s .section-head__title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.screen-gc-s .section-head__title .num{font-family:var(--font-mono);color:var(--muted);background:var(--bg-soft);border-radius:var(--radius-pill);letter-spacing:.04em;padding:2px 7px;font-size:12px;font-weight:500}.screen-gc-s .gcs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.screen-gc-s .gcs-card+.gcs-card{margin-top:var(--gap-4)}.screen-gc-s .gcs-classmates{flex-wrap:wrap;gap:6px;display:flex}.screen-gc-s .gcs-classmate{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:12px;display:inline-flex}.screen-gc-s .gcs-classmate .av{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:999px;place-items:center;font-size:10px;font-weight:600;display:grid}.screen-gc-s .gcs-poll-hint{background:linear-gradient(135deg, var(--accent-soft), var(--warm-soft));border:1px solid var(--accent-border);border-radius:var(--radius);gap:10px;padding:10px 12px;font-size:13px;display:flex}.screen-gc-s .gcs-poll-hint svg{color:var(--accent);flex-shrink:0;margin-top:2px}.screen-gc-s .past-poll-row{background:var(--bg-soft);border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:grid}.screen-gc-s .past-poll-row+.past-poll-row{margin-top:6px}.screen-gc-s .past-poll-row__num{font-family:var(--font-mono);color:var(--muted);font-size:11px;font-weight:600}.screen-gc-s .past-poll-row__result{color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.screen-gc-s .past-poll-row__result.is-correct{background:var(--success)}.screen-gc-s .past-poll-row__result.is-wrong{background:var(--danger)}.screen-gc-s .info-note{background:var(--bg-soft);border-radius:var(--radius);color:var(--muted);gap:10px;padding:10px 12px;font-size:12px;display:flex}.screen-gc-s .info-note svg{color:var(--accent);flex-shrink:0}.screen-gc-s .gcs-mini-classmate{flex-direction:column;align-items:center;gap:4px;min-width:56px;display:flex}.screen-gc-s .gcs-mini-classmate .av{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border:2px solid #fff;border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative}.screen-gc-s .gcs-mini-classmate .av.is-speaking{outline:2px solid var(--accent);outline-offset:1px}.screen-gc-s .gcs-mini-classmate .av.is-hand:after{content:"✋";background:var(--warm);color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:-6px;right:-6px}.screen-gc-s .gcs-mini-classmate .nm{color:var(--muted);font-size:11px}.screen-gc-s .gcs-classmates-strip{scrollbar-width:thin;gap:12px;padding:4px 0;display:flex;overflow-x:auto}.screen-gc-t .gc-workspace{gap:var(--gap-5);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}@media (width<=1280px){.screen-gc-t .gc-workspace{grid-template-columns:1fr}}.screen-gc-t .gc-polls{gap:var(--gap-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}@media (width<=1100px){.screen-gc-t .gc-polls{grid-template-columns:1fr}}.screen-gc-t .section-head{justify-content:space-between;align-items:center;gap:var(--gap-3);margin-bottom:var(--gap-4);flex-wrap:wrap;display:flex}.screen-gc-t .section-head__title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.screen-gc-t .section-head__title .num{font-family:var(--font-mono);color:var(--muted);background:var(--bg-soft);border-radius:var(--radius-pill);letter-spacing:.04em;padding:2px 7px;font-size:12px;font-weight:500}.screen-gc-t .gc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.screen-gc-t .gc-card+.gc-card{margin-top:var(--gap-5)}.screen-gc-t .gc-stat-row{gap:var(--gap-3);margin-bottom:var(--gap-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=760px){.screen-gc-t .gc-stat-row{grid-template-columns:repeat(2,1fr)}}.screen-gc-t .gc-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.screen-gc-t .gc-stat__num{font-family:var(--font-mono);letter-spacing:-.02em;font-size:22px;font-weight:600}.screen-gc-t .gc-stat__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-family:var(--font-mono)}.screen-gc-t .gc-stat__delta{color:var(--success);font-size:12px}.screen-gc-t .gc-stat__delta.is-warm{color:var(--warm)}.screen-gc-t .info-note{background:var(--bg-soft);border-radius:var(--radius);color:var(--muted);gap:10px;padding:10px 12px;font-size:12px;display:flex}.screen-gc-t .info-note svg{color:var(--accent);flex-shrink:0}.screen-wkn .wkn-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-6);position:relative;overflow:hidden}.screen-wkn .wkn-hero:before{content:"";background:radial-gradient(ellipse at 90% 0%, color-mix(in srgb, var(--danger) 8%, transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.screen-wkn .wkn-hero__grid{gap:var(--gap-6);grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);align-items:stretch;display:grid;position:relative}@media (width<=1100px){.screen-wkn .wkn-hero__grid{grid-template-columns:1fr}}.screen-wkn .wkn-trend-chart{background:var(--bg-soft);border-radius:var(--radius);padding:var(--gap-4);gap:var(--gap-3);flex-direction:column;height:100%;display:flex}.screen-wkn .wkn-trend-chart svg{width:100%;height:180px;display:block}.screen-wkn .wkn-trend-summary{gap:var(--gap-4);flex-wrap:wrap;align-items:baseline;display:flex}.screen-wkn .wkn-trend-summary .num{font-family:var(--font-mono);letter-spacing:-.02em;font-size:32px;font-weight:700}.screen-wkn .wkn-trend-summary .delta{font-family:var(--font-mono);color:var(--success);font-size:14px;font-weight:600}.screen-wkn .wkn-trend-summary .delta.is-down{color:var(--danger)}.screen-wkn .wkn-hero-side{gap:var(--gap-3);flex-direction:column;display:flex}.screen-wkn .wkn-kpi{padding:var(--gap-4);background:var(--bg-soft);border-radius:var(--radius);flex-direction:column;gap:4px;display:flex}.screen-wkn .wkn-kpi--danger{background:color-mix(in srgb, var(--danger) 6%, var(--bg-soft))}.screen-wkn .wkn-kpi--success{background:color-mix(in srgb, var(--success) 7%, var(--bg-soft))}.screen-wkn .wkn-kpi__label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:10px}.screen-wkn .wkn-kpi__val{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--fg);font-size:24px;font-weight:700}.screen-wkn .wkn-kpi__sub{color:var(--muted);font-size:12px}.screen-wkn .wkn-radar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5);gap:var(--gap-3);flex-direction:column;display:flex}.screen-wkn .wkn-radar-card svg{width:100%;height:280px;display:block}.screen-wkn .wkn-rec{padding:var(--gap-5);background:linear-gradient(135deg, var(--accent-soft) 0%, color-mix(in srgb, var(--warm-soft) 80%, transparent) 100%);border:1px solid var(--accent-border);border-radius:var(--radius-lg);gap:var(--gap-4);grid-template-columns:auto 1fr auto;align-items:center;margin-top:0;display:grid}.screen-wkn .wkn-rec__icon{width:52px;height:52px;color:var(--accent);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;place-items:center;display:grid}.screen-wkn .wkn-rec__body{min-width:0}.screen-wkn .wkn-rec__eyebrow{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);text-transform:uppercase;font-size:10px}.screen-wkn .wkn-rec__title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:4px;font-size:17px;font-weight:600}.screen-wkn .wkn-rec__sub{color:var(--muted);margin-top:4px;font-size:13px}.screen-wkn .wkn-mistakes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.screen-wkn .wkn-mistakes__head{justify-content:space-between;align-items:center;gap:var(--gap-3);padding:var(--gap-4) var(--gap-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.screen-wkn .wkn-filter{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px;display:inline-flex}.screen-wkn .wkn-filter button{border-radius:var(--radius-pill);color:var(--muted);padding:5px 12px;font-size:12px;font-weight:500}.screen-wkn .wkn-filter button.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.screen-wkn .wkn-row{gap:var(--gap-3);border-bottom:1px solid var(--border);grid-template-columns:26px 2.6fr 1.5fr auto auto auto;align-items:center;padding:12px 18px;font-size:13px;display:grid}.screen-wkn .wkn-row:last-child{border-bottom:0}.screen-wkn .wkn-row:hover{background:var(--bg-soft)}.screen-wkn .wkn-row__num{font-family:var(--font-mono);color:var(--muted-2);font-size:11px}.screen-wkn .wkn-row__q{color:var(--fg)}.screen-wkn .wkn-row__q small{color:var(--muted);font-size:11px;font-family:var(--font-mono);margin-top:2px;display:block}.screen-wkn .wkn-row__wrong{color:var(--danger);font-family:var(--font-mono);font-size:12px;text-decoration:line-through}.screen-wkn .wkn-row__right{color:var(--success);font-family:var(--font-mono);font-size:12px;font-weight:600}.screen-wkn .wkn-row__count{font-family:var(--font-mono);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:999px;padding:2px 7px;font-size:11px}.screen-wkn .wkn-row__date{font-family:var(--font-mono);color:var(--muted);font-size:11px}.screen-wkn .wkn-row__retry{padding:5px 10px;font-size:11px}.screen-wkn .wkn-compare{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5);gap:var(--gap-4);flex-direction:column;display:flex}.screen-wkn .wkn-compare-row{gap:var(--gap-3);grid-template-columns:96px 1fr 60px;align-items:center;font-size:13px;display:grid}.screen-wkn .wkn-compare-row .lbl{color:var(--muted)}.screen-wkn .wkn-compare-row .bar{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.screen-wkn .wkn-compare-row .fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.screen-wkn .wkn-compare-row.is-you .fill{background:var(--accent)}.screen-wkn .wkn-compare-row.is-avg .fill{background:var(--warm)}.screen-wkn .wkn-compare-row.is-best .fill{background:var(--success)}.screen-wkn .wkn-compare-row .val{font-family:var(--font-mono);text-align:right;font-weight:600}@media (width<=768px){.screen-wkn .wkn-rec{text-align:left;grid-template-columns:1fr}.screen-wkn .wkn-rec__icon{width:42px;height:42px}.screen-wkn .wkn-row{grid-template-columns:1fr;gap:6px;padding:14px 16px}.screen-wkn .wkn-row__num{display:none}}.screen-mst .ms-hero-grid{gap:var(--gap-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=920px){.screen-mst .ms-hero-grid{grid-template-columns:repeat(2,1fr)}}.screen-mst .ms-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5);flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.screen-mst .ms-stat:before{content:"";background:var(--tone,var(--accent));width:3px;height:100%;position:absolute;inset:0 auto auto 0}.screen-mst .ms-stat__lbl{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}.screen-mst .ms-stat__val{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--fg);margin-top:4px;font-size:34px;font-weight:700;line-height:1}.screen-mst .ms-stat__sub{color:var(--muted);margin-top:4px;font-size:12px}.screen-mst .ms-sm2{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.screen-mst .ms-sm2-row{gap:var(--gap-3);grid-template-columns:80px 1fr 60px;align-items:center;padding:5px 0;font-size:13px;display:grid}.screen-mst .ms-sm2-row .lbl{color:var(--fg);font-weight:500}.screen-mst .ms-sm2-row .bar{background:var(--bg-soft);border-radius:7px;height:14px;overflow:hidden}.screen-mst .ms-sm2-row .fill{background:var(--tone,var(--accent));height:100%;transition:width .5s}.screen-mst .ms-sm2-row .val{font-family:var(--font-mono);text-align:right;font-weight:600}.screen-mst .ms-sm2-row.new .fill{background:var(--muted-2)}.screen-mst .ms-sm2-row.learning .fill{background:var(--warm)}.screen-mst .ms-sm2-row.young .fill{background:var(--info)}.screen-mst .ms-sm2-row.mature .fill{background:var(--accent)}.screen-mst .ms-sm2-row.mastered .fill{background:var(--success)}.screen-mst .ms-heatmap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.screen-mst .ms-heat-grid{grid-template-columns:repeat(15,1fr);gap:5px;margin-top:14px;display:grid}.screen-mst .ms-heat-grid>i{aspect-ratio:1;background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;display:block}.screen-mst .ms-heat-grid>i.lv1{background:color-mix(in srgb, var(--accent) 22%, white);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.screen-mst .ms-heat-grid>i.lv2{background:color-mix(in srgb, var(--accent) 45%, white);border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.screen-mst .ms-heat-grid>i.lv3{background:color-mix(in srgb, var(--accent) 72%, white);border-color:color-mix(in srgb, var(--accent) 75%, var(--border))}.screen-mst .ms-heat-grid>i.lv4{background:var(--accent);border-color:var(--accent)}.screen-mst .ms-heat-legend{font-family:var(--font-mono);color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.screen-mst .ms-heat-legend i{border:1px solid var(--border);border-radius:3px;width:11px;height:11px;display:inline-block}.screen-mst .ms-formula{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.screen-mst .ms-form-row{gap:var(--gap-3);border-bottom:1px dashed var(--border);grid-template-columns:32px 1fr 80px 40px;align-items:center;padding:9px 0;font-size:13px;display:grid}.screen-mst .ms-form-row:last-child{border-bottom:0}.screen-mst .ms-form-row__name strong{font-weight:600}.screen-mst .ms-form-row__name small{color:var(--muted);font-size:11px;display:block}.screen-mst .ms-form-row__bar{background:var(--bg-soft);border-radius:999px;height:8px;overflow:hidden}.screen-mst .ms-form-row__fill{border-radius:999px;height:100%}.screen-mst .ms-form-row__pct{text-align:right;font-family:var(--font-mono);font-weight:600}.screen-mst .ms-upcoming{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-5)}.screen-mst .ms-upcoming-day{gap:var(--gap-3);border-bottom:1px solid var(--border);grid-template-columns:84px 1fr auto;align-items:center;padding:11px 0;font-size:13px;display:grid}.screen-mst .ms-upcoming-day:last-child{border-bottom:0}.screen-mst .ms-upcoming-day__date{font-family:var(--font-mono);color:var(--muted);font-size:12px}.screen-mst .ms-upcoming-day__date strong{color:var(--fg);font-size:14px;font-weight:600;display:block}.screen-mst .ms-upcoming-day__pct{background:var(--bg-soft);border-radius:999px;height:4px;overflow:hidden}.screen-mst .ms-upcoming-day__pct-fill{background:var(--accent);border-radius:999px;height:100%}.screen-mst .ms-upcoming-day__count{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.screen-mst .ms-weak-chunk{gap:var(--gap-3);border-bottom:1px solid var(--border);grid-template-columns:22px 1fr auto auto;align-items:center;padding:11px 14px;font-size:13px;display:grid}.screen-mst .ms-weak-chunk:last-child{border-bottom:0}.screen-mst .ms-weak-chunk:hover{background:var(--bg-soft)}.screen-mst .ms-weak-chunk__rank{font-family:var(--font-mono);color:var(--muted-2);font-size:11px}.screen-mst .ms-weak-chunk__text strong{font-family:var(--font-display);font-weight:500}.screen-mst .ms-weak-chunk__text small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.screen-mst .ms-weak-chunk__ef{font-family:var(--font-mono);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:999px;padding:2px 7px;font-size:11px}.learn-scope{--font-display:var(--font-poppins), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body:var(--font-roboto), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;min-height:100vh}.learn-scope .app{background:var(--bg-soft)}.learn-scope .app-side{background:var(--surface);border-right-color:var(--border);padding:var(--gap-4) var(--gap-3)}.learn-scope .app-topbar{background:var(--surface);-webkit-backdrop-filter:none;min-height:64px;padding:var(--gap-3) var(--gap-6)}.learn-scope .app-main{padding:var(--gap-8) var(--gap-6) var(--gap-12);max-width:1180px;margin:0 auto}.learn-scope .app-main--wide{max-width:1280px}.learn-scope .lesson-insights-skeleton__identity{padding-left:6px}.learn-scope .lesson-insights-skeleton__identity-lines{gap:6px;width:90px;display:grid}.learn-scope .lesson-insights-skeleton__header{align-items:flex-start}.learn-scope .lesson-insights-skeleton__header-copy{flex:620px;min-width:0}.learn-scope .lesson-insights-skeleton__header-actions{padding-top:var(--gap-5);flex:none}.learn-scope .lesson-insights-skeleton__notice-copy{flex:auto;min-width:0;max-width:640px}.learn-scope .li-skeleton--topbar-button{border-radius:var(--radius-sm);flex:none;width:96px;height:32px}.learn-scope .li-skeleton--topbar-meta{flex:0 168px;width:min(168px,24vw);height:12px}.learn-scope .li-skeleton--topbar-chip{border-radius:var(--radius-pill);flex:none;width:92px;height:26px}.learn-scope .li-skeleton--topbar-icon{border-radius:var(--radius-sm);flex:none;width:36px;height:36px}.learn-scope .li-skeleton--topbar-avatar{border-radius:var(--radius-pill);flex:none;width:32px;height:32px}.learn-scope .li-skeleton--topbar-name{width:78px;height:12px}.learn-scope .li-skeleton--topbar-role{width:38px;height:10px}.learn-scope .li-skeleton--page-title{width:min(100%,620px);height:40px;margin-top:var(--gap-2);border-radius:var(--radius)}.learn-scope .li-skeleton--avatar-sm{border-radius:var(--radius-pill);flex:none;width:24px;height:24px}.learn-scope .li-skeleton--meta-name{flex:none;width:104px;height:12px}.learn-scope .li-skeleton--meta-date{flex:none;width:116px;height:12px}.learn-scope .li-skeleton--meta-time{flex:none;width:126px;height:12px}.learn-scope .li-skeleton--description{width:min(100%,640px);height:14px;margin-top:var(--gap-3)}.learn-scope .li-skeleton--button,.learn-scope .li-skeleton--button-primary{border-radius:var(--radius-sm);flex:none;width:132px;height:36px}.learn-scope .li-skeleton--button-primary{width:142px}.learn-scope .screen-gc-s{max-width:1360px}.learn-scope .screen-gc-s .lead{max-width:72ch}.learn-scope .screen-gc-s .gcs-live-strip,.learn-scope .screen-gc-s .gcs-stage,.learn-scope .screen-gc-s .gcs-section{margin-top:var(--gap-6)}.learn-scope .screen-gc-s .live-strip{background:var(--surface);border:1px solid var(--border);color:var(--fg)}.learn-scope .screen-gc-s .live-strip:before{display:none}.learn-scope .screen-gc-s .live-strip__meta{color:var(--muted)}.learn-scope .screen-gc-s .live-strip__meta strong{color:var(--fg)}.learn-scope .screen-gc-s .live-strip__meta-sep{background:var(--border-strong)}.learn-scope .screen-gc-s .live-strip .live-ctrl{background:var(--bg-soft);border-color:var(--border);color:var(--fg)}.learn-scope .screen-gc-s .live-strip .live-ctrl:hover{background:var(--surface-2)}.learn-scope .screen-gc-s .live-strip .live-ctrl.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.learn-scope .screen-gc-s .live-strip .live-ctrl--end{background:var(--danger);border-color:var(--danger);color:#fff}.learn-scope .screen-gc-s .breakout-transition{background:var(--accent-soft)}.learn-scope .screen-gc-s .group-task-card:before{display:none}.learn-scope .practice-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.learn-scope .practice-icon--sm{width:14px;height:14px}.learn-scope .practice-icon--lg{width:24px;height:24px}.learn-scope .practice-workspace,.learn-scope .practice-tutor-workspace{max-width:1280px}.learn-scope .practice-loading-grid{gap:var(--gap-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-scope .practice-hero,.learn-scope .practice-tutor-hero{gap:var(--gap-6);margin-bottom:var(--gap-5);padding:var(--gap-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:stretch;display:grid}.learn-scope .practice-hero h1,.learn-scope .practice-tutor-hero h1{margin-top:var(--gap-2);font-family:var(--font-display);letter-spacing:0;font-size:32px;line-height:1.15}.learn-scope .practice-hero p,.learn-scope .practice-tutor-hero p{max-width:64ch;margin-top:var(--gap-3);color:var(--muted);line-height:1.65}.learn-scope .practice-hero__actions,.learn-scope .phrase-practice-panel__actions{gap:var(--gap-3);margin-top:var(--gap-5);flex-wrap:wrap;display:flex}.learn-scope .practice-hero__panel,.learn-scope .practice-tutor-kpis{gap:var(--gap-3);padding:var(--gap-5);border-radius:var(--radius);background:var(--bg-soft);align-content:center;display:grid}.learn-scope .practice-ring{--practice-p:0;border-radius:var(--radius-pill);background:conic-gradient(var(--accent) calc(var(--practice-p) * 1%), var(--border) 0);place-items:center;width:132px;height:132px;margin-inline:auto;display:grid;position:relative}.learn-scope .practice-ring:before{content:"";border-radius:var(--radius-pill);background:var(--surface);position:absolute;inset:12px}.learn-scope .practice-ring span{font-family:var(--font-mono);font-size:24px;font-weight:700;position:relative}.learn-scope .practice-hero__panel dl,.learn-scope .practice-tutor-kpis{gap:var(--gap-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-scope .practice-hero__panel dl{margin:var(--gap-4) 0 0}.learn-scope .practice-hero__panel dt,.learn-scope .practice-tutor-kpis span{color:var(--muted);font-size:11px;font-family:var(--font-mono);letter-spacing:0}.learn-scope .practice-hero__panel dd,.learn-scope .practice-tutor-kpis strong{font-family:var(--font-mono);margin:0;font-size:22px;line-height:1.1}.learn-scope .practice-source-strip{justify-content:space-between;gap:var(--gap-4);margin-bottom:var(--gap-5);padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex}.learn-scope .practice-source-strip strong,.learn-scope .practice-source-strip span{display:block}.learn-scope .practice-source-strip span{color:var(--muted);margin-top:2px;font-size:13px}.learn-scope .practice-coach-strip{justify-content:space-between;gap:var(--gap-4);margin-bottom:var(--gap-5);padding:var(--gap-4);border:1px solid var(--warm-pale);border-radius:var(--radius);background:var(--warm-soft);align-items:flex-start;display:flex}.learn-scope .practice-coach-strip strong{margin-top:2px;display:block}.learn-scope .practice-coach-strip__notes{justify-content:flex-end;gap:var(--gap-2);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.learn-scope .practice-coach-strip__notes span{border:1px solid color-mix(in oklch, var(--warm) 20%, var(--border));border-radius:var(--radius-sm);background:var(--surface);color:#7a4700;overflow-wrap:anywhere;max-width:34ch;padding:6px 9px;font-size:12px;line-height:1.45}.learn-scope .practice-stepper{gap:var(--gap-3);margin-bottom:var(--gap-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.learn-scope .practice-stepper button{align-items:center;gap:var(--gap-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;color:var(--muted);padding:10px 12px;font-weight:500;display:flex}.learn-scope .practice-stepper button span{font-family:var(--font-mono);color:var(--muted-2);font-size:11px}.learn-scope .practice-stepper button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.learn-scope .practice-stepper button.is-done{border-color:color-mix(in oklch, var(--success) 34%, var(--border));color:var(--success)}.learn-scope .practice-stage{gap:var(--gap-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.learn-scope .practice-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--gap-5)}.learn-scope .practice-card--main{min-height:520px}.learn-scope .practice-card__head{justify-content:space-between;gap:var(--gap-4);margin-bottom:var(--gap-5);align-items:flex-start;display:flex}.learn-scope .practice-card__head h2{margin-top:var(--gap-2);font-family:var(--font-display);letter-spacing:0;font-size:22px;line-height:1.25}.learn-scope .practice-audio-button{place-items:center;gap:var(--gap-3);width:100%;min-height:118px;padding:var(--gap-5);border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);text-align:center;display:grid}.learn-scope .practice-audio-button span{color:var(--fg);font-family:var(--font-display);overflow-wrap:anywhere;font-size:28px;line-height:1.25}.learn-scope .practice-context,.learn-scope .practice-cando,.learn-scope .shadowing-sentence{margin:var(--gap-4) 0;padding:var(--gap-4);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--fg);line-height:1.65}.learn-scope .practice-cloze{margin-bottom:var(--gap-4);padding:var(--gap-5);border-radius:var(--radius);background:var(--bg-soft);font-family:var(--font-display);font-size:22px;line-height:1.5}.learn-scope .practice-choice-grid{gap:var(--gap-3);margin-bottom:var(--gap-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-scope .practice-choice-grid button,.learn-scope .phrase-practice-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;min-height:52px;padding:12px 14px;line-height:1.35}.learn-scope .practice-choice-grid button.is-selected{border-color:var(--accent);background:var(--accent-soft)}.learn-scope .practice-choice-grid button.is-correct{border-color:color-mix(in oklch, var(--success) 38%, var(--border));background:color-mix(in oklch, var(--success) 10%, white)}.learn-scope .practice-choice-grid button.is-wrong{border-color:color-mix(in oklch, var(--danger) 30%, var(--border));background:color-mix(in oklch, var(--danger) 8%, white)}.learn-scope .practice-feedback{margin:var(--gap-4) 0;padding:var(--gap-3) var(--gap-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);gap:4px;font-size:13px;display:grid}.learn-scope .practice-feedback.is-correct{border-color:color-mix(in oklch, var(--success) 32%, var(--border));background:color-mix(in oklch, var(--success) 9%, white)}.learn-scope .practice-feedback.is-wrong{border-color:color-mix(in oklch, var(--danger) 28%, var(--border));background:color-mix(in oklch, var(--danger) 7%, white)}.learn-scope .shadowing-controls{gap:var(--gap-3);margin-bottom:var(--gap-4);flex-wrap:wrap;display:flex}.learn-scope .practice-record-error{color:var(--danger);font-size:13px}.learn-scope .practice-recording-review{gap:var(--gap-4);margin:var(--gap-4) 0;padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);align-items:center;display:grid}.learn-scope .practice-recording-review audio{width:100%}.learn-scope .practice-recording-review ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.learn-scope .scenario-script{gap:var(--gap-3);margin:var(--gap-4) 0;display:grid}.learn-scope .scenario-elaboration{gap:var(--gap-3);margin:var(--gap-4) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learn-scope .scenario-elaboration>div{padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:6px;font-size:13px;line-height:1.45;display:grid}.learn-scope .scenario-elaboration strong{border-radius:var(--radius-pill);background:var(--accent-soft);width:24px;height:24px;color:var(--accent);font-family:var(--font-mono);place-items:center;font-size:12px;display:grid}.learn-scope .scenario-targets{gap:var(--gap-2);margin:var(--gap-4) 0;flex-wrap:wrap;display:flex}.learn-scope .scenario-targets span{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);overflow-wrap:anywhere;padding:6px 9px;font-size:12px;font-weight:600}.learn-scope .scenario-coach-focus{gap:var(--gap-2);margin:calc(var(--gap-3) * -.5) 0 var(--gap-4);padding:var(--gap-3);border:1px solid var(--warm-pale);border-radius:var(--radius-sm);background:var(--warm-soft);display:grid}.learn-scope .scenario-coach-focus span{color:#7a4700;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.learn-scope .scenario-thinking-strip{gap:var(--gap-2);margin:var(--gap-3) 0;flex-wrap:wrap;display:flex}.learn-scope .scenario-thinking-strip span{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-family:var(--font-mono);padding:5px 8px;font-size:11px}.learn-scope .scenario-exam-rubric{gap:var(--gap-2);margin:var(--gap-3) 0 var(--gap-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.learn-scope .scenario-exam-rubric span{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:34px;color:var(--muted);font-family:var(--font-mono);text-align:center;place-items:center;padding:6px 8px;font-size:11px;display:grid}.learn-scope .scenario-script>div{gap:var(--gap-3);padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);grid-template-columns:72px minmax(0,1fr) 36px;align-items:center;display:grid}.learn-scope .scenario-script>div.is-me{background:var(--accent-soft);border-color:var(--accent-border)}.learn-scope .scenario-script button{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);place-items:center;width:32px;height:32px;display:grid}.learn-scope .scenario-record-panel{gap:var(--gap-3);margin-top:var(--gap-4);padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);display:grid}.learn-scope .scenario-record-panel strong,.learn-scope .scenario-record-panel span{display:block}.learn-scope .scenario-record-panel span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.55}.learn-scope .scenario-record-panel audio{width:100%}.learn-scope .scenario-result{gap:var(--gap-3);margin-top:var(--gap-4);padding:var(--gap-4);border:1px solid color-mix(in oklch, var(--success) 28%, var(--border));border-radius:var(--radius);background:color-mix(in oklch, var(--success) 8%, white);display:grid}.learn-scope .scenario-result>div{gap:4px;display:grid}.learn-scope .scenario-result span{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.learn-scope .scenario-result strong{overflow-wrap:anywhere;line-height:1.5}.learn-scope .scenario-result p{color:var(--fg);line-height:1.6}.learn-scope .scenario-result ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.65}.learn-scope .scenario-coach-notes{gap:var(--gap-2);padding:var(--gap-3);border:1px solid var(--warm-pale);border-radius:var(--radius-sm);background:var(--warm-soft);display:grid}.learn-scope .scenario-coach-notes span{color:#7a4700;font-family:var(--font-body);font-size:13px;line-height:1.55}.learn-scope .practice-complete-bar{justify-content:space-between;gap:var(--gap-4);margin-top:var(--gap-4);padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex}.learn-scope .practice-complete-bar strong,.learn-scope .practice-complete-bar span{display:block}.learn-scope .practice-complete-bar span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.learn-scope .practice-output{gap:var(--gap-2);color:var(--muted);font-size:13px;display:grid}.learn-scope .practice-output textarea{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:120px;padding:var(--gap-3);background:var(--surface);color:var(--fg)}.learn-scope .practice-output textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.learn-scope .practice-phrase-list{gap:var(--gap-2);display:grid}.learn-scope .practice-phrase-list button{gap:4px var(--gap-3);padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.learn-scope .practice-phrase-list button.is-active{border-color:var(--accent);background:var(--accent-soft)}.learn-scope .practice-phrase-list strong,.learn-scope .phrase-practice-chip strong{overflow-wrap:anywhere;min-width:0}.learn-scope .practice-phrase-list small{color:var(--muted);grid-column:2}.learn-scope .phrase-practice-panel{gap:var(--gap-5);margin-bottom:var(--gap-6);padding:var(--gap-5);border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);display:grid}.learn-scope .phrase-practice-panel h2{margin-top:var(--gap-2);font-family:var(--font-display);letter-spacing:0;font-size:22px;line-height:1.3}.learn-scope .phrase-practice-panel p{margin-top:var(--gap-3);color:var(--muted);line-height:1.65}.learn-scope .phrase-practice-panel__phrases{gap:var(--gap-3);display:grid}.learn-scope .phrase-practice-chip{gap:6px;display:grid}.learn-scope .phrase-practice-chip small{color:var(--muted)}.learn-scope .lib-chunk__foot-actions{align-items:center;gap:var(--gap-2);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.learn-scope .lib-chunk__select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:30px;color:var(--fg);padding:5px 9px;font-size:12px;font-weight:600}.learn-scope .lib-chunk__select.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.learn-scope .practice-tutor-kpis{align-content:stretch}.learn-scope .practice-tutor-kpis>div{padding:var(--gap-3);border-radius:var(--radius-sm);background:var(--surface);gap:4px;display:grid}.learn-scope .practice-roster-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.learn-scope .practice-roster-card__head{justify-content:space-between;gap:var(--gap-4);padding:var(--gap-5);border-bottom:1px solid var(--border);align-items:flex-start;display:flex}.learn-scope .practice-roster-card__head h2{font-family:var(--font-display);font-size:22px;line-height:1.25}.learn-scope .practice-roster-card__head p{margin-top:var(--gap-2);color:var(--muted);font-size:13px}.learn-scope .practice-roster-table{display:grid}.learn-scope .practice-roster-row{gap:var(--gap-4);padding:var(--gap-4) var(--gap-5);border-bottom:1px solid var(--border);background:var(--surface);text-align:left;grid-template-columns:1.1fr 1.35fr .8fr 1.2fr 120px minmax(150px,.9fr);align-items:center;display:grid}.learn-scope .practice-roster-row:last-child{border-bottom:0}.learn-scope .practice-roster-row:hover:not(.practice-roster-row--head){background:var(--bg-soft)}.learn-scope .practice-roster-row--head{background:var(--bg-soft);min-height:38px;color:var(--muted);font-size:11px;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;padding-block:10px}.learn-scope .practice-roster-row strong,.learn-scope .practice-roster-row small{display:block}.learn-scope .practice-roster-row small{color:var(--muted);margin-top:3px;font-size:12px}.learn-scope .practice-status-pill{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);justify-content:center;min-width:76px;padding:5px 9px;font-size:12px;display:inline-flex}.learn-scope .practice-status-pill.is-ready{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.learn-scope .practice-status-pill.is-needs-review{background:var(--warm-soft);border-color:var(--warm-pale);color:#8a4d00}.learn-scope .practice-status-pill.is-no-saved{background:color-mix(in oklch, var(--danger) 8%, white);color:var(--danger)}.learn-scope .practice-status-pill.is-pending-assignment{background:var(--warm-soft);border-color:var(--warm-pale);color:#8a4d00}.learn-scope .practice-status-pill.is-waiting{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.learn-scope .practice-status-pill.is-review{background:color-mix(in oklch, var(--success) 12%, white);color:var(--success)}.learn-scope .practice-status-pill.is-stuck{background:color-mix(in oklch, var(--danger) 8%, white);color:var(--danger)}.learn-scope .practice-row-actions{gap:var(--gap-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.learn-scope .practice-empty-state{align-content:center;place-items:center;gap:var(--gap-4);min-height:420px;padding:var(--gap-8) var(--gap-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;display:grid}.learn-scope .practice-empty-state__icon{border-radius:var(--radius);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);place-items:center;display:grid}.learn-scope .practice-empty-state h2{font-family:var(--font-display);font-size:24px}.learn-scope .practice-empty-state p{max-width:42ch;color:var(--muted)}.learn-scope .tutor-insights-workspace{max-width:1280px}.learn-scope .tutor-insights-hero{gap:var(--gap-6);margin-bottom:var(--gap-5);padding:var(--gap-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:stretch;display:grid}.learn-scope .tutor-insights-hero h1{margin-top:var(--gap-2);font-family:var(--font-display);letter-spacing:0;font-size:32px;line-height:1.15}.learn-scope .tutor-insights-hero p{max-width:70ch;margin-top:var(--gap-3);color:var(--muted);line-height:1.65}.learn-scope .tutor-insights-meta{gap:var(--gap-2);margin-top:var(--gap-4);flex-wrap:wrap;display:flex}.learn-scope .tutor-insights-meta span{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--muted);padding:5px 9px;font-size:12px}.learn-scope .tutor-insights-kpis{gap:var(--gap-3);padding:var(--gap-5);border-radius:var(--radius);background:var(--bg-soft);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-scope .tutor-insights-kpis>div{padding:var(--gap-3);border-radius:var(--radius-sm);background:var(--surface);gap:4px;display:grid}.learn-scope .tutor-insights-kpis strong{font-family:var(--font-mono);font-size:24px;line-height:1}.learn-scope .tutor-insights-kpis span{color:var(--muted);font-family:var(--font-mono);letter-spacing:0;font-size:11px}.learn-scope .tutor-insights-grid{gap:var(--gap-5);margin-bottom:var(--gap-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.learn-scope .tutor-insights-panel{padding:var(--gap-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.learn-scope .tutor-focus-card{gap:var(--gap-2);padding:var(--gap-4);border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);display:grid}.learn-scope .tutor-focus-card strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:22px}.learn-scope .tutor-focus-card p{color:var(--muted);line-height:1.6}.learn-scope .tutor-focus-card small{color:var(--muted);font-family:var(--font-mono)}.learn-scope .tutor-visible-note{margin-top:var(--gap-4);padding:var(--gap-3);border-radius:var(--radius-sm);background:var(--bg-soft);gap:4px;font-size:13px;display:grid}.learn-scope .tutor-visible-note span{color:var(--muted);line-height:1.6}.learn-scope .tutor-signal-list{gap:var(--gap-2);margin-top:var(--gap-4);display:grid}.learn-scope .tutor-signal-row{padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);gap:3px;display:grid}.learn-scope .tutor-signal-row[data-priority=high]{border-color:var(--warm-pale);background:var(--warm-soft)}.learn-scope .tutor-signal-row strong{font-size:13px}.learn-scope .tutor-signal-row span{color:var(--muted);font-size:12px;line-height:1.45}.learn-scope .tutor-seed-list{gap:var(--gap-3);display:grid}.learn-scope .tutor-seed-row{gap:var(--gap-3);padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:flex-start;display:grid}.learn-scope .tutor-seed-row input{accent-color:var(--accent);margin-top:4px}.learn-scope .tutor-seed-row strong,.learn-scope .tutor-seed-row small,.learn-scope .tutor-seed-row em{display:block}.learn-scope .tutor-seed-row small{color:var(--muted);margin-top:3px;line-height:1.5}.learn-scope .tutor-seed-row em{color:var(--accent);margin-top:5px;font-size:12px;font-style:normal}.learn-scope .tutor-phrase-grid{gap:var(--gap-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learn-scope .tutor-phrase-card{gap:var(--gap-3);padding:var(--gap-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:grid}.learn-scope .tutor-phrase-card>div{gap:var(--gap-2);flex-wrap:wrap;display:flex}.learn-scope .tutor-phrase-card strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:18px;line-height:1.3}.learn-scope .tutor-phrase-card p{color:var(--muted);font-size:13px;line-height:1.55}.learn-scope .tutor-phrase-card footer{justify-content:space-between;gap:var(--gap-3);padding-top:var(--gap-3);border-top:1px solid var(--border);color:var(--muted);align-items:center;font-size:12px;display:flex}.learn-scope .tutor-phrase-card footer button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);width:32px;height:32px;color:var(--fg);flex:none;place-items:center;display:grid}@media (width<=1100px){.learn-scope .practice-hero,.learn-scope .practice-tutor-hero,.learn-scope .practice-stage,.learn-scope .phrase-practice-panel,.learn-scope .tutor-insights-hero,.learn-scope .tutor-insights-grid{grid-template-columns:1fr}.learn-scope .practice-roster-row{gap:var(--gap-2);grid-template-columns:1fr}.learn-scope .practice-roster-row--head{display:none}.learn-scope .tutor-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.learn-scope .practice-loading-grid,.learn-scope .practice-stepper,.learn-scope .practice-choice-grid,.learn-scope .scenario-elaboration,.learn-scope .scenario-exam-rubric,.learn-scope .practice-hero__panel dl,.learn-scope .practice-tutor-kpis,.learn-scope .practice-recording-review,.learn-scope .tutor-insights-kpis,.learn-scope .tutor-phrase-grid{grid-template-columns:1fr}.learn-scope .practice-source-strip,.learn-scope .practice-coach-strip,.learn-scope .practice-card__head,.learn-scope .practice-roster-card__head,.learn-scope .practice-complete-bar,.learn-scope .tutor-phrase-card footer{flex-direction:column;align-items:stretch}.learn-scope .practice-hero h1,.learn-scope .practice-tutor-hero h1{font-size:26px}.learn-scope .practice-audio-button span{font-size:22px}.learn-scope .scenario-script>div{grid-template-columns:1fr auto}.learn-scope .scenario-script>div strong{grid-column:1/-1}.learn-scope .practice-coach-strip__notes{justify-content:flex-start}}@media (width<=920px){.learn-scope .app-main{padding:var(--gap-6) var(--gap-4) var(--gap-10)}.learn-scope .app-topbar{padding:var(--gap-3) var(--gap-4)}}@media (width<=640px){.learn-scope .app{grid-template-areas:"topbar""main"}.learn-scope .app-side{display:none}.learn-scope .app-topbar{align-items:start;gap:var(--gap-3);flex-wrap:wrap;display:flex;top:0}.learn-scope .app-topbar>.row-2{flex:1 0 100%;width:100%}.learn-scope .app-topbar>.row-2:last-child{justify-content:flex-start}.learn-scope .lesson-insights-skeleton__header-actions{flex-basis:100%;padding-top:0}.learn-scope .li-skeleton--page-title{height:32px}.learn-scope .li-skeleton--button,.learn-scope .li-skeleton--button-primary{width:min(46vw,156px);height:44px}.learn-scope .li-skeleton--topbar-meta{width:min(42vw,168px)}.learn-scope .app-topbar .btn,.learn-scope .app-topbar .lang-chip,.learn-scope .app-topbar .live-pill{flex:none}.learn-scope .rls-fab,.learn-scope .rls-panel{display:none}}.learn-scope .callout{padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--fg);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.learn-scope .callout>svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:2px}.learn-scope .callout strong{font-weight:600}.learn-scope .callout--warm{background:var(--warm-soft);border-color:var(--warm-pale)}.learn-scope .callout--warm>svg{color:var(--warm)}.learn-scope .lesson-signal-list{gap:var(--gap-3);display:grid}.learn-scope .lesson-signal{gap:var(--gap-2);padding:var(--gap-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);display:grid}.learn-scope .lesson-signal[data-priority=high]{border-color:var(--warm-pale);background:var(--warm-soft)}.learn-scope .lesson-signal strong{font-size:15px;line-height:1.35}.learn-scope .lesson-signal p{color:var(--fg);margin:0;font-size:13px;line-height:1.55}.learn-scope .lesson-signal small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.learn-scope .selected-video-chunk{gap:var(--gap-3);flex-direction:column;display:flex}.learn-scope .selected-video-chunk__head{justify-content:space-between;align-items:flex-end;gap:var(--gap-3);display:flex}.learn-scope .selected-video-chunk__title{margin-top:var(--gap-1);color:var(--fg);font-size:15px;font-weight:600;line-height:1.35}.learn-scope .selected-video-chunk .chunk-card{border-color:var(--accent);background:var(--accent-soft)}.learn-scope .selected-video-chunk .chunk-card:hover{transform:none}.learn-scope .lesson-tour{z-index:2147483550;pointer-events:none;position:fixed;inset:0}.learn-scope .lesson-tour__shade{pointer-events:auto;background:#0c121c9e;position:fixed}.learn-scope .lesson-tour__spotlight{border:2px solid var(--accent);pointer-events:none;border-radius:10px;position:fixed;box-shadow:0 0 0 1px oklab(100% 0 5.96046e-8/.72),0 12px 36px #00000038}.learn-scope .lesson-tour__panel{border:1px solid var(--border-strong);background:var(--surface);pointer-events:auto;border-radius:8px;gap:12px;width:min(420px,100vw - 32px);max-height:min(620px,100vh - 32px);padding:18px;display:grid;position:fixed;bottom:16px;right:16px;overflow:auto;box-shadow:0 24px 72px #00000038}.learn-scope .lesson-tour__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.learn-scope .lesson-tour__head span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.learn-scope .lesson-tour__head button{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;font-size:20px;line-height:1;display:grid}.learn-scope .lesson-tour__head button:hover{border-color:var(--accent);color:var(--accent)}.learn-scope .lesson-tour__panel h2{color:var(--fg);margin:0;font-size:22px;line-height:1.25}.learn-scope .lesson-tour__panel p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.learn-scope .lesson-tour__science{border-left:4px solid var(--accent);background:var(--accent-soft);gap:5px;padding:12px 14px;display:grid}.learn-scope .lesson-tour__science strong{color:var(--fg);font-size:13px}.learn-scope .lesson-tour__science span{color:var(--muted);font-size:13px;line-height:1.6}.learn-scope .lesson-tour__progress{gap:6px;display:flex}.learn-scope .lesson-tour__progress span{background:var(--border-strong);border-radius:999px;width:22px;height:4px}.learn-scope .lesson-tour__progress span.is-active{background:var(--accent)}.learn-scope .lesson-tour__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.learn-scope .lesson-tour__actions .btn:disabled{cursor:not-allowed;opacity:.45}.learn-scope .lesson-tour-reopen{z-index:70;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 26px #00000024}@media (width<=640px){.learn-scope .selected-video-chunk__head{flex-direction:column;align-items:flex-start}.learn-scope .lesson-tour__spotlight{border-radius:8px}.learn-scope .lesson-tour__panel{width:auto;max-height:min(58vh,520px);padding:16px;bottom:10px;left:10px;right:10px}.learn-scope .lesson-tour__panel h2{font-size:20px}.learn-scope .lesson-tour__actions{justify-content:stretch}.learn-scope .lesson-tour__actions .btn{flex:auto;justify-content:center}}@media (width<=720px){.learn-scope .screen-notes .formula-tabs{flex-wrap:wrap;margin-inline:0;padding:0;overflow-x:visible}.learn-scope .screen-notes .formula-tab{white-space:normal;flex:calc(50% - 8px);justify-content:center;min-width:min(100%,142px)}.learn-scope .screen-notes .lib-chunk__head,.learn-scope .screen-notes .lib-chunk__head>div{min-width:0}.learn-scope .screen-notes .lib-chunk__chunk{overflow-wrap:anywhere}.learn-scope .screen-notes .lib-chunk__star{flex:0 0 44px;margin:0}}