:root{--black:#1c252c;--ink:#1c252c;--ink-2:#38434b;--ink-3:#63707b;--line:#e5eaf0;--line-strong:#1e262e;--fill:#f1f4f6;--fill-2:#e9eef2;--page:#f8fafc;--white:#fff;--charcoal:#1e262e;--mist:#e1f2f5;--lavender-mist:#eceffd;--matcha-mist:#eff7e8;--apricot-mist:#fef5eb;--accent-purple:#63707b;--accent-purple-soft:#eceffd;--teacher-bg:var(--page);--teacher-primary:var(--ink);--teacher-secondary:var(--fill-2);--teacher-success:var(--fill);--teacher-warning:var(--fill-2);--teacher-red:var(--ink);--purple:var(--accent-purple);--yellow:var(--fill-2);--gray:var(--line);--soft:var(--fill);--muted:var(--ink-3);--color-page:var(--page);--color-page-glow:var(--page);--color-green-900:var(--ink);--color-green-700:var(--ink);--color-green-500:var(--ink-2);--color-green-200:var(--fill-2);--color-green-100:var(--fill);--color-lime:var(--fill);--color-nav:var(--white);--color-orange:var(--ink);--color-orange-deep:var(--ink);--color-yellow-50:var(--fill);--color-yellow-100:var(--fill-2);--color-cream:var(--page);--color-white:var(--white);--color-text:var(--ink);--color-text-soft:var(--ink-3);--color-border:var(--line);--color-lavender-100:var(--fill);--color-lavender-600:var(--ink);--color-danger:var(--ink);--shadow-card:none;--shadow-nav:0 8px 24px #0000000f;--radius-large:18px;--radius-card:14px;--radius-button:12px;--radius-pill:999px;--page-gutter:16px;--card-gap:10px;--nav-offset:88px;--button-height:46px;--sidebar-width:240px;--font-title-1:1.75rem;--font-title-2:1.25rem;--font-body:1rem;--font-label:.9375rem;--font-caption:.8125rem}@media (width<=359px){:root{--page-gutter:16px;--card-gap:10px;--nav-offset:88px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grow{flex-grow:1}.border{border-style:var(--tw-border-style);border-width:1px}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{scroll-padding-bottom:var(--nav-offset);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{padding-top:env(safe-area-inset-top);color:var(--ink);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-body);line-height:1.5;overflow-x:hidden}button,a,input,label,select,textarea,[role=button]{touch-action:manipulation}button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input,select,textarea{accent-color:var(--ink);font-size:16px}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--page);min-height:100vh}.mobile-page,.teacher-workspace{width:100%;max-width:460px;min-height:100dvh;padding:20px max(var(--page-gutter), env(safe-area-inset-right)) calc(var(--nav-offset) + env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));background:var(--page);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 22px;display:flex}.page-header h1{color:var(--ink);font-size:var(--font-title-1);letter-spacing:-.04em;margin:0;font-weight:750;line-height:1.2}.page-header p{color:var(--ink-3);font-size:var(--font-label);margin:6px 0 0}.hello{letter-spacing:-.04em;margin:0;font-weight:750}.notification-button{width:44px;height:44px;color:var(--ink);border-radius:var(--radius-button);flex:0 0 44px;place-items:center;display:grid;position:relative}.notification-button i{background:var(--ink);border-radius:var(--radius-pill);width:7px;height:7px;position:absolute;top:6px;right:6px}.home-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.home-top .ava{flex:0 0 40px}.home-stats{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.home-stat{min-height:52px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;align-content:center;justify-items:center;gap:2px;padding:6px 4px;display:grid}.home-stat b{font-size:1.22rem;font-weight:780;line-height:1}.home-stat span{max-width:100%;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.home-stat.is-alert b{color:#b4233a}.home-stat.is-breathe{animation:2.6s ease-in-out infinite home-breathe}@keyframes home-breathe{0%,to{background:#fff7f8;border-color:#e7c4ca;box-shadow:0 0 #b4233a14}50%{background:#f8ecee;border-color:#d7a8b0;box-shadow:0 0 0 3px #b4233a0f}}.head-user{align-items:center;gap:12px;margin-bottom:22px;display:flex}.head-user .grow{flex:1;min-width:0}.head-user__identity{color:var(--ink);text-align:left;padding:0}.head-user b{letter-spacing:-.03em;font-size:1.2rem;font-weight:750;display:block}.head-user span{color:var(--ink-3);font-size:var(--font-caption)}.ava{width:40px;height:40px;color:var(--white);background:var(--ink);border-radius:50%;flex:0 0 40px;place-items:center;font-weight:700;display:grid;overflow:hidden}.ava.y{color:var(--ink);background:var(--fill);border:1px solid var(--line)}.bell{width:40px;height:40px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;position:relative}.bell i{min-width:16px;height:16px;color:var(--white);background:var(--ink);border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;position:absolute;top:6px;right:6px}.hero-banner{color:var(--ink);background:0 0;border-radius:0;margin:0 0 22px;padding:0}.hero-banner h2{letter-spacing:-.04em;max-width:92%;margin:0;font-size:1.7rem;font-weight:750;line-height:1.2}.hero-banner p{max-width:92%;color:var(--ink-3);font-size:var(--font-label);opacity:1;margin:8px 0 0;line-height:1.5}.hero-banner__detail{font-weight:600;color:var(--ink-2)!important}.hero-banner__action{min-height:40px;color:var(--ink);font-size:var(--font-label);align-items:center;gap:6px;margin-top:12px;padding:0;font-weight:700;display:inline-flex}.hero-illu{display:none}.primary-button,.secondary-button{width:100%;min-height:var(--button-height);border-radius:var(--radius-button);letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:700;display:inline-flex}.primary-button{color:var(--white);background:var(--ink)}.secondary-button{color:var(--ink);background:var(--white);border:1.5px solid var(--ink)}.enter-page .primary-button,.enter-page .secondary-button,.mobile-page>.primary-button,.mobile-page>.secondary-button{width:100%;margin-top:8px}.button-row{gap:8px;margin-top:8px;display:grid}.button-row .primary-button,.button-row .secondary-button{width:100%}.bottom-navigation{z-index:20;right:var(--page-gutter);bottom:max(10px, env(safe-area-inset-bottom));left:var(--page-gutter);width:min(calc(100% - (var(--page-gutter) * 2)), 420px);background:var(--white);border:1px solid var(--line);height:60px;box-shadow:none;border-radius:18px;justify-content:space-between;align-items:center;margin:auto;padding:4px;display:flex;position:fixed}.bottom-navigation__item{min-width:0;height:52px;min-height:52px;color:var(--ink-3);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.bottom-navigation__item.is-active{color:var(--ink);background:0 0;font-weight:750}.bottom-navigation--teacher{border-color:#ffffffeb;border-radius:20px;height:64px;padding:5px 7px;box-shadow:0 10px 28px #394a571f}.bottom-navigation--teacher .bottom-navigation__item{height:54px;min-height:54px}.bottom-navigation__tool{position:relative;color:var(--ink)!important}.bottom-navigation__tool-icon{width:50px;height:50px;color:var(--ink);background:linear-gradient(135deg,#e1f2f5,#eceffd);border:3px solid #fff;border-radius:50%;place-items:center;margin-top:-22px;display:grid;box-shadow:0 7px 16px #394a572e}.bottom-navigation__tool>span:last-child{margin-top:-1px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin:24px 0 12px;display:flex}.section-heading h2{font-size:var(--font-title-2);letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-weight:750;display:flex}.section-heading h2:before,h2.section-heading:before{content:none}.section-more{min-width:44px;min-height:44px;color:var(--ink-3);font-size:var(--font-label);align-items:center;padding:10px 2px 10px 10px;display:inline-flex}.action-panel{gap:var(--card-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.action-tile{min-width:0;min-height:104px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px;display:flex}.action-tile--mint,.action-tile--cream,.action-tile--yellow{background:var(--white);color:var(--ink)}.action-tile span{width:32px;height:32px;color:var(--ink);background:var(--fill);border-radius:10px;place-items:center;display:grid}.action-tile--yellow span{background:var(--fill);color:var(--ink)}.action-tile strong{max-width:100%;font-size:1rem;font-weight:700;line-height:1.3}.info-grid{gap:var(--card-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.info-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);min-height:110px;padding:16px;display:flex;position:relative;overflow:hidden}.info-card--yellow{background:var(--fill)}.info-card--wide{grid-column:span 2;min-height:88px}.info-card h3{margin:0 0 4px;font-size:1rem;font-weight:700}.info-card p{color:var(--ink-3);font-size:var(--font-label);word-break:break-word;margin:0;padding-right:40px}.info-card__icon{color:var(--ink-3);position:absolute;bottom:12px;right:16px}.info-card__icon svg{width:28px;height:28px}.info-card--yellow .info-card__icon{color:var(--ink)}.info-card__arrow{background:var(--fill);border-radius:var(--radius-pill);place-items:center;width:24px;height:24px;display:grid;position:absolute;top:12px;right:12px}.child-status-card{min-height:120px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;align-items:center;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.child-avatar{z-index:2;background:var(--fill);border:1px solid var(--line);border-radius:var(--radius-pill);flex:0 0 64px;width:64px;height:64px;position:relative;overflow:hidden}.child-avatar img{object-fit:cover;width:100%;height:100%;display:block}.child-details{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.child-details h2{margin:0;font-size:1.2rem;line-height:1.2}.child-details>p{color:var(--ink-3);font-size:var(--font-label);margin:4px 0 8px}.child-details small{color:var(--ink-3);font-size:var(--font-caption);margin-top:6px}.status-badge{color:var(--ink);background:var(--fill);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--font-caption);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-weight:650;display:inline-flex}.status-badge>span{width:16px;height:16px;color:var(--ink);background:var(--white);border-radius:var(--radius-pill);place-items:center;display:grid}.round-arrow{z-index:3;background:var(--fill);border-radius:var(--radius-pill);place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}.leaf-art{display:none}.class-card{min-height:168px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;position:relative;overflow:hidden}.class-card__copy{z-index:2;padding:20px;position:relative}.class-card__copy h2{color:var(--ink);margin:0;font-size:1.4rem}.class-card__copy h2 i{width:22px;height:22px;color:var(--white);background:var(--ink);border-radius:var(--radius-pill);vertical-align:3px;place-items:center;font-size:.85rem;font-style:normal;display:inline-grid}.class-card__copy p{color:var(--ink-3);font-size:var(--font-label);margin:6px 0 0}.class-card>img{display:none}.class-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);align-items:center;padding:12px 8px 16px;display:grid}.class-stats>div{text-align:center}.class-stats>div+div{border-left:1px solid var(--line)}.class-stats strong{font-size:1.3rem;line-height:1;display:block}.class-stats span{color:var(--ink-3);font-size:var(--font-caption);margin-top:6px;display:block}.kpi-row{background:linear-gradient(135deg,#e1f2f5 0%,#eceffd 100%);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px;padding:9px;display:grid}.kpi{min-height:76px;color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffbf;border:1px solid #ffffffb8;border-radius:12px;align-content:center;padding:9px 7px;transition:border-color .16s,transform .16s;display:grid}.kpi:active{transform:scale(.98)}.kpi .ico-sq{display:none}.kpi span{color:var(--ink-3);order:2;font-size:.68rem;line-height:1.2}.kpi b{color:var(--ink);order:1;margin-bottom:4px;font-size:1.4rem;font-weight:780;line-height:1}.kpi.has-pending b{color:var(--ink)}.card-pending-active{will-change:transform, box-shadow;animation:2s cubic-bezier(.25,1,.5,1) infinite pulse-bounce;background:#fff1f5!important;border-color:#fda4af!important}.card-pending-active .metric-num{font-weight:800;color:#e11d48!important}.card-pending-active .metric-label{color:#be123c!important}@keyframes pulse-bounce{0%,to{transform:translateY(0)scale(1);box-shadow:0 4px 14px #e11d481f}30%{transform:translateY(-4px)scale(1.03);box-shadow:0 8px 20px #e11d4838}50%{transform:translateY(0)scale(1)}70%{transform:translateY(-2px)scale(1.015)}}.kpi.is-warning{background:var(--white);border-color:var(--ink)}.kpi.is-success,.kpi.is-neutral{background:var(--white);border-color:var(--line)}.ico-sq{width:40px;height:40px;color:var(--ink);background:var(--fill);border-radius:12px;place-items:center;margin:0 auto 6px;display:grid}.ico-sq.y{background:var(--fill);color:var(--ink)}.teacher-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 20px;display:grid}.teacher-quick{min-width:0;min-height:92px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-button);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:10px 4px;display:flex}.teacher-quick span{width:32px;height:32px;color:var(--ink);background:var(--fill);border-radius:10px;place-items:center;margin:0 auto 6px;display:grid}.teacher-quick strong{color:var(--ink);text-align:center;font-size:.7rem;font-weight:650;line-height:1.25}.teacher-quick--w,.teacher-quick--s{background:var(--white);border-color:var(--line)}.teacher-quick--p{background:var(--ink);border-color:var(--ink);color:var(--white)}.teacher-quick--p span{color:var(--ink);background:var(--white)}.teacher-quick--p strong{color:var(--white)}.teacher-primary-action{width:100%;color:var(--ink);text-align:left;background:#eceffd;border:1px solid #ffffffc7;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:16px;display:flex}.teacher-primary-action__copy{gap:4px;display:grid}.teacher-primary-action strong{font-size:1rem}.teacher-primary-action span{color:var(--ink-3);font-size:var(--font-caption)}.teacher-primary-action>b,.inbox-card__bottom b{color:#fff;white-space:nowrap;background:#1e262e;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;font-size:.78rem;font-weight:700;display:inline-flex}.teacher-home-shortcuts{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.home-entry{min-height:48px;color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.home-entry strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:750;line-height:1.2;overflow:hidden}.home-entry svg{flex:none}.home-entry--notice{color:#355a78;background:#e8f1f8;border-color:#d5e4ee}.home-entry--homework{color:#2f5d44;background:#e8f3ec;border-color:#d4e6da}.homework-page{gap:12px;padding-bottom:24px;display:grid}.homework-page h2{margin:0;font-size:1rem}.homework-check{border-top:1px solid var(--line);gap:10px;padding-top:4px;display:grid}.homework-check>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.homework-check>div:first-child span{color:#63707b;font-size:.76rem}.homework-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.homework-pills button{color:#2e7d32;text-overflow:ellipsis;white-space:nowrap;background:#eff7e8;border:0;border-radius:999px;height:34px;padding:0 6px;font-size:.75rem;font-weight:700;overflow:hidden}.homework-pills button.is-missing{color:#dc2626;background:#fee2e2}.homework-page__poster{border:1px solid var(--line);border-radius:12px;width:100%}.homework-student{min-width:0;position:relative}.homework-student>button{width:100%}.homework-subjects{z-index:3;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:5px;width:max-content;max-width:220px;padding:7px;display:flex;position:absolute;box-shadow:0 8px 18px #1c252c1f}.homework-subjects button{color:#475569;background:#f1f5f9;height:28px;padding:0 9px}.homework-subjects button.is-selected{color:#dc2626;background:#fee2e2}.homework-card{background:#fff;border:1px solid #edf1f6;border-radius:18px;gap:10px;padding:14px;display:grid;box-shadow:0 5px 16px #1c252c0d}.homework-batch-select{color:#355cc5;background:#f0f5ff;border:1.5px solid #d6e4fc;border-radius:12px;align-items:center;gap:7px;min-height:48px;padding:0 12px;font-weight:750;display:flex}.homework-batch-select select{color:#1c252c;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.homework-subject-tabs{flex-wrap:wrap;gap:7px;display:flex}.homework-subject-tabs button{color:#63707b;background:#f4f7fb;border:0;border-radius:999px;padding:7px 13px;font-weight:700}.homework-subject-tabs button.is-on{color:#fff;background:#1e262e}.homework-receipts{gap:10px;display:grid}.homework-receipts section{border-top:1px solid #f1f5f9;padding-top:10px}.homework-receipts h3{margin:0;font-size:.86rem}.receipt-reminder{margin:8px 0}.receipt-reminder>button,.receipt-reminder__box button{color:var(--ink);background:var(--fill);border:0;border-radius:10px;padding:8px 10px;font-weight:700}.receipt-reminder__box{border:1px solid var(--line);background:var(--page);border-radius:12px;gap:8px;margin-top:8px;padding:10px;display:grid}.receipt-reminder__box p{white-space:pre-wrap;margin:0;font-size:.8rem;line-height:1.55}.receipt-reminder__box small{color:var(--ink-3)}.homework-manager h3{margin:18px 0 9px;font-size:.9rem}.homework-task{gap:6px;margin-bottom:7px;display:flex}.homework-task select,.homework-task input{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;padding:9px}.homework-task select{width:72px}.homework-task input{flex:1}.homework-task button,.homework-add{color:#64748b;background:0 0;border:0}.homework-add{margin:2px 0 12px;font-size:.8rem;font-weight:700}.homework-progress h3{justify-content:space-between;gap:8px;display:flex}.homework-progress h3 small{color:#64748b;font-size:.65rem;font-weight:500}.homework-progress>div{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.homework-progress>div button{color:#1e293b;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:9px;font-weight:700;display:grid}.homework-progress span{font-size:.68rem;font-weight:500}.homework-poster{gap:8px;margin-top:15px;display:grid}.homework-poster img{border:1px solid var(--line);width:100%}.parent-homework{background:#fff;border:1px solid #d7e8d5;border-radius:16px;gap:9px;margin:14px 0;padding:15px;display:grid}.parent-homework>div:first-child{justify-content:space-between;align-items:center;display:flex}.parent-homework h2{margin:0;font-size:1rem}.parent-homework>div:first-child span{color:#15803d;background:#eff7e8;border-radius:99px;padding:3px 8px;font-size:.72rem;font-weight:700}.parent-homework--correction>div:first-child span{color:#a35a22;background:#fef5eb}.parent-homework--missing>div:first-child span{color:#be123c;background:#fff1f5}.parent-homework p{color:#475569;margin:0;font-size:.84rem}.parent-homework p b{color:#1e293b;margin-right:8px}.parent-homework aside{color:#854d0e;background:#fef3c7;border-radius:8px;padding:8px;font-size:.78rem}.parent-homework__progress{background:#e8eef2;border-radius:99px;height:6px;overflow:hidden}.parent-homework__progress i{border-radius:inherit;background:#76a86f;height:100%;display:block}.parent-homework>small{color:#94a3b8;font-size:.7rem}.teacher-tools-card{background:var(--white);border:1px solid var(--line);border-radius:14px;margin:0 0 14px;padding:12px}.teacher-tools-card .panel-h{margin-bottom:11px}.teacher-tools-card__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.teacher-tools-card__grid button{min-width:0;color:var(--ink);justify-items:center;gap:7px;padding:2px 0;display:grid}.teacher-tools-card__grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.71rem;font-weight:650;overflow:hidden}.tool-icon{width:32px;height:32px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:16px;display:grid}.tool-icon--matcha{background:#eff7e8}.tool-icon--mist{background:#e1f2f5}.tool-icon--apricot{background:#fef5eb}.tool-icon--lavender{background:#eceffd}.panel{background:var(--white);border:1px solid var(--line);border-radius:18px;margin:0 0 14px;padding:16px}.panel--tasks{border-color:var(--line)}.panel-h{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-h h2,.panel-h h3{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:750;display:flex}.panel-h h2:before,.panel-h h3:before{content:none}.panel-h .more{color:var(--ink-3);font-size:var(--font-caption);background:0 0;font-weight:600}.row-item{text-align:left;width:100%;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:12px 0;display:flex}.row-item+.row-item{border-top:1px solid var(--line)}.row-item .grow{flex:1;min-width:0}.row-item .name{font-weight:700}.row-item .sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.row-item .time{color:var(--ink-3);font-size:11px}.teacher-empty{min-height:82px;color:var(--ink-3);align-items:center;gap:12px;padding:12px 4px;display:flex}.teacher-empty div{gap:3px;display:grid}.teacher-empty strong{color:var(--ink);font-size:var(--font-label)}.teacher-empty span{font-size:var(--font-caption)}.teacher-task-list{gap:10px;display:grid}.teacher-task{background:var(--white);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;display:flex}.teacher-task__icon{width:42px;height:42px;color:var(--ink);background:var(--fill);border-radius:12px;flex:0 0 42px;place-items:center;display:grid;position:relative}.teacher-task--1 .teacher-task__icon,.teacher-task--2 .teacher-task__icon{color:var(--ink);background:var(--fill)}.teacher-task__icon b{width:20px;height:20px;color:var(--white);background:var(--ink);border-radius:var(--radius-pill);place-items:center;font-size:.7rem;display:grid;position:absolute;top:-7px;right:-7px}.teacher-task h3{margin:0;font-size:.98rem}.teacher-task p{color:var(--ink-3);font-size:var(--font-caption);margin:3px 0 0}.teacher-task__arrow{color:var(--ink-3);flex:none;margin-left:auto}.channel-note{color:var(--ink-3);background:var(--fill);font-size:var(--font-caption);border-radius:12px;align-items:flex-start;gap:8px;margin:0 0 12px;padding:12px;line-height:1.5;display:flex}.channel-note svg{color:var(--ink);flex:none;margin-top:1px}.panel--tasks{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #1e293b0a}.inbox-card{width:100%;min-height:56px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 3px;display:flex}.inbox-card:active{background:#f8fafc}.inbox-card:last-child{border-bottom:0}.inbox-card__tag{color:#a35a22;white-space:nowrap;background:#fef5eb;border-radius:6px;flex:none;padding:4px 6px;font-size:11px;font-weight:700}.inbox-card__tag--pickup{color:#6554a8;background:#f1eeff}.inbox-card__tag--health{color:#a35a22;background:#fef5eb}.inbox-card__tag--communication{color:#356a7b;background:#e1f2f5}.inbox-card__copy{color:#63707b;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.84rem;display:block;overflow:hidden}.inbox-card__copy strong{color:#1e293b;font-weight:700}.inbox-card__copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-card time{color:#94a3b8;flex:none;font-size:12px}.inbox-card>i{color:#94a3b8;flex:none;font-size:19px;font-style:normal;line-height:1}.inbox-card__copy em,.today-tag{color:var(--ink);background:var(--fill);border:1px solid var(--ink);border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.inbox-card__copy i{color:var(--ink-3);font-size:var(--font-caption);font-style:normal}.empty-state{color:var(--ink-3);background:var(--white);border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty-state strong{color:var(--ink);font-size:1rem}.empty-state span{font-size:var(--font-label);line-height:1.5}.empty-state svg{color:var(--ink)}.ai-insight-card{background:var(--fill);border-radius:var(--radius-card);padding:16px}.ai-insight-card header{color:var(--ink);align-items:center;gap:8px;display:flex}.ai-insight-card>div{color:var(--ink);margin-top:10px}.request-header{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:44px;margin:0 0 16px;display:grid}.request-header>button:not(.request-header__extra){width:40px;height:40px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:12px;place-items:center;display:grid}.request-header h1{text-align:center;margin:0;font-size:1.05rem;font-weight:750}.request-header__extra{min-height:32px;color:var(--ink-3);white-space:nowrap;padding:0 4px;font-size:13px;font-weight:650}.request-screen{min-height:calc(100dvh - 90px);padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.request-progress{background:var(--fill-2);border-radius:0;height:2px;margin:2px 0 16px;overflow:hidden}.request-progress i{background:var(--ink);border-radius:0;height:100%;transition:width .2s;display:block}.request-step{color:var(--ink-3);font-size:var(--font-caption);letter-spacing:.04em;margin:0 0 10px}.request-screen>h2{letter-spacing:-.03em;margin:0;font-size:1.55rem;font-weight:750;line-height:1.25}.request-hint{color:var(--ink-3);font-size:var(--font-label);margin:8px 0 0}.choice-option{min-height:72px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-button);text-align:left;padding:14px;font-size:1rem;font-weight:650}.choice-option.is-selected{color:var(--white);background:var(--ink);border-color:var(--ink)}.request-input-group{margin-top:16px}.request-input-group input,.request-input-group textarea{width:100%;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-button);font:inherit;outline:0;font-size:16px}.request-input-group input{height:52px;padding:0 14px}.request-input-group textarea{resize:vertical;min-height:120px;padding:14px;line-height:1.55}.request-input-group input:focus,.request-input-group textarea:focus{border-color:var(--ink)}.mock-upload{min-height:52px;color:var(--ink);background:var(--fill);border:1px dashed var(--ink-3);border-radius:var(--radius-button);font-size:var(--font-label);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-weight:650;display:flex;position:relative}.mock-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.request-continue{margin-top:auto}.request-continue:disabled{color:var(--ink-3);background:var(--fill-2)}.request-confirm__hero{align-items:center;gap:12px;margin-bottom:18px;display:flex}.request-confirm__hero>span{width:48px;height:48px;color:var(--white);background:var(--ink);border-radius:14px;place-items:center;display:grid}.request-confirm__hero p{color:var(--ink-3);font-size:var(--font-label);margin:0 0 3px}.request-confirm__hero h2{margin:0;font-size:1.25rem}.confirm-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);gap:0;padding:4px 16px 8px;display:grid}.confirm-card__summary{color:var(--ink);margin:12px 0;font-size:1rem;font-weight:750}.confirm-card>div,.confirm-card--stack>div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.confirm-card span{color:var(--ink-3);font-size:var(--font-label)}.confirm-card strong{max-width:65%;color:var(--ink);font-size:var(--font-label);text-align:right;word-break:break-word}.confirm-facts{margin:12px 0}.confirm-facts ul{width:100%;color:var(--ink);font-size:var(--font-label);margin:0;padding-left:1.1em;line-height:1.55}.confirm-note{color:var(--ink-3);font-size:var(--font-caption);margin:16px 2px 18px}.submit-button{width:100%}.edit-button{width:100%;margin-top:8px}.request-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:60vh;display:flex}.success-mark{width:72px;height:72px;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:var(--radius-pill);place-items:center;display:grid}.request-success>p{color:var(--ink-3);font-size:var(--font-label);margin:0}.request-success>div span{color:var(--ink-3);font-size:var(--font-caption)}.request-success>div strong{color:var(--ink)}.confirm-edit{width:100%;min-height:72px;color:var(--ink);background:var(--white);border:1px solid var(--line);font:inherit;resize:vertical;border-radius:14px;padding:10px 12px;font-weight:600;line-height:1.55}.confirm-edit:focus{border-color:var(--ink);outline:0}.confirm-edit-hint{color:var(--ink-3);font-size:var(--font-caption);margin:4px 0 0}.assist-block{margin-top:18px}.assist-block h2{margin:0 0 8px;font-size:1.05rem}.parent-original{color:var(--ink);background:var(--fill);border-left:2px solid var(--ink);border-radius:12px;margin:0 0 14px;padding:14px 16px;line-height:1.6}.assist-button{width:100%;margin-top:4px}.assist-hint{color:var(--ink-3);font-size:var(--font-caption);margin:8px 0 14px}.assist-wait{color:var(--ink-2);font-size:var(--font-label);margin:8px 0 12px}.plain-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);gap:0;margin:8px 0 16px;padding:8px 16px 16px;display:grid}.plain-card>div{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 0;display:flex}.plain-card>div:first-child{border-top:0}.plain-card span{color:var(--ink-3);font-size:var(--font-label)}.plain-card strong{font-size:var(--font-label);font-weight:600;line-height:1.55}.reply-box{margin-top:8px}.common-replies{background:var(--fill);border-radius:12px;gap:10px;margin:16px 0;padding:14px;display:grid}.common-replies>span{color:var(--ink-3);font-size:var(--font-label);font-weight:700}.common-replies>div{gap:8px;display:grid}.common-replies button{color:var(--ink);background:var(--white);border:1px solid var(--line);font-size:var(--font-label);text-align:left;border-radius:10px;padding:11px 12px;line-height:1.45}.common-replies button:disabled{opacity:.65}.field-counter{color:var(--ink-3);font-size:var(--font-caption);text-align:right;margin-top:-2px;display:block}.ai-tools{background:var(--fill);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 8px;padding:12px;display:flex}.ai-tools>span{color:var(--ink-3);font-size:var(--font-caption)}.ai-tools>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ai-tools .secondary-button{min-height:36px;font-size:var(--font-caption);padding:7px 10px}.reply-styles{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.reply-styles button{min-height:40px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-pill);padding:8px 14px}.reply-styles button.is-selected{color:var(--white);background:var(--ink);border-color:var(--ink)}.student-plain-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.student-plain-list button{width:100%;color:var(--ink);border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.student-plain-list button span{color:var(--ink-3);font-size:var(--font-caption)}.profile-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.profile-hero h2{margin:10px 0 4px;font-size:1.45rem}.profile-hero>p{color:var(--ink-3);margin:0}.profile-hero__avatar{width:80px;height:80px}.student-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.student-head .student-avatar{flex:0 0 40px;width:40px;height:40px;font-size:.9rem}.student-head h2{margin:0;font-size:1.05rem;font-weight:750}.student-head p{color:var(--ink-3);margin:2px 0 0;font-size:12px}.student-head .keyword-chips{margin:6px 0 0}.student-head .keyword-empty{margin:4px 0 0;font-size:12px}.profile-tabs--compact{margin:0 0 12px}.profile-tabs--compact button{min-height:32px;font-size:13px}.filter-chips{gap:6px;margin-bottom:8px;display:flex;overflow-x:auto}.filter-chips button{border:1px solid var(--line);min-height:30px;color:var(--ink-3);background:var(--white);white-space:nowrap;border-radius:999px;flex:none;padding:0 10px;font-size:12px;font-weight:650}.filter-chips button.is-on{color:var(--white);background:var(--ink);border-color:var(--ink)}.event-filter--compact{margin-bottom:8px}.event-filter--compact select{height:36px;min-height:36px;padding:0 10px;font-size:13px}.profile-updated{color:var(--ink-3);font-size:var(--font-caption);margin:10px 0 0}.profile-kicker{color:var(--ink-3);margin:0 0 12px}.profile-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);gap:8px;margin-bottom:12px;padding:18px 16px;display:grid}.profile-card .primary-button,.profile-card .secondary-button{width:100%}.profile-card--health{background:var(--white)}.profile-card h3{margin:0 0 6px;font-size:1rem;font-weight:750}.profile-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.profile-row span{color:var(--ink-3);font-size:var(--font-label)}.profile-row strong{text-align:right;max-width:62%;font-size:var(--font-label)}.profile-row .is-empty,.profile-empty{color:var(--ink-3);font-weight:400}.profile-empty,.profile-note{margin:0}.profile-note{color:var(--ink-2);line-height:1.55}.profile-hint{color:var(--ink-3);font-size:var(--font-caption);margin:0 0 8px}.profile-label{color:var(--ink-3);font-size:var(--font-label);margin:10px 0 6px}.profile-field{color:var(--ink-3);font-size:var(--font-label);gap:6px;display:grid}.profile-field input,.profile-field textarea,.profile-field select,.profile-longtext,.profile-search input,.event-filter select{width:100%;color:var(--ink);background:var(--white);border:1px solid var(--line);font:inherit;border-radius:12px}.profile-field input,.profile-field select,.profile-search input{height:50px;padding:0 14px}.profile-field textarea,.profile-longtext{resize:vertical;min-height:88px;padding:12px 14px}.profile-field input:focus,.profile-field textarea:focus,.profile-field select:focus,.profile-search input:focus{border-color:var(--ink);outline:0}.profile-search{margin-bottom:14px;display:block}.profile-edit-button{width:100%;margin:8px 0 12px}.keyword-chips{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.keyword-chips li{max-width:100%;color:var(--ink);background:var(--fill);border-radius:var(--radius-pill);font-size:var(--font-caption);padding:5px 10px}.keyword-empty{color:var(--ink-3);font-size:var(--font-caption);margin:8px 0 0}.keyword-picker,.choice-row{flex-wrap:wrap;gap:8px;display:flex}.keyword-picker button,.choice-row button{min-height:40px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-pill);padding:8px 14px}.keyword-picker button.is-selected,.choice-row button.is-selected{color:var(--white);background:var(--ink);border-color:var(--ink)}.keyword-add{gap:8px;display:flex}.keyword-add input{border:1px solid var(--line);height:50px;font:inherit;border-radius:12px;flex:1;padding:0 14px}.keyword-add button{min-width:72px;min-height:50px;color:var(--white);background:var(--ink);border-radius:12px;flex:none;padding:0 16px}.student-list{gap:10px;display:grid}.student-row{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;width:100%;min-height:80px;padding:12px;display:flex}.student-row__copy{flex:1;min-width:0;display:grid}.student-row__copy strong{font-size:1.05rem}.student-row__copy small{color:var(--ink-3)}.student-row .keyword-chips{max-height:3.4em;overflow:hidden}.student-avatar{width:48px;height:48px;color:var(--ink);background:var(--fill);border-radius:var(--radius-pill);flex:0 0 48px;place-items:center;font-weight:700;display:grid;overflow:hidden}.student-avatar.is-hua{background:var(--fill)}.student-avatar img{object-fit:cover;width:100%;height:100%}.profile-tabs,.segmented{background:var(--fill);border-radius:var(--radius-pill);flex-wrap:wrap;margin:4px 0 16px;padding:4px;display:flex}.profile-tabs button,.segmented button{border-radius:var(--radius-pill);min-height:40px;color:var(--ink-3);flex:1}.profile-tabs button.is-active,.segmented button.is-active{color:var(--ink);background:var(--white);font-weight:750}.event-filter{color:var(--ink-3);font-size:var(--font-label);gap:6px;margin-bottom:12px;display:grid}.event-filter select{height:48px;min-height:48px;padding:0 12px}.event-row{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;width:100%;min-height:56px;margin-bottom:8px;padding:8px 10px;display:flex}.event-row--health{background:#fbf6f1;border-color:#e8d5c4}.event-row--pickup,.event-row--early-leave{background:#f4f8fb;border-color:#d5e4ee}.event-row--leave{background:#f7f4fa;border-color:#ddd4e8}.event-row.is-replied{border-color:#d4e6da}.event-row.is-replied .event-row__status{color:#2f5d44}.event-row__date{color:var(--ink);font-size:var(--font-caption);flex:0 0 64px;font-weight:700}.event-row__copy{flex:1;min-width:0;display:grid}.event-row__copy small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row__status{color:var(--ink-3);font-size:var(--font-caption);flex:none}.enter-page{flex-direction:column;justify-content:center;gap:12px;min-height:70vh;display:flex}.enter-page h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:2rem;font-weight:750}.enter-page p{color:var(--ink-3);margin:0 0 12px}.invite-code{color:var(--ink);letter-spacing:.18em;text-align:center;margin:8px 0;font-size:1.6rem;font-weight:750}.invite-qr{background:var(--white);border:1px solid var(--line);border-radius:12px;width:200px;height:200px;margin:8px auto;display:block}.student-plain-list{margin:12px 0 0;padding-left:1.1em}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.stat-tile{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px}.stat-tile strong{color:var(--ink);font-size:1.35rem;display:block}.stat-tile span{color:var(--ink-3);font-size:var(--font-caption)}.record-list{gap:10px;display:grid}.record-card{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:16px;gap:4px;width:100%;padding:16px;display:grid}.record-card span{color:var(--ink-3);font-size:var(--font-caption)}.record-card .primary-button{width:100%;margin-top:8px}.admin-page{max-width:720px}.admin-tabs{flex-wrap:wrap}.admin-tabs button{min-height:44px;font-size:var(--font-caption);flex:30%}.form-error{color:var(--ink);font-size:var(--font-label);margin:8px 0 12px;font-weight:650}.bind-row{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.bind-row input{width:18px;height:18px;margin-top:4px}.pill-wait,.pill-ok{border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill-wait{color:var(--ink);background:var(--white);border:1px solid var(--ink)}.pill-ok{color:#355a78;background:#e8f1f8;border:1px solid #d5e4ee}.donut-wrap{align-items:center;gap:16px;padding:8px 0 12px;display:flex}.donut{background:conic-gradient(#5b8fb8 0 calc(var(--pct,0) * 1%), #e8f1f8 0);border-radius:50%;flex:0 0 104px;place-items:center;width:104px;height:104px;display:grid}.donut:after{background:var(--white);text-align:center;content:attr(data-label);border-radius:50%;place-items:center;width:68px;height:68px;font-size:14px;font-weight:750;line-height:1.15;display:grid}.quote-card{color:var(--ink);background:var(--fill);border-radius:16px;margin:12px 0;padding:16px;font-weight:750;line-height:1.45}.timeline{display:grid}.tl{grid-template-columns:16px 1fr;gap:12px;display:grid}.tl .axis{position:relative}.tl .axis:before{content:"";background:var(--line);width:1px;position:absolute;top:16px;bottom:-8px;left:6px}.tl:last-child .axis:before{display:none}.tl .node{background:var(--white);border:1.5px solid var(--ink);border-radius:50%;width:12px;height:12px;margin-top:4px}.tl .node.p{background:var(--ink)}.tl .box{background:var(--white);border:1px solid var(--line);border-radius:14px;margin:6px 0 14px;padding:12px 14px}.tl .box.me{color:var(--ink);background:var(--fill);border-color:var(--line)}.tl .when{color:var(--ink-3);font-size:12px}.poster-templates{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.poster-templates button{min-height:40px;color:var(--ink);background:var(--white);border:1px solid var(--line);font-size:var(--font-caption);border-radius:999px;padding:0 14px;font-weight:650}.poster-templates button.is-active{color:var(--white);background:var(--ink);border-color:var(--ink)}.poster-preview{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);gap:14px;width:100%;padding:16px;display:grid}.poster-preview h3{margin:0}.poster-preview img{border:1px solid var(--line);width:100%;height:auto;display:block}.notice-template-library{border:1px solid var(--line);background:#f8fafc;border-radius:16px;gap:12px;margin:18px 0;padding:14px;display:grid}.notice-template-library__heading{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:0;display:flex}.notice-template-library__heading h3{margin:0;font-size:1rem}.notice-template-library__heading span{color:var(--mute);font-size:.78rem}.notice-template-library__categories{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.notice-template-library__categories button{border:1px solid var(--line);min-height:34px;color:var(--mute);background:var(--white);border-radius:999px;flex:none;padding:0 11px;font-size:.8rem}.notice-template-library__categories button.is-active{border-color:var(--ink);color:var(--white);background:var(--ink)}.notice-template-library__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.notice-template-card{text-align:left;border:1px solid var(--line);background:var(--white);border-radius:12px;gap:5px;min-height:128px;padding:12px;display:grid}.notice-template-card.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.notice-template-card span{color:#64758a;font-size:.72rem}.notice-template-card strong{color:var(--ink);font-size:.88rem}.notice-template-card small{color:var(--mute);font-size:.76rem;line-height:1.45}.notice-template-card em{color:var(--ink);align-self:end;font-size:.75rem;font-style:normal;font-weight:700}@media (width<=420px){.notice-template-library__list{grid-template-columns:1fr}}.classroom-tools{z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.classroom-tools__scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1923326b;border:0;position:absolute;inset:0}.classroom-tools__card{background:#fff;border-radius:24px;width:min(100%,460px);max-height:min(760px,100vh - 32px);padding:20px;position:relative;overflow:auto;box-shadow:0 20px 50px #16223438}.classroom-tools__card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.classroom-tools__card h2{margin:0;font-size:18px}.classroom-tools__card header button{width:30px;height:30px;color:var(--mute);background:#f1f5f9;border:0;border-radius:50%;place-items:center;display:grid}.tool-result{color:#1e293b;text-align:center;background:#f4f7fc;border-radius:20px;place-content:center;min-height:154px;margin:18px 0 12px;font-size:clamp(30px,10vw,44px);font-weight:900;transition:transform .1s;display:grid}.tool-result.is-rolling{color:#2563eb;transform:scale(1.04)}.tool-result small{color:#64748b;margin-top:12px;font-size:12px;font-weight:500}.tool-actions{gap:9px;margin:12px 0;display:flex}.tool-actions button,.tool-primary{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:11px;flex:1;min-height:42px;font-weight:750}.tool-actions button.is-active,.tool-primary{color:#fff;background:#2563eb;border:0}.tool-primary{width:100%;box-shadow:0 4px 12px #2563eb40}.tool-primary--soft{color:#334155;box-shadow:none;background:#f1f5f9}.tool-history{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tool-history small{color:#64748b;width:100%}.tool-history span{color:#334155;background:#eef2f6;border-radius:8px;padding:4px 9px;font-size:12px}.tool-tip{color:#64748b;margin:7px 0 12px;font-size:12px}.tool-podium{color:#334155;background:#cbd5e1;border-radius:8px;width:fit-content;margin:10px auto 16px;padding:4px 30px;font-size:11px;font-weight:750}.tool-seat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tool-seat-grid button{color:#1e293b;background:#f0fdf4;border:1px solid #e2e8f0;border-radius:12px;min-height:58px;font-size:13px;font-weight:750}.tool-seat-grid button.is-female{background:#fff1f2}.tool-seat-grid button.is-selected{color:#fff;background:#3b82f6;border:2px solid #1d4ed8}.tool-seat-grid small{opacity:.65;margin-top:2px;font-size:9px;font-weight:500;display:block}.tool-student-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:290px;display:grid;overflow:auto}.tool-student-grid button{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:4px;padding:10px 7px;font-size:12px;display:flex}.tool-student-grid span{color:#15803d;font-weight:800}.tool-score{background:#eff6ff;border-radius:14px;flex-wrap:wrap;gap:7px;margin-top:12px;padding:12px;display:flex}.tool-score strong{color:#1e3a8a;width:100%;font-size:13px}.tool-score button{border:0;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}.tool-score .is-plus{color:#15803d;background:#dcfce7}.tool-score .is-minus{color:#b91c1c;background:#fee2e2}.tool-ranking{gap:7px;margin-top:16px;display:grid}.tool-ranking strong{font-size:13px}.tool-ranking span{color:#475569;justify-content:space-between;font-size:13px;display:flex}.tool-ranking b{color:#2563eb}.tool-days{background:#f1f5f9;border-radius:12px;margin:14px 0;padding:3px;display:flex}.tool-days button{color:#64748b;background:0 0;border:0;border-radius:9px;flex:1;padding:8px 0;font-size:12px;font-weight:700}.tool-days button.is-active{color:#2563eb;background:#fff;box-shadow:0 2px 6px #0000000f}.tool-duty{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.tool-duty h3{color:#1e293b;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.tool-duty h3 span{color:#b45309;background:#fef3c7;border-radius:6px;padding:2px 8px;font-size:11px}.tool-duty p{color:#475569;margin:8px 0;font-size:13px}.class-overview{background:var(--white);border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:12px 14px}.class-overview h2{letter-spacing:-.03em;margin:0;font-size:1.2rem}.class-overview p{color:var(--ink-3);margin:6px 0 0;font-size:13px}.class-overview small{color:#3d6a8a;background:#e8eef3;border-radius:999px;margin-top:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.class-nav{border-top:1px solid var(--line);display:grid}.class-nav-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 2px;display:flex}.class-nav-row span{gap:2px;min-width:0;display:grid}.class-nav-row strong{font-size:.95rem;font-weight:700}.class-nav-row small{color:var(--ink-3);font-size:12px}.class-nav-row svg{color:var(--ink-3);flex:none}.tools-drawer{z-index:70;position:fixed;inset:0}.tools-drawer__scrim{background:#1c252c47;width:100%;animation:.2s ease-out tools-fade;position:absolute;inset:0}.tools-drawer__sheet{width:min(100%,560px);padding:8px 20px max(24px, env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;margin:auto;animation:.25s cubic-bezier(.2,.8,.2,1) tools-rise;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 36px #1c252c1f}.tools-drawer__handle{background:#d7dee4;border-radius:999px;width:34px;height:4px;margin:0 auto 13px}.tools-drawer__sheet header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tools-drawer__sheet header span{color:var(--ink-3);font-size:var(--font-caption)}.tools-drawer__sheet h2{margin:2px 0 0;font-size:1.25rem}.tools-drawer__sheet header button{width:36px;height:36px;color:var(--ink);background:var(--fill);border-radius:50%;place-items:center;display:grid}.tools-drawer__list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tools-drawer__list>button{color:var(--ink);text-align:left;background:#f8fafc;border-radius:14px;grid-template-columns:40px 1fr 12px;align-items:center;gap:9px;padding:12px;display:grid}.tools-drawer__list .tool-icon{width:40px;height:40px}.tools-drawer__list strong,.tools-drawer__list small{display:block}.tools-drawer__list strong{font-size:.85rem}.tools-drawer__list small{color:var(--ink-3);margin-top:3px;font-size:.68rem;line-height:1.35}.tools-drawer__list i{color:var(--ink-3);font-size:1.3rem;font-style:normal}@keyframes tools-fade{0%{opacity:0}to{opacity:1}}@keyframes tools-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.teacher-workspace:has(.poster-studio){padding-top:10px}.poster-studio{flex-direction:column;gap:10px;height:auto;min-height:0;display:flex;overflow:visible}.poster-studio-head{align-items:center;min-height:36px;display:flex}.poster-studio-head button{width:36px;height:36px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid}.poster-studio-tabs,.poster-studio-templates{background:var(--fill);border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:0 auto;padding:3px;display:flex;overflow-x:auto}.poster-studio-tabs button,.poster-studio-templates button{min-height:30px;color:var(--ink-3);background:0 0;border:0;border-radius:999px;flex:none;padding:0 11px;font-size:12px;font-weight:700}.poster-studio-tabs button.is-active,.poster-studio-templates button.is-active{color:var(--white);background:#3d6a8a}.poster-studio-preview{flex:none;place-items:center;width:100%;padding:0;display:grid;overflow:visible}.poster-studio-preview img{object-fit:contain;cursor:zoom-in;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:min(52dvh,460px);display:block;box-shadow:0 6px 18px #1c252c14}.poster-studio-actions{background:var(--page);grid-template-columns:1fr 1fr;gap:8px;display:grid;position:static;inset:auto}.poster-studio-actions .primary-button,.poster-studio-actions .secondary-button{width:100%;min-height:44px}.poster-studio-more{justify-content:center;gap:16px;display:flex}.poster-studio-more button{min-height:28px;color:var(--ink-3);font-size:12px;font-weight:650}.poster-copy-ok{color:#2f5d44;text-align:center;margin:0;font-size:12px;font-weight:650}.poster-fullscreen{z-index:100;background:#0d1520e0;border:0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.poster-fullscreen img{object-fit:contain;max-width:100%;max-height:100%}@media (width<=359px){.poster-studio-actions{grid-template-columns:1fr}}.template-flow{border-top:1px solid var(--line);gap:10px;margin-top:12px;padding-top:12px;display:grid}.template-flow h3{margin:0;font-size:.92rem}.notice-poster-result{gap:12px;margin-top:16px;display:grid}.notice-workbench{gap:12px;display:grid}.notice-quick{gap:8px;display:grid}.notice-quick__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.notice-quick__head span{color:var(--ink-3);font-size:12px;font-weight:700}.notice-quick__head button{color:#355a78;font-size:13px;font-weight:650}.notice-quick__chips{gap:6px;display:flex;overflow-x:auto}.notice-quick__chips--wrap{flex-wrap:wrap;margin-bottom:10px}.notice-quick__chips button{border:1px solid var(--line);color:#355a78;white-space:nowrap;background:#e8f1f8;border-radius:999px;flex:none;min-height:32px;padding:0 10px;font-size:12px;font-weight:650}.notice-quick__chips button.is-on{color:var(--white);background:#3d6a8a;border-color:#3d6a8a}.notice-template-pick{gap:8px;display:grid}.notice-template-pick button{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:12px;gap:3px;padding:10px 12px;display:grid}.notice-template-pick span{color:#6b7c8a;font-size:11px}.notice-template-pick strong{font-size:.92rem}.notice-template-pick small{color:var(--ink-3);font-size:12px}.notice-record-tabs{background:var(--fill);border-radius:999px;gap:4px;margin-bottom:10px;padding:3px;display:flex;overflow-x:auto}.notice-record-tabs button{min-height:32px;color:var(--ink-3);white-space:nowrap;border:0;border-radius:999px;flex:1;padding:0 10px;font-size:13px;font-weight:650}.notice-record-tabs button.is-on{color:var(--white);background:#3d6a8a}.notice-record-list{gap:8px;display:grid}.notice-record-card{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.notice-record-card strong{font-size:.95rem}.notice-record-card span{color:var(--ink-3);font-size:12px}.notice-record-card em{font-size:12px;font-style:normal;font-weight:700}.notice-record-card.is-pending{background:#fbf6f1;border-color:#e8d5c4}.notice-record-card.is-pending em{color:#9a5524}.notice-record-card.is-complete em{color:#2f5d44}.notice-record-card.is-draft em{color:var(--ink-3)}.notice-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;gap:8px;margin-bottom:10px;padding:16px;display:grid}.notice-card.is-pending{border-color:var(--ink)}.notice-card strong{font-size:1.05rem;font-weight:750}.notice-card__open{width:100%;color:inherit;text-align:left}.notice-card p{color:var(--ink-2);font-size:var(--font-label);margin:0;line-height:1.55}.notice-card footer{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.home-actions{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 8px;display:grid}.home-actions--core{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-action{min-height:76px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px 8px;display:flex}.home-action span{width:28px;height:28px;color:var(--ink);place-items:center;display:grid}.home-action strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.82rem;font-weight:700;overflow:hidden}.home-actions--core .home-action strong{font-size:.78rem}.request-hub{border-top:1px solid var(--line);gap:0;margin-top:10px;display:grid}.request-hub button{min-height:68px;color:var(--ink);border-bottom:1px solid var(--line);text-align:left;grid-template-columns:28px 1fr 20px;align-items:center;gap:12px;padding:0 4px;display:grid}.request-hub strong{font-size:1rem;font-weight:700}.request-hub span{color:var(--ink-3);text-align:right;font-size:1.45rem;line-height:1}.today-banner{width:100%;color:var(--ink);background:var(--fill);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;margin:0 0 18px;padding:18px 16px;display:block}.today-banner.has-updates{background:var(--accent-purple-soft);border-color:var(--accent-purple-soft)}.today-banner b{letter-spacing:-.02em;font-size:1.15rem;font-weight:750;display:block}.today-banner span{color:var(--ink-3);font-size:var(--font-label);margin-top:6px;display:block}.teacher-status{margin-bottom:20px}.notice-preview{width:100%;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;gap:6px;margin-top:14px;padding:15px;display:grid}.notice-preview p{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.notice-preview span,.notice-preview small{color:var(--ink-3);font-size:var(--font-caption)}.public-notice{min-height:100vh;color:var(--ink);background:var(--page);place-items:start center;padding:28px 20px 40px;display:grid}.public-notice article{background:var(--white);border:1px solid var(--line);border-radius:20px;width:min(680px,100%);padding:clamp(24px,5vw,48px)}.public-notice__meta{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;font-size:.78rem;font-weight:700}.public-notice h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(1.7rem,6vw,2.8rem);font-weight:750;line-height:1.18}.public-notice small{border-bottom:1px solid var(--ink);color:var(--ink-3);margin-bottom:28px;padding-bottom:16px;display:block}.public-notice__body{white-space:pre-wrap;min-height:140px;margin-bottom:28px;font-size:1.05rem;line-height:1.85}.public-notice .primary-button,.public-notice-card .primary-button{width:100%;min-height:50px;color:var(--white);background:var(--ink);border-radius:var(--radius-button);font-size:1.05rem;font-weight:800}.public-notice__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.public-notice__actions .primary-button:disabled{opacity:1;cursor:default}.public-notice__actions .secondary-button{min-height:64px;font-size:1.05rem}.public-notice__acked{min-height:64px;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:var(--radius-button);place-items:center;font-size:1.15rem;font-weight:700;display:grid}.entry-hero{margin:8px 0 22px}.entry-hero b{letter-spacing:-.04em;font-size:1.7rem;font-weight:750;display:block}.entry-hero span{color:var(--ink-3);font-size:var(--font-label);margin-top:8px;display:block}.sidebar{display:none}.teacher-drawer-layer{z-index:50;visibility:hidden;pointer-events:none;position:fixed;inset:0}.teacher-drawer-layer.is-open{visibility:visible;pointer-events:auto}.teacher-drawer-backdrop{background:#00000059;width:100%;height:100%;position:absolute;inset:0}.teacher-drawer{width:min(320px,86vw);color:var(--ink);background:var(--white);border-right:1px solid var(--line);flex-direction:column;padding:22px 18px;transition:transform .2s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:auto;transform:translate(-102%)}.teacher-drawer-layer.is-open .teacher-drawer{transform:translate(0)}.teacher-drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:4px 2px 20px;display:flex}.teacher-drawer-head b,.teacher-drawer-head span{display:block}.teacher-drawer-head b{font-size:1.2rem}.teacher-drawer-head span{color:var(--ink-3);font-size:var(--font-caption);margin-top:3px}.teacher-drawer-head button{color:var(--ink);padding:4px}.teacher-drawer section{border-bottom:1px solid var(--line);padding:16px 0 4px}.teacher-drawer section p{color:var(--ink-3);letter-spacing:.08em;margin:0 0 7px;font-size:.7rem;font-weight:700}.teacher-drawer section button,.teacher-drawer-logout{width:100%;min-height:44px;color:var(--ink);text-align:left;align-items:center;gap:12px;padding:0 4px;font-weight:650;display:flex}.teacher-drawer-logout{color:var(--ink-3);margin-top:auto;padding-top:22px}.modal-layer{z-index:60;background:#00000059;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--white);border-radius:18px;width:min(400px,100%);padding:24px 20px}.modal-card h3{margin:0 0 8px;font-size:1.15rem}.modal-card p{color:var(--ink-3);margin:0 0 18px}.teacher-workspace:has(.hw-page) .request-header{margin-bottom:12px}.hw-summary-poster{border-radius:10px;width:min(100%,320px);height:auto;margin:0 auto;display:block;box-shadow:0 6px 16px #1c252c14}.me-name{margin:0 0 10px;font-size:1.15rem;font-weight:750}.me-account{background:var(--white);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:12px;display:grid}.me-account--credits{grid-template-columns:1fr}.me-account--credits p{color:var(--ink-3);margin:0;font-size:12px}.me-account--credits strong{letter-spacing:-.04em;font-size:1.8rem}.me-account-item{text-align:left;gap:4px;min-height:0;padding:4px;display:grid}.me-account-item span{color:var(--ink-3);font-size:12px}.me-account-item strong{font-size:1.05rem}.me-account-item.is-member strong{color:#3d6a8a}.me-account-item.is-credit strong{color:#6b5b95}.me-nav{border-top:1px solid var(--line);display:grid}.me-nav button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 2px;display:flex}.me-nav span{gap:2px;display:grid}.me-nav b{font-size:.95rem}.me-nav small{color:var(--ink-3);font-size:12px}.me-nav svg{color:var(--ink-3)}.hw-page{gap:8px;width:100%;max-width:560px;padding-bottom:8px;display:grid;overflow-x:hidden}.hw-page .primary-button{min-height:44px}.hw-kicker,.hw-date{color:var(--ink-3);margin:0;font-size:12px;font-weight:650}.hw-date{color:var(--ink);font-size:.95rem;font-weight:750}.hw-section-title{margin:2px 0 0;font-size:.9rem;font-weight:750}.hw-card{background:var(--white);border:1px solid var(--line);border-radius:14px;gap:8px;padding:12px;display:grid}.hw-card--tight{gap:6px;padding:10px 12px}.hw-card h2,.hw-card h3{margin:0;font-size:.9rem;font-weight:750}.hw-card--link{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.hw-card--link>div{flex:1;min-width:0}.hw-card--link strong{font-size:.95rem;display:block}.hw-card--link p,.hw-card p{color:var(--ink-3);white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:12px;line-height:1.45}.hw-card--link svg{color:var(--ink-3);flex:none}.hw-muted{color:var(--ink-3);margin:0;font-size:12px;line-height:1.45}.hw-inline-stats{color:var(--ink-2);flex-wrap:wrap;gap:6px 12px;margin:0;font-size:13px;font-weight:650;display:flex}.hw-inline-stats button{min-height:0;color:inherit;font:inherit;align-items:baseline;gap:4px;padding:0;display:inline-flex}.hw-inline-stats b{letter-spacing:-.03em;font-size:1.05rem}.hw-inline-stats .is-done{color:#2f5d44}.hw-inline-stats .is-miss{color:#9a5524}.hw-inline-stats .is-fix{color:#8e3f5e}.hw-empty-card{justify-items:start}.hw-empty-card .empty-state{width:100%;padding:4px 0}.hw-history{margin:2px 0 0}.hw-history summary{color:var(--ink-3);cursor:pointer;font-size:12px;font-weight:650}.hw-history button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.hw-history small{color:var(--ink-3)}.hw-compose{gap:7px;display:grid}.hw-task{grid-template-columns:76px minmax(0,1fr);gap:6px;display:grid}.hw-task select,.hw-task textarea{width:100%;min-width:0;color:var(--ink);background:var(--white);border:1px solid var(--line);font:inherit;border-radius:10px}.hw-task select{height:40px;padding:0 8px}.hw-task textarea{resize:vertical;min-height:40px;padding:8px 10px;line-height:1.4}.hw-task-remove{color:var(--ink-3);grid-column:1/-1;justify-self:start;font-size:12px;font-weight:650}.hw-add{min-height:32px;color:var(--ink-3);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.hw-page-action{margin-top:2px}.hw-soft-btn{width:100%;min-height:36px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700}.hw-soft-btn:disabled{opacity:.45}.hw-text-btn{min-height:36px;color:var(--ink-3);background:0 0;justify-content:center;align-items:center;padding:0;font-weight:650;display:inline-flex}.hw-text-btn--block{width:100%}.hw-flash{color:#2f5d44;background:#e7f2ea;border-radius:10px;margin:0;padding:8px 10px;font-size:12px;font-weight:650}.hw-log{gap:0;padding-top:4px;display:grid}.hw-log-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 0;display:flex}.hw-log-row.is-on{color:#3d6a8a}.hw-log-main{align-items:baseline;gap:8px;min-width:0;display:flex}.hw-log-main b{font-variant-numeric:tabular-nums}.hw-log-main em{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:650;overflow:hidden}.hw-log-meta{color:var(--ink-3);flex:none;align-items:center;gap:2px;font-size:12px;display:inline-flex}.hw-log-detail{background:var(--white);border:1px solid var(--line);border-radius:12px;gap:6px;margin:0 0 8px;padding:8px 10px 10px;display:grid}.hw-log-detail p{color:var(--ink-2);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px}.hw-preview-item{border-top:1px solid var(--line);gap:2px;padding:8px 0;display:grid}.hw-preview-item:first-child{border-top:0;padding-top:0}.hw-preview-item strong{font-size:.9rem}.hw-preview-item p{color:var(--ink-2);white-space:pre-wrap;word-break:break-word;margin:0}.hw-success{align-items:center;gap:10px;padding:2px 0;display:flex}.hw-success-icon{width:32px;height:32px;color:var(--white);background:#3d6a8a;border-radius:50%;place-items:center;display:grid}.hw-success h2{margin:0;font-size:1rem}.hw-success p{color:var(--ink-3);margin:2px 0 0;font-size:12px}.hw-receipt{gap:6px;display:grid}.hw-receipt-count{color:var(--ink);margin:0}.hw-receipt-count b{letter-spacing:-.03em;font-size:1.2rem}.hw-bar{background:var(--fill-2);border-radius:999px;height:6px;overflow:hidden}.hw-bar i{border-radius:inherit;background:#3d6a8a;height:100%;display:block}.hw-pending-link{width:100%;min-height:36px;color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;font-weight:650;display:flex}.hw-batch,.hw-fold{width:100%;min-height:36px;color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.hw-batch-list{border:1px solid var(--line);background:var(--white);border-radius:12px;display:grid;overflow:hidden}.hw-batch-list button{text-align:left;min-height:40px;padding:0 12px;font-size:13px}.hw-batch-list button.is-on{color:var(--white);background:#3d6a8a}.hw-subject-tabs{gap:6px;display:flex;overflow-x:auto}.hw-subject-tabs button{min-height:32px;color:var(--ink-3);background:var(--fill);border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:700}.hw-subject-tabs button.is-on{color:var(--white);background:#3d6a8a}.hw-brushes{flex-wrap:wrap;gap:6px;display:flex}.hw-brush{border:1px solid #0000;border-radius:999px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700}.hw-brush--completed{color:#2f5d44;background:#e7f2ea}.hw-brush--missing{color:#9a5524;background:#f8ede3}.hw-brush--correction{color:#8e3f5e;background:#f3e6ec}.hw-brush--leave{color:#4e6474;background:#e8eef3}.hw-brush--exempt{color:#63707b;background:#f1f4f6}.hw-brush.is-on{box-shadow:inset 0 0 0 1.5px}.hw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.hw-cell{border:1px solid var(--line);background:var(--white);text-align:center;border-radius:10px;align-content:center;min-width:0;min-height:44px;padding:6px 4px;display:grid}.hw-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.hw-cell small{color:var(--ink-3);font-size:10px}.hw-cell--completed{color:#2f5d44;background:#e7f2ea;border-color:#d5e6db}.hw-cell--missing{color:#9a5524;background:#f8ede3;border-color:#eed9c6}.hw-cell--correction{color:#8e3f5e;background:#f3e6ec;border-color:#e6cdd8}.hw-cell--leave{color:#4e6474;background:#e8eef3;border-color:#d5dee6}.hw-cell--exempt{color:#63707b;border-color:var(--line);background:#f1f4f6}.hw-cell--none{color:var(--ink)}.hw-student-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 0;display:flex}.hw-student-row:last-child{border-bottom:0}.hw-student-row span{gap:1px;min-width:0;display:grid}.hw-student-row strong{font-size:.9rem}.hw-student-row small,.hw-student-row em{color:var(--ink-3);font-size:12px;font-style:normal;font-weight:700}.hw-student-row em.is-ok{color:#2f5d44}.hw-footer-note{color:var(--ink-3);margin:2px 0 0;font-size:12px}.hw-fold svg.is-open{transform:rotate(180deg)}.hw-sheet-layer{z-index:40;position:fixed;inset:0}.hw-sheet-scrim{background:#00000059;width:100%;height:100%;position:absolute;inset:0}.hw-sheet{width:min(100%,560px);padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:var(--white);border-radius:20px 20px 0 0;margin:auto;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1c252c14}.hw-sheet-handle{background:var(--line-strong);opacity:.18;border-radius:999px;width:36px;height:4px;margin:6px auto 10px}.hw-sheet header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.hw-sheet h2{margin:0;font-size:1.05rem}.hw-sheet header p{color:var(--ink-3);margin:3px 0 0;font-size:12px}.hw-note{color:var(--ink-3);gap:6px;margin-bottom:12px;font-size:12px;display:grid}.hw-note textarea{min-height:64px;color:var(--ink);background:var(--white);border:1px solid var(--line);resize:vertical;font:inherit;border-radius:10px;padding:10px}.homework-parent-page{gap:10px;display:grid}.homework-parent-page h1{margin:0;font-size:1.35rem}.homework-parent-page h2{margin:0;font-size:1rem}.homework-parent-page p{color:var(--ink-2);white-space:pre-wrap;word-break:break-word;margin:0}.homework-parent-page small{color:var(--ink-3)}.homework-parent-page hr{border:0;border-top:1px solid var(--line);width:100%}.hw-parent{gap:8px;display:grid}.hw-parent-kicker{color:var(--ink-3);margin:0;font-size:12px;font-weight:650}.hw-parent h1{letter-spacing:-.03em;margin:0;font-size:29px;font-weight:780;line-height:1.2}.hw-parent-meta{color:var(--ink-2);margin:10px 0 0;font-size:17px;font-weight:650;line-height:1.3}.hw-parent-overview{color:var(--ink-3);margin:6px 0 4px;font-size:14px;font-weight:650}.hw-parent-list{gap:8px;display:grid}.hw-parent-card{background:var(--white);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.hw-parent-card div{gap:2px;min-width:0;display:grid}.hw-parent-card strong{font-size:.95rem}.hw-parent-card span{color:var(--ink-3);font-size:12px}.hw-parent-card em{border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-style:normal;font-weight:750}.hw-parent-card.is-completed em{color:#2f5d44;background:#e7f2ea}.hw-parent-card.is-missing em{color:#9a5524;background:#f8ede3}.hw-parent-card.is-correction em{color:#8e3f5e;background:#f3e6ec}.hw-parent-card.is-leave em,.hw-parent-card.is-exempt em{color:#4e6474;background:#e8eef3}.hw-parent .primary-button{min-height:50px;font-size:1.05rem;font-weight:800}.hw-parent .secondary-button{min-height:48px}.hw-parent-acked{color:#2f5d44;margin:4px 0 0;font-size:14px;font-weight:700}.hw-copy-box{background:var(--white);border:1px solid var(--line);border-radius:12px;gap:8px;padding:10px 12px;display:grid}.hw-copy-box p{color:var(--ink-2);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.hw-copy-box small{color:#2f5d44}.parent-hw-day{gap:6px;margin:0 0 12px;display:grid}.parent-hw-day h2{margin:0;font-size:.92rem;font-weight:750}.parent-hw-row{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:8px 10px;display:flex}.parent-hw-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.parent-hw-row em{border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-style:normal;font-weight:750}.parent-hw-row.is-completed em{color:#2f5d44;background:#e7f2ea}.parent-hw-row.is-missing em{color:#9a5524;background:#f8ede3}.parent-hw-row.is-correction em{color:#8e3f5e;background:#f3e6ec}.parent-hw-row.is-pending em{color:#4e6474;background:#e8eef3}.profile-note.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notice-receipt-card{padding:12px}.public-notice-card{gap:8px;display:grid}.public-notice-title{margin:0;font-size:1.25rem;font-weight:750}.record-lite small{color:var(--ink-3);font-size:11px;font-weight:700}.record-lite.is-notice{background:#f4f8fb;border-color:#d5e4ee}.record-lite.is-homework{background:#f7f4fa;border-color:#ddd4e8}.record-lite.is-health{background:#fbf6f1;border-color:#e8d5c4}.record-lite.is-pickup{background:#f1f8f7;border-color:#c9e4e2}.record-lite.is-leave{background:#f7f4fa;border-color:#ddd4e8}.record-lite.is-talk{border-color:var(--line)}.record-lite.is-acked{border-color:#d4e6da}.record-lite-tabs{background:var(--fill);border-radius:999px;gap:4px;margin:0 0 10px;padding:3px;display:flex;overflow-x:auto}.record-lite-tabs button{min-height:32px;color:var(--ink-3);border:0;border-radius:999px;flex:1;font-size:13px;font-weight:650}.record-lite-tabs button.is-on{color:var(--white);background:#3d6a8a}.record-lite-list{gap:8px;display:grid}.record-lite{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:12px;gap:3px;min-height:72px;padding:10px 12px;display:grid}.record-lite strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.record-lite span{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.record-lite em{color:var(--ink-3);font-size:12px;font-style:normal}.record-lite.is-pending{background:#fbf6f1;border-color:#e8d5c4}.record-lite.is-pending em{color:#9a5524}.record-lite.is-acked em{color:#2f5d44}.tools-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tools-grid-item{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:14px;gap:6px;min-height:96px;padding:12px;display:grid}.tools-grid-item strong{font-size:.95rem}.tools-grid-item small{color:var(--ink-3);font-size:12px}.classroom-tools-page{gap:12px;display:grid}.classroom-tools-page header{justify-content:space-between;align-items:center;display:flex}.classroom-tools-page h2{margin:0;font-size:1.1rem}@media (width<=359px){.hw-task{grid-template-columns:1fr}.hw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-card{padding:10px}.page-header{margin:4px 0 16px}.action-tile{min-height:88px}.teacher-quick{min-height:84px}}@media (width>=520px){.parent-shell .mobile-page,.teacher-auth-shell .mobile-page{border:1px solid var(--line);background:var(--page);border-radius:28px;min-height:calc(100vh - 48px);margin-top:24px;margin-bottom:24px}}@media (width>=700px) and (width<=899px){.teacher-shell .teacher-workspace{max-width:720px;padding-top:28px}.teacher-home-cols{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.teacher-home-cols>:last-child{grid-column:1/-1}}@media (width>=900px){.teacher-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;padding:0;display:grid}.teacher-shell .bottom-navigation{display:none}.sidebar{height:100vh;color:var(--ink);background:var(--page);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:28px 16px 20px;display:flex;position:sticky;top:0}.side-brand{align-items:center;gap:10px;padding:4px 8px 28px;display:flex}.side-logo{width:36px;height:36px;color:var(--white);background:var(--ink);border-radius:12px;place-items:center;font-weight:750;display:grid}.side-brand b{font-size:15px;display:block}.side-brand small{color:var(--ink-3);font-size:11px}.side-nav{gap:2px;display:grid}.side-nav p{color:var(--ink-3);letter-spacing:.08em;margin:16px 8px 6px;font-size:.68rem;font-weight:700}.side-item{color:var(--ink-3);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:550;display:flex}.side-item.is-on{color:var(--ink);background:var(--fill);font-weight:700}.side-foot{color:var(--ink-3);margin-top:auto;padding:16px 8px 4px;font-size:12px;line-height:1.5}.teacher-workspace{border-radius:0;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;padding:36px 42px 48px}.teacher-home-cols{grid-template-columns:minmax(340px,1.25fr) minmax(300px,1fr) minmax(260px,.9fr);align-items:start;gap:14px;display:grid}.hero-banner h2{font-size:2rem}.kpi{min-height:112px;padding:16px}.kpi b{font-size:1.85rem}.teacher-quick-grid{max-width:640px}.parent-shell .bottom-navigation{width:420px;left:50%;right:auto;transform:translate(-50%)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
