.mc-tutor-player{--mc-tutor-accent:#4b5bd6;--mc-tutor-accent-hover:#4553bf;--mc-tutor-accent-soft:#4b5bd61a;--mc-tutor-on-accent:#fff;--mc-tutor-surface:#fff;--mc-tutor-surface-2:#f6f5f2;--mc-tutor-text:#1d1c1a;--mc-tutor-text-2:#57544e;--mc-tutor-text-3:#6b6760;--mc-tutor-border:#e9e7e2;--mc-tutor-border-strong:#dad7d0;--mc-tutor-track:#eeede9;--mc-tutor-stage:#fff;--mc-tutor-highlight:#dfe1f8;--mc-tutor-on-highlight:#1d1c1a;--mc-tutor-done:#25754b;--mc-tutor-radius:14px;--mc-tutor-radius-sm:6px;--mc-tutor-ease:cubic-bezier(.23, 1, .32, 1);--mc-tutor-caption-size:16px;border-radius:var(--mc-tutor-radius);width:100%;color:var(--mc-tutor-text);background:var(--mc-tutor-surface);box-shadow:0 1px 2px #1c19140a, 0 0 0 1px var(--mc-tutor-border);font-size:13.5px;display:grid;position:relative;overflow:hidden}.mc-tutor-stage{aspect-ratio:var(--mc-tutor-aspect,16 / 9);background:var(--mc-tutor-stage);position:relative;overflow:hidden}.mc-tutor-player[data-player-state=playing] .mc-tutor-stage{cursor:pointer}.mc-tutor-stage canvas{object-fit:contain;width:100%;height:100%;display:block}.mc-tutor-poster{object-fit:cover;pointer-events:none;width:100%;height:100%;animation:mc-tutor-fade-in .28s var(--mc-tutor-ease) both;position:absolute;inset:0}.mc-tutor-status,.mc-tutor-error{color:var(--mc-tutor-text-2);text-align:center;background:color-mix(in srgb, var(--mc-tutor-surface) 90%, transparent);place-content:center;justify-items:center;gap:10px;padding:24px;font-size:14.5px;font-weight:500;display:grid;position:absolute;inset:0}.mc-tutor-error{color:#b23c30}.mc-tutor-spinner{border:2px solid var(--mc-tutor-border-strong);border-top-color:var(--mc-tutor-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite mc-tutor-spin}.mc-tutor-player:focus{outline:none}.mc-tutor-intro{position:absolute;inset:0}.mc-tutor-intro-skip{border:1px solid color-mix(in srgb, var(--mc-tutor-text) 14%, transparent);height:32px;color:var(--mc-tutor-text-2);background:color-mix(in srgb, var(--mc-tutor-surface) 82%, transparent);cursor:pointer;font:inherit;animation:mc-tutor-fade-in .24s var(--mc-tutor-ease) .6s both;border-radius:999px;padding:0 14px;font-size:13px;font-weight:500;transition:color .14s,border-color .14s;position:absolute;bottom:14px;right:14px}.mc-tutor-intro-skip:hover,.mc-tutor-intro-skip:focus-visible{color:var(--mc-tutor-text);border-color:color-mix(in srgb, var(--mc-tutor-text) 32%, transparent)}.mc-tutor-intro-skip:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:2px}.mc-tutor-start{background:color-mix(in srgb, var(--mc-tutor-surface) 38%, transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:pointer;animation:mc-tutor-fade-in .28s var(--mc-tutor-ease) both;flex-wrap:wrap;place-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.mc-tutor-start[data-start-state=paused]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;align-content:end;padding-bottom:clamp(12px,4%,22px);animation:none}.mc-tutor-start[data-start-state=paused] .mc-tutor-start-button{border:1px solid var(--mc-tutor-border-strong);height:44px;color:var(--mc-tutor-text);background:color-mix(in srgb, var(--mc-tutor-surface) 94%, transparent);animation:mc-tutor-rise-in .26s var(--mc-tutor-ease) both;padding:0 8px 0 6px;font-size:15px;box-shadow:0 10px 28px -12px #1c19144d,0 1px 3px #1c191414}.mc-tutor-start[data-start-state=paused] .mc-tutor-start-button .mc-tutor-icon{box-sizing:content-box;width:14px;height:14px;color:var(--mc-tutor-on-accent);background:var(--mc-tutor-accent);border-radius:50%;padding:8px;transition:background-color .14s}.mc-tutor-start[data-start-state=paused] .mc-tutor-start-button:hover{background:var(--mc-tutor-surface);transform:translateY(-1px)}.mc-tutor-start[data-start-state=paused] .mc-tutor-start-button:hover .mc-tutor-icon{background:var(--mc-tutor-accent-hover)}.mc-tutor-start[data-start-state=paused] .mc-tutor-start-button:active{transform:scale(.97)}.mc-tutor-start-key{border:1px solid var(--mc-tutor-border);border-radius:var(--mc-tutor-radius-sm);color:var(--mc-tutor-text-2);background:var(--mc-tutor-surface-2);font:inherit;padding:3px 7px;font-size:11.5px;font-weight:500}@media (hover:none){.mc-tutor-start-key{display:none}.mc-tutor-start[data-start-state=paused] .mc-tutor-start-button{padding-right:16px}}.mc-tutor-start[data-start-state=ended]{background:color-mix(in srgb, var(--mc-tutor-surface) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mc-tutor-start-button{height:48px;color:var(--mc-tutor-on-accent);background:var(--mc-tutor-accent);cursor:pointer;font:inherit;transition:background-color .14s ease, transform .2s var(--mc-tutor-ease), box-shadow .2s var(--mc-tutor-ease);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 18px;font-size:16px;font-weight:500;display:inline-flex;box-shadow:inset 0 -1px #0000001f,0 6px 16px -6px #1c19144d}.mc-tutor-start-button .mc-tutor-icon{width:18px;height:18px}.mc-tutor-start-button:hover{background:var(--mc-tutor-accent-hover);transform:translateY(-1px)scale(1.02)}.mc-tutor-start-button:active{transform:scale(.97)}.mc-tutor-start-button:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:3px}.mc-tutor-start-actions{display:contents}.mc-tutor-start-message{color:var(--mc-tutor-text);letter-spacing:-.018em;animation:mc-tutor-fade-in .36s 80ms var(--mc-tutor-ease) both;flex-basis:100%;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;font-size:19px;font-weight:600;display:flex}.mc-tutor-start-message svg{width:20px;height:20px;color:var(--mc-tutor-done)}.mc-tutor-start-actions>button{border:1px solid var(--mc-tutor-border-strong);height:48px;color:var(--mc-tutor-text);background:var(--mc-tutor-surface);cursor:pointer;font:inherit;transition:background-color .14s ease, transform .2s var(--mc-tutor-ease);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #1c19140d}.mc-tutor-start-actions>button:hover{background:var(--mc-tutor-surface-2);transform:translateY(-1px)}.mc-tutor-start-actions>button:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:3px}.mc-tutor-controls{border-top:1px solid var(--mc-tutor-border);gap:10px;padding:12px 14px;display:grid}.mc-tutor-captions{place-items:center;min-height:36px;display:grid}.mc-tutor-caption-line{max-width:50rem;color:var(--mc-tutor-text);font-size:var(--mc-tutor-caption-size);text-align:center;text-wrap:balance;margin:0;line-height:1.55}.mc-tutor-captions[data-empty] .mc-tutor-caption-line{visibility:hidden}.mc-tutor-caption-word{border-radius:4px;padding:1px 2px;transition:color .1s linear,background-color .1s linear}.mc-tutor-caption-word[data-active]{color:var(--mc-tutor-on-highlight);background:var(--mc-tutor-highlight)}.mc-tutor-control-row{grid-template-columns:auto minmax(6rem,1fr) auto auto auto auto auto;align-items:center;gap:6px;transition:opacity .3s,transform .3s;display:grid}.mc-tutor-play-button{width:40px;height:40px;color:var(--mc-tutor-on-accent);background:var(--mc-tutor-accent);cursor:pointer;transition:background-color .16s ease, transform .2s var(--mc-tutor-ease);border:0;border-radius:50%;place-items:center;margin-right:6px;padding:0;display:grid;box-shadow:inset 0 -1px #0000001f,0 2px 6px -2px #1c191440}.mc-tutor-play-button .mc-tutor-icon{width:16px;height:16px}.mc-tutor-play-button:hover:not(:disabled){background:var(--mc-tutor-accent-hover);transform:scale(1.05)}.mc-tutor-play-button:active:not(:disabled){transform:scale(.95)}.mc-tutor-icon-button,.mc-tutor-effects-button{width:36px;height:36px;color:var(--mc-tutor-text-2);cursor:pointer;transition:background-color .16s ease, color .16s ease, transform .2s var(--mc-tutor-ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.mc-tutor-icon-button:hover:not(:disabled),.mc-tutor-effects-button:hover:not(:disabled){color:var(--mc-tutor-text);background:var(--mc-tutor-surface-2)}.mc-tutor-icon-button:active:not(:disabled),.mc-tutor-effects-button:active:not(:disabled){transform:scale(.92)}.mc-tutor-icon{flex:none;width:18px;height:18px}.mc-tutor-effects-button[aria-pressed=true]{color:var(--mc-tutor-accent)}.mc-tutor-effects-button[aria-pressed=false]{color:var(--mc-tutor-text-3)}.mc-tutor-speed select{min-width:44px;height:30px;color:var(--mc-tutor-text);background:var(--mc-tutor-surface-2);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;text-align:center;text-align-last:center;appearance:none;border:0;border-radius:999px;padding:0 10px;font-size:12.5px;font-weight:600;transition:background-color .16s}.mc-tutor-speed select:hover:not(:disabled){background:color-mix(in srgb, var(--mc-tutor-text) 10%, var(--mc-tutor-surface-2))}.mc-tutor-speed select[aria-busy=true]{cursor:progress;opacity:.7}.mc-tutor-speed option{color:var(--mc-tutor-text);background:var(--mc-tutor-surface)}.mc-tutor-play-button:focus-visible,.mc-tutor-icon-button:focus-visible,.mc-tutor-effects-button:focus-visible,.mc-tutor-speed select:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:2px}.mc-tutor-play-button:disabled,.mc-tutor-icon-button:disabled,.mc-tutor-effects-button:disabled,.mc-tutor-speed select:disabled,.mc-tutor-control-row input:disabled{cursor:not-allowed;opacity:.45}.mc-tutor-seek{display:grid;position:relative}.mc-tutor-seek-ticks{pointer-events:none;position:absolute;inset:0}.mc-tutor-seek-ticks>span{background:var(--mc-tutor-surface);width:3px;height:10px;position:absolute;top:50%;translate:-50% -50%}.mc-tutor-volume{align-items:center;display:inline-flex}.mc-tutor-control-row .mc-tutor-volume input[type=range]{opacity:0;width:0;transition:width .26s var(--mc-tutor-ease), opacity .2s ease, margin .26s var(--mc-tutor-ease)}.mc-tutor-control-row .mc-tutor-volume:is(:hover,:focus-within) input[type=range]{opacity:1;width:76px;margin:0 6px 0 2px}.mc-tutor-time{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:82px;padding:0 4px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.mc-tutor-time-current{color:var(--mc-tutor-text)}.mc-tutor-time-total{color:var(--mc-tutor-text-3)}.mc-tutor-control-row input[type=range]{cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0}.mc-tutor-control-row input[type=range]:focus-visible{outline:none}.mc-tutor-control-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--mc-tutor-accent) var(--mc-tutor-progress,0%), var(--mc-tutor-track) var(--mc-tutor-progress,0%));border-radius:999px;height:6px}.mc-tutor-control-row input[type=range]::-moz-range-track{background:var(--mc-tutor-track);border-radius:999px;height:6px}.mc-tutor-control-row input[type=range]::-moz-range-progress{background:var(--mc-tutor-accent);border-radius:999px;height:6px}.mc-tutor-control-row input[type=range]::-webkit-slider-thumb{border:3px solid var(--mc-tutor-surface);background:var(--mc-tutor-accent);appearance:none;width:16px;height:16px;transition:transform .18s var(--mc-tutor-ease);border-radius:50%;margin-top:-5px;transform:scale(0);box-shadow:0 1px 2px #1c191433,0 3px 8px -2px #1c191440}.mc-tutor-control-row input[type=range]::-moz-range-thumb{border:3px solid var(--mc-tutor-surface);background:var(--mc-tutor-accent);width:10px;height:10px;transition:transform .18s var(--mc-tutor-ease);border-radius:50%;transform:scale(0);box-shadow:0 1px 2px #1c191433,0 3px 8px -2px #1c191440}.mc-tutor-control-row input[type=range]:is(:hover,:focus-visible,:active)::-webkit-slider-thumb{transform:scale(1)}.mc-tutor-control-row input[type=range]:is(:hover,:focus-visible,:active)::-moz-range-thumb{transform:scale(1)}.mc-tutor-control-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--mc-tutor-accent-soft), 0 1px 2px #1c191433}@media (hover:none){.mc-tutor-control-row input[type=range]::-webkit-slider-thumb{transform:scale(1)}.mc-tutor-control-row input[type=range]::-moz-range-thumb{transform:scale(1)}}.mc-tutor-chapters{border-top:1px solid var(--mc-tutor-border);padding:12px 14px 14px}.mc-tutor-chapter-status{color:var(--mc-tutor-text-3);margin:0 0 8px;font-size:12px;font-weight:500}.mc-tutor-chapters ol{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.mc-tutor-chapters button{border:1px solid var(--mc-tutor-border);width:100%;min-height:40px;color:var(--mc-tutor-text);background:var(--mc-tutor-surface);cursor:pointer;font:inherit;text-align:left;overflow-wrap:anywhere;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;line-height:1.35;transition:background-color .14s,border-color .14s;display:grid;position:relative;overflow:hidden}.mc-tutor-chapters [data-chapter-state=done]:after{display:none}.mc-tutor-chapters button:after{width:var(--mc-tutor-chapter-progress,0%);background:var(--mc-tutor-accent);content:"";height:2px;position:absolute;bottom:0;left:0}.mc-tutor-chapters button:hover:not(:disabled){background:var(--mc-tutor-surface-2)}.mc-tutor-chapters button:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:1px}.mc-tutor-chapters button:disabled{cursor:not-allowed;opacity:.6}.mc-tutor-chapters button[aria-current]{border-color:color-mix(in srgb, var(--mc-tutor-accent) 38%, transparent);background:var(--mc-tutor-accent-soft);font-weight:500}.mc-tutor-chapter-number{border:1.3px dashed var(--mc-tutor-border-strong);width:20px;height:20px;color:var(--mc-tutor-text-3);border-radius:50%;place-items:center;font-size:11px;font-weight:500;display:grid}.mc-tutor-chapters [data-chapter-state=current] .mc-tutor-chapter-number{color:var(--mc-tutor-on-accent);background:var(--mc-tutor-accent);border:0}.mc-tutor-chapters [data-chapter-state=done] .mc-tutor-chapter-number{color:#fff;background:var(--mc-tutor-done);border:0}.mc-tutor-chapter-label{font-size:13.5px}.mc-tutor-chapter-time{color:var(--mc-tutor-text-3);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.mc-tutor-stepper ol{scrollbar-width:none;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.mc-tutor-stepper li{flex:1 1 0;min-width:7rem;display:flex;position:relative}.mc-tutor-stepper[data-compact] li{min-width:2.5rem}.mc-tutor-stepper li:not(:last-child):before,.mc-tutor-stepper li:not(:last-child):after{content:"";border-radius:1px;height:2px;position:absolute;top:13px;left:34px;right:6px}.mc-tutor-stepper li:not(:last-child):before{background:var(--mc-tutor-track)}.mc-tutor-stepper li:not(:last-child):after{background:var(--mc-tutor-accent);transform:scaleX(var(--mc-tutor-step-progress,0));transform-origin:0;transition:transform .16s linear}.mc-tutor-stepper button{z-index:1;border-radius:var(--mc-tutor-radius-sm);max-width:100%;color:var(--mc-tutor-text-3);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-items:start;gap:6px;padding:0 8px 0 0;display:grid;position:relative}.mc-tutor-stepper button:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:2px}.mc-tutor-stepper button:disabled{cursor:not-allowed}.mc-tutor-step-dot{border:1.5px solid var(--mc-tutor-border-strong);width:28px;height:28px;color:var(--mc-tutor-text-3);background:var(--mc-tutor-surface);border-radius:50%;place-items:center;font-size:12.5px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:grid}.mc-tutor-step-dot svg{width:14px;height:14px}.mc-tutor-stepper button:hover .mc-tutor-step-dot{border-color:var(--mc-tutor-accent);color:var(--mc-tutor-text)}.mc-tutor-stepper [data-step-state=current] .mc-tutor-step-dot{border-color:var(--mc-tutor-accent);color:var(--mc-tutor-on-accent);background:var(--mc-tutor-accent);animation:mc-tutor-step-in .42s var(--mc-tutor-ease)}.mc-tutor-stepper [data-step-state=done] .mc-tutor-step-dot{border-color:var(--mc-tutor-done);color:#fff;background:var(--mc-tutor-done);animation:mc-tutor-step-in .42s var(--mc-tutor-ease)}.mc-tutor-step-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:22ch;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.mc-tutor-stepper [data-step-state=current] .mc-tutor-step-label{color:var(--mc-tutor-text);font-weight:500}.mc-tutor-step-current{color:var(--mc-tutor-text);margin:8px 0 0;font-size:13px;font-weight:500}@keyframes mc-tutor-step-in{50%{transform:scale(1.12)}}.mc-tutor-player[data-fullscreen]{--mc-tutor-accent:#8e9af3;--mc-tutor-accent-hover:#9ca6f4;--mc-tutor-accent-soft:#8e9af329;--mc-tutor-on-accent:#12131c;--mc-tutor-surface:#1d1d1c;--mc-tutor-surface-2:#ffffff1a;--mc-tutor-text:#eceae5;--mc-tutor-text-2:#d6d3cc;--mc-tutor-text-3:#b5b2ab;--mc-tutor-border:#ffffff1f;--mc-tutor-border-strong:#ffffff38;--mc-tutor-track:#ffffff3d;--mc-tutor-highlight:#8e9af3;--mc-tutor-on-highlight:#12131c;--mc-tutor-room:#151514;--mc-tutor-gutter:max(clamp(16px, 3vw, 40px), env(safe-area-inset-left), env(safe-area-inset-right));--mc-tutor-bar-height:56px;--mc-tutor-caption-size:clamp(16px, .5rem + 1.6vmin, 30px);--mc-tutor-caption-leading:1.45;--mc-tutor-caption-height:calc(var(--mc-tutor-caption-size) * var(--mc-tutor-caption-leading) * 2);--mc-tutor-row-height:44px;--mc-tutor-dock-top:14px;--mc-tutor-dock-gap:10px;--mc-tutor-dock-bottom:max(18px, env(safe-area-inset-bottom));--mc-tutor-dock-height:calc(var(--mc-tutor-dock-top) + var(--mc-tutor-caption-height) + var(--mc-tutor-dock-gap) + var(--mc-tutor-row-height) + var(--mc-tutor-dock-bottom));--mc-tutor-fit-width:min(100cqw - 2 * var(--mc-tutor-gutter), (100cqh - var(--mc-tutor-bar-height) - var(--mc-tutor-dock-height)) * var(--mc-tutor-aspect,16 / 9));--mc-tutor-column:max(var(--mc-tutor-fit-width), min(100cqw - 2 * var(--mc-tutor-gutter), 30rem));grid-template-rows:var(--mc-tutor-bar-height) minmax(0, 1fr) auto;background:var(--mc-tutor-room);box-shadow:none;border-radius:0;justify-items:center;display:grid;container-type:size}.mc-tutor-player[data-fullscreen=expanded]{z-index:2147483000;width:auto;height:100dvh;position:fixed;inset:0}.mc-tutor-fullscreen-bar{width:var(--mc-tutor-column);grid-row:1;align-items:center;gap:12px;min-width:0;transition:opacity .3s;display:flex}.mc-tutor-fullscreen-title{min-width:0;color:var(--mc-tutor-text);white-space:nowrap;flex:1;align-items:center;gap:12px;margin:0;font-size:clamp(14px,.6rem + .45vw,17px);font-weight:500;display:flex}.mc-tutor-fullscreen-name,.mc-tutor-fullscreen-chapter-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.mc-tutor-fullscreen-name{flex:0 auto}.mc-tutor-fullscreen-chapter{border-left:1px solid var(--mc-tutor-border-strong);min-width:0;color:var(--mc-tutor-text-3);flex:0 10 auto;align-items:center;gap:8px;padding-left:12px;font-weight:400;display:flex}.mc-tutor-fullscreen-count{color:var(--mc-tutor-text-2);background:var(--mc-tutor-surface-2);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:2px 7px;font-size:12px;font-weight:500}.mc-tutor-fullscreen-close{flex:none;margin-right:-8px}.mc-tutor-player[data-fullscreen] .mc-tutor-stage{width:var(--mc-tutor-fit-width);background:var(--mc-tutor-room);border-radius:clamp(6px,1vmin,12px);grid-row:2;align-self:center;max-height:100%}.mc-tutor-player[data-fullscreen] .mc-tutor-controls{gap:var(--mc-tutor-dock-gap);width:var(--mc-tutor-column);padding:var(--mc-tutor-dock-top) 0 var(--mc-tutor-dock-bottom);border:0;grid-row:3}.mc-tutor-player[data-fullscreen] .mc-tutor-captions{min-height:var(--mc-tutor-caption-height);place-items:start center}.mc-tutor-player[data-fullscreen] .mc-tutor-caption-line{color:#fff;max-width:min(100%,46em);line-height:var(--mc-tutor-caption-leading)}.mc-tutor-player[data-fullscreen] .mc-tutor-control-row{min-height:var(--mc-tutor-row-height)}.mc-tutor-player[data-fullscreen] .mc-tutor-play-button{width:var(--mc-tutor-row-height);height:var(--mc-tutor-row-height)}.mc-tutor-player[data-fullscreen] .mc-tutor-icon-button,.mc-tutor-player[data-fullscreen] .mc-tutor-effects-button{width:40px;height:40px}.mc-tutor-player[data-fullscreen] .mc-tutor-icon{width:20px;height:20px}.mc-tutor-player[data-fullscreen] .mc-tutor-seek-ticks>span{background:var(--mc-tutor-room)}.mc-tutor-player[data-fullscreen]>.mc-tutor-chapters{display:none}@media (orientation:portrait){.mc-tutor-player[data-fullscreen]{grid-template-rows:var(--mc-tutor-bar-height) 1fr auto auto 1fr}.mc-tutor-player[data-fullscreen] .mc-tutor-stage{grid-row:3}.mc-tutor-player[data-fullscreen] .mc-tutor-controls{grid-row:4}}@media (height<=30rem){.mc-tutor-player[data-fullscreen]{--mc-tutor-bar-height:max(8px, env(safe-area-inset-top));--mc-tutor-dock-top:8px;--mc-tutor-dock-gap:6px;--mc-tutor-dock-bottom:max(10px, env(safe-area-inset-bottom));--mc-tutor-row-height:40px}.mc-tutor-fullscreen-bar{display:none}}@media (width<=42rem){.mc-tutor-fullscreen-chapter{display:none}}.mc-tutor-player[data-fullscreen]{--mc-tutor-panel-width:clamp(340px, 27vw, 420px);--mc-tutor-panel-inset:12px}@media (width>=64rem){.mc-tutor-player[data-fullscreen][data-panel-open]{padding-right:calc(var(--mc-tutor-panel-width) + var(--mc-tutor-panel-inset))}}.mc-tutor-player[data-fullscreen][data-panel-moving]{transition:padding-right .42s var(--mc-tutor-ease)}.mc-tutor-panel{z-index:2;top:max(var(--mc-tutor-panel-inset), env(safe-area-inset-top));right:max(var(--mc-tutor-panel-inset), env(safe-area-inset-right));bottom:max(var(--mc-tutor-panel-inset), env(safe-area-inset-bottom));width:min(var(--mc-tutor-panel-width), 100% - 2 * var(--mc-tutor-panel-inset));color:var(--mc-tutor-text);contain:layout paint;opacity:0;transform:translateX(calc(100% + 2 * var(--mc-tutor-panel-inset)));visibility:hidden;transition:transform .42s var(--mc-tutor-ease), opacity .26s ease 80ms, visibility 0s linear .42s;background:#1e1e1d;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;font-size:14px;display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 56px -20px #0009}.mc-tutor-panel[data-open]{opacity:1;visibility:visible;transition:transform .42s var(--mc-tutor-ease), opacity .2s ease, visibility 0s;transform:none}.mc-tutor-panel:focus{outline:none}.mc-tutor-player:not([data-fullscreen]) .mc-tutor-panel{display:none}.mc-tutor-player[data-fullscreen-motion=entering] .mc-tutor-panel[data-open]{animation:mc-tutor-panel-in .34s .15s var(--mc-tutor-ease) both}@media (width<=40rem){.mc-tutor-panel{border:0;border-radius:0;width:auto;inset:0}}.mc-tutor-fullscreen-panel-toggle{border:1px solid var(--mc-tutor-border-strong);height:34px;color:var(--mc-tutor-text);cursor:pointer;font:inherit;transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform .2s var(--mc-tutor-ease);background:0 0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 13px 0 10px;font-size:13.5px;font-weight:500;display:inline-flex}.mc-tutor-player[data-fullscreen] .mc-tutor-fullscreen-panel-toggle .mc-tutor-icon{width:18px;height:18px}.mc-tutor-fullscreen-panel-toggle:hover{background:var(--mc-tutor-surface-2)}.mc-tutor-fullscreen-panel-toggle:active{transform:scale(.96)}.mc-tutor-fullscreen-panel-toggle[aria-expanded=true]{border-color:color-mix(in srgb, var(--mc-tutor-accent) 42%, transparent);color:var(--mc-tutor-accent);background:var(--mc-tutor-accent-soft)}.mc-tutor-fullscreen-panel-toggle:focus-visible{outline:2px solid var(--mc-tutor-accent);outline-offset:2px}@media (width<=42rem){.mc-tutor-fullscreen-panel-toggle{justify-content:center;width:36px;padding:0}.mc-tutor-fullscreen-panel-label{display:none}}.mc-tutor-player[data-chrome-idle]{cursor:none}.mc-tutor-player[data-chrome-idle] .mc-tutor-panel{cursor:auto}.mc-tutor-player[data-chrome-idle] .mc-tutor-fullscreen-bar:not(:focus-within){opacity:0}.mc-tutor-player[data-chrome-idle] .mc-tutor-controls:not(:focus-within) .mc-tutor-control-row{opacity:0;transform:translateY(6px)}.mc-tutor-player::backdrop{background:#151514}.mc-tutor-player:not([data-fullscreen]) .mc-tutor-fullscreen-bar{display:none}.mc-tutor-player[data-fullscreen-motion=entering]{animation:.26s ease-out both mc-tutor-room-in}.mc-tutor-player[data-fullscreen-motion=entering] :is(.mc-tutor-fullscreen-bar,.mc-tutor-controls){animation:mc-tutor-chrome-in .3s .17s var(--mc-tutor-ease) both}.mc-tutor-player[data-fullscreen-motion=leaving]{z-index:30;overflow:visible}.mc-tutor-player[data-fullscreen-motion=leaving]:before{z-index:-1;content:"";pointer-events:none;background:#151514;animation:.38s ease-in-out 80ms both mc-tutor-room-out;position:fixed;inset:0}.mc-tutor-player[data-fullscreen-motion=leaving] :is(.mc-tutor-controls,.mc-tutor-chapters){animation:mc-tutor-chrome-in .28s .2s var(--mc-tutor-ease) both}@keyframes mc-tutor-room-in{0%{background-color:#0000}}@keyframes mc-tutor-room-out{to{opacity:0}}@keyframes mc-tutor-chrome-in{0%{opacity:0;transform:translateY(8px)}}@keyframes mc-tutor-panel-in{0%{opacity:0;transform:translate(28px)}}.mc-tutor-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes mc-tutor-spin{to{transform:rotate(360deg)}}@keyframes mc-tutor-fade-in{0%{opacity:0;transform:scale(.98)}}@keyframes mc-tutor-rise-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=42rem){.mc-tutor-controls{padding:10px}.mc-tutor-control-row{grid-template-columns:auto minmax(0,1fr) repeat(4,auto);gap:6px}.mc-tutor-seek{grid-area:1/1/auto/-1}.mc-tutor-play-button{grid-area:2/1;margin-right:0}.mc-tutor-time{text-align:left;grid-area:2/2;min-width:0}.mc-tutor-volume input{display:none}.mc-tutor-control-row>.mc-tutor-volume,.mc-tutor-control-row>.mc-tutor-speed,.mc-tutor-control-row>.mc-tutor-effects-button,.mc-tutor-control-row>.mc-tutor-fullscreen-button{grid-row:2}.mc-tutor-chapters{padding:10px}.mc-tutor-chapters ol{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mc-tutor-player[data-panel-moving],.mc-tutor-player *,.mc-tutor-player :before,.mc-tutor-player :after{transition:none!important;animation:none!important}}:root{--bg:#fbfaf8;--surface:#fff;--surface-2:#f6f5f2;--surface-3:#eeede9;--sunken:#f7f6f3;--overlay:#18161347;--border:#e9e7e2;--border-strong:#dad7d0;--divider:#f0eeea;--text:#1d1c1a;--text-2:#57544e;--text-3:#6b6760;--text-4:#8c8880;--text-inv:#fff;--accent:#4b5bd6;--on-accent:#fff;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--accent-line:color-mix(in srgb, var(--accent) 38%, transparent);--green:#25754b;--amber:#8f5e0e;--red:#b23c30;--blue:#3570c4;--violet:#7652c2;--teal:#1e8580;--rose:#bc4270;--orange:#c0612b;--green-soft:color-mix(in srgb, var(--green) 11%, transparent);--amber-soft:color-mix(in srgb, var(--amber) 12%, transparent);--red-soft:color-mix(in srgb, var(--red) 10%, transparent);--shadow-sm:0 1px 2px #1c19140d;--shadow-card:0 1px 2px #1c19140a, 0 0 0 1px var(--border);--shadow-pop:0 12px 32px -8px #1c191429, 0 2px 6px -2px #1c19140f, 0 0 0 1px var(--border);--r-xs:4px;--r-sm:6px;--r:8px;--r-lg:10px;--r-xl:12px;--r-full:999px;--font:"Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-2xs:11px;--fs-xs:12px;--fs-sm:12.5px;--fs:13.5px;--fs-md:14.5px;--fs-lg:16px;--fs-xl:19px;--fs-2xl:23px;--h-xs:22px;--h-sm:26px;--h-md:30px;--h-lg:36px;--gutter:24px;--ease:cubic-bezier(.23, 1, .32, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur:.14s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{min-width:20rem;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font);font-size:var(--fs);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";margin:0;line-height:1.45}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p{margin-top:0}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}input,textarea{caret-color:var(--accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--r-xs)}.icon{flex-shrink:0;display:block}.mono{font-family:var(--mono);letter-spacing:-.01em}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}kbd{border:1px solid var(--border);border-radius:var(--r-xs);min-width:18px;height:18px;color:var(--text-2);background:var(--surface);font-family:var(--mono);border-bottom-width:1.5px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-4)}::-webkit-scrollbar-track{background:0 0}.btn{--h:var(--h-md);height:var(--h);border-radius:var(--r-sm);font-size:var(--fs-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;transition-duration:var(--dur);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:500;transition-property:background,border-color,color,box-shadow,transform;display:inline-flex;position:relative}.btn .icon{opacity:.9}.btn:active:not(:disabled){transform:scale(.97)}.btn-sm{--h:var(--h-sm);font-size:var(--fs-xs);padding:0 8px}.btn-lg{--h:var(--h-lg);font-size:var(--fs);padding:0 14px}.btn-primary{color:var(--on-accent);background:var(--accent);box-shadow:inset 0 -1px #0000001f}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text))}.btn-primary:active{background:color-mix(in srgb, var(--accent) 78%, var(--text))}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-2)}.btn-secondary:active{background:var(--surface-3)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-ghost:active{color:var(--text);background:var(--surface-3)}.btn:disabled{box-shadow:none;opacity:.45;pointer-events:none}.ibtn{width:var(--h-md);height:var(--h-md);border-radius:var(--r-sm);color:var(--text-2);transition:background var(--dur), color var(--dur);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ibtn:hover{color:var(--text);background:var(--surface-2)}.ibtn:active{color:var(--text);background:var(--surface-3)}.ibtn:disabled{opacity:.4;pointer-events:none}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{z-index:200;color:var(--text-inv);background:var(--text);content:attr(data-tip);white-space:nowrap;pointer-events:none;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:500;line-height:1;animation:.12s .35s both tipIn;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tip-pos=top]:hover:after,[data-tip-pos=top]:focus-visible:after{top:auto;bottom:calc(100% + 6px)}.seg{border-radius:var(--r-sm);background:var(--surface-3);gap:2px;padding:2px;display:inline-flex}.seg>label,.seg>button{height:calc(var(--h-sm) - 2px);color:var(--text-2);cursor:pointer;font-size:var(--fs-xs);transition:background var(--dur), color var(--dur);border-radius:5px;align-items:center;gap:5px;padding:0 9px;font-weight:500;display:inline-flex;position:relative}.seg>label:hover,.seg>button:hover{color:var(--text)}.seg input{opacity:0;pointer-events:none;position:absolute}.seg>button[aria-pressed=true]{color:var(--text);background:var(--surface);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--border)}.seg>label:has(input:checked){color:var(--text);background:var(--surface);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--border)}.seg>label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tab{height:36px;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--dur);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{background:var(--text);content:"";height:2px;animation:tabIn .26s var(--ease);border-radius:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab .cnt{color:var(--text-3);font-size:var(--fs-2xs);font-weight:500}.badge{border:1px solid var(--border);height:20px;color:var(--text-2);background:var(--surface-2);font-size:var(--fs-xs);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-weight:500;display:inline-flex}.badge.accent{color:var(--accent);background:var(--accent-soft);border-color:#0000}.badge.green{color:var(--green);background:var(--green-soft);border-color:#0000}.chip{height:var(--h-sm);border:1px solid var(--accent-line);border-radius:var(--r-sm);color:var(--text);background:var(--accent-soft);font-size:var(--fs-xs);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.prog{background:var(--surface-3);border-radius:4px;flex:1;min-width:40px;height:4px;overflow:hidden}.alert{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);font-size:var(--fs-sm);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.alert .icon{margin-top:1px}.alert.danger{background:var(--red-soft);border-color:#0000}.alert.danger .icon{color:var(--red)}.sk{background:linear-gradient(90deg, var(--surface-3) 0%, var(--surface-2) 45%, var(--surface-3) 90%);background-size:220% 100%;border-radius:5px;animation:1.3s ease-in-out infinite shimmer}.modal{width:min(100% - 32px,560px);max-width:560px;max-height:80vh;color:var(--text);background:var(--surface);box-shadow:var(--shadow-pop);border:0;border-radius:12px;flex-direction:column;margin:10vh auto auto;padding:0}.modal[open]{animation:modalIn .26s var(--ease) both;display:flex}.modal::backdrop{background:var(--overlay);animation:.18s both fade}.modal.sm{max-width:420px}.modal.lg{max-width:720px}.modal-h{align-items:center;gap:8px;padding:14px 16px 0;display:flex}.modal-h h2{font-size:var(--fs-md);margin:0;font-weight:600}.modal-h .ibtn{margin-left:auto}.modal-b{flex-direction:column;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.modal-f{border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.modal-f .sp{flex:1}@media (width<=640px){.modal{border-radius:14px 14px 0 0;width:100%;max-width:none;max-height:92vh;margin:auto 0 0}}@media (prefers-reduced-motion:reduce){.modal[open]{animation-name:fadeOnly!important;animation-duration:.12s!important}}.drawer-h{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;height:46px;padding:0 10px 0 16px;display:flex}.drawer-h h2{font-size:var(--fs-md);margin:0;font-weight:600}.drawer-b{overscroll-behavior:contain;flex:1;padding:20px 24px 32px;overflow-y:auto}.dsec{margin-top:26px}.dsec-h{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dsec-h h3{font-size:var(--fs);margin:0;font-weight:600}.dsec-h .cnt{color:var(--text-3);font-size:var(--fs-xs)}.stats{border-radius:var(--r-lg);box-shadow:var(--shadow-card);display:flex;overflow:hidden}.stat{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.stat+.stat{border-left:1px solid var(--border)}.stat .k{color:var(--text-2);font-size:var(--fs-sm)}.stat .v{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.1}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}}@keyframes slideInR{0%{opacity:0;transform:translate(18px)}}@keyframes growX{0%{transform:scaleX(0)}}@keyframes popCheck{0%{transform:scale(.55)}55%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes fadeOnly{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes drawerIn{0%{opacity:0;transform:translate(48px)}}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes tipIn{0%{opacity:0}}@keyframes tabIn{0%{opacity:0;transform:scaleX(.4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-100% 0}}:root{--fs-xs:13px;--fs-sm:14px;--fs:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:21px;--fs-2xl:26px;--fs-3xl:34px;--fs-display:clamp(38px, 5.8vw, 56px);--h-md:36px;--h-lg:44px;--r-2xl:16px;--r-3xl:14px;--dur-ui:.18s;--dur-move:.42s;--focus-ease:cubic-bezier(.22, 1, .36, 1);--focus-dur:.46s;--focus-light:color-mix(in srgb, var(--accent) 24%, transparent);--focus-light-strong:color-mix(in srgb, var(--accent) 34%, transparent);--field-rest:0 0 0 0 transparent, 0 0 0 0 transparent;--spectrum-1:#d97706;--spectrum-2:#df4f6b;--spectrum-3:#4b5bd6;--spectrum-4:#7046c4;--spectrum-5:#3a2f8f;--spectrum-1-ink:#a35c00;--spectrum-2-ink:#b8365a;--level-color:var(--accent);--level-ink:var(--accent)}body{line-height:1.5}@media (hover:none){[data-tip]:after{display:none!important}}.site-header{z-index:3;height:56px;animation:riseIn .4s .1s var(--ease) backwards;view-transition-name:site-header;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 20px;display:flex;position:relative}.site-header[data-overlay]{animation-delay:.2s;position:absolute;top:0;left:0;right:0}.site-header-start,.site-header-end{align-items:center;gap:8px;min-width:0;display:flex}.site-header-start{gap:14px}.site-header-end .btn-ghost{color:var(--text-2);text-decoration:none}.site-footer{color:var(--text-3);font-size:var(--fs-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:28px 16px 40px;display:flex}.site-footer-brand{align-items:center;gap:8px;display:flex}.site-footer-logo{width:auto;height:18px;color:var(--text-2)}.ask{grid-template-columns:minmax(0,1fr);place-items:center;min-height:100svh;padding:56px 16px 12vh;display:grid;position:relative;overflow-x:clip}.halo,.lesson:before,.gallery:before{z-index:-3;filter:blur(150px);opacity:.4;pointer-events:none;background:#7aceff;width:600px;height:600px;position:fixed;top:-258px;left:50%;translate:-50%}.lesson:before,.gallery:before{content:""}.ask-inner{text-align:center;justify-items:center;gap:18px;width:min(100%,40rem);display:grid}.hero-title{font-size:var(--fs-display);letter-spacing:-.04em;text-wrap:balance;view-transition-name:tutor-heading;margin:0 0 6px;font-weight:600;line-height:1.04}.hero-word{animation:word-rise .7s var(--ease) backwards;animation-delay:calc(.12s + var(--i) * 80ms);display:inline-block}.resume-chip{max-width:100%;height:var(--h-md);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-2);background:var(--surface);box-shadow:var(--shadow-sm);font-size:var(--fs-sm);animation:riseIn .4s var(--ease) backwards;transition:background var(--dur-ui), border-color var(--dur-ui), color var(--dur-ui), transform .2s var(--ease);align-items:center;gap:8px;padding:0 14px 0 10px;font-weight:500;line-height:1;display:inline-flex}.resume-chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2);transform:translateY(-1px)}.resume-chip-title{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.resume-chip-title:before{color:var(--border-strong);content:"·";margin-right:8px}.ask-card{z-index:2;width:100%;animation:riseIn .6s .3s var(--ease) backwards;view-transition-name:tutor-surface;position:relative}.question-form{gap:18px;display:grid}.composer{border:1px solid var(--border-strong);background:var(--surface);--composer-depth:0 1px 2px #1c19140a, 0 16px 40px -18px #1c191433;box-shadow:var(--field-rest), var(--composer-depth);text-align:left;cursor:text;transition:border-color var(--focus-dur) var(--focus-ease), box-shadow var(--focus-dur) var(--focus-ease);border-radius:16px;flex-direction:column;align-items:stretch;gap:14px;padding:14px 10px 10px 18px;display:flex;position:relative}.composer:hover:not(:focus-within,[data-busy],[data-listening]){border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.composer:focus-within,.composer[data-busy]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 12px 52px 2px var(--focus-light), var(--composer-depth)}.composer[data-busy]{animation:2.6s ease-in-out infinite field-breathe}.composer[data-listening]{border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft), 0 12px 52px 2px color-mix(in srgb, var(--red) 30%, transparent), var(--composer-depth)}@keyframes field-breathe{50%{box-shadow:0 0 0 7px var(--accent-soft), 0 16px 64px 6px var(--focus-light-strong), var(--composer-depth)}}.composer textarea{width:100%;min-height:0;font-size:var(--fs-lg);resize:none;scrollbar-width:thin;caret-color:var(--accent);transition:height .15s var(--ease);background:0 0;border:0;margin:0;padding:2px 8px 0 0;line-height:26px;display:block;overflow-y:auto}.composer textarea[data-overflow=false]{overflow-y:hidden}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:var(--text-3)}.composer textarea:disabled{cursor:not-allowed;opacity:.7}.composer-toolbar{cursor:default;align-items:center;gap:4px;min-width:0;display:flex}.composer-tools{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.composer-count{color:var(--red);font-family:var(--mono);font-size:var(--fs-2xs);white-space:nowrap;align-self:center;margin-right:4px}.composer-mic{width:var(--h-lg);height:var(--h-lg)}.composer-mic[aria-pressed=true]{color:var(--text-inv);background:var(--red);animation:1.4s ease-out infinite listening}.send-button{min-width:var(--h-lg);transition-property:background,color,padding,gap,box-shadow,transform;transition-duration:.3s;transition-timing-function:var(--ease);gap:0;padding:0 10px}.send-button:not([data-ready]){color:var(--text-4);background:var(--surface-3);box-shadow:none}.send-button:disabled{opacity:1}.send-button[data-busy]{opacity:.85}.send-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .45s var(--ease), opacity .25s var(--ease);overflow:hidden}.send-button[data-ready]{gap:8px;padding:0 12px 0 14px}.send-button[data-ready] .send-label{opacity:1;max-width:10rem}.send-spinner{animation:1.2s linear infinite spin;display:grid}.topic-suggestions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.suggestion-button{height:var(--h-md);border:1px solid var(--border);color:var(--text-2);background:color-mix(in srgb, var(--surface) 75%, transparent);font-size:var(--fs-sm);animation:riseIn .4s var(--ease) backwards;animation-delay:calc(.48s + var(--i) * 60ms);transition:background var(--dur), border-color var(--dur), color var(--dur), transform .2s var(--ease);border-radius:15px;padding:0 12px}.suggestion-button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface);transform:translateY(-1px)}.suggestion-button:active:not(:disabled){transform:scale(.97)}.suggestion-button:disabled{cursor:not-allowed;opacity:.5}.style-picker{animation:riseIn .4s .72s var(--ease) backwards}.style-pill{border-radius:var(--r-full);color:var(--text-2);gap:8px;padding:0 10px 0 4px;font-weight:500}.style-pill:hover{color:var(--text)}.style-pill-preview{border-radius:var(--r-full);object-fit:cover;width:42px;height:24px;box-shadow:0 0 0 1px var(--border)}.style-dialog .style-tiles{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.style-tile{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);cursor:pointer;transition:border-color var(--dur-ui), box-shadow var(--dur-ui), transform .2s var(--ease);gap:8px;padding:6px 6px 10px;display:grid;position:relative}.style-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.style-tile[data-checked]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.style-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.style-tile input{opacity:0;pointer-events:none;position:absolute}.style-tile img{aspect-ratio:16/9;border-radius:var(--r);object-fit:cover;width:100%;box-shadow:0 0 0 1px var(--divider);display:block}.style-tile-text{gap:2px;padding:0 4px;display:grid}.style-tile-text strong{font-size:var(--fs-sm);font-weight:600}.style-tile-text span{color:var(--text-3);font-size:var(--fs-xs)}.style-tile-check{color:var(--accent);background:var(--surface);animation:popCheck .42s var(--spring) both;border-radius:50%;display:grid;position:absolute;top:12px;right:12px}.hero-word[data-key]{position:relative}.hero-underline{pointer-events:none;width:104%;height:.2em;position:absolute;bottom:-.06em;left:-2%;overflow:visible}.hero-underline path{fill:none;stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-width:3.2px;vector-effect:non-scaling-stroke;animation:underline-draw .7s .9s var(--ease) forwards}@keyframes underline-draw{to{stroke-dashoffset:0}}.welcome .modal-h h2{font-size:var(--fs-lg)}.welcome-lede{color:var(--text-2);margin:0}.welcome-poster{border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-card);text-align:left;transition:box-shadow .25s var(--ease), transform .25s var(--ease);display:block;position:relative;overflow:hidden}.welcome-poster:hover,.welcome-poster:focus-visible{box-shadow:var(--shadow-pop);transform:translateY(-1px)}.welcome-poster:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.welcome-poster .poster{border-bottom:0}.welcome-poster:hover .poster img{transform:scale(1.03)}.welcome-play{height:var(--h-lg);border-radius:var(--r-full);color:var(--on-accent);background:var(--accent);white-space:nowrap;transition:background var(--dur-ui);align-items:center;gap:8px;padding:0 18px 0 14px;font-weight:500;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 -1px #0000001f,0 6px 16px -6px #1c19144d}.welcome-poster:hover .welcome-play{background:color-mix(in srgb, var(--accent) 88%, var(--text))}.welcome-caption{color:var(--text-3);font-size:var(--fs-sm);margin:-6px 0 0}.welcome-vignette{border-radius:var(--r-lg);width:100%;height:auto;display:block}.welcome-vignette-underline{stroke-dasharray:120;stroke-dashoffset:120px;animation:underline-draw .9s .4s var(--ease) forwards}.welcome-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 0;padding:0;list-style:none;display:grid}.welcome-steps li{align-content:start;gap:4px;display:grid}.welcome-step-number{width:22px;height:22px;color:var(--surface);background:var(--text);font-size:var(--fs-xs);border-radius:50%;place-items:center;margin-bottom:2px;font-weight:600;display:grid}.welcome-steps strong{font-size:var(--fs-sm);font-weight:600;line-height:1.3}.welcome-steps span:not(.welcome-step-number){color:var(--text-3);font-size:var(--fs-xs)}.welcome-rail{width:96px;height:auto;margin-top:4px}@media (width<=640px){.welcome-steps{grid-template-columns:minmax(0,1fr)}.welcome-steps li{grid-template-columns:22px minmax(0,1fr);column-gap:10px}.welcome-steps li>:not(.welcome-step-number){grid-column:2}.welcome-step-number{grid-row:span 2}}.config-status{color:var(--text-3);font-size:var(--fs-xs);margin:0}@property --level-color{syntax:"<color>";inherits:true;initial-value:#4b5bd6}@property --fill{syntax:"<number>";inherits:true;initial-value:0}[data-level=discovery]{--level-color:var(--spectrum-1);--level-ink:var(--spectrum-1-ink)}[data-level=middle-school]{--level-color:var(--spectrum-2);--level-ink:var(--spectrum-2-ink)}[data-level=high-school]{--level-color:var(--spectrum-3);--level-ink:var(--spectrum-3)}[data-level=university]{--level-color:var(--spectrum-4);--level-ink:var(--spectrum-4)}[data-level=expert]{--level-color:var(--spectrum-5);--level-ink:var(--spectrum-5)}.level-rail{border-radius:var(--r-full);min-width:0;transition:--level-color .42s var(--ease), opacity var(--dur-ui);align-items:center;gap:12px;padding-right:4px;display:inline-flex;position:relative}.level-rail[data-disabled]{opacity:.6}.level-rail .level-slider{flex:none;width:164px}.level-rail .level-track{height:var(--h-md)}.level-rail-label{min-width:9.5rem;font-size:var(--fs);white-space:nowrap;align-items:baseline;gap:6px;margin:0;display:inline-flex;overflow:hidden}.level-rail-label strong{animation:level-text-in .32s var(--ease);font-weight:600}.level-rail-label span{color:var(--text-3);font-size:var(--fs-sm);text-overflow:ellipsis;overflow:hidden}.level-card{--tip:26px;--caret-x:calc(var(--tip) + var(--fill) * (33% - var(--tip)));z-index:30;top:calc(100% + 30px);left:calc(var(--fill) * 100%);background:var(--surface);width:20rem;box-shadow:0 14px 34px -14px #1c19143d, 0 2px 6px -3px #1c191414, 0 0 0 1px var(--border);cursor:default;text-align:left;translate:calc(-1 * var(--caret-x)) 0;transform-origin:var(--caret-x) 0;animation:level-drop-in .22s var(--ease) both;border-radius:14px;position:absolute}.level-card:before{top:-5px;left:var(--caret-x);border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);content:"";border-top-left-radius:2px;width:10px;height:10px;position:absolute;translate:-50%;rotate:45deg}.level-card-promise{color:var(--text);font-size:var(--fs);letter-spacing:-.01em;text-wrap:pretty;animation:level-text-in .28s var(--ease);margin:0;padding:13px 16px 12px;font-weight:500;line-height:1.4}.level-card-example{border-top:1px solid color-mix(in srgb, var(--level-color) 14%, var(--border));background:color-mix(in srgb, var(--level-color) 6%, var(--surface));border-radius:0 0 14px 14px;margin:0;padding:11px 16px 13px}.level-card-example figcaption{color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.level-card-example p{min-height:4.65em;color:var(--text-2);font-size:var(--fs-xs);text-wrap:pretty;animation:level-text-in .28s var(--ease);margin:4px 0 0;line-height:1.55}.level-key{color:var(--level-ink);-webkit-text-decoration:underline 1.5px color-mix(in srgb, var(--level-color) 40%, transparent);text-decoration:underline 1.5px color-mix(in srgb, var(--level-color) 40%, transparent);text-underline-offset:3px;background:0 0;padding:0;font-weight:500}.level-picker{min-width:0;transition:--level-color .42s var(--ease);position:relative}.level-chip{max-width:100%;height:var(--h-lg);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text);background:var(--surface-2);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--dur), border-color .24s var(--ease), transform .2s var(--ease);align-items:center;gap:8px;padding:0 14px 0 12px;font-weight:500;display:inline-flex;position:relative}.level-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--level-color) 35%, var(--border));background:var(--surface)}.level-chip:active:not(:disabled){transform:scale(.97)}.level-chip[aria-expanded=true]{border-color:color-mix(in srgb, var(--level-color) 45%, transparent);background:color-mix(in srgb, var(--level-color) 9%, var(--surface))}.level-chip:focus-visible{outline:2px solid color-mix(in srgb, var(--level-color) 70%, transparent);outline-offset:2px}.level-chip:disabled{cursor:not-allowed;opacity:.6}.level-chip-label{animation:level-text-in .32s var(--ease);display:inline-block}.level-chip-ages{color:var(--text-3);text-overflow:ellipsis;font-weight:400;overflow:hidden}.level-glow{border-radius:var(--r-full);pointer-events:none;animation:level-glow 1.2s var(--ease) both;position:absolute;inset:-2px}.level-bars{flex:none;align-items:flex-end;gap:2px;height:13px;display:inline-flex}.level-bars>span{width:3px;height:calc(5px + var(--bar) * 2px);background:color-mix(in srgb, var(--text-4) 35%, transparent);transform-origin:bottom;transition:background .26s var(--ease) calc(var(--bar) * 35ms), transform .36s var(--spring) calc(var(--bar) * 35ms);border-radius:1.5px}.level-bars>span[data-on]{background:var(--level-color)}.level-sheet{border-radius:var(--r-3xl) var(--r-3xl) 0 0;width:100%;max-width:none;max-height:92dvh;color:var(--text);background:var(--surface);box-shadow:var(--shadow-pop);border:0;margin:auto 0 0;padding:0}.level-sheet[open]{animation:sheet-in .34s var(--ease-drawer) both}.level-sheet::backdrop{background:var(--overlay);animation:.18s both fade}.level-sheet-body{padding:10px 20px calc(20px + env(safe-area-inset-bottom));text-align:left;display:grid}.level-sheet-handle{background:var(--border-strong);border-radius:2px;justify-self:center;width:36px;height:4px;margin-bottom:12px}.level-sheet .level-slider{--thumb:28px;margin:4px 0 2px}.level-sheet .level-track{height:48px}.level-sheet :is(.level-rail-line,.level-fill){border-radius:5px;height:10px}.level-sheet .level-notch{height:16px}.level-sheet .level-scale button{font-size:var(--fs-sm)}.level-sheet-done{width:100%;margin-top:18px}.level-head{color:var(--text-3);font-size:var(--fs-xs);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.level-kicker{letter-spacing:.04em;text-transform:uppercase;font-weight:500}.level-name{animation:level-text-in .32s var(--ease);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:6px 0 10px;display:flex}.level-name strong{color:var(--text);font-size:var(--fs-2xl);letter-spacing:-.03em;font-weight:600}.level-name span{color:var(--level-ink);font-size:var(--fs-md);font-weight:500}.level-slider{--thumb:22px;padding:0 calc(var(--thumb) / 2);transition:--fill .46s var(--spring)}.level-slider[data-dragging]{transition:none}.level-track{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;height:30px;position:relative}.level-rail-line,.level-fill{top:50%;left:calc(var(--thumb) / -2);border-radius:4px;height:8px;position:absolute;translate:0 -50%}.level-rail-line{right:calc(var(--thumb) / -2);background:var(--surface-3)}.level-fill{width:calc(var(--fill) * 100% + var(--thumb) / 2);background:var(--level-color)}.level-notch{top:50%;left:calc(var(--at) * 100%);background:var(--surface);width:3px;height:14px;position:absolute;translate:-50% -50%}.level-notch[data-edge]{display:none}.level-thumb{--thumb-shadow:0 1px 2px #1c191429, 0 4px 12px -2px #1c191438;top:50%;left:calc(var(--fill) * 100%);width:var(--thumb);height:var(--thumb);border:3px solid var(--surface);background:var(--level-color);box-shadow:0 0 0 0 transparent, var(--thumb-shadow);cursor:grab;transition:scale .26s var(--spring), box-shadow .26s var(--ease), background-color .26s var(--ease);border-radius:50%;position:absolute;translate:-50% -50%}.level-thumb:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--level-color) 24%, transparent), var(--thumb-shadow);outline:none}.level-track:hover .level-thumb{scale:1.08}.level-slider[data-dragging] .level-thumb{cursor:grabbing;box-shadow:0 0 0 6px color-mix(in srgb, var(--level-color) 20%, transparent), var(--thumb-shadow);scale:1.15}.level-scale{height:20px;margin:0 calc(var(--thumb,22px) / 2) 2px;position:relative}.level-scale button{left:calc(var(--at) * 100%);color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .22s var(--ease);padding:0 3px;position:absolute;translate:-50%}.level-scale button:hover{color:var(--text)}.level-scale button[data-current]{color:var(--text);font-weight:600}.level-slider .level-scale{margin:2px 0 0}.level-promise{min-height:2.9em;color:var(--text-2);font-size:var(--fs-sm);animation:level-text-in .36s var(--ease);margin:10px 0 0;line-height:1.45}.level-example{border-radius:var(--r-lg);background:color-mix(in srgb, var(--level-color) 6%, var(--surface));margin:12px 0 0;padding:10px 12px}.level-example figcaption{color:var(--text-3);font-size:var(--fs-xs)}.level-example p{min-height:4.4em;color:var(--text);font-size:var(--fs-sm);animation:level-text-in .36s var(--ease);margin:4px 0 0;line-height:1.5}.level-notice-region:empty{display:none}.level-notice{color:var(--text-3);font-size:var(--fs-sm);animation:riseIn .34s var(--ease) backwards;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:-8px 0 0;display:flex}.level-notice strong{color:var(--text);font-weight:600}.level-notice-dot{background:var(--level-color);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--level-color) 18%, transparent);border-radius:50%;flex:none}.level-notice-undo{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px;font-weight:500}.level-notice-undo:hover{text-decoration-color:currentColor}@keyframes level-drop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes level-text-in{0%{opacity:0;filter:blur(3px);transform:translateY(5px)}}@keyframes level-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--level-color) 55%, transparent)}to{box-shadow:0 0 0 12px #0000}}@media (width<=30rem){.level-chip-ages{display:none}}.generation{text-align:left;width:100%;animation:riseIn .36s var(--ease) backwards;gap:12px;margin-top:6px;display:grid}.generation-steps{flex-wrap:wrap;justify-content:center;gap:6px 0;margin:0;padding:0;list-style:none;display:flex}.generation-steps li+li:before{background:var(--surface-3);content:"";width:22px;height:2px;transition:background .4s var(--ease);border-radius:1px;margin:0 8px 0 4px}.generation-steps li:is([data-step-state=done],[data-step-state=current]):before{background:var(--accent)}.generation-steps li{color:var(--text-3);font-size:var(--fs-sm);transition:color .3s var(--ease);align-items:center;gap:6px;display:inline-flex}.step-icon{display:grid}.generation-steps li[data-step-state=done]{color:var(--text-2)}.generation-steps li[data-step-state=done] .step-icon{color:var(--green);animation:popCheck .42s var(--spring) both}.generation-steps li[data-step-state=current]{color:var(--text);font-weight:500}.generation-steps li[data-step-state=current] .step-icon{color:var(--accent);animation:1.2s linear infinite spin}.generation-meter{align-items:center;gap:10px;display:flex}.generation-meter span{min-width:36px;color:var(--text-3);font-family:var(--mono);font-size:var(--fs-xs);text-align:right}.generation-meter progress{background:var(--surface-3);appearance:none;border:0;border-radius:4px;width:100%;height:4px;overflow:hidden}.generation-meter progress::-webkit-progress-bar{background:var(--surface-3);border-radius:4px}.generation-meter progress::-webkit-progress-value{background:var(--accent);transition:inline-size .5s var(--ease);border-radius:4px}.generation-meter progress::-moz-progress-bar{background:var(--accent);border-radius:4px}.generation-detail{text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 8px;margin:0;display:flex}.generation-detail strong{font-weight:500}.generation-detail span{color:var(--text-3)}.generation-detail .generation-retry{color:var(--amber)}.generation-cancel{justify-self:center}.public-error,.limit-notice{text-align:left;width:100%;animation:riseIn .3s var(--ease) backwards;align-items:center}.public-error-text,.limit-notice-text{flex:1;gap:2px;display:grid}.public-error-text strong,.limit-notice-text strong{font-weight:500}.public-error-text span,.limit-notice-text span{color:var(--text-2)}.lesson{width:min(100% - 2 * var(--gutter), 66rem);transition:width var(--dur-move) var(--ease);gap:18px;margin:0 auto;padding:4px 0 48px;display:grid;position:relative}.lesson-main{align-content:start;gap:18px;min-width:0;display:grid}.lesson[data-docked]{width:min(100% - 2 * var(--gutter), 100rem);grid-template-columns:minmax(0,1fr) clamp(340px,30vw,440px);align-items:start;column-gap:24px}.lesson[data-docked] .player-frame,.lesson[data-docked] .lesson-end{width:min(100%,177.778svh - 462.222px);min-width:0}.drawer.details-panel{top:64px;border:1px solid var(--border);border-radius:var(--r-2xl);width:auto;height:calc(100svh - 80px);box-shadow:var(--shadow-card);view-transition-name:lesson-details;animation:none;display:flex;position:sticky;inset:auto;overflow:hidden}.drawer.details-drawer[open]{view-transition-name:lesson-details}.drawer.details-drawer[open][data-morph],.drawer.details-drawer[data-morph]::backdrop,.drawer[data-morph]:is([open],.details-panel) :is(.drawer-b>*,.tab-panel),.drawer[data-morph]:is([open],.details-panel) .tab:after{animation:none}::view-transition-group(site-header){z-index:1}::view-transition-group(lesson-details){z-index:2}::view-transition-old(lesson-details){animation-duration:.16s}::view-transition-new(lesson-details){animation-duration:.28s}.details-tabs{flex:none;padding:0 12px}.drawer .details-tabs{margin-bottom:0}.drawer-b[data-tab=chat]{flex-direction:column;padding:0;display:flex;overflow:hidden}.drawer-b[data-tab=chat]>.tab-panel{flex:1;min-height:0;display:flex}.chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px 18px 12px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-3);text-align:center;justify-items:center;gap:6px;margin:auto 0;padding:12px 4px;display:grid}.chat-empty strong{color:var(--text);font-size:var(--fs-md);font-weight:600}.chat-empty-icon{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.chat-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.chat-answer .chat-chips{justify-content:flex-start}.chat-chip{border:1px solid var(--border);border-radius:var(--r-full);min-height:32px;color:var(--text-2);background:var(--surface);font-size:var(--fs-sm);text-align:left;transition:border-color var(--dur-ui), color var(--dur-ui), background var(--dur-ui);padding:5px 12px;line-height:1.35}.chat-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--accent)}.chat-question{animation:riseIn .26s var(--ease) backwards;justify-items:end;gap:4px;margin-left:15%;display:grid}.chat-question p{color:var(--text);background:var(--surface-3);overflow-wrap:anywhere;border-radius:16px 16px 4px;margin:0;padding:9px 14px;line-height:1.45}.chat-question-context{color:var(--text-3);font-size:var(--fs-xs)}.chat-answer{border-left:2px solid var(--accent);animation:riseIn .32s var(--ease) backwards;grid-template-columns:minmax(0,1fr);gap:12px;padding-left:12px;display:grid}.chat-text{color:var(--text);margin:0;line-height:1.55}.chat-block-title,.chat-answer figcaption{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-weight:600}.chat-answer figure{margin:0}.chat-steps ol{counter-reset:step;gap:6px;margin:0;padding:0;list-style:none;display:grid}.chat-steps li{grid-template-columns:22px minmax(0,1fr);gap:8px;line-height:1.5;display:grid}.chat-steps li:before{width:22px;height:22px;color:var(--accent);background:var(--accent-soft);content:counter(step);counter-increment:step;font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:600;display:grid}.chat-formula{border-radius:var(--r-lg);background:var(--surface-2);text-align:center;padding:14px 16px}.chat-formula-math{color:var(--text);margin-bottom:6px;font-family:Cambria Math,STIX Two Math,Latin Modern Math,Georgia,serif;font-size:20px}.chat-formula figcaption{color:var(--text-2);font-size:var(--fs-sm);letter-spacing:0;text-transform:none;margin:0;font-weight:400}.chat-flow ol{flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chat-flow-step{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);font-size:var(--fs-sm);padding:6px 10px}.chat-flow-arrow{color:var(--accent);margin-left:14px;font-weight:600;line-height:1;rotate:90deg}.chat-compare table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.chat-compare th,.chat-compare td{border-bottom:1px solid var(--divider);text-align:left;vertical-align:top;padding:7px 8px}.chat-compare thead th{color:var(--text-2);font-weight:600}.chat-compare tbody th{color:var(--text-3);font-weight:500}.chat-chart ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.chat-chart li{font-size:var(--fs-sm);grid-template-columns:minmax(0,7rem) minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.chat-chart-label{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-chart-track{background:var(--surface-3);border-radius:5px;height:10px;overflow:hidden}.chat-chart-bar{background:var(--accent);transform-origin:0;height:100%;animation:growX .6s var(--ease) backwards;border-radius:5px;display:block}.chat-chart-bar[data-negative]{background:var(--text-3)}.chat-chart-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.chat-answer,.figure-focus{--fig-ink:var(--text);--fig-muted:var(--text-2);--fig-faint:var(--border);--fig-line:var(--border-strong);--fig-paper:var(--surface);--fig-accent:var(--accent);--fig-blue:#3570c4;--fig-yellow:#a77a0c;--fig-orange:#c0612b;--fig-green:#25754b;--fig-gray:#8c8880;--fig-curve-1:var(--accent);--fig-curve-2:#c0612b;--fig-wash:12%}.drawer.details-fullscreen .chat-answer,.drawer.details-fullscreen .figure-focus{--fig-blue:#7ea7ea;--fig-yellow:#e0b25e;--fig-orange:#f0956a;--fig-green:#62c193;--fig-gray:#a9a59d;--fig-curve-2:#f0956a;--fig-wash:18%}.chat-figure-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.chat-figure-head>figcaption{flex:1;min-width:0}.chat-figure-mermaid{gap:8px;margin-top:8px;display:grid}.chat-answer .chat-figure-head figcaption,.chat-answer .chat-tree>figcaption,.chat-answer .chat-timeline>figcaption,.chat-answer .chat-code>figcaption,.chat-answer .chat-table>figcaption{color:var(--text-2);font-size:var(--fs-sm);letter-spacing:0;text-transform:none;margin:0}.chat-answer .chat-tree>figcaption,.chat-answer .chat-timeline>figcaption,.chat-answer .chat-code>figcaption,.chat-answer .chat-table>figcaption{margin-bottom:6px}.chat-figure-expand,.chat-copy{border-radius:var(--r-sm);width:26px;height:26px;color:var(--text-3);transition:background var(--dur), color var(--dur);flex:none;place-items:center;display:inline-grid}.chat-figure-expand:hover,.chat-copy:hover{color:var(--text);background:var(--surface-3)}.chat-figure-expand:focus-visible,.chat-copy:focus-visible,.chat-replay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-figure-canvas{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--fig-paper);margin-top:6px;padding:6px 0;overflow-x:auto}.figure-focus .chat-figure-canvas{margin:0}.chat-figure-pending{background:var(--surface-2);min-height:180px}.fig{max-width:100%;height:auto;margin:0 auto;display:block;overflow:visible}.chat-figure-canvas[data-overflow] .fig{max-width:none}.fig-text{font-family:var(--font);font-variant-numeric:tabular-nums}.fig-mono{font-family:var(--mono)}.fig-halo{paint-order:stroke;stroke:var(--fig-paper);stroke-width:4px;stroke-linejoin:round}.fig-box{stroke-width:1.25px}.fig-zone,.fig-host{stroke-width:1.5px}.fig-path{stroke-linecap:round;stroke-linejoin:round}.fig-no-fill{fill:none}.fig-glyph path{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.fig-dash-dashed{stroke-dasharray:5 4}.fig-dash-dotted{stroke-dasharray:1.5 4}.fig-dot{stroke-width:2px}.chat-states{--pele-bg:var(--fig-paper);--pele-fg:var(--fig-ink);--pele-muted:var(--fig-muted);--pele-line:var(--fig-ink);--pele-surface:var(--fig-paper);--pele-surface-alt:var(--fig-paper);--pele-border:var(--fig-line);--pele-accent:var(--fig-accent);--pele-font:var(--font);--pele-font-mono:var(--mono);margin:0 auto}.chat-states>svg{width:100%;height:auto;display:block}.chat-states .pele-node>rect{rx:8px;ry:8px;stroke-width:1.25px}.chat-states .pele-edge>path:not(.pele-marker){stroke-width:1.5px}.chat-states .pele-edge-label text{fill:var(--fig-muted)}.chat-states .pele-node.tone-blue>rect{fill:color-mix(in srgb, var(--fig-blue) var(--fig-wash), var(--fig-paper));stroke:var(--fig-blue)}.chat-states .pele-node.tone-yellow>rect{fill:color-mix(in srgb, var(--fig-yellow) var(--fig-wash), var(--fig-paper));stroke:var(--fig-yellow)}.chat-states .pele-node.tone-orange>rect{fill:color-mix(in srgb, var(--fig-orange) var(--fig-wash), var(--fig-paper));stroke:var(--fig-orange)}.chat-states .pele-node.tone-green>rect{fill:color-mix(in srgb, var(--fig-green) var(--fig-wash), var(--fig-paper));stroke:var(--fig-green)}.chat-states .pele-node.tone-gray>rect{fill:color-mix(in srgb, var(--fig-gray) var(--fig-wash), var(--fig-paper));stroke:var(--fig-gray)}.chat-states-text{color:var(--text-2);font-size:var(--fs-sm);margin:0;padding:4px 12px}.fig-ink-ink{fill:var(--fig-ink)}.fig-ink-muted{fill:var(--fig-muted)}.fig-ink-accent{fill:var(--fig-accent)}.fig-stroke-ink{stroke:var(--fig-ink)}.fig-stroke-muted{stroke:var(--fig-muted)}.fig-stroke-faint{stroke:var(--fig-faint)}.fig-stroke-line{stroke:var(--fig-line)}.fig-stroke-paper{stroke:var(--fig-paper)}.fig-stroke-accent{stroke:var(--fig-accent)}.fig-stroke-blue{stroke:var(--fig-blue)}.fig-stroke-yellow{stroke:var(--fig-yellow)}.fig-stroke-orange{stroke:var(--fig-orange)}.fig-stroke-green{stroke:var(--fig-green)}.fig-stroke-gray{stroke:var(--fig-gray)}.fig-stroke-curve-1{stroke:var(--fig-curve-1)}.fig-stroke-curve-2{stroke:var(--fig-curve-2)}.fig-fill-ink{fill:var(--fig-ink)}.fig-fill-muted{fill:var(--fig-muted)}.fig-fill-paper{fill:var(--fig-paper)}.fig-fill-accent{fill:var(--fig-accent)}.fig-fill-curve-1{fill:var(--fig-curve-1)}.fig-fill-curve-2{fill:var(--fig-curve-2)}.fig-wash-paper{fill:var(--fig-paper)}.fig-fill-blue,.fig-wash-blue{fill:color-mix(in srgb, var(--fig-blue) var(--fig-wash), var(--fig-paper))}.fig-fill-yellow,.fig-wash-yellow{fill:color-mix(in srgb, var(--fig-yellow) var(--fig-wash), var(--fig-paper))}.fig-fill-orange,.fig-wash-orange{fill:color-mix(in srgb, var(--fig-orange) var(--fig-wash), var(--fig-paper))}.fig-fill-green,.fig-wash-green{fill:color-mix(in srgb, var(--fig-green) var(--fig-wash), var(--fig-paper))}.fig-fill-gray,.fig-wash-gray{fill:color-mix(in srgb, var(--fig-gray) var(--fig-wash), var(--fig-paper))}.chat-figure-legend{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none;display:flex}.chat-figure-legend li{align-items:center;gap:6px;display:inline-flex}.chat-swatch{border:1.5px solid var(--swatch);background:color-mix(in srgb, var(--swatch) var(--fig-wash), var(--fig-paper));border-radius:3px;width:12px;height:12px}.chat-swatch[data-line]{background:var(--swatch);border:0;border-radius:2px;height:3px}.fig-swatch-blue{--swatch:var(--fig-blue)}.fig-swatch-yellow{--swatch:var(--fig-yellow)}.fig-swatch-orange{--swatch:var(--fig-orange)}.fig-swatch-green{--swatch:var(--fig-green)}.fig-swatch-gray{--swatch:var(--fig-gray)}.fig-swatch-curve-1{--swatch:var(--fig-curve-1)}.fig-swatch-curve-2{--swatch:var(--fig-curve-2)}.tex .katex{font-size:1.08em}.tex-display .katex-display{margin:0;padding:2px 0;overflow:auto hidden}.tex-plain{font-family:Cambria Math,STIX Two Math,Latin Modern Math,Georgia,serif}.chat-formula{position:relative}.chat-formula .chat-copy{position:absolute;top:6px;right:6px}.chat-derivation ol{border-radius:var(--r-lg);background:var(--surface-2);grid-template-columns:max-content max-content minmax(0,1fr);align-items:baseline;gap:8px 10px;margin:8px 0 0;padding:12px 14px;list-style:none;display:grid;overflow-x:auto}.chat-derivation li{display:contents}.chat-derivation-left{text-align:right}.chat-derivation-whole{grid-column:1/span 2}.chat-derivation-note{color:var(--text-3);font-size:var(--fs-sm)}.chat-table-scroll{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.chat-table table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.chat-table th,.chat-table td{border-bottom:1px solid var(--divider);text-align:left;vertical-align:top;padding:7px 10px}.chat-table thead th{color:var(--text-2);background:var(--surface-2);font-weight:600}.chat-table tbody tr:last-child>*{border-bottom:0}.chat-table tbody th{font-weight:500}.chat-tree ul{margin:0;padding:0;list-style:none}.chat-tree>ul{margin-top:4px}.chat-tree ul ul{border-left:1.5px solid var(--border-strong);margin-left:8px;padding-left:14px}.chat-tree li{padding:3px 0;position:relative}.chat-tree ul ul>li:before{border-top:1.5px solid var(--border-strong);content:"";width:10px;position:absolute;top:15px;left:-14px}.chat-tree-label{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);font-size:var(--fs-sm);padding:3px 9px;display:inline-block}.chat-tree>ul>li>.chat-tree-label{border-color:var(--accent-line);background:var(--accent-soft);font-weight:600}.chat-timeline ol{border-left:2px solid var(--border-strong);gap:12px;margin:6px 0 0;padding:0 0 0 18px;list-style:none;display:grid}.chat-timeline li{gap:2px;display:grid;position:relative}.chat-timeline li:before{border:2px solid var(--surface);background:var(--accent);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-25px}.chat-timeline-date{color:var(--accent);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:600}.chat-timeline-title{font-weight:600}.chat-timeline-detail{color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.chat-code pre{border-radius:var(--r-lg);background:var(--surface-2);font-family:var(--mono);font-size:var(--fs-sm);margin:0;padding:10px 0;line-height:1.55;overflow-x:auto}.chat-code-line{border-left:3px solid #0000;padding:0 12px;display:block}.chat-code-line[data-highlight]{border-left-color:var(--accent);background:var(--accent-soft)}.chat-code .tok-keyword,.chat-code .tok-operatorKeyword,.chat-code .tok-controlKeyword{color:var(--violet)}.chat-code .tok-string,.chat-code .tok-string2{color:var(--green)}.chat-code .tok-number,.chat-code .tok-bool,.chat-code .tok-atom{color:var(--orange)}.chat-code .tok-comment{color:var(--text-3);font-style:italic}.chat-code .tok-definition,.chat-code .tok-function{color:var(--blue)}.chat-code .tok-typeName,.chat-code .tok-className{color:var(--teal)}.chat-code .tok-propertyName{color:var(--rose)}.chat-replay{border:1px solid var(--accent-line);border-radius:var(--r-lg);color:var(--text);background:var(--accent-soft);text-align:left;transition:background var(--dur), border-color var(--dur);justify-self:start;align-items:center;gap:10px;padding:8px 14px 8px 10px;display:inline-flex}.chat-replay:hover{border-color:var(--accent)}.chat-replay>.icon{color:var(--accent);flex:none}.chat-replay>span{display:grid}.chat-replay-label{font-weight:600}.chat-replay-chapter{color:var(--text-2);font-size:var(--fs-sm)}.figure-focus .modal-b{gap:10px}@media (prefers-reduced-motion:reduce){.chat-replay,.chat-figure-expand,.chat-copy{transition:none}}.chat-typing{background:var(--surface-2);border-radius:16px;align-self:flex-start;gap:5px;padding:10px 14px;display:inline-flex}.chat-typing>span[aria-hidden]{background:var(--text-3);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing}.chat-typing>span:nth-child(2){animation-delay:.15s}.chat-typing>span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-error{border-radius:var(--r);color:var(--text-2);background:var(--red-soft);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-composer{border-top:1px solid var(--divider);background:var(--surface);flex:none;gap:6px;padding:10px 14px 14px;display:grid}.chat-context{color:var(--text-3);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.chat-context strong{color:var(--text-2);font-weight:500}.chat-input{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--field-rest), var(--shadow-sm);transition:border-color var(--focus-dur) var(--focus-ease), box-shadow var(--focus-dur) var(--focus-ease);border-radius:18px;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;display:flex}.chat-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 8px 28px -8px var(--focus-light), var(--shadow-sm)}.chat-input textarea{min-width:0;font-size:var(--fs-md);resize:none;background:0 0;border:0;flex:1;padding:5px 0;line-height:22px}.chat-input textarea:focus-visible{outline:none}.chat-input textarea::placeholder{color:var(--text-3)}.chat-send{width:34px;height:34px;color:var(--on-accent);background:var(--accent);transition:background var(--dur-ui), opacity var(--dur-ui), transform .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.chat-send:disabled{color:var(--text-3);background:var(--surface-3);cursor:default}.chat-send:not(:disabled):active{transform:scale(.94)}.lesson-heading h1:focus-visible{outline:none}.lesson-heading{text-align:center;justify-items:center;gap:10px;display:grid}.lesson-heading h1{max-width:34ch;font-size:clamp(var(--fs-2xl), 3.2vw, 32px);letter-spacing:-.022em;text-wrap:balance;view-transition-name:tutor-heading;margin:0;font-weight:600;line-height:1.2}.lesson-meta{color:var(--text-3);font-family:var(--mono);font-size:var(--fs-xs);animation:riseIn .4s 80ms var(--ease) backwards;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;display:flex}.lesson-ask{max-width:60ch;color:var(--text-3);font-size:var(--fs-sm);text-wrap:balance;animation:riseIn .4s var(--ease) backwards;margin:0}.lesson-ask span{color:var(--text-2);font-weight:500}.lesson-level{color:var(--level-ink);font-family:var(--font);align-items:center;gap:6px;font-weight:500;display:inline-flex}.lesson-level .level-bars{height:10px}.lesson-level .level-bars>span{width:2px;height:calc(4px + var(--bar) * 1.5px)}.lesson-end{width:min(100%,177.778svh - 533.333px);min-width:min(100%,36rem);animation:riseIn .45s .15s var(--ease) backwards;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:4px auto 0;display:grid}.lesson-end h3{font-size:var(--fs-md);margin:0 0 10px;font-weight:600}.lesson-end-recap,.lesson-end-next{border-radius:var(--r-2xl);background:var(--surface);box-shadow:var(--shadow-card);padding:16px 18px 18px}.lesson-end-recap ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-end-recap li{color:var(--text-2);padding-left:20px;line-height:1.5;position:relative}.lesson-end-recap li:before{background:var(--green);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:2px}.lesson-end-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-end-actions .btn-primary{max-width:100%}.lesson-end-label{text-overflow:ellipsis;overflow:hidden}.lesson-end-feedback{border-radius:var(--r-2xl);background:var(--surface);box-shadow:var(--shadow-card);grid-column:1/-1;padding:14px 18px}.lesson-end-feedback h3{margin:0}.lesson-feedback-row{animation:riseIn .3s var(--ease) backwards;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.lesson-feedback-actions,.lesson-feedback-chips{flex-wrap:wrap;gap:8px;display:flex}.lesson-feedback-reasons{animation:riseIn .3s var(--ease) backwards;justify-items:start;gap:10px;display:grid}.lesson-feedback-skip{font-size:var(--fs-sm)}.lesson-feedback-thanks{color:var(--text-2);align-items:center;gap:8px;margin:0;display:flex}.lesson-feedback-thanks .icon{color:var(--green);flex:none}.lesson-end-feedback .sign-in-error{margin-top:8px}.details-report{color:var(--text-2);margin-top:6px}.celebration{width:0;height:0;display:inline-block;position:relative}.celebration>span{background:var(--accent);opacity:0;width:8px;height:8px;animation:scatter .9s var(--spring) forwards;animation-delay:calc(var(--n) * 30ms);border-radius:50%;position:absolute;top:0;left:0}@keyframes scatter{0%{opacity:1;transform:rotate(calc(var(--n) * 60deg)) translateX(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(calc(var(--n) * 60deg)) translateX(46px) scale(1)}}.player-frame .mc-tutor-stage:has(.mc-tutor-poster) .mc-tutor-status{border-radius:var(--r-full);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:10px;padding:10px 16px;display:flex;inset:50% auto auto 50%;translate:-50% -50%}.player-frame .mc-tutor-stage:has(.mc-tutor-poster) .mc-tutor-start[data-start-state=ready]{background:color-mix(in srgb, var(--surface) 14%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media (width<=42rem){.lesson-end{grid-template-columns:minmax(0,1fr)}}.lesson-chapter{max-width:100%;font-family:var(--font);padding-left:3px}.lesson-chapter .badge{height:18px;font-family:var(--mono);font-size:var(--fs-2xs)}.lesson-chapter-label{text-overflow:ellipsis;animation:riseIn .36s var(--ease);overflow:hidden}.player-frame{width:min(100%,177.778svh - 533.333px);min-width:min(100%,36rem);animation:player-enter .7s 60ms var(--ease) backwards;view-transition-name:tutor-surface;margin:0 auto;position:relative}@supports (view-transition-name:none){.player-frame{animation:none}}.player-frame .mc-tutor-player{--mc-tutor-radius:var(--r-xl)}.player-frame .mc-tutor-player:not([data-fullscreen]){box-shadow:var(--shadow-pop)}.player-frame:has(>.mc-tutor-player:is([data-fullscreen=expanded],[data-fullscreen-motion])){z-index:50}.player-frame .mc-tutor-stage{transition:background-color .5s var(--ease)}.player-frame :is([data-player-state=loading],[data-player-state=idle],[data-player-state=preparing]) .mc-tutor-stage{background-color:var(--surface-3)}.player-frame :is([data-player-state=loading],[data-player-state=idle],[data-player-state=preparing]) .mc-tutor-stage:before{background:var(--surface-2);content:"";pointer-events:none;animation:1.3s ease-in-out infinite alternate flat-pulse;position:absolute;inset:0}.player-frame .mc-tutor-stage canvas{transition:opacity .5s var(--ease)}.player-frame :is([data-player-state=loading],[data-player-state=idle],[data-player-state=preparing]) .mc-tutor-stage canvas{opacity:0}.player-frame .mc-tutor-status{background:0 0}.drawer{--mc-tutor-accent:var(--accent);--mc-tutor-accent-soft:var(--accent-soft);--mc-tutor-on-accent:var(--on-accent);--mc-tutor-surface:var(--surface);--mc-tutor-surface-2:var(--surface-2);--mc-tutor-text:var(--text);--mc-tutor-text-3:var(--text-3);--mc-tutor-border:var(--border);--mc-tutor-border-strong:var(--border-strong);--mc-tutor-done:var(--green);border:0;border-left:1px solid var(--border);width:min(460px,100vw);max-width:none;height:100%;max-height:none;color:var(--text);background:var(--surface);flex-direction:column;margin:0;padding:0;display:none;position:fixed;inset:0 0 0 auto;box-shadow:-18px 0 40px -24px #00000040}.drawer[open]{animation:drawerIn .34s var(--ease-drawer) both;display:flex}.drawer::backdrop{background:#1816131a;animation:.18s both fade}.drawer[open] .drawer-b>*{animation:riseIn .38s var(--ease) both}.drawer[open] .drawer-b>:nth-child(2){animation-delay:40ms}.drawer[open] .drawer-b>:nth-child(3){animation-delay:70ms}.drawer[open] .drawer-b>:nth-child(n+4){animation-delay:.1s}.drawer-close{margin-left:auto}.drawer-title{font-size:var(--fs-xl);letter-spacing:-.018em;margin:0 0 6px;font-weight:600;line-height:1.3}.drawer-objective{color:var(--text-2);margin:0 0 18px;line-height:1.55}.drawer .stats,.drawer .stat dd{margin:0}.drawer .tabs{margin-bottom:12px}.tab-panel{animation:riseIn .26s var(--ease) both}.drawer .mc-tutor-chapters{border:0;padding:0}.drawer .mc-tutor-chapter-status{color:var(--text-3);font-size:var(--fs-xs);margin-bottom:6px;font-weight:400}.drawer .mc-tutor-chapters ol{grid-template-columns:minmax(0,1fr);gap:2px}.drawer .mc-tutor-chapters button{border-radius:var(--r-sm);border-color:#0000;min-height:38px;padding:6px 8px}.drawer .mc-tutor-chapters button[aria-current]{border-color:#0000}.drawer .mc-tutor-chapters [data-chapter-state=done] .mc-tutor-chapter-number{animation:popCheck .42s var(--spring) both}.drawer .lesson-reading>h3{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-reading>p{color:var(--text-3);font-size:var(--fs-xs);margin:0 0 10px}.lesson-reading details{border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-card)}.lesson-reading details+details{margin-top:6px}.lesson-reading summary{border-radius:var(--r);cursor:pointer;min-height:38px;transition:background var(--dur);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-weight:500;list-style:none;display:flex}.lesson-reading summary::-webkit-details-marker{display:none}.lesson-reading summary:after{border-right:1.8px solid var(--text-3);border-bottom:1.8px solid var(--text-3);content:"";width:6px;height:6px;transition:transform .2s var(--ease);flex:none;transform:translateY(-2px)rotate(45deg)}.lesson-reading details[open] summary:after{transform:translateY(1px)rotate(225deg)}.lesson-reading summary:hover{background:var(--surface-2)}.lesson-reading details>p,.lesson-reading details>h4,.lesson-reading details>ol,.lesson-reading details>ul{margin:8px 12px}.lesson-reading h4{color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.lesson-reading details>p,.lesson-reading li{color:var(--text-2);overflow-wrap:anywhere;line-height:1.6}.lesson-reading details>:last-child{padding-bottom:12px}.lesson-reading li{white-space:pre-wrap;padding-right:12px}.lesson-reading a{color:var(--accent)}.drawer-shortcuts ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.drawer-shortcuts li{border-radius:var(--r-sm);min-height:30px;color:var(--text-2);justify-content:space-between;align-items:center;padding:0 8px;display:flex}.drawer-shortcuts li>span{gap:4px;display:flex}@media (hover:none){.drawer-shortcuts{display:none}}.drawer.details-fullscreen{--bg:#151514;--surface:#1e1e1d;--surface-2:#ffffff0f;--surface-3:#ffffff1a;--sunken:#0000003d;--border:#ffffff17;--border-strong:#ffffff29;--divider:#ffffff12;--text:#eceae5;--text-2:#c9c6bf;--text-3:#a9a59d;--text-4:#8e8a82;--text-inv:#151514;--accent:#8e9af3;--on-accent:#12131c;--accent-soft:#8e9af329;--accent-line:#8e9af373;--green:#62c193;--amber:#e0b25e;--red:#f08a7e;--shadow-sm:none;--shadow-card:0 0 0 1px var(--border);--shadow-pop:0 0 0 1px var(--border-strong);width:auto;height:auto;min-height:0;color:var(--text);box-shadow:none;font-size:var(--fs);background:0 0;border:0;flex:1;animation:none;display:flex;position:static}.details-fullscreen .drawer-h{border-bottom:0;height:52px;padding:0 8px 0 18px}.details-fullscreen .details-tabs{padding:0 10px}.details-fullscreen .tab[aria-selected=true]:after{background:var(--accent)}.details-fullscreen .drawer-b{scrollbar-color:#ffffff2e transparent;scrollbar-width:thin;padding:18px 18px 28px}.details-fullscreen .drawer-b[data-tab=chat]{padding:0}.details-fullscreen .chat-log{scrollbar-color:#ffffff2e transparent;scrollbar-width:thin}.brand{color:var(--text);border-radius:var(--r-sm);flex:none;align-items:center;gap:8px;text-decoration:none;display:flex}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.brand-logo{width:auto;height:26px;display:block}.gallery{width:min(100% - 2 * var(--gutter), 66rem);gap:22px;margin:0 auto;padding:4px 0 24px;display:grid;position:relative}.gallery-heading{text-align:center;justify-items:center;gap:8px;margin-top:12px;display:grid}.gallery-heading h1{font-size:clamp(28px, 4.2vw, var(--fs-3xl));letter-spacing:-.035em;text-wrap:balance;view-transition-name:tutor-heading;margin:0;font-weight:600;line-height:1.1}.gallery-heading p{color:var(--text-2);font-size:var(--fs-md);animation:riseIn .4s 80ms var(--ease) backwards;margin:0}.gallery-toolbar{animation:riseIn .4s .12s var(--ease) backwards;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 14px;display:flex}.gallery-search{max-width:26rem;height:var(--h-lg);border:1px solid var(--border-strong);border-radius:var(--r-lg);color:var(--text-4);background:var(--surface);box-shadow:var(--field-rest), var(--shadow-sm);transition:border-color var(--focus-dur) var(--focus-ease), box-shadow var(--focus-dur) var(--focus-ease), color var(--focus-dur) var(--focus-ease);flex:1;align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.gallery-search:hover:not(:focus-within){border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.gallery-search:focus-within{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 8px 36px 0 var(--focus-light), var(--shadow-sm)}.gallery-search input{width:0;min-width:0;height:100%;color:var(--text);font-size:var(--fs-md);background:0 0;border:0;flex:1;padding:0}.gallery-search input:focus-visible{outline:none}.gallery-search input::placeholder{color:var(--text-3)}.gallery-search input::-webkit-search-cancel-button{display:none}.gallery-search .ibtn{width:var(--h-sm);height:var(--h-sm)}.gallery-count{color:var(--text-3);font-family:var(--mono);font-size:var(--fs-xs);white-space:nowrap}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.gallery-item{min-width:0;animation:riseIn .45s var(--ease) backwards;animation-delay:calc(.14s + var(--i) * 45ms);display:flex;position:relative}.gallery-item[data-active]{animation:none}.lesson-card{border-radius:var(--r-2xl);min-width:0;color:var(--text);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow .25s var(--ease), transform .25s var(--ease);flex-direction:column;flex:1;text-decoration:none;display:flex;position:relative;overflow:hidden}.lesson-card:hover,.lesson-card:focus-visible,.lesson-card[data-opening]{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.lesson-card:active{transform:translateY(0)scale(.99)}.lesson-card:focus-visible{border-radius:var(--r-2xl);outline-offset:2px}.lesson-card-body{flex-direction:column;flex:1;gap:10px;min-width:0;padding:14px 16px;display:flex}.poster{aspect-ratio:16/9;border-bottom:1px solid var(--divider);background:var(--surface-2);flex:none;display:block;position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.lesson-card:is(:hover,:focus-visible) .poster img,.resume-card:is(:hover,:focus-visible) .poster img{transform:scale(1.03)}.poster[data-fallback]{background:color-mix(in srgb, var(--level-color,var(--accent)) 9%, var(--surface-2));place-items:center;display:grid}.poster-mark{width:44px;height:auto;color:color-mix(in srgb, var(--level-color,var(--accent)) 40%, transparent)}.poster-level{border-radius:var(--r-full);height:24px;color:var(--text);box-shadow:0 1px 2px #1c191414, 0 0 0 1px var(--border);font-size:var(--fs-xs);background:#ffffffeb;align-items:center;gap:6px;padding:0 9px 0 8px;font-weight:500;display:inline-flex;position:absolute;bottom:10px;left:10px}.poster-level .level-bars{height:10px}.poster-level .level-bars>span{width:2px;height:calc(4px + var(--bar) * 1.5px)}.poster-duration{border-radius:var(--r-sm);color:#fff;height:22px;font-family:var(--mono);font-size:var(--fs-xs);background:#1d1c1ab8;padding:0 7px;line-height:22px;position:absolute;bottom:10px;right:10px}.poster-skeleton{aspect-ratio:16/9;border-radius:0;display:block}.filter-chips{flex-wrap:wrap;flex-basis:100%;order:3;gap:6px;display:flex}.filter-chip{height:var(--h-md);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-2);background:var(--surface);font-size:var(--fs-sm);transition:background var(--dur-ui), border-color var(--dur-ui), color var(--dur-ui), transform .2s var(--ease);align-items:center;gap:7px;padding:0 12px;font-weight:500;display:inline-flex}.filter-chip:hover{border-color:color-mix(in srgb, var(--level-color) 35%, var(--border));color:var(--text)}.filter-chip:active{transform:scale(.97)}.filter-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--level-color) 45%, transparent);color:var(--text);background:color-mix(in srgb, var(--level-color) 10%, var(--surface))}.filter-chip .level-bars{height:11px}.filter-chip .level-bars>span{width:2.5px;height:calc(4px + var(--bar) * 1.7px)}.filter-count{color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.gallery-selects{align-items:center;gap:8px;display:flex}.gallery-select select{height:var(--h-md);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);background:var(--surface);cursor:pointer;font-size:var(--fs-sm);padding:0 8px}.gallery-row{min-width:0;animation:riseIn .4s .1s var(--ease) backwards;gap:10px;display:grid}.gallery-row-title{font-size:var(--fs-md);margin:0;font-weight:600}.gallery-strip{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(14rem,17rem);grid-auto-flow:column;gap:12px;margin:0;padding:2px 2px 8px;list-style:none;display:grid;overflow-x:auto}.gallery-strip>li{scroll-snap-align:start}.resume-card{border-radius:var(--r-xl);color:var(--text);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow .25s var(--ease), transform .25s var(--ease);text-decoration:none;display:grid;overflow:hidden}.resume-card:hover,.resume-card:focus-visible{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.resume-card .poster{border-bottom:0}.lesson-card-progress{background:0 0;height:3px;margin-top:-3px;position:relative}.lesson-card-progress:after{width:calc(var(--progress) * 100%);background:var(--accent);content:"";transition:width .2s linear;position:absolute;inset:0 auto 0 0}.resume-progress{background:var(--surface-3);height:3px;position:relative}.resume-progress:after{width:calc(var(--progress) * 100%);background:var(--accent);content:"";position:absolute;inset:0 auto 0 0}.resume-title{text-overflow:ellipsis;white-space:nowrap;padding:10px 12px 2px;font-weight:600;overflow:hidden}.resume-meta{color:var(--accent);font-size:var(--fs-sm);align-items:center;gap:5px;padding:0 12px 12px;font-weight:500;display:inline-flex}.resume-meta .icon{width:13px;height:13px}.lesson-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.lesson-card-badges{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.lesson-card-title{font-size:var(--fs-xl);letter-spacing:-.018em;text-wrap:balance;margin:0;font-weight:600;line-height:1.25}.lesson-card-objective{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.lesson-card-chapters{color:var(--text-2);font-size:var(--fs-sm);counter-reset:chapter;gap:5px;margin:0;padding:0;list-style:none;display:grid}.lesson-card-chapters li{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.lesson-card-chapters li:not(.lesson-card-more):before{border-radius:var(--r-xs);width:18px;height:18px;color:var(--text-3);background:var(--surface-2);content:counter(chapter);counter-increment:chapter;font-family:var(--mono);font-size:var(--fs-2xs);flex-shrink:0;place-items:center;display:inline-grid}.lesson-card-more{color:var(--text-3);padding-left:26px}.lesson-card-foot{border-top:1px solid var(--divider);color:var(--text-3);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.lesson-card-play{color:var(--accent);font-size:var(--fs-sm);transition:transform .25s var(--ease);align-items:center;gap:5px;font-weight:500;display:inline-flex}.lesson-card-play .icon{width:14px;height:14px}.lesson-card:hover .lesson-card-play{transform:translate(2px)}.lesson-card-spinner{animation:1.2s linear infinite spin;display:grid}.lesson-card-skeleton{min-height:13.5rem;list-style:none}.lesson-card-skeleton .lesson-card-body{gap:12px}.gallery-empty{border:1px dashed var(--border-strong);border-radius:var(--r-xl);color:var(--text-2);text-align:center;animation:riseIn .4s var(--ease) backwards;justify-items:center;gap:8px;padding:48px 16px;display:grid}.gallery-empty strong{color:var(--text);font-weight:500}.gallery-empty .btn{margin-top:6px}.lesson-loading-title{border-radius:var(--r);width:min(60%,22rem);height:30px}.lesson-loading-stage{aspect-ratio:16/9;border-radius:var(--r-xl);background:var(--surface-3);box-shadow:var(--shadow-pop);position:relative;overflow:hidden}.lesson-loading-stage:before{background:var(--surface-2);content:"";animation:1.3s ease-in-out infinite alternate flat-pulse;position:absolute;inset:0}::view-transition-group(*){animation-duration:.62s;animation-timing-function:var(--ease-drawer)}::view-transition-old(tutor-surface){animation-duration:.24s}::view-transition-old(root){animation-duration:.36s}::view-transition-new(root){animation-duration:.36s}@keyframes word-rise{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}@keyframes player-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes flat-pulse{0%{opacity:0}}.sk{background:var(--surface-3);animation:1.3s ease-in-out infinite alternate sk-pulse}@keyframes sk-pulse{to{opacity:.55}}@keyframes listening{0%{box-shadow:0 0 #b23c3073}to{box-shadow:0 0 0 10px #b23c3000}}@media (width<=42rem){:root{--gutter:16px}.site-header{padding:0 12px 0 16px}.site-header-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ask{align-items:start;padding-top:40px}.ask-inner{padding-top:8vh}.composer{padding-left:14px}.gallery-search{flex-basis:100%;max-width:none}.mc-tutor-start-button,.mc-tutor-start-actions>button{height:40px;font-size:var(--fs-md);padding-inline:16px}.drawer{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;height:auto;max-height:88dvh;box-shadow:var(--shadow-pop);border-left:0;inset:auto 0 0}.drawer[open]{animation:sheet-in .34s var(--ease-drawer) both}.drawer-b{padding:16px 16px 28px}}@media (width<=359px){.brand .badge{display:none}}@media (width<=23rem){.send-button[data-ready]{gap:0;padding:0 10px}.send-button[data-ready] .send-label{opacity:0;max-width:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:.12s both fadeOnly!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.hero-underline path,.welcome-vignette-underline{stroke-dashoffset:0}}.job-pill{z-index:40;max-width:min(26rem,100vw - 32px);min-height:var(--h-lg);border-radius:var(--r-full);color:var(--text);background:var(--surface);box-shadow:var(--shadow-pop);animation:pill-in .42s var(--spring) both;align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex;position:fixed;bottom:20px;right:20px}.job-pill[data-kind=ready]{border-radius:var(--r-xl);box-shadow:var(--shadow-pop), 0 0 0 1px color-mix(in srgb, var(--green) 35%, transparent);padding-left:12px}.job-pill-ring{background:conic-gradient(var(--accent) calc(var(--progress) * 360deg), var(--surface-3) 0);width:22px;height:22px;transition:background .4s var(--ease);border-radius:50%;flex:none;position:relative}.job-pill-ring:after{background:var(--surface);content:"";border-radius:50%;position:absolute;inset:4px}.job-pill-done{color:var(--green);animation:popCheck .42s var(--spring) both;flex:none;display:grid}.job-pill-text{min-width:0;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;display:grid}.job-pill-text strong{font-weight:600}.job-pill-text span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-pill .btn-sm{height:var(--h-md);border-radius:var(--r-full);flex:none}@keyframes pill-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@media (width<=42rem){.job-pill{max-width:none;bottom:16px;left:16px;right:16px}.drawer.details-drawer:has(.drawer-b[data-tab=chat]){height:88dvh}.chat-question{margin-left:8%}}.sign-in .modal-h h2{font-size:var(--fs-lg)}.sign-in-body{animation:riseIn .3s var(--ease) backwards}.sign-in-lede{color:var(--text-2);margin:0}.sign-in-lede strong{color:var(--text);font-weight:500}.sign-in-question{border-radius:var(--r-lg);background:color-mix(in srgb, var(--accent) 6%, var(--surface));margin:0;padding:10px 12px}.sign-in-question figcaption{color:var(--text-3);font-size:var(--fs-xs)}.sign-in-question p{color:var(--text);font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;line-height:1.5;display:-webkit-box;overflow:hidden}.sign-in-methods,.sign-in-form{flex-direction:column;gap:10px;display:flex}.sign-in-form{gap:8px}.sign-in-divider{color:var(--text-3);font-size:var(--fs-xs);align-items:center;gap:12px;margin:0;display:flex}.sign-in-divider:before,.sign-in-divider:after{background:var(--border);content:"";flex:1;height:1px}.sign-in-label{color:var(--text-2);font-size:var(--fs-sm);font-weight:500}.sign-in-field{height:var(--h-lg);border:1px solid var(--border-strong);border-radius:var(--r-lg);color:var(--text-4);background:var(--surface);box-shadow:var(--field-rest), var(--shadow-sm);cursor:text;transition:border-color var(--focus-dur) var(--focus-ease), box-shadow var(--focus-dur) var(--focus-ease), color var(--focus-dur) var(--focus-ease);align-items:center;gap:8px;padding:0 12px;display:flex}.sign-in-field:hover:not(:focus-within){border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.sign-in-field:focus-within{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 8px 36px 0 var(--focus-light), var(--shadow-sm)}.sign-in-field[data-invalid]{border-color:var(--red);color:var(--red);box-shadow:0 0 0 4px var(--red-soft), 0 0 0 0 transparent, var(--shadow-sm)}.sign-in-field input{width:0;min-width:0;height:100%;color:var(--text);font-size:var(--fs-md);background:0 0;border:0;flex:1;padding:0}.sign-in-field input::placeholder{color:var(--text-4)}.sign-in-field input:focus-visible{outline:none}.sign-in-error{color:var(--red);font-size:var(--fs-xs);margin:0}.sign-in-fine{color:var(--text-3);font-size:var(--fs-xs);align-items:flex-start;gap:6px;margin:0;display:flex}.sign-in-fine .icon{width:14px;height:14px;margin-top:2px}.sign-in-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px;font-weight:500}.sign-in-link:hover{text-decoration-color:currentColor}.sign-in-link:disabled{color:var(--text-3);font-variant-numeric:tabular-nums;cursor:default;text-decoration:none}.sign-in-body a.btn,.account-panel a.btn,.limit-notice a.btn{text-decoration:none}.sign-in-art-frame{border-radius:var(--r-lg);background:var(--surface-2);place-items:center;padding:18px 0 14px;display:grid}.sign-in-art{width:112px;height:auto;overflow:visible}.sign-in-art-letter{animation:riseIn .6s .1s var(--ease) backwards}.sign-in-art-sheet{fill:var(--surface);stroke:var(--text);stroke-width:2px}.sign-in-art-lines{fill:none;stroke:var(--text-4);stroke-linecap:round;stroke-width:2.5px}.sign-in-art-body{fill:var(--surface-3);stroke:var(--text);stroke-linejoin:round;stroke-width:2px}.sign-in-art-fold{fill:none;stroke:var(--text);stroke-linecap:round;stroke-width:2px}.sign-in-art-dot{fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:popCheck .42s .6s var(--spring) backwards}.sign-in-address{overflow-wrap:anywhere}.sign-in-wait{color:var(--text-3);font-size:var(--fs-xs);align-items:center;gap:8px;margin:0;display:flex}.sign-in-pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;flex:none;animation:.9s ease-in-out infinite alternate flat-pulse}.sign-in-signed{align-self:flex-start;max-width:100%}.sign-in-signed span{text-overflow:ellipsis;overflow:hidden}.sign-in-signed .icon{width:13px;height:13px}.sign-in-choice{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);cursor:pointer;transition:border-color var(--dur-ui), box-shadow var(--dur-ui);align-items:flex-start;gap:10px;padding:12px;display:flex;position:relative}.sign-in-choice:hover{border-color:var(--border-strong)}.sign-in-choice[data-checked]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sign-in-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.sign-in-choice input{opacity:0;pointer-events:none;position:absolute}.sign-in-box{border:1.5px solid var(--border-strong);border-radius:var(--r-xs);color:#0000;background:var(--surface);width:18px;height:18px;transition:background var(--dur-ui), border-color var(--dur-ui), color var(--dur-ui);flex:none;place-items:center;margin-top:1px;display:grid}.sign-in-box .icon{stroke-width:3px;width:12px;height:12px}.sign-in-choice[data-checked] .sign-in-box{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.sign-in-choice[data-checked] .sign-in-box .icon{animation:popCheck .42s var(--spring) both}.sign-in-choice-text{gap:2px;display:grid}.sign-in-choice-text strong{font-size:var(--fs-sm);font-weight:600}.sign-in-choice-text span{color:var(--text-3);font-size:var(--fs-xs)}.turnstile-slot:empty{display:none}.turnstile-inline{justify-content:center;display:flex}@media (width<=640px){.modal.sign-in{max-width:none}}.account{position:relative}.account-button{border-radius:var(--r-full);gap:8px;padding:0 3px 0 10px}.account-credits-pill{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.account-button[data-empty] .account-credits-pill{color:var(--text-3)}.account-avatar{color:var(--accent);background:var(--accent-soft);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.account-avatar[data-size=sm]{width:var(--h-sm);height:var(--h-sm);font-size:var(--fs-2xs)}.account-avatar[data-size=lg]{width:var(--h-md);height:var(--h-md);font-size:var(--fs-xs)}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-panel{z-index:30;border-radius:var(--r-xl);background:var(--surface);width:min(300px,100vw - 32px);box-shadow:var(--shadow-pop);animation:popIn .2s var(--ease) both;transform-origin:100% 0;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.account-who{align-items:center;gap:10px;min-width:0;padding:2px 2px 0;display:flex}.account-who-text{min-width:0;display:grid}.account-who-text strong,.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-who-text strong{font-weight:500}.account-email{color:var(--text-3);font-size:var(--fs-xs)}.account-month{border-radius:var(--r-lg);background:var(--surface-2);gap:8px;padding:10px 12px;display:grid}.account-month-head{color:var(--text-3);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:8px;display:flex}.account-month-count{color:var(--text-3);font-size:var(--fs-sm);align-items:baseline;gap:4px;margin:0;display:flex}.account-month-count strong{color:var(--text);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.account-meter{background:var(--border-strong);display:block}.account-meter>span{border-radius:inherit;background:var(--accent);height:100%;animation:growX .6s .1s var(--ease) backwards;transform-origin:0;display:block}.account-month-note{color:var(--text-3);font-size:var(--fs-xs);align-items:flex-start;gap:6px;margin:0;display:flex}.account-month-note .icon{width:14px;height:14px;margin-top:1px}.account-signout{justify-content:flex-start;margin:-4px}.limit-notice>.icon,.limit-notice>.send-spinner{color:var(--accent)}@media (width<=42rem){.limit-notice{flex-wrap:wrap}.limit-notice .btn{flex:1 0 100%}}.site-toast{z-index:40;max-width:min(32rem,100vw - 32px);min-height:var(--h-lg);border-radius:var(--r-full);color:var(--text);background:var(--surface);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);animation:pill-in .42s var(--spring) both, fadeOnly .3s 4.9s var(--ease) reverse forwards;align-items:center;gap:10px;margin:0;padding:6px 16px 6px 12px;display:flex;position:fixed;top:68px;left:50%;translate:-50%}.site-toast .icon{color:var(--green)}.turnstile-host{z-index:60;position:fixed;bottom:16px;right:16px}.report-dialog .modal-h h2{font-size:var(--fs-lg)}.report-form{flex-direction:column;min-height:0;display:flex}.report-body{animation:riseIn .3s var(--ease) backwards}.report-group{gap:6px;display:grid}.report-optional{color:var(--text-3);font-weight:400}.report-select{cursor:pointer;position:relative}.report-select select{width:0;min-width:0;height:100%;color:var(--text);font-size:var(--fs-md);cursor:pointer;appearance:none;background:0 0;border:0;flex:1;padding:0}.report-select select:focus-visible{outline:none}.report-select>.icon:last-child{pointer-events:none}.report-comment{border:1px solid var(--border-strong);border-radius:var(--r-lg);width:100%;min-height:96px;color:var(--text);background:var(--surface);box-shadow:var(--field-rest), var(--shadow-sm);font-size:var(--fs-md);resize:vertical;transition:border-color var(--focus-dur) var(--focus-ease), box-shadow var(--focus-dur) var(--focus-ease);padding:10px 12px;line-height:1.5}.report-comment::placeholder{color:var(--text-4)}.report-comment:hover:not(:focus){border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.report-comment:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-sm);outline:none}.report-count{color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;justify-self:end;margin:0}.report-sent{align-self:flex-start}@media (width<=640px){.modal.report-dialog{max-width:none}}.buy .modal-h h2{font-size:var(--fs-lg)}.buy-body{animation:riseIn .3s var(--ease) backwards}.buy-form{flex-direction:column;min-height:0;display:flex}.buy-currency{align-self:flex-start}.buy-offers{gap:8px;display:grid}.buy-offer{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;transition:border-color var(--dur), background var(--dur);align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.buy-offer:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.buy-offer[data-selected]{border-color:var(--accent);background:var(--accent-soft)}.buy-offer input{opacity:0;pointer-events:none;position:absolute}.buy-offer:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.buy-offer-text{flex:1;gap:2px;display:grid}.buy-offer-text strong{font-weight:600}.buy-offer-text span{color:var(--text-2);font-size:var(--fs-sm)}.buy-offer-price{font-size:var(--fs-md);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.buy-summary{border-radius:var(--r-lg);background:var(--surface-2);justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.buy-summary strong{font-variant-numeric:tabular-nums}.buy-group{gap:6px;display:grid}.buy-prefix{color:var(--text-2);font-size:var(--fs-md);font-variant-numeric:tabular-nums}.buy-phone input{font-variant-numeric:tabular-nums}.buy-methods{flex-wrap:wrap}.buy-methods>label:has(input:disabled){cursor:not-allowed;opacity:.5}.buy-paid{align-self:flex-start}.account-buy{justify-content:center}.limit-notice-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.modal.buy{max-width:none}}