.settings-entry{margin-left:auto}.settings-trigger{color:var(--app-text);border:1px solid var(--app-line);background:0 0}.settings-dialog{border:1px solid var(--app-line);background:var(--app-bg);width:min(600px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--app-text);border-radius:12px;margin:auto;padding:24px;overflow:auto;box-shadow:0 20px 70px #0003}.settings-dialog::backdrop{background:#0005}.settings-dialog h2{margin:0 0 24px}.settings-dialog label{gap:8px;margin:16px 0;display:grid}.settings-dialog select{margin:0}.settings-dialog form{justify-content:flex-end;margin:24px 0 0;display:flex}.settings-dialog form button{width:auto}.settings-dialog details{margin:24px 0}.settings-dialog summary{cursor:pointer;font-weight:500}.settings-dialog textarea{font:var(--vl-text-code)/var(--vl-leading-code) var(--vl-font-code)}.settings-account{border-top:1px solid var(--app-line);margin-top:24px;padding-top:16px}.settings-account dl{grid-template-columns:1fr 1fr}.settings-account p{overflow-wrap:anywhere}.settings-account h3{font-size:var(--vl-text-section);line-height:var(--vl-leading-section)}@media (width<=767px){.settings-dialog{padding:20px}.settings-account dl{grid-template-columns:1fr}}.practice-workspace{min-width:0}.practice-workspace>header{min-height:40px;margin-bottom:20px}.practice-workspace h2{margin:0}.practice-workspace fieldset{border:1px solid var(--app-line);border-radius:10px;min-width:0;margin:24px 0;padding:20px}.practice-workspace legend{padding:0 6px;font-weight:500}.practice-workspace details{margin:16px 0}.practice-workspace summary{font-weight:500}.practice-workspace .actions{justify-content:flex-start;margin:18px 0}.practice-workspace fieldset button{padding:6px 10px}.practice-workspace form>button{width:auto}.practice-workspace input,.practice-workspace textarea{font-weight:400}.task-day{margin:20px 0}.task-date{color:var(--app-muted);font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption);margin:0 0 8px}.task-row{border-bottom:1px solid var(--app-line);padding:16px 0}.task-line{align-items:center;gap:10px;min-width:0;display:flex}.task-line>input{flex-shrink:0;margin-right:4px}.task-name{flex:1;min-width:0}.task-titleline{align-items:center;gap:8px;display:flex}.task-titleline h3{overflow-wrap:anywhere;margin:0}.task-meta{color:var(--app-muted);font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption);align-items:center;gap:14px;margin-top:6px;display:flex}.info-icon{color:var(--app-muted);flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.task-line>.icon-button{color:var(--app-muted)}.topic-list{background:var(--app-side);border-radius:10px;margin:14px 0 0 30px;padding:0 14px}.topic-row{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.topic-row:last-child{border-bottom:0}.topic-name{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;display:flex}.practice-workspace .missing-details{color:var(--app-warning);flex-shrink:0;margin:0;position:relative}.missing-details summary{justify-content:center;align-items:center;padding:4px;list-style:none;display:flex}.missing-details summary::-webkit-details-marker{display:none}.missing-details>div{z-index:3;border:1px solid var(--app-line);background:var(--app-bg);width:220px;max-width:calc(100vw - 64px);color:var(--app-text);font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption);border-radius:8px;padding:12px;position:absolute;top:32px;right:0;box-shadow:0 8px 24px #0002}.empty-group{font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption);color:var(--app-muted);margin:16px 0 24px}.date-link{color:var(--app-muted);font-size:var(--vl-text-caption);background:0 0;padding:4px 0;font-weight:400}.practice-actions{min-height:var(--vl-toefl-actions-min-height);border-top:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px 0;display:flex}.practice-actions>span{color:var(--app-muted);font-size:var(--vl-text-caption)}.practice-actions>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=767px){.task-line{gap:6px}.task-line>.icon-button{min-width:32px;padding:6px}.topic-list{margin-left:24px;padding-inline:10px}.practice-actions{flex-wrap:wrap}.practice-actions>div{margin-left:auto}.practice-workspace fieldset{padding:14px}}.material-item{border-bottom:1px solid var(--app-line);padding:16px 0}.material-item:last-child{border-bottom:0}.audio-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audio-actions button{color:var(--app-text);background:0 0;padding:4px 8px;font-weight:400}.audio-actions svg,.audio-stale svg{width:16px;height:16px}.audio-source,.audio-stale,.audio-confirm{font-size:var(--vl-text-caption);color:var(--app-muted)}.audio-stale{align-items:center;gap:4px;display:flex}.audio-material audio{width:min(100%,360px);height:32px;margin-top:8px;display:block}.audio-confirm{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.audio-material input[type=file]{display:none}.task-meta,.task-titleline{flex-wrap:wrap}.task-record-link{color:var(--app-text);font:inherit;text-align:left;text-underline-offset:3px;overflow-wrap:anywhere;background:0 0;padding:0;text-decoration:underline;display:inline}.practice-records>h2{overflow-wrap:anywhere}.practice-record{border-bottom:1px solid var(--app-line);padding:16px 0}.practice-record h3{overflow-wrap:anywhere;margin:0}.record-caption{font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption);color:var(--app-muted);margin:6px 0}.record-state{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.sync-notice{font-size:var(--vl-text-caption);color:var(--app-muted);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.retry-records h4{font-size:var(--vl-text-control);font-weight:var(--vl-weight-medium);margin:12px 0 4px}.retry-records ol{padding-left:20px}.retry-records li{margin-bottom:8px}.retry-records .text-button{margin-right:12px}.skill-prompts textarea,.prompt-preview{font-family:var(--vl-font-code);font-size:var(--vl-text-code);line-height:var(--vl-leading-code)}.prompt-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.skill-row,.skill-choice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skill-row{justify-content:space-between;padding:8px 0}.skill-choice input{width:auto}.skill-prompts fieldset{border:1px solid var(--app-line);border-radius:8px;min-width:0;margin:12px 0;padding:12px}.wb-board,.wb-replay{font-family:var(--vl-font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--vl-text-body,14px);line-height:var(--vl-leading-body,22px);color:inherit;min-width:0}.wb-board h3,.wb-board h4{font-size:var(--vl-text-control,14px);line-height:var(--vl-leading-control,20px);font-weight:var(--vl-weight-medium,500);overflow-wrap:anywhere;margin:12px 0}.wb-navigation,.wb-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.wb-board button,.wb-controls button,.wb-controls select{font:inherit;border:1px solid var(--app-line,#dedede);min-height:32px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.wb-board button[aria-pressed=true]{background:#e8edf2}.wb-controls button:disabled{opacity:.45;cursor:default}.wb-controls label{font-size:var(--vl-text-caption,12px)}.wb-controls input{width:160px;max-width:100%;display:block}.wb-card{border-bottom:1px solid var(--app-line,#dedede);padding:12px 0}.wb-source-label,.wb-caption,.wb-chunks small{font-size:var(--vl-text-caption,12px);line-height:var(--vl-leading-caption,18px);color:var(--app-muted,#666)}.wb-source-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px}.wb-mark{text-underline-offset:3px;background:#eef4fb;text-decoration:underline;text-decoration-thickness:2px}.wb-group{border-bottom:1px dashed #777;padding-bottom:5px}.wb-highlight{background:#e0eedc}.wb-expected{border:1px solid #947456;padding:1px 4px}.wb-gap{font-weight:500}.wb-feedback p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.wb-chunks{padding-left:20px}.wb-chunks p{overflow-wrap:anywhere;margin:4px 0}.wb-summary-toggle{margin-top:12px}.wb-board button:focus-visible,.wb-controls button:focus-visible{outline-offset:2px;outline:2px solid #638db3}.wb-board nav.wb-navigation{flex-flow:wrap;align-items:center;gap:8px;display:flex}.wb-board nav.wb-navigation button{width:auto;min-width:32px;min-height:32px;font-weight:var(--vl-weight-medium,500);justify-content:center;padding:4px 10px}.wb-board nav.wb-navigation button[aria-pressed=true]{background:#e8edf2}.wb-controls select{width:auto;max-width:100%;min-height:32px;margin:0;display:inline-block}.wb-controls label{min-width:160px;font-weight:var(--vl-weight-regular,400);margin:0}.wb-controls input[type=range]{accent-color:var(--app-text,#252525);margin:4px 0;padding:0}.workspace{grid-template-columns:var(--vl-toefl-nav-wide) minmax(0,1fr);background:var(--app-bg);height:100dvh;display:grid}.workspace-side{background:var(--app-side);flex-direction:column;min-height:0;padding:20px 12px;display:flex;overflow:auto}.workspace-brand{justify-content:space-between;align-items:center;gap:8px;padding:4px 12px 28px;display:flex}.workspace-brand strong,.drawer-heading strong{font-size:var(--vl-text-title);color:var(--app-brand);font-weight:500}.workspace-brand small{font-size:var(--vl-text-caption);color:var(--app-muted);display:block}.workspace nav,.workspace-drawer nav{flex-direction:column;gap:4px;display:flex}.workspace nav button,.workspace-drawer nav button{text-align:left;width:100%;min-height:44px;color:var(--app-text);white-space:normal;background:0 0;align-items:center;gap:10px;padding:10px 12px;font-weight:400;display:flex}.workspace nav button svg,.workspace-drawer nav button svg{flex-shrink:0;width:18px;height:18px}.workspace nav button.nav-active{background:var(--app-hover);font-weight:500}.workspace nav button:disabled,.workspace-drawer nav button:disabled{color:var(--app-muted);opacity:.7}.workspace nav button,.workspace-drawer nav button{justify-content:flex-start}.workspace-bottom{margin-top:auto;padding-top:20px}.workspace-account{font-size:var(--vl-text-caption);color:var(--app-muted);overflow-wrap:anywhere;margin:0;padding:8px 12px}.workspace .settings-entry{width:100%;margin:0}.workspace .settings-trigger{border:0;border-radius:8px}.workspace-main{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.workspace-header{padding:12px var(--vl-toefl-gutter-wide);min-height:var(--vl-toefl-header-height);justify-content:flex-start;gap:12px}.workspace-header h1{width:100%;max-width:var(--vl-toefl-content-max);margin:0 auto}.workspace-content{min-width:0;padding:20px var(--vl-toefl-gutter-wide) 24px;overflow:auto}.workspace-content>*{max-width:var(--vl-toefl-content-max);margin-left:auto;margin-right:auto}.icon-button{color:inherit;background:0 0;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;display:inline-flex}.icon-button svg{width:18px;height:18px}.workspace .compact-menu,.workspace .mobile-menu{display:none}.workspace.nav-collapsed{grid-template-columns:var(--vl-toefl-nav-rail) minmax(0,1fr)}.workspace.nav-collapsed .workspace-side .nav-label{display:none}.workspace.nav-collapsed .workspace-side{padding-left:6px;padding-right:6px}.workspace.nav-collapsed .workspace-brand{justify-content:center;padding-left:0;padding-right:0}.workspace.nav-collapsed .workspace-side nav button{justify-content:center;padding:10px 8px}.workspace-drawer{width:min(var(--vl-toefl-nav-drawer),calc(100% - var(--vl-toefl-nav-drawer-clearance)));border:0;border-right:1px solid var(--app-line);background:var(--app-side);max-width:none;height:100%;max-height:none;color:var(--app-text);margin:0;padding:20px 12px;position:fixed;inset:0 auto 0 0}.workspace-drawer[open]{flex-direction:column;display:flex;overflow:auto}.workspace-drawer::backdrop{background:#0005}.drawer-heading{justify-content:space-between;align-items:center;margin:0 8px 24px;display:flex}@media (width<=1279px){.workspace{grid-template-columns:var(--vl-toefl-nav-standard) minmax(0,1fr)}.workspace-header,.workspace-content{padding-inline:var(--vl-toefl-gutter-standard)}}@media (width>=768px) and (width<=1023px){.workspace{grid-template-columns:var(--vl-toefl-nav-rail) minmax(0,1fr)}.workspace-side .nav-label{display:none}.workspace-side{padding-inline:6px}.workspace .workspace-side nav button{justify-content:center;padding-inline:8px}.workspace-brand{justify-content:center;padding-inline:0}.workspace .desktop-collapse{display:none}.workspace .compact-menu{display:inline-flex}}@media (width<=767px){.workspace,.workspace.nav-collapsed{grid-template-columns:minmax(0,1fr)}.workspace-side{display:none}.workspace .mobile-menu{display:inline-flex}.workspace-header,.workspace-content{padding-inline:var(--vl-toefl-gutter-narrow)}.workspace-header h1{margin:0}.workspace .settings-dialog{visibility:visible}}@media (height<=480px){.workspace{height:auto;min-height:100dvh}.workspace-main{display:block}.workspace-content{overflow:visible}.workspace-side{height:100dvh;position:sticky;top:0}}:root{--vl-font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--vl-font-code:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--vl-text-title:20px;--vl-leading-title:28px;--vl-text-section:16px;--vl-leading-section:24px;--vl-text-body:14px;--vl-leading-body:22px;--vl-text-control:14px;--vl-leading-control:20px;--vl-text-caption:12px;--vl-leading-caption:18px;--vl-text-code:13px;--vl-leading-code:20px;--vl-weight-regular:400;--vl-weight-medium:500;--vl-icon:16px;--vl-icon-nav:18px;--vl-icon-stroke:1.75;--vl-toefl-reference-width:1440px;--vl-toefl-reference-height:900px;--vl-toefl-nav-wide:240px;--vl-toefl-nav-standard:224px;--vl-toefl-nav-rail:64px;--vl-toefl-nav-drawer:280px;--vl-toefl-nav-drawer-clearance:48px;--vl-toefl-aux-width:360px;--vl-toefl-main-min-split:640px;--vl-toefl-content-max:960px;--vl-toefl-gutter-wide:32px;--vl-toefl-gutter-standard:24px;--vl-toefl-gutter-narrow:16px;--vl-toefl-header-height:56px;--vl-toefl-actions-min-height:56px;--vl-toefl-aux-header-height:48px;--vl-toefl-breakpoint-wide:1280px;--vl-toefl-breakpoint-standard:1024px;--vl-toefl-breakpoint-compact:768px;--vl-liveagent-panel-width:720px;--vl-liveagent-panel-height:700px;font-family:var(--vl-font-ui);font-size:var(--vl-text-body);line-height:var(--vl-leading-body);font-synthesis:none;color:var(--app-text);background:var(--app-bg);--app-bg:#fff;--app-side:#f7f7f7;--app-hover:#ececec;--app-text:#242424;--app-muted:#707070;--app-line:#e4e4e4;--app-brand:#568db3;--app-primary:#252525;--app-on-primary:#fff;--app-warning:#946300;--app-error:#aa3434;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button{background:var(--app-primary);color:var(--app-on-primary);font-size:var(--vl-text-control);line-height:var(--vl-leading-control);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:500;display:inline-flex}button:disabled{opacity:.45;cursor:default}button.secondary{background:var(--app-bg);color:var(--app-text);border-color:var(--app-line)}button:hover:not(:disabled){filter:brightness(.95)}svg.lucide{width:var(--vl-icon);height:var(--vl-icon);stroke-width:var(--vl-icon-stroke);flex-shrink:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--app-brand);outline-offset:3px}h1{font-size:var(--vl-text-title);line-height:var(--vl-leading-title);margin:16px 0;font-weight:500}h2{font-size:var(--vl-text-section);line-height:var(--vl-leading-section);font-weight:500}h3{font-size:var(--vl-text-control);line-height:var(--vl-leading-control);font-weight:500}strong{font-weight:500}header{justify-content:space-between;align-items:center;gap:20px;display:flex}label{margin-bottom:18px;font-weight:500;display:block}input,select,textarea{border:1px solid var(--app-line);background:var(--app-bg);width:100%;color:var(--app-text);border-radius:8px;margin-top:8px;padding:10px 12px;display:block}textarea{resize:vertical;line-height:var(--vl-leading-body)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--app-primary);margin:0}form{margin-top:24px}form>button{width:100%}.actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.muted,.note{color:var(--app-muted)}.note{background:var(--app-side);font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption);border-radius:8px;padding:12px}.error{color:var(--app-error);background:var(--app-side);overflow-wrap:anywhere;border-radius:8px;padding:12px}.shell{max-width:1120px;margin:0 auto;padding:30px 32px 60px}.brand{align-items:baseline;gap:12px;display:flex}.brand strong{font-size:var(--vl-text-title);color:var(--app-brand)}.brand span{color:var(--app-muted)}.card{border:1px solid var(--app-line);border-radius:16px;width:480px;max-width:100%;margin:64px auto 0;padding:32px}.eyebrow{color:var(--app-muted);font-size:var(--vl-text-caption)}.text-button{color:var(--app-brand);background:0 0;padding:10px 0}.email{overflow-wrap:anywhere;color:var(--app-muted)}dl{gap:16px;margin:24px 0;display:grid}dt{color:var(--app-muted);font-size:var(--vl-text-caption)}dd{font-size:var(--vl-text-body);margin:4px 0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#202020;--app-side:#181818;--app-hover:#303030;--app-text:#ededed;--app-muted:#a5a5a5;--app-line:#3b3b3b;--app-brand:#87b8da;--app-primary:#ececec;--app-on-primary:#202020;--app-warning:#edbf64;--app-error:#ffa8a8}}@media (width<=767px){.shell{padding:20px 16px}.brand,.brand span{display:block}.card{margin-top:32px;padding:24px}}.operator-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.operator-caption{color:var(--app-muted);font-size:var(--vl-text-caption);line-height:var(--vl-leading-caption)}.operator-query{margin-top:16px}.operator-query label{margin-bottom:12px}.operator-records{padding:0;list-style:none}.operator-records>li{border-bottom:1px solid var(--app-line);padding:12px 0}.operator-records summary{font-size:var(--vl-text-control);font-weight:var(--vl-weight-medium);line-height:var(--vl-leading-control);overflow-wrap:anywhere}.operator-records summary span{color:var(--app-muted);font-size:var(--vl-text-caption);font-weight:var(--vl-weight-regular);margin-left:12px}.operator-records dd{overflow-wrap:anywhere}.operator-records dl{gap:8px}.operator-metrics dd{overflow-wrap:anywhere}@media (width<=767px){.operator-metrics{grid-template-columns:1fr}}