.kh-ui{--kh-accent:#28664f;--kh-accent-hover:#205640;--kh-accent-foreground:#fff;--kh-background:#f4f7f4;--kh-foreground:#223b31;--kh-muted:#586f60;--kh-surface:#fff;--kh-surface-foreground:#223b31;--kh-overlay:#f8fbf7;--kh-overlay-foreground:#223b31;--kh-default:var(--kh-control-surface);--kh-default-foreground:#223b31;--kh-default-hover:var(--kh-control-hover);--kh-accent-soft:#e5f0e7;--kh-accent-soft-foreground:#28664f;--kh-border:#dce6dd;--kh-separator:#dce6dd;--kh-focus:#28664f;--kh-radius:12px;--kh-control-surface:#eaf1e9;--kh-control-hover:#dce9dc;--kh-control-border:#b8ccbb;--kh-field-background:var(--kh-control-surface);--kh-field-hover:var(--kh-control-hover);--kh-field-focus:var(--kh-control-surface);--kh-field-foreground:#223b31;--kh-field-placeholder:#586f60;--kh-field-border:var(--kh-control-border);--kh-field-border-hover:#8fac94;--kh-field-border-focus:#28664f;--kh-field-border-width:1px;--kh-field-radius:12px;--kh-field-shadow:0 0 0 0 transparent;--kh-overlay-shadow:0 8px 24px #1d3c281a;--kh-surface-shadow:0 2px 8px #1d3c2808;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.kh-page{--fx-bg:#f4f7f4;--fx-surface:#fff;--fx-surface-2:#edf3ed;--fx-ink:#223b31;--fx-ink-2:#4c6256;--fx-ink-3:#586f60;--fx-line:#dce6dd;--fx-line-strong:#c6d6c9;--fx-focus:#28664f;color:#223b31;background:#f4f7f4;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.kh-control.kh-ui{cursor:pointer;touch-action:manipulation;border-radius:12px;min-width:44px;min-height:44px;font-size:17px;line-height:1.4;transition:background-color .15s,color .15s;transform:none}.kh-control.kh-ui:active,.kh-control.kh-ui[data-pressed]{transform:none}.kh-control.kh-ui svg{flex:none;width:22px;height:22px}.kh-page .k-week{box-sizing:border-box;max-width:1120px}.kh-page .k-week .kh-control{color:#4c6256;background:0 0;border:0}.kh-page .k-week-days .kh-control{gap:2px;width:100%;min-width:0;height:48px;padding:3px 0}.kh-page .k-week-days .kh-control[aria-pressed=true]{color:#24533c;background:#e0eddf;box-shadow:inset 0 0 0 1px #adc8a3}.kh-page .k-home-header.k-top.wrap{gap:10px;width:100%;max-width:1120px;margin-inline:auto;padding:10px 24px 12px}.kh-page .k-home-header>.k-ava{border-radius:14px;width:44px;height:44px;font-size:28px}.kh-page .k-home-header>div.min-w-0{flex:180px}.kh-page .k-home-header .k-t-title{font-size:22px;line-height:1.4}.kh-page .k-home-header .k-t-label{color:#586f60;font-size:13px;line-height:1.5}.kh-page .k-home-header .k-progress{height:auto;min-height:44px;box-shadow:none;background:#e5f0e7;border:0;border-radius:12px;padding:6px 12px}.kh-page .k-home-header .k-t-headline{color:#28664f;font-size:18px}.kh-page .k-home-board{gap:14px;width:100%;max-width:1120px;margin:0 auto;padding:4px 24px 24px}.kh-page .kh-subject{box-shadow:none;background:#fff;border:1px solid #dce6dd;border-radius:16px;gap:0;padding:0}.kh-page .kh-subject>.k-col-h{background:#f8faf7;border-bottom:1px solid #e4ece4;align-items:center;gap:10px;padding:12px 16px;display:flex}.kh-page .kh-subject .k-col-h .tile{background:var(--subj-soft,#e5f0e7);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.kh-page .kh-subject .k-col-h .nm{font-size:18px;font-weight:700}.kh-page .kh-subject .k-col-h .dots{gap:5px;margin-left:auto;display:flex}.kh-page .kh-subject .k-col-h .dots i{background:#dce6dd;border-radius:50%;width:7px;height:7px}.kh-page .kh-subject .k-col-h .dots i.on{background:#28664f}.kh-page .kh-task{white-space:normal;text-align:left;color:#223b31;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;width:auto;max-width:100%;height:auto;min-height:44px;padding:6px 8px}.kh-page .kh-task .top{align-items:center;gap:8px;display:flex}.kh-page .kh-task .ttl{overflow-wrap:anywhere;font-size:20px;font-weight:650;line-height:1.45}.kh-page .kh-task .k-type{color:#4c6256;background:#edf3ed;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.kh-page .kh-task .k-tag-old{font-size:13px}.kh-page .kh-task .k-locked-feedback{color:#795613;white-space:normal;font-size:16px}.kh-page .k-task-shell{border-bottom:1px solid #edf2ed}.kh-page .k-task-shell:last-child{border-bottom:0}.kh-page .k-task-shell.done{background:#f4f9f3}.kh-page .k-study-reminder{max-width:1072px;box-shadow:none;border-radius:12px;margin:0 auto 10px;padding:10px 14px;font-size:16px}.kh-page .k-study-reminder-icon{width:28px;height:28px}.kh-image-preview.kh-control{background:#edf3ed;flex:none;width:60px;height:60px;padding:0;position:relative;overflow:hidden}.kh-image-preview img{object-fit:cover;width:100%;height:100%}.kh-image-preview span{color:#fff;background:#28664f;padding:1px 5px;font-size:12px;position:absolute;bottom:0;right:0}.kh-page .lesson-screen{padding-top:20px}.kh-page .lesson-toolbar{gap:12px;padding:8px 24px}.kh-back{justify-self:start}.kh-page .lesson-position{color:#586f60;font-size:13px}.kh-page .lesson-position strong{color:#223b31;font-size:16px}.kh-page .lesson-scroll{padding:4px 24px 24px}.kh-page .lesson-card{box-shadow:none;border:1px solid #dce6dd;border-radius:16px;padding:22px 24px}.kh-page .lesson-eyebrow{flex-wrap:wrap;gap:10px;margin-bottom:12px}.kh-page .lesson-title{color:#223b31;font-size:26px;line-height:1.45}.kh-page .lesson-instructions{margin-top:16px}.kh-page .lesson-instructions h2{color:#586f60;margin-bottom:6px;font-size:14px}.kh-page .lesson-instructions p{color:#344b3b;font-size:20px;line-height:1.6}.kh-page .lesson-materials{gap:16px;margin-top:18px}.kh-page .lesson-materials .k-panel{border-color:#dce6dd;border-radius:14px;padding:14px}.kh-page .lesson-reminder{background:#f2f6ed;border-color:#d8e4cc #d8e4cc #d8e4cc #a3bd8e;border-left-style:solid;border-left-width:3px;gap:10px;margin-top:18px;padding:14px}.kh-page .lesson-reminder h2{color:#586f60;font-size:14px}.kh-page .lesson-reminder p{color:#344b3b;font-size:18px}.kh-page .lesson-reminder-icon{color:#48623e;background:#e0ebd8;width:30px;height:30px}.kh-page .lesson-footer-copy>span{color:#586f60}.kh-page .kid-read-aloud .kh-control{color:#28664f;height:48px;box-shadow:none;background:#edf3ed;border:0;flex-direction:column;gap:2px;padding:4px 8px}.kh-page .kid-read-aloud .kh-control span{font-size:12px;line-height:16px}.kh-play.kh-control{color:#fff;background:#28664f;border-radius:50%;flex:none;width:48px;height:48px;padding:10px}.kh-big-play.kh-control{color:#28664f;background:#fff;border-radius:50%;width:72px;height:72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kh-big-play.kh-control:active,.kh-big-play.kh-control[data-pressed]{transform:translate(-50%,-50%)}.kh-big-play.kh-control svg{width:32px;height:32px}.kh-video-control.kh-control{color:#fff;width:44px;height:44px;padding:8px}.kh-material-image.kh-control{aspect-ratio:4/3;background:#edf3ed;border:1px solid #dce6dd;width:100%;height:auto;padding:0;position:relative;overflow:hidden}.kh-material-image img{object-fit:contain;width:100%;height:100%}.kh-material-image .zoom{color:#28664f;background:#fff;border-radius:10px;padding:6px;position:absolute;bottom:8px;right:8px}.kh-page .lesson-toolbar{background:#f4f7f4}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.kh-page .lesson-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f7f4f0}}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.kh-page .lesson-toolbar{background:#f4f7f4}}@media (max-width:700px){.kh-page .k-home-header.k-top.wrap{padding:8px 12px 10px}.kh-page .k-home-header .k-t-title{font-size:20px}.kh-page .k-home-board{padding:4px 12px 20px}.kh-page .kh-task .ttl{font-size:18px}.kh-page .lesson-toolbar{gap:4px;padding:8px 12px}.kh-page .lesson-scroll{padding:0 12px 20px}.kh-page .lesson-card{border-radius:14px;padding:16px}.kh-page .lesson-title{font-size:23px}.kh-page .lesson-position>span{display:none}.kh-page .lesson-instructions p{font-size:18px}.kh-page .k-study-reminder{margin-inline:12px}}@media (prefers-reduced-motion:reduce){.kh-control.kh-ui{transition:none;animation:none}.kh-page .lesson-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4f7f4}}.k-root:has(>[data-companion-app-shell]>.kh-page){overscroll-behavior:auto;background:#f4f7f4;flex:none;height:auto;min-height:100dvh;overflow:visible}.kh-page .lesson-scroll{overscroll-behavior:auto}.kh-page .kid-read-aloud .kh-control[aria-pressed=true]{color:#fff;background:#28664f}.kh-page .k-panel-h{font-size:18px;line-height:1.4}@media (max-width:700px){.kh-page .k-ctrl{gap:6px;height:64px;padding:0 8px}.kh-page .k-ctrl .tm{font-size:12px}.kh-page .k-ctrl .k-range{min-width:0}.kh-page .k-imgs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.kh-page .kh-subject>.k-col-h .tile{color:#28664f;box-shadow:none;background:#e5f0e7;border:0}.kh-page .kh-subject>.k-col-h .tile svg{width:22px;height:22px}.kh-page .k-study-reminder{color:#3c5740;background:#eaf1e5;border:1px solid #d4e1cc;width:calc(100% - 48px)}.kh-page .k-study-reminder strong{color:#3c5740;white-space:normal;overflow-wrap:anywhere;font-size:17px;font-weight:600;line-height:1.5}.kh-page .k-study-reminder>.k-study-reminder-icon{color:#48623e;background:0 0}@media (max-width:700px){.kh-page .k-study-reminder{width:calc(100% - 24px)}}.kh-big-play.kh-control svg,.kh-page .kh-subject>.k-col-h .tile svg{color:#28664f}.kh-page>.companion-slot>main>div>.k-t-title{text-align:center;padding-inline:16px;font-size:24px;line-height:1.5}.kh-page .k-home-header.k-top.wrap>.k-ava{width:44px;height:44px;font-size:28px}.kh-page .k-home-header.k-top.wrap>div.min-w-0{flex:180px}.kh-ui.kh-audio-auto-next{flex-shrink:0;margin-left:auto}.kh-ui.kh-audio-auto-next .switch__content{cursor:pointer;gap:8px;min-height:44px}.kh-ui.kh-audio-auto-next .label{color:var(--kh-muted);font-size:14px}.kh-control.kh-ui.button--secondary{border:1px solid var(--kh-control-border)}.kh-ui.kh-chat-select .select__trigger{min-height:44px;font-size:17px}.kh-ui.kh-chat-select .select__value{font-size:17px}.kh-ui.kh-chat-select.select__popover{border:1px solid var(--kh-control-border)}.kh-ui.kh-chat-select .list-box-item{min-height:44px;font-size:17px}.kh-ui.checkbox .checkbox__content{gap:10px;min-height:44px;font-size:16px}