@font-face{font-family:Zaozao Sans;src:url(/fonts/home-noto-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Zaozao Sans;src:url(/fonts/home-noto-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Zaozao Sans;src:url(/fonts/home-noto-900.ttf)format("truetype");font-style:normal;font-weight:900;font-display:swap}.tutor-classroom{--classroom-paper:#f6f3e9;--classroom-surface:#fffcf5;--classroom-ink:#202820;--classroom-muted:#5b6b64;--classroom-primary:#ffdf4a;--classroom-on-primary:#111715;--classroom-primary-hover:#ffe775;--classroom-math-a:#4055a0;--classroom-math-b:#356647;--classroom-error:#a04731;--classroom-error-wash:#f6e7de;--classroom-error-line:#a0473133;--classroom-focus:#1d6e76;--classroom-wash:#e9efe9;--classroom-line:#17191726;--classroom-input-border:#20282099;--classroom-space-1:.5rem;--classroom-space-2:1rem;--classroom-space-3:1.5rem;--classroom-space-4:2rem;--classroom-radius:18px;--classroom-radius-control:12px;--classroom-radius-pill:999px;--classroom-shadow:0 18px 50px #0c131c20;--classroom-reading-width:44rem;--classroom-font:"Zaozao Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;color:var(--classroom-ink);background:var(--classroom-paper);font-family:var(--classroom-font);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:1.0625rem;line-height:1.8}.tutor-classroom :where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--classroom-focus);outline-offset:4px}.tutor-classroom ::selection{background:var(--classroom-wash);color:var(--classroom-ink)}.tutor-classroom .classroom-shell{box-sizing:border-box;max-width:76rem;margin-inline:auto;padding:clamp(1rem,3vw,2.5rem)}.tutor-classroom .classroom-stack>*+*{margin-block-start:var(--classroom-space-3)}.tutor-classroom .classroom-reading{max-width:var(--classroom-reading-width);overflow-wrap:anywhere;min-width:0}.tutor-classroom .classroom-heading{text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.45}.tutor-classroom .classroom-title{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.35}.tutor-classroom .classroom-muted{color:var(--classroom-muted);font-size:.875rem}.tutor-classroom .classroom-card{background:var(--classroom-surface);border:1px solid var(--classroom-line);border-radius:var(--classroom-radius);overflow-wrap:anywhere;min-width:0;padding:clamp(1rem,2.5vw,2rem)}.tutor-classroom .classroom-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tutor-classroom .classroom-button{box-sizing:border-box;border:1px solid var(--classroom-input-border);border-radius:var(--classroom-radius-pill);max-width:100%;min-height:3rem;color:var(--classroom-ink);background:var(--classroom-surface);font:inherit;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:.625rem 1.375rem;line-height:1.5;text-decoration:none;display:inline-flex}.tutor-classroom .classroom-button--primary{color:var(--classroom-on-primary);background:var(--classroom-primary);border-color:var(--classroom-primary);font-weight:700}.tutor-classroom .classroom-button:disabled{color:var(--classroom-muted);background:var(--classroom-wash);border-color:var(--classroom-line);cursor:not-allowed}.tutor-classroom .classroom-label{margin-block-end:.5rem;font-size:.875rem;display:block}.tutor-classroom .classroom-input{box-sizing:border-box;border:1px solid var(--classroom-input-border);border-radius:var(--classroom-radius-control);background:var(--classroom-surface);width:100%;min-width:0;min-height:3rem;color:var(--classroom-ink);font:inherit;padding:.875rem 1rem;scroll-margin-block:2rem;line-height:1.8;display:block}.tutor-classroom textarea.classroom-input{resize:vertical;min-height:8rem}.tutor-classroom .classroom-input::placeholder{color:var(--classroom-muted);opacity:1}.tutor-classroom .classroom-input[aria-invalid=true]{border-color:var(--classroom-error)}.tutor-classroom .classroom-feedback{border-inline-start:3px solid var(--classroom-ink);background:var(--classroom-wash);color:var(--classroom-ink);overflow-wrap:anywhere;padding:1rem 1.125rem}.tutor-classroom .classroom-feedback--error{border-color:var(--classroom-error);color:var(--classroom-error);background:var(--classroom-error-wash)}.tutor-classroom .classroom-math{min-width:0;color:var(--classroom-math-a);font-family:Georgia,Times New Roman,serif;font-size:1.625rem;line-height:1.8}.tutor-classroom .classroom-math--b{color:var(--classroom-math-b)}.tutor-classroom .classroom-math-scroll{overscroll-behavior-inline:contain;max-width:100%;padding:.5rem .25rem;overflow-x:auto}.tutor-classroom .classroom-math-scroll>.classroom-math{white-space:nowrap;width:max-content;min-width:100%;display:block}.tutor-classroom .classroom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}@media (hover:hover){.tutor-classroom .classroom-button:not(:disabled):hover{background:var(--classroom-wash)}.tutor-classroom .classroom-button--primary:not(:disabled):hover{background:var(--classroom-primary-hover)}}@media (width<=54rem){.tutor-classroom .classroom-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.tutor-classroom :where(.classroom-button,.classroom-card,.classroom-feedback,.classroom-math-scroll){scroll-behavior:auto;transition:none;animation:none}}@media (forced-colors:active){.tutor-classroom .classroom-button{border-color:buttontext}.tutor-classroom .classroom-feedback{border-color:canvastext}}.tutor-classroom .classroom-statement{white-space:pre-wrap;overflow-wrap:anywhere}.tutor-classroom .classroom-formula{vertical-align:middle;max-width:100%;padding-block:.25rem;display:inline-block;overflow-x:auto}.tutor-classroom .classroom-formula-fallback{overflow-wrap:anywhere;font-size:1rem}.tutor-classroom .classroom-fractions{min-width:0;margin:0}.tutor-classroom .classroom-fraction-label{align-items:center;gap:1rem;margin:0 0 .5rem;display:flex}.tutor-classroom .classroom-fraction-label>span:first-child{color:var(--classroom-muted);font-size:.875rem}.tutor-classroom .classroom-fraction-label .classroom-statement{font-size:1.375rem}.tutor-classroom .classroom-fraction-row{color:var(--classroom-math-a)}.tutor-classroom .classroom-fraction-row--b{color:var(--classroom-math-b)}.tutor-classroom .classroom-fraction-row svg{display:block}.tutor-classroom .classroom-fraction-whole{fill:var(--classroom-wash)}.tutor-classroom .classroom-fraction-fill{fill:currentColor}.tutor-classroom .classroom-fraction-division{stroke:var(--classroom-input-border);stroke-width:1px}.tutor-classroom .classroom-fraction-division--filled{stroke:var(--classroom-surface)}.tutor-classroom .classroom-fraction-outline{stroke:var(--classroom-input-border);stroke-width:1px}@media (forced-colors:active){.tutor-classroom .classroom-fraction-whole{fill:canvas}.tutor-classroom .classroom-fraction-fill{fill:highlight}.tutor-classroom .classroom-fraction-outline,.tutor-classroom .classroom-fraction-division{stroke:canvastext}.tutor-classroom .classroom-fraction-division--filled{stroke:highlighttext}}.tutor-classroom .classroom-example-steps{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.tutor-classroom .classroom-example-step{grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.tutor-classroom .classroom-example-number{font-variant-numeric:tabular-nums;border:1px solid;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;display:grid}.tutor-classroom .classroom-summary-facts{gap:1rem;margin:1.5rem 0 0;display:grid}.tutor-classroom .classroom-summary-facts>div{border-inline-start:3px solid var(--classroom-ink);padding-inline-start:1rem}.tutor-classroom .classroom-summary-facts dt{color:var(--classroom-muted);margin-bottom:.375rem;font-size:.875rem}.tutor-classroom .classroom-summary-facts dd{margin:0;font-weight:600;line-height:1.6}.tutor-classroom .classroom-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.tutor-classroom .classroom-workspace>.classroom-reading{width:100%;max-width:none}.tutor-classroom .classroom-lesson-header{border-bottom:1px solid var(--classroom-line);padding-block:.5rem 1rem}@media (width>=64rem){.tutor-classroom .classroom-workspace{grid-template-columns:minmax(14rem,.85fr) minmax(0,2fr);gap:2rem}.tutor-classroom .classroom-problem-anchor{position:sticky;top:1.5rem}}.tutor-classroom .classroom-transport-status{border-top:1px solid var(--classroom-line);padding-block:1rem 2rem}.tutor-classroom.classroom-app{min-height:100dvh}.tutor-classroom .classroom-app-header{border-bottom:1px solid var(--classroom-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:80rem;margin-inline:auto;padding:1.25rem clamp(1rem,4vw,3rem);display:flex}.tutor-classroom .classroom-brand{flex:none;align-items:center;width:fit-content;text-decoration:none;display:flex}.tutor-classroom .classroom-brand img{width:auto;height:4rem;display:block}.tutor-classroom .classroom-app-header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.tutor-classroom .account-header-anon{color:var(--classroom-muted);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.tutor-classroom .account-header-login{min-height:44px;color:var(--classroom-ink);align-items:center;padding:0 .25rem;text-decoration:underline;display:inline-flex}.tutor-classroom .account-menu-area{position:relative}.tutor-classroom .account-menu-trigger{border-radius:var(--classroom-radius-control);min-height:44px;color:var(--classroom-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .5rem;font-size:.9375rem;display:inline-flex}.tutor-classroom .account-menu-trigger:hover{background:var(--classroom-wash)}.tutor-classroom .account-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:10em;overflow:hidden}.tutor-classroom .account-menu-role{flex:none}.tutor-classroom .account-menu{z-index:30;border:1px solid var(--classroom-line);border-radius:var(--classroom-radius);background:var(--classroom-surface);width:min(256px,100vw - 2rem);box-shadow:var(--classroom-shadow);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.tutor-classroom .account-menu-list{flex-direction:column;display:flex}.tutor-classroom .account-menu-item{border-radius:var(--classroom-radius-control);min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:.25rem .75rem;text-decoration:none;display:flex}.tutor-classroom .account-menu-item:hover{background:var(--classroom-wash)}.tutor-classroom .account-menu-body{flex-direction:column;gap:.75rem;padding:.5rem .75rem;display:flex}.tutor-classroom .account-menu-title{margin:0;font-size:.9375rem;font-weight:700}.tutor-classroom .account-menu-copy{margin:0;font-size:.9375rem;line-height:1.7}.tutor-classroom .account-menu-actions{flex-direction:column;gap:.25rem;display:flex}.tutor-classroom .account-menu-primary{border-radius:var(--classroom-radius-pill);background:var(--classroom-primary);min-height:44px;color:var(--classroom-on-primary);font:inherit;cursor:pointer;border:0;font-weight:700}.tutor-classroom .account-menu-primary:disabled{background:var(--classroom-wash);color:var(--classroom-muted);cursor:not-allowed}.tutor-classroom .account-menu-action{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .25rem;text-decoration:underline}.tutor-classroom .account-menu-error{color:var(--classroom-error);margin:.5rem .75rem 0;font-size:.875rem}.tutor-classroom .classroom-entry{max-width:48rem;padding-block:clamp(2rem,7vh,5rem)}.tutor-classroom .classroom-invite{place-items:center;min-height:78dvh;padding-block:clamp(1.5rem,6vh,4rem);display:grid}.tutor-classroom .classroom-invite-card{gap:var(--classroom-space-2);background:linear-gradient(180deg,var(--classroom-surface) 0%,var(--classroom-paper) 100%);width:min(30rem,100%);box-shadow:var(--classroom-shadow);padding:clamp(1.75rem,5vw,2.75rem);display:grid}.tutor-classroom .classroom-invite-eyebrow{color:var(--classroom-ink);letter-spacing:.16em;margin:0;font-size:.75rem;font-weight:700}.tutor-classroom .classroom-invite-title{font-size:clamp(1.5rem,3.4vw,1.875rem)}.tutor-classroom .classroom-invite-hint{margin:0;line-height:1.7}.tutor-classroom .classroom-invite-form{gap:var(--classroom-space-1);margin-block-start:var(--classroom-space-1);display:grid}.tutor-classroom .classroom-invite-input{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.tutor-classroom .classroom-invite-submit{width:100%;margin-block-start:var(--classroom-space-1)}.tutor-classroom .classroom-invite-error{border:1px solid var(--classroom-error-line);border-radius:var(--classroom-radius-control);background:var(--classroom-error-wash);color:var(--classroom-error);align-items:flex-start;gap:.625rem;margin:0;padding:.75rem .875rem;font-size:.9375rem;line-height:1.65;display:flex}.tutor-classroom .classroom-invite-error-icon{background:var(--classroom-error);width:1.25rem;height:1.25rem;color:var(--classroom-surface);border-radius:50%;flex:none;place-items:center;margin-block-start:.1875rem;font-size:.8125rem;font-weight:700;line-height:1;display:inline-grid}@media (prefers-reduced-motion:no-preference){.tutor-classroom .classroom-invite-card{animation:.32s ease-out both classroom-invite-in}@keyframes classroom-invite-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}}
