@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/literata-latin-400-normal-CLtNJ872.woff2)format("woff2"),url(/assets/literata-latin-400-normal-CUhpYSl8.woff)format("woff")}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{grid-template-columns:var(--layout-rail) minmax(0, 1fr);min-height:100dvh;display:grid}.navigation{background:var(--plum-900);color:var(--plum-100);height:100dvh;padding:28px 18px var(--space-md);flex-direction:column;display:flex;position:sticky;top:0}.brand{color:var(--white);align-items:center;gap:10px;padding:0 11px;display:flex}.brand>span{font-family:var(--font-editorial);letter-spacing:-.035em;font-size:34px}.brand-dot{color:var(--plum-200)}.brand .collapse-nav{color:var(--plum-200);padding:var(--space-unit);margin-left:auto}.workspace-label{margin:34px var(--space-xs) 28px;border-bottom:1px solid var(--plum-700);align-items:center;gap:10px;padding-bottom:26px;display:flex}.workspace-monogram{border:1px solid var(--plum-700);width:32px;height:34px;font-family:var(--font-editorial);border-radius:6px;place-items:center;display:grid}.workspace-label strong{font-size:var(--text-caption);text-overflow:ellipsis;max-width:148px;font-weight:550;display:block;overflow:hidden}.workspace-label div>span{font-size:var(--text-footnote);color:var(--plum-200);margin-top:3px;display:block}.navigation nav{gap:5px;display:grid}.nav-link{align-items:center;gap:var(--space-sm);padding:13px var(--space-sm);border-radius:var(--radius-control);font-size:var(--text-label);color:var(--plum-200);text-decoration:none;display:flex}.nav-link:hover{background:var(--plum-800);color:var(--white)}.nav-link.active{background:var(--plum-100);color:var(--plum-900);font-weight:650}.nav-arrow{opacity:0;margin-left:auto}.nav-link.active .nav-arrow{opacity:1}.nav-bottom{margin-top:auto}.teaching-note{padding:28px var(--space-sm);color:var(--plum-200)}.teaching-note p{font-family:var(--font-editorial);font-size:var(--text-label);line-height:1.8}.account{width:100%;padding:var(--space-md) var(--space-xs) var(--space-unit);color:var(--plum-100);border:0;border-top:1px solid var(--plum-700);cursor:pointer;text-align:left;font-size:var(--text-caption);background:0 0;align-items:center;gap:10px;display:flex}.account>span{flex:1}.account small{margin-top:var(--space-unit);font-size:var(--text-footnote);color:var(--plum-200);display:block}.main-column{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--surface);min-height:76px;padding:14px 40px;display:flex}.breadcrumb{align-items:center;gap:var(--space-sm);color:var(--muted);font-size:var(--text-caption);display:flex}.breadcrumb span{color:var(--ink)}.topbar-actions{gap:var(--space-md);align-items:center;display:flex}.demo-label{color:var(--muted);font-size:var(--text-footnote)}main,main:focus-visible{outline:none;flex:1}.page{padding:50px var(--space-section) 40px;max-width:var(--layout-content);margin:0 auto}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:36px;display:flex}.page-heading h1{overflow-wrap:anywhere}.page-heading>.MuiButton-root{flex-shrink:0}.library-intro{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--plum-100);border-radius:var(--radius-panel);margin:0 0 40px;display:flex}.intro-copy{color:var(--plum-800);align-items:center;gap:20px;display:flex}.intro-copy h3{font-size:var(--text-reading);margin-bottom:5px}.intro-copy p{font-size:var(--text-caption)}.intro-detail{white-space:nowrap;color:var(--plum-700);font-size:var(--text-footnote);align-items:center;gap:10px;display:flex}.library-section{border-top:1px solid var(--line)}.library-tools{padding:26px 0 var(--space-sm);justify-content:space-between;align-items:center;gap:20px;display:flex}.library-section-title{align-items:center;gap:var(--space-sm);display:flex}.library-section-title h3{font-size:var(--text-prompt)}.filter-controls{gap:var(--space-sm);align-items:center;display:flex}.filter-controls .MuiInputBase-root{font-size:var(--text-caption)}.filter-controls .MuiInputBase-input{padding-block:11px}.filter-note{padding-bottom:var(--space-md);display:block;font-size:var(--text-footnote)!important}.MuiTableContainer-root{border-radius:var(--radius-control);background:var(--surface)}.quiz-link{align-items:center;gap:var(--space-md);text-decoration:none;display:flex}.quiz-link:hover strong{text-underline-offset:4px;text-decoration:underline}.quiz-link strong{font-size:var(--text-label);font-weight:650;display:block}.quiz-link small{color:var(--muted);font-size:var(--text-footnote);margin-top:5px;display:block}.quiz-monogram{background:var(--plum-100);width:42px;height:48px;color:var(--plum-800);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.tone-1{background:var(--sageTint);color:var(--sage)}.tone-2{background:var(--ochreTint);color:var(--ochre)}.cell-suffix{font-size:var(--text-footnote);color:var(--muted)}.status-label{font-size:var(--text-footnote);color:var(--muted);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.status-label>span{background:var(--plum-700);border-radius:50%;width:5px;height:5px}.library-bottom{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:36px;margin-top:44px;padding-top:28px;display:grid}.library-bottom h2{max-width:20ch;font-size:23px}.app-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:22px 40px;display:flex}.app-footer>span{font-size:var(--text-footnote)}.empty-state{padding:64px var(--space-lg);text-align:center}.empty-state p{max-width:52ch}.empty-state h2{font-size:25px}.editor-toolbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 36px;display:flex}.save-state{font-size:var(--text-footnote);color:var(--sage);margin-top:var(--space-unit);align-items:center;gap:5px;display:flex}.save-state.unsaved{color:var(--ochre)}.editor-actions{gap:10px;display:flex}.editor-message{margin:var(--space-md) 28px}.editor-layout{grid-template-columns:var(--layout-outline) minmax(0, 1fr);min-height:calc(100dvh - 230px);display:grid}.question-outline{border-right:1px solid var(--line);background:var(--canvas);min-width:0;padding:28px 18px}.outline-heading{padding:0 var(--space-xs) 22px;justify-content:space-between;align-items:center;display:flex}.outline-heading h3{font-size:var(--text-body)}.outline-list{gap:var(--space-xs);min-width:0;display:grid}.outline-item{border-radius:var(--radius-control);text-align:left;cursor:pointer;width:100%;min-width:0;max-width:100%;color:var(--ink);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:14px 10px;display:flex;overflow:hidden}.outline-item:hover{background:var(--plum-50)}.outline-item.active{background:var(--plum-100);border-color:var(--plum-200)}.outline-item>span:nth-child(2){flex:1;min-width:0}.outline-item strong{font-size:var(--text-footnote);text-overflow:ellipsis;white-space:nowrap;font-weight:550;line-height:1.5;display:block;overflow:hidden}.outline-item small{font-size:var(--text-footnote);color:var(--muted);margin-top:5px;display:block}.question-number{background:var(--surface);width:24px;height:27px;color:var(--plum-800);font-size:var(--text-footnote);font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;place-items:center;display:grid}.ready-icon{color:var(--sage);flex-shrink:0}.incomplete-dot{border:1px solid var(--ochre);border-radius:50%;width:6px;height:6px}.question-outline .add-question{justify-content:flex-start;margin-top:14px}.outline-note{padding:28px var(--space-xs);margin-top:var(--space-md);border-top:1px solid var(--line)}.outline-note p{font-size:var(--text-footnote);margin-bottom:var(--space-xs)}.outline-note span{font-size:var(--text-footnote);line-height:1.7;display:block}.editor-canvas{padding:36px clamp(var(--space-lg), 4vw, 60px) 40px;background:var(--surface);min-width:0}.quiz-title-field{margin-bottom:36px}.quiz-title-field .MuiInputBase-input{font-family:var(--font-editorial);padding-block:var(--space-md);font-size:23px}.canvas-heading{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:28px;display:flex}.canvas-heading h2{font-size:25px}.canvas-heading p{font-size:var(--text-footnote);margin-top:6px}.question-actions{gap:2px;display:flex}.question-settings{gap:var(--space-md);grid-template-columns:1fr 100px;margin-bottom:26px;display:grid}.prompt-field textarea{font-size:var(--text-prompt);line-height:1.8}.answer-heading{margin:var(--space-xl) 0 var(--space-md);gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.answer-heading h3{font-size:var(--text-body)}.answer-heading p{font-size:var(--text-footnote)}.editor-choices{gap:var(--space-sm);margin-bottom:var(--space-sm);display:grid}.editor-choice{border:1px solid var(--line);border-radius:var(--radius-control);padding:var(--space-unit) var(--space-xs) var(--space-unit) 2px;align-items:center;gap:6px;display:flex}.editor-choice.correct{border-color:var(--sage);background:var(--sageTint)}.editor-choice .MuiOutlinedInput-notchedOutline{border:0}.editor-choice .MuiInputBase-root{font-size:var(--text-label);background:0 0}.choice-letter{font-size:var(--text-footnote);color:var(--muted)}.correct-label{font-size:var(--text-footnote);color:var(--sage);padding:var(--space-unit)}.canvas-footnote{align-items:center;gap:var(--space-xs);color:var(--muted);padding-top:var(--space-xl);border-top:1px solid var(--line);margin-top:26px;display:flex}.canvas-footnote p{font-size:var(--text-footnote)}.preview-navigation{justify-content:space-between;margin-top:28px;display:flex}.question-view h2{font-size:var(--text-title);overflow-wrap:anywhere;line-height:1.55}.answer-list{gap:var(--space-sm);display:grid!important}.answer-option{padding:var(--space-sm) var(--space-md) var(--space-sm) 6px;border:1px solid var(--line);border-radius:var(--radius-control);min-height:62px;margin:0!important}.answer-option:hover{background:var(--plum-50)}.answer-option.selected{border-color:var(--plum-700);background:var(--plum-50)}.answer-option .MuiFormControlLabel-label{align-items:center;gap:var(--space-md);overflow-wrap:anywhere;display:flex}.answer-letter{color:var(--muted);font-size:var(--text-caption)}.learner-page{max-width:var(--layout-learner);padding:28px var(--space-lg) var(--space-page);margin:0 auto}.attempt-welcome{padding-top:40px}.welcome-symbol{color:var(--plum-700);margin-bottom:28px}.attempt-details{gap:var(--space-lg);padding:var(--space-xl) 0;border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:28px 0;display:grid}.attempt-details strong{font-size:var(--text-caption);font-weight:600;display:block}.attempt-details span{margin-top:var(--space-xs);font-size:var(--text-footnote);color:var(--muted);line-height:1.8;display:block}.attempt-heading{justify-content:space-between;align-items:center;gap:var(--space-lg);margin:var(--space-lg) 0;display:flex}.attempt-heading h2{font-size:var(--text-title)}.attempt-heading p{font-size:var(--text-footnote);margin-top:6px}.attempt-question-nav{gap:var(--space-xs);padding:var(--space-lg) 0;flex-wrap:wrap;display:flex}.attempt-question-nav button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--muted);font-size:var(--text-caption)}.attempt-question-nav button.answered{background:var(--sageTint);color:var(--sage)}.attempt-question-nav button.active{background:var(--plum-800);color:var(--white)}.attempt-canvas{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-xl)}.question-position{color:var(--muted);font-size:var(--text-footnote)!important;margin-bottom:20px!important}.attempt-save-state{color:var(--muted);font-size:var(--text-footnote);align-items:center;gap:6px;margin-top:28px;display:flex}.attempt-controls{justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.attempt-controls>div{gap:var(--space-xs);display:flex}.submission-receipt{text-align:center;align-items:center;gap:var(--space-lg);padding:60px var(--space-md);color:var(--plum-800);flex-direction:column;display:flex}.submission-receipt h1{font-size:34px}.receipt-score{padding:var(--space-lg) 0}.receipt-score strong{font-family:var(--font-editorial);font-size:60px;font-weight:400}.receipt-score strong span{color:var(--muted);font-size:30px}.receipt-score p{color:var(--muted);font-size:var(--text-caption)}.sign-in{grid-template-columns:43% 1fr;min-height:100dvh;display:grid}.sign-in-story{background:var(--plum-900);color:var(--plum-100);padding:44px var(--space-page);justify-content:space-between;gap:var(--space-section);flex-direction:column;display:flex}.sign-in-story .brand{padding:0}.sign-in-story h1{color:var(--white);font-size:clamp(32px,3.4vw,52px);line-height:1.35}.sign-in-story p{margin-top:var(--space-lg);color:var(--plum-200)}.sign-in-form{padding:var(--space-section);place-items:center;display:grid}.sign-in-form form{width:min(420px,100%)}.sign-in-form h1{font-size:32px}.demo-entry{text-align:center;border-top:1px solid var(--line);margin-top:var(--space-sm);padding-top:20px}.skip-link{padding:var(--space-sm);z-index:1500;background:var(--surface);color:var(--plum-900);position:fixed;top:-200px;left:12px}.skip-link:focus{top:12px}.rail-compact{grid-template-columns:80px minmax(0,1fr)}.rail-compact .navigation{padding-inline:var(--space-sm)}.rail-compact .brand{justify-content:center;padding:0}.rail-compact .brand>span,.rail-compact .brand>svg,.rail-compact .workspace-label,.rail-compact .nav-link span,.rail-compact .nav-arrow,.rail-compact .teaching-note,.rail-compact .account>span,.rail-compact .account>svg{display:none}.rail-compact .brand .collapse-nav{margin:0 0 30px}.rail-compact .nav-link,.rail-compact .account{justify-content:center}@media (width>=1600px){.page{padding-top:60px}}@media (width<=1200px){.page{padding:36px 28px}.intro-detail{display:none}.topbar{padding-inline:28px}.editor-toolbar,.editor-canvas{padding-inline:var(--space-lg)}.editor-layout{grid-template-columns:210px minmax(0,1fr)}.cell-suffix{display:none}.demo-label{max-width:140px}}@media (width<=960px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.navigation{padding:var(--space-lg) var(--space-sm) var(--space-md)}.brand{justify-content:center;padding:0}.navigation .brand>span,.navigation .collapse-nav,.workspace-label,.nav-link span,.nav-arrow,.teaching-note,.account>span,.account>svg{display:none}.navigation nav{margin-top:36px}.nav-link,.account{justify-content:center}.filter-controls{flex-wrap:wrap}.library-tools{align-items:flex-start}.filter-controls .MuiTextField-root{width:180px}.editor-layout{grid-template-columns:180px minmax(0,1fr)}.editor-toolbar{flex-direction:column;align-items:flex-start}.answer-heading{align-items:flex-start;gap:var(--space-unit);flex-direction:column}.question-actions{gap:0}.canvas-heading{align-items:flex-start}.editor-canvas{padding-inline:20px}.correct-label{display:none}.sign-in-story{padding:36px}}@media (width<=640px){.app-shell,.rail-compact{display:block}.navigation{height:auto;padding:14px var(--space-md) 0;display:block;position:static}.navigation .brand{justify-content:flex-start;padding:0 6px}.navigation .brand>span{font-size:var(--text-title);display:inline}.navigation .brand>svg{width:21px;display:inline}.navigation nav{gap:var(--space-xs);margin-top:18px;padding-bottom:10px;display:flex}.nav-link{padding:10px var(--space-sm);gap:7px}.nav-link span{font-size:var(--text-caption);display:inline}.nav-link svg{width:16px}.nav-bottom,.nav-arrow{display:none}.topbar{padding:10px var(--space-md);gap:var(--space-unit);flex-wrap:wrap;min-height:60px}.breadcrumb{display:none}.topbar-actions{justify-content:space-between;gap:6px;width:100%}.demo-label{font-size:var(--text-footnote);max-width:180px}.topbar-actions .MuiButton-root{font-size:var(--text-footnote);padding-inline:var(--space-xs)}.page{padding:28px 18px}.page-heading{gap:var(--space-md);align-items:flex-start;margin-bottom:26px}.page-heading h1{font-size:32px}.page-heading p{font-size:var(--text-caption)}.page-heading>.MuiButton-root{font-size:var(--text-footnote);padding-inline:var(--space-sm)}.library-intro{padding:20px var(--space-md);margin-bottom:var(--space-lg)}.intro-copy{align-items:flex-start;gap:14px}.intro-copy>svg{flex-shrink:0;width:24px}.intro-copy h3{font-size:var(--text-label);line-height:1.6}.intro-copy p{font-size:var(--text-footnote)}.library-tools{gap:var(--space-md);flex-direction:column;padding-top:22px}.filter-controls{gap:var(--space-xs);flex-wrap:nowrap;width:100%}.filter-controls .MuiTextField-root{flex:1;width:auto;min-width:0}.filter-controls .MuiSelect-select{font-size:var(--text-footnote)}.library-section .MuiTable-root{min-width:580px}.MuiTableCell-root{padding:var(--space-md) var(--space-sm)!important}.quiz-link{gap:10px}.quiz-link strong{font-size:var(--text-caption)}.quiz-monogram{width:34px;height:40px}.library-bottom{gap:var(--space-md);grid-template-columns:1fr;margin-top:28px}.library-bottom h2{max-width:23ch;font-size:23px}.library-bottom p{font-size:var(--text-footnote)}.app-footer{gap:var(--space-xs);flex-direction:column;padding:18px}.app-footer p{font-size:var(--text-footnote)}.editor-toolbar{gap:14px;padding:18px}.editor-actions{flex-wrap:wrap;gap:6px;width:100%}.editor-actions .MuiButton-root{font-size:var(--text-footnote);min-height:38px;padding-inline:var(--space-sm)}.editor-layout{display:block}.question-outline{border-right:0;border-bottom:1px solid var(--line);padding:18px}.outline-heading{padding:0 0 var(--space-sm)}.outline-list{padding-bottom:var(--space-unit);display:flex;overflow-x:auto}.outline-item{min-width:160px;max-width:180px;padding:10px}.outline-note{display:none}.question-outline>.MuiButton-outlined{margin-top:var(--space-sm)}.question-outline .add-question{width:auto;margin-top:6px}.editor-canvas{padding:28px 18px}.canvas-heading{gap:var(--space-unit)}.canvas-heading h2{font-size:24px}.question-actions .MuiIconButton-root{padding:6px}.question-settings{grid-template-columns:1fr 84px}.answer-heading{margin-top:var(--space-lg)}.editor-choice{gap:0;padding-right:2px}.editor-choice .MuiRadio-root,.editor-choice .MuiCheckbox-root{padding:var(--space-xs)}.editor-choice .MuiInputBase-input{padding-inline:var(--space-xs);font-size:var(--text-caption)}.quiz-title-field .MuiInputBase-input{font-size:21px}.editor-message{margin:var(--space-sm) 18px}.learner-page{padding:20px 18px 36px}.attempt-welcome{padding-top:28px}.attempt-welcome h1{font-size:34px}.attempt-details{padding:var(--space-lg) 0;grid-template-columns:1fr;gap:20px}.attempt-heading{flex-direction:column;align-items:flex-start;gap:14px}.attempt-canvas{padding:var(--space-lg) 18px}.question-view h2{font-size:23px}.answer-option{padding-right:10px}.answer-option .MuiFormControlLabel-label{font-size:var(--text-label);gap:10px}.attempt-controls{flex-wrap:wrap}.attempt-controls>div{margin-left:auto}.attempt-controls .MuiButton-root{font-size:var(--text-footnote);padding-inline:10px}.sign-in{display:block}.sign-in-story{gap:var(--space-lg);padding:26px}.sign-in-story h1{font-size:30px}.sign-in-story p{font-size:var(--text-label)}.sign-in-story>p{display:none}.sign-in-form{padding:var(--space-xl) var(--space-lg)}.sign-in-form h1{font-size:28px}}@media (prefers-reduced-motion:no-preference){.outline-item,.answer-option{transition:background-color var(--motion-duration) var(--motion-easing), border-color var(--motion-duration) var(--motion-easing)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}