.education{--mx-paper:#fffdf7;--mx-ink:#182033;--mx-select:#0b7d74;--mx-surface:#15213a;--mx-raised:#1d2c45;--mx-line:#3a5070;--mx-text:#e6eefb;--mx-muted:#a3b4cb;--mx-accent:#8cc0ff;--mx-accent-ink:#0d1a2c;--mx-accent-soft:#8cc0ff1f;--mx-good:#7fdcae;--mx-good-soft:#7fdcae1c;--mx-warn:#f0c77a;--mx-warn-soft:#f0c77a1c;--mx-bad:#f4a1ae;--mx-bad-soft:#f4a1ae1c}[data-theme=light] .education{--mx-surface:#f3f6fb;--mx-raised:#ffffff;--mx-line:#c3cfdf;--mx-text:#19283d;--mx-muted:#55677f;--mx-accent:#2f5fb3;--mx-accent-ink:#ffffff;--mx-accent-soft:#2f5fb317;--mx-good:#1f7a52;--mx-good-soft:#1f7a5214;--mx-warn:#9a6a00;--mx-warn-soft:#9a6a0014;--mx-bad:#b4233c;--mx-bad-soft:#b4233c12}.music-score-wrap{position:relative;min-width:0;border:1px solid #c5cedb;border-radius:12px;background:var(--mx-paper);color:var(--mx-ink);margin:12px 0;overflow:hidden}.music-score-tools{position:absolute;top:4px;right:6px;z-index:2}.music-score-tools button{display:grid;place-items:center;width:28px;height:28px;color:#4b5a70;background:#ffffffcc;border:1px solid #d7dde7;border-radius:7px;cursor:pointer}.music-score-tools button:hover{color:var(--mx-ink);border-color:#9fb0c6}.music-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.music-canvas{position:relative}.music-canvas,.music-score{width:max-content;min-width:100%}.music-score.editable{touch-action:pan-x;cursor:crosshair}.music-score svg{display:block;max-width:none!important}.music-bar-highlight{background:#0b7d740d;border-radius:8px;box-shadow:inset 0 0 0 1px #0b7d7426}.music-bar-highlight,.music-caret{position:absolute;pointer-events:none}.music-caret{width:2px;margin-left:-1px;background:var(--mx-select);border-radius:2px;animation:music-blink 1.1s steps(2,start) infinite}@keyframes music-blink{to{opacity:.15}}.music-ghost{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}.music-ghost i{display:block;width:12px;height:9px;border-radius:50%;background:#0b7d7466;transform:rotate(-20deg)}.music-ghost span{position:absolute;left:12px;bottom:9px;white-space:nowrap;font-size:10px;font-weight:700;line-height:1;padding:3px 5px;border-radius:5px;background:var(--mx-ink);color:var(--mx-paper)}.nx{min-width:0;border:1px solid var(--mx-line);border-radius:14px;background:var(--mx-surface);color:var(--mx-text);margin:4px 0;overflow:clip}.nx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--mx-line)}.nx-head h5{margin:0;font-size:13px;font-weight:700}.nx-summary{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 10px;border:1px solid var(--mx-line);border-radius:99px;background:var(--mx-raised);color:var(--mx-muted);font:inherit;font-size:11.5px;cursor:pointer}.nx-summary span+span:before{content:"·";margin-right:6px;opacity:.6}.nx-summary:hover,.nx-summary[aria-expanded=true]{color:var(--mx-text);border-color:var(--mx-accent)}.nx-body{border:0;margin:0;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}.nx-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:10px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-raised)}.nx-toolbar{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:0;z-index:3;background:var(--mx-surface);padding:2px 0 6px}.nx-group{display:flex;gap:2px;padding:3px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-raised)}.nx-end{margin-left:auto}.nx-tool{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:var(--mx-text);cursor:pointer;padding:0}.nx-tool b{font-size:19px;line-height:1;font-weight:500}.nx-tool:hover:not(:disabled){background:var(--mx-accent-soft)}.nx-tool.active{background:var(--mx-accent);color:var(--mx-accent-ink)}.nx-help{border:1px solid var(--mx-line);border-radius:12px;background:var(--mx-raised);padding:12px 14px}.nx-help-head{display:flex;justify-content:space-between;align-items:center}.nx-help p{margin:2px 0 10px;font-size:12px;color:var(--mx-muted)}.nx-help dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 18px;margin:0}.nx-help dl>div{display:flex;align-items:center;gap:10px;font-size:12px}.nx-help dt{display:flex;gap:4px;flex:none;min-width:118px}.nx-help dd{margin:0;color:var(--mx-muted)}.education kbd{display:inline-block;padding:2px 6px;border:solid var(--mx-line);border-width:1px 1px 2px;border-radius:5px;background:var(--mx-surface);font:600 11px/1.3 ui-monospace,monospace;color:var(--mx-text);white-space:nowrap}.nx-bars{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.nx-bar{position:relative;width:44px;height:34px;border:1px solid var(--mx-line);border-radius:8px;background:var(--mx-raised);color:var(--mx-text);font:inherit;font-size:12px;font-weight:700;cursor:pointer;overflow:hidden;padding:0}.nx-bar i{position:absolute;left:0;bottom:0;height:3px;background:var(--mx-muted)}.nx-bar.partial i{background:var(--mx-accent)}.nx-bar.full i{background:var(--mx-good)}.nx-bar.over{border-color:var(--mx-bad)}.nx-bar.over i{background:var(--mx-bad)}.nx-bar.active{border-color:var(--mx-accent);background:var(--mx-accent-soft);box-shadow:inset 0 0 0 1px var(--mx-accent)}.nx-bar-add{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 10px;border:1px dashed var(--mx-line);border-radius:8px;background:none;color:var(--mx-accent);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.nx-bar-menu{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}.nx-bar-menu button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:0;border-radius:7px;background:none;color:var(--mx-muted);font:inherit;font-size:11.5px;cursor:pointer}.nx-bar-menu button:hover:not(:disabled){color:var(--mx-text);background:var(--mx-accent-soft)}.nx-staff{border-radius:12px;outline:none}.nx-staff:focus-visible{box-shadow:0 0 0 2px var(--mx-accent)}.nx-staff .music-score-wrap{margin:0}.nx-chord{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--mx-muted)}.nx-chord button{padding:5px 10px;border:1px solid var(--mx-line);border-radius:99px;background:var(--mx-raised);color:var(--mx-text);font:inherit;font-size:12px;cursor:pointer}.nx-chord button.active{border-color:var(--mx-accent);background:var(--mx-accent-soft)}.nx-chord .nx-chord-remove{display:inline-flex;align-items:center;gap:4px;border-style:dashed}.nx-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--mx-muted)}.nx-mode{padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.nx-mode.write{background:var(--mx-accent-soft);color:var(--mx-accent)}.nx-mode.edit{background:var(--mx-warn-soft);color:var(--mx-warn)}.nx-status-text{min-width:0;color:var(--mx-text)}.nx-fill{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nx-error{margin:0;padding:8px 10px;border-radius:8px;background:var(--mx-bad-soft);color:var(--mx-bad);font-size:12px}.nx-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px 14px 6px;border-top:1px solid var(--mx-line)}.nx-foot .music-player{margin:6px 0}.nx-readonly{padding:12px 14px}.nx-readonly h5{margin:0;font-size:13px}.piano{display:flex;gap:6px;align-items:stretch;-webkit-user-select:none;user-select:none}.piano-keys{flex:1 1;display:flex;height:92px;min-width:0}.piano-cell{position:relative;flex:1 1;min-width:0}.piano-white{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 0 6px;border:1px solid #9aa6b8;border-left-width:0;border-radius:0 0 7px 7px;background:linear-gradient(#fff,#f1f2ee);color:#566275;font:inherit;font-size:10px;font-weight:650;cursor:pointer}.piano-cell:first-child .piano-white{border-left-width:1px}.piano-white:hover:not(:disabled){background:linear-gradient(#fff,#e2efff)}.piano-white.active,.piano-white:active{background:linear-gradient(#d9f3ef,#bfe8e3);color:#0b5d56}.piano-black{position:absolute;top:0;right:-29%;z-index:2;width:58%;height:58%;border:1px solid #070b12;border-radius:0 0 5px 5px;background:linear-gradient(#2c3446,#141a26);cursor:pointer;padding:0}.piano-black:hover:not(:disabled){background:linear-gradient(#3e4a63,#1d2536)}.piano-black.active,.piano-black:active{background:linear-gradient(#167a72,#0b5d56)}.piano-octave{width:30px;flex:none;display:grid;place-items:center;border:1px solid var(--mx-line);border-radius:8px;background:var(--mx-raised);color:var(--mx-text);cursor:pointer}.music-player,.music-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.music-toolbar>label{min-width:110px;flex:1 1;max-width:220px}.music-player>label{max-width:150px}.education .music-player input[type=range]{min-height:28px;padding:0;accent-color:#a7c9ef}.question-music{min-width:0}.music-bank summary{cursor:pointer}.music-bank>.edu-question{margin-top:12px}.edu-answer-options .music-score-wrap{width:100%;max-width:100%}.edu-answer-options strong{min-width:0}.edu-answer-options .music-score-tools{display:none}.edu-answer-options.terms{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.edu-answer-options.terms>label{min-height:54px}.mq{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.mq-enable{justify-self:start}.mq-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}.mq-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mx-accent-soft);color:var(--mx-accent);font-size:12px;font-weight:800}.mq-step-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.mq-step-body h6{margin:3px 0 0;font-size:13px}.mq-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.mq-hint{margin:0;font-size:12px;color:var(--mx-muted)}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-raised);justify-self:start;max-width:100%}.seg button{min-height:36px;padding:7px 12px;border:0;border-radius:7px;background:none;color:var(--mx-muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.seg button:hover:not(:disabled){color:var(--mx-text)}.seg button.active{background:var(--mx-accent);color:var(--mx-accent-ink)}.mq-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--mx-line)}.mq-tabs button{padding:8px 11px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--mx-muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.mq-tabs button.active{color:var(--mx-text);border-bottom-color:var(--mx-accent)}.mq-tabs .mq-tab-add{margin-left:auto;color:var(--mx-accent)}.mq-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.mq-try>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:650;color:var(--mx-accent)}.mq-try-body{display:grid;gap:8px;margin-top:8px}.mq-remove{justify-self:start;font-size:12px}.q-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.q-list{position:sticky;top:10px;display:grid;gap:8px;padding:10px;border:1px solid var(--mx-line);border-radius:12px;background:var(--mx-surface);max-height:calc(100dvh - 140px);overflow:auto}.q-list-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mx-muted);padding:2px 4px}.q-list-head strong{color:var(--mx-text);font-size:13px}.q-list ol{list-style:none;padding:0;margin:0;display:grid;gap:3px}.q-item{width:100%;display:grid;grid-template-columns:22px 16px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:none;color:var(--mx-text);font:inherit;font-size:12px;text-align:left;cursor:pointer}.q-item>svg{color:var(--mx-muted)}.q-item.active,.q-item:hover{background:var(--mx-accent-soft)}.q-item.active{border-color:var(--mx-accent)}.q-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mx-raised);font-size:11px;font-weight:750}.q-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-state{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:900}.q-state.ok{background:var(--mx-good-soft);color:var(--mx-good)}.q-state.warn{background:var(--mx-warn-soft);color:var(--mx-warn)}.q-list-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.education .q-list-actions .button{min-height:36px;padding:6px 8px;font-size:12px}.q-templates{list-style:none;padding:0;margin:0;display:grid;gap:5px}.q-templates button{width:100%;display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--mx-line);border-radius:9px;background:var(--mx-raised);color:var(--mx-text);font:inherit;text-align:left;cursor:pointer}.q-templates button>svg{flex:none;margin-top:2px;color:var(--mx-accent)}.q-templates button:hover:not(:disabled){border-color:var(--mx-accent)}.q-templates strong{display:block;font-size:12px}.q-templates small{display:block;font-size:11px;line-height:1.35;color:var(--mx-muted)}.q-editor{margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--mx-line);border-radius:14px;background:var(--panel)}.q-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.q-editor-head h4{margin:0;font-size:16px}.q-editor-head small{color:var(--mx-muted);font-weight:500}.q-editor .edu-question-controls{margin:0}.q-issue,.q-ready{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border-radius:8px;font-size:12px}.q-issue{background:var(--mx-warn-soft);color:var(--mx-warn)}.q-ready{background:var(--mx-good-soft);color:var(--mx-good)}.q-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.q-kind{display:grid;gap:3px;justify-items:start;align-content:start;text-align:left;padding:10px 12px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-raised);color:var(--mx-text);font:inherit;cursor:pointer}.q-kind>svg{color:var(--mx-accent)}.q-kind strong{font-size:12.5px}.q-kind small{font-size:11px;line-height:1.35;color:var(--mx-muted)}.q-kind.active,.q-kind:hover:not(:disabled){border-color:var(--mx-accent)}.q-kind.active{background:var(--mx-accent-soft);box-shadow:inset 0 0 0 1px var(--mx-accent)}.q-extras>summary{cursor:pointer;font-size:13px;color:var(--mx-muted)}.q-extras[open]>summary{margin-bottom:10px}.q-extras{display:grid;gap:10px}.q-empty{padding:30px;border:1px dashed var(--mx-line);border-radius:12px;text-align:center;color:var(--mx-muted)}.edu-edit-option.correct>input:not([type]),.edu-edit-option.correct>input[type=text]{border-color:var(--mx-good)}.sing{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--mx-line);border-radius:12px;background:var(--mx-surface)}.sing-head{display:flex;gap:10px}.sing-head>svg{flex:none;margin-top:3px;color:var(--mx-accent)}.sing-head strong{font-size:13px}.sing-head p{margin:2px 0 0;font-size:12px;color:var(--mx-muted)}.sing-hidden{margin:0;font-size:12px}.sing-detected ul,.sing-targets,.sung-result ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.sing-detected li,.sing-targets li,.sung-result li{display:inline-flex;align-items:baseline;gap:5px;padding:5px 10px;border:1px solid var(--mx-line);border-radius:99px;background:var(--mx-raised);font-size:12px;font-weight:650}.sing-detected small,.sing-targets small,.sung-result small{font-size:10px;font-weight:600;color:var(--mx-muted)}:is(.sing-targets,.sung-result) li.good{border-color:var(--mx-good);background:var(--mx-good-soft);color:var(--mx-good)}:is(.sing-targets,.sung-result) li.bad{border-color:var(--mx-bad);background:var(--mx-bad-soft);color:var(--mx-bad)}.sing-targets li.current{border-color:var(--mx-accent);box-shadow:0 0 0 3px var(--mx-accent-soft)}.sing-detected{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sing-detected>span{font-size:12px;color:var(--mx-muted)}.sing-detected li button{display:grid;place-items:center;border:0;padding:0;background:none;color:var(--mx-muted);cursor:pointer;align-self:center}.sing-detected li button:hover{color:var(--mx-bad)}.sing-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sing-timer{font-size:12px;color:var(--mx-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.education .button.primary.sing-stop{background:var(--mx-bad);border-color:var(--mx-bad);color:#22090f}.tuner{display:grid;gap:8px;padding:12px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-raised)}.tuner-note{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tuner-note strong{font-size:30px;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:80px}.tuner-note span{font-size:12px;color:var(--mx-muted)}.tuner.good .tuner-note strong{color:var(--mx-good)}.tuner.near .tuner-note strong{color:var(--mx-warn)}.tuner.far .tuner-note strong{color:var(--mx-bad)}.tuner-scale{position:relative;height:26px;border-radius:7px;background:var(--mx-surface);overflow:hidden}.tuner-scale i{position:absolute;top:0;bottom:0}.tuner-zone{background:var(--mx-good-soft);border-inline:1px solid var(--mx-good)}.tuner-center{left:50%;width:2px;margin-left:-1px;background:var(--mx-muted)}.tuner-needle{width:5px;margin-left:-2.5px;top:3px!important;bottom:3px!important;border-radius:3px;background:var(--mx-text);transition:left .08s linear}.tuner.idle .tuner-needle{opacity:.25}.tuner.good .tuner-needle{background:var(--mx-good)}.tuner.near .tuner-needle{background:var(--mx-warn)}.tuner.far .tuner-needle{background:var(--mx-bad)}.tuner-level{height:4px;border-radius:4px;background:var(--mx-surface);overflow:hidden}.tuner-level i{display:block;height:100%;background:var(--mx-accent);transition:width .08s linear}.sung-result{display:grid;gap:8px;padding:12px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-surface)}.sung-result>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sung-result>div>span{width:96px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted)}.edu-progress-nav{position:sticky;top:0;z-index:4;display:grid;gap:7px;padding:9px 0;background:var(--panel,#141917);border-bottom:1px solid var(--mx-line)}.edu-progress-bar{height:4px;border-radius:4px;background:var(--mx-raised);overflow:hidden}.edu-progress-bar i{display:block;height:100%;background:var(--mx-good);transition:width .25s}.edu-progress-nav ol{list-style:none;padding:0;margin:0;display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.edu-progress-nav a{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--mx-line);border-radius:50%;color:var(--mx-muted);font-size:11px;font-weight:750;text-decoration:none}.edu-progress-nav a.done{border-color:var(--mx-good);background:var(--mx-good-soft);color:var(--mx-good)}.edu-progress-nav a:hover{border-color:var(--mx-accent)}.edu-question{scroll-margin-top:80px}@media (max-width:900px){.q-workspace{grid-template-columns:1fr}.q-list{position:static;max-height:none}.q-list ol{display:flex;overflow-x:auto;gap:5px;padding-bottom:4px;scrollbar-width:thin}.q-list li{flex:none}.q-item{width:auto;grid-template-columns:22px 16px 18px}.q-title{display:none}}@media (max-width:650px){.nx-body{padding:10px}.nx-head{padding:9px 10px}.nx-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nx-group{flex:none}.nx-end{margin-left:0}.nx-tool{width:40px;height:40px}.nx-bar-menu span{display:none}.nx-bar-menu button{padding:8px}.piano-upper{display:none}.piano-keys{height:84px}.mq-step{grid-template-columns:1fr;gap:6px}.mq-num{width:22px;height:22px;font-size:11px}.q-editor{padding:12px}.music-toolbar>label{max-width:none;min-width:110px}.music-player{gap:8px}.nx-fill{margin-left:0}}@media (prefers-reduced-motion:reduce){.music-caret{animation:none}.tuner-level i,.tuner-needle{transition:none}}.workspace:has(>.education){overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:20px}.workspace>.education{flex:none}.education{--edu-accent:#a6c9f8;--edu-green:#8cdfbc;--edu-red:#f4a9b7;--edu-muted:#afbdd0;margin-top:22px;min-width:0;color:var(--text);line-height:1.6}.education *{box-sizing:border-box}.edu-heading{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid #48617f;background:linear-gradient(120deg,#21334e,#1b2638 58%,#243044);border-radius:18px;margin-bottom:16px}.edu-heading>div:nth-child(2){flex:1 1;min-width:0}.edu-heading-icon{display:grid;place-items:center;width:55px;height:55px;background:#aacfff15;border:1px solid #aecbfa3b;border-radius:16px;color:#bbd7ff;flex:none}.education .edu-heading h2{font-size:clamp(20px,2vw,27px);line-height:1.3;margin:3px 0 6px;color:#f0f5ff;letter-spacing:-.025em}.edu-heading p{margin:0;color:#b8c8dd;font-size:13px}.edu-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a5c5ef}.edu-tabs{display:flex;gap:5px;padding:5px;background:#0c14234d;border:1px solid var(--line);border-radius:13px;overflow-x:auto;margin-bottom:20px;scrollbar-width:thin}.edu-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1;border:1px solid transparent;background:none;padding:10px 12px;min-height:43px;white-space:nowrap;color:#aabbd1;border-radius:9px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.edu-tabs button.active{background:#304360;border-color:#496789;color:#e7f1ff}.edu-tabs button:hover{color:#fff;background:#26364e}.edu-file-button:focus-within,.education a:focus-visible,.education button:focus-visible,.education summary:focus-visible{outline:2px solid #c0d9ff;outline-offset:3px}.education button:disabled{cursor:not-allowed;opacity:.48}.education .button{clip-path:none;border-radius:9px;min-height:41px;padding:9px 14px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal}.education .button.primary{background:#a8c8f0;color:#152238;border:1px solid #c9ddfa}.education .button.primary:hover:not(:disabled){background:#c3dcfd}.education .button.ghost{background:#ffffff04;border:1px solid #4c5e78;color:#d8e6f9}.education .icon{min-width:35px;min-height:35px;border-radius:8px;color:inherit}.edu-detail,.edu-section,.edu-student-progress,.edu-student-work{display:grid;gap:18px}.edu-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.edu-section-heading>div:first-child{min-width:0}.edu-section-heading h3,.edu-section-heading h4{margin:0}.education h3{font-size:18px;line-height:1.45;margin:0 0 8px;color:#edf3fd;display:flex;align-items:center;gap:8px}.education h4{font-size:16px;line-height:1.5;margin:10px 0;color:#eaf1fc}.education p{font-size:13px;margin:8px 0;overflow-wrap:anywhere}.education small{font-size:11px;line-height:1.6}.edu-muted{color:var(--edu-muted)!important}.edu-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.edu-actions>.edu-confirm{flex-basis:100%}.edu-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.edu-metrics article{display:grid;align-content:start;gap:4px;border:1px solid #43536c;border-radius:13px;background:#1b273b;padding:17px 18px;min-width:0}.edu-metrics article>span{font-size:12px;color:#b9c9df}.edu-metrics article>strong{font-size:32px;line-height:1.25;color:#e1ecff;font-weight:750;letter-spacing:-.025em}.edu-metrics article>small{color:#91a7c4}.edu-intro{display:flex;gap:17px;padding:22px;background:linear-gradient(110deg,#273c4c,#233040);border:1px solid #446271;border-radius:14px}.edu-intro>svg{flex:none;color:#a6d9d4;margin-top:3px}.edu-intro p{max-width:780px;color:#bfcedd;margin-bottom:16px}.edu-intro .button{margin-top:1px}.edu-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}.edu-card{padding:20px;border:1px solid #3e4f68;background:var(--panel,#1c2738);border-radius:14px;min-width:0}.edu-card>.edu-actions:last-child{margin-top:15px}.edu-card>summary{font-size:14px;font-weight:650;cursor:pointer;min-height:32px}.edu-error,.edu-note,.edu-readonly,.edu-success,.edu-warning{padding:13px 16px;border:1px solid #435d7d;border-radius:10px;background:#2945633d;font-size:13px;color:#c9d8ec}.edu-note p,.edu-readonly p{margin:4px 0 0}.edu-note strong{font-size:13px;color:#dceaff}.edu-readonly,.edu-warning{border-color:#8e7646;background:#b58b2f13;color:#e7d3a5}.edu-error{border-color:#935768;background:#74304633;color:#ffc3d0}.edu-success{border-color:#407663;background:#30684622;color:#ade8cc}.edu-readonly{margin-bottom:15px}.edu-empty{padding:25px 18px;color:#a7b8cf;border:1px dashed #40536d;border-radius:12px;font-size:13px;text-align:center;line-height:1.8}.edu-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:650;padding:4px 9px;border-radius:99px;background:#7898c01b;border:1px solid #59728f52;color:#bad0eb;line-height:1.45;flex:none}.edu-pill.published{background:#52a58a13;color:#a4e1c7;border-color:#66bc9c44}.edu-pill.draft{color:#e6d19e;background:#b48a2c17;border-color:#b7965647}.edu-pill.archived{color:#a9acb7;border-color:#7e889c44}.edu-text-link{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:7px 0;color:#b6d5ff;font:inherit;font-size:12px;font-weight:650;text-decoration:none;cursor:pointer;min-height:33px}.edu-text-link:hover{text-decoration:underline;text-underline-offset:3px}.edu-danger{color:#f6b3be!important}.edu-confirm{border:1px solid #765560;border-radius:8px;background:#392a37;padding:10px;font-size:12px;width:100%}.edu-teacher-list,.edu-topic-list{padding:0;margin:15px 0;list-style:none;display:grid;gap:8px}.edu-teacher-list>li,.edu-topic-list>li{padding:9px 0;border-bottom:1px solid #374861;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.edu-teacher-list>li>span,.edu-topic-list>li>span{overflow-wrap:anywhere}.edu-topic-list small{color:#9bacbf}.edu-topic-list .edu-actions{gap:13px}.edu-teacher-list+.edu-form{margin-top:17px}.edu-teacher-list~.edu-note{margin-top:20px}.edu-form{display:grid;gap:15px}.education label:not(.edu-check):not(.edu-edit-option):not(.edu-answer-options label):not(.edu-file-button){display:grid;gap:6px;font-size:12px;font-weight:600;color:#c9d7eb}.education input:not([type=checkbox]):not([type=radio]):not([type=file]),.education select,.education textarea{width:100%;min-width:0;font:inherit;font-size:13px;color:#e4edf9;background:#111d2d;border:1px solid #455b79;border-radius:8px;padding:10px 12px;box-shadow:none;min-height:42px}.education textarea{resize:vertical;line-height:1.65}.education input::placeholder,.education textarea::placeholder{color:#8498b5}.education input:focus,.education select:focus,.education textarea:focus{outline:2px solid #90b9ed66;border-color:#9dc8ff}.education input:disabled,.education select:disabled,.education textarea:disabled{opacity:.56}.education input[type=checkbox],.education input[type=radio]{accent-color:#b3d0f7;width:16px;height:16px;min-height:0;flex:none;padding:0}.edu-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edu-check{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#c7d4e8}.edu-filter{max-width:270px}.edu-search{position:relative;max-width:390px}.edu-search>svg{position:absolute;left:12px;top:13px;color:#93b0d4}.edu-search>input{padding-left:39px!important}.edu-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.edu-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#acbed6}.edu-activity-grid,.edu-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.edu-material-grid .edu-card{display:grid;gap:6px}.edu-activity-card{display:flex;flex-direction:column;gap:9px;align-self:stretch}.edu-activity-card h4,.edu-activity-card p{margin:0}.edu-activity-card>.button:last-child{align-self:start;margin-top:auto}.edu-kind{display:flex;align-items:center;gap:8px;color:#b5cbe8;font-size:12px}.edu-attempt-state{color:#a6dbbf;font-size:11px!important}.edu-assets{display:grid;gap:10px}.edu-asset{padding:12px;border:1px solid #415671;border-radius:10px;background:#13213673;min-width:0;display:grid;gap:9px}.edu-asset-head{display:flex;gap:8px;align-items:center;min-width:0;color:#afc7e4}.edu-asset-head>svg{flex:none}.edu-asset-head strong{font-size:12px;overflow-wrap:anywhere;min-width:0;flex:1 1}.edu-asset-head small{flex:none}.edu-asset audio{display:block;max-width:100%;width:100%;height:38px;filter:sepia(.1)}.edu-asset .edu-text-link{justify-self:start;min-height:24px;padding:0}.edu-image{display:block;max-width:100%;max-height:290px;object-fit:contain;border-radius:7px;background:#0c1422}.edu-expired{border-style:dashed;background:#2b263224}.edu-expired p{margin:0}.edu-edit-asset{display:flex;gap:8px;align-items:start}.edu-edit-asset>.edu-asset{flex:1 1}.edu-edit-asset>.icon{flex:none}.edu-upload{display:grid;gap:10px;padding:14px;border:1px dashed #526984;border-radius:10px;background:#182b403d}.edu-file-button{position:relative;overflow:hidden;cursor:pointer}.edu-file-button>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.edu-file-button.edu-disabled{opacity:.5;cursor:not-allowed}.edu-file-button.edu-disabled>input{cursor:not-allowed}.edu-upload-progress{display:flex;align-items:center;gap:9px;font-size:11px}.edu-upload-progress progress{width:100%;height:7px;accent-color:#a3c4ee}.edu-recording{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#f2c2c6}.edu-recording .recording-dot{width:8px;height:8px;border-radius:50%;background:#ef8797}.edu-recording button{margin-left:auto}.edu-editor{border-color:#6b85a7;box-shadow:0 10px 35px #060c1530;display:grid;gap:18px}.edu-editor-footer{border-top:1px solid #405674;padding-top:18px;display:grid;gap:15px}.edu-editor-footer>.edu-actions{justify-content:flex-end}.edu-question-editor{border:1px solid #4b6382;border-radius:12px;padding:18px;margin:0;display:grid;gap:14px;min-width:0;background:#1323374d}.edu-question-editor legend{font-size:13px;font-weight:750;padding:0 10px;color:#b8d5fa}.edu-question-controls{display:flex;gap:5px;justify-content:flex-end;margin-top:-8px}.edu-option-editor{display:grid;gap:8px}.edu-option-editor>p{margin:0;color:#a8c0df}.edu-edit-option{display:flex;gap:9px;align-items:center}.edu-edit-option>span{font-size:12px;color:#adc5e8}.edu-preview{display:grid;gap:13px;border:1px dashed #6b84a6;border-radius:11px;padding:18px}.edu-preview>h3,.edu-preview>p{margin:0}.edu-preview-options{display:grid;gap:7px;padding-left:27px;margin:10px 0}.edu-preview-options>li{font-size:13px;padding:6px 9px;border-radius:5px}.edu-preview-options>li.correct{color:#a7e1c5;background:#438c6626}.edu-preview-options>li>span{font-size:11px}.edu-detail-heading{border-bottom:1px solid #3c5270;padding-bottom:18px}.edu-detail-heading h3{font-size:24px;margin:13px 0 8px}.edu-question{padding:18px 0;margin:0;border:0;border-bottom:1px solid #3d5270;min-width:0;display:grid;gap:10px}.edu-question legend{font-size:15px;font-weight:650;color:#e0eaf9;padding:16px 0 3px;white-space:pre-wrap;overflow-wrap:anywhere}.edu-question-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#3a5271;font-size:12px;color:#cee2ff;margin-right:5px}.edu-answer-options{display:grid;gap:8px;margin:7px 0}.edu-answer-options>label{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px;border:1px solid #425875;border-radius:10px;background:#17283e;cursor:pointer}.edu-answer-options>label.selected{border-color:#a0c5f3;background:#304b70}.edu-answer-options>label:has(input:disabled){cursor:default}.edu-answer-options>label>span{font-size:11px;color:#9eb9dc}.edu-answer-options>label>strong{font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.edu-student-work>form{display:grid;gap:17px}.edu-result{padding:20px;border:1px solid #4b6c7e;background:linear-gradient(110deg,#253e48,#233148);border-radius:13px;display:grid;gap:16px}.edu-result h4{font-size:34px;font-weight:750;line-height:1.2;margin:5px 0}.edu-result h4>small{font-size:15px;font-weight:500;color:#b4c6db}.edu-result-counts{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#bbc9dc}.edu-correct,.edu-result-counts .correct{color:var(--edu-green)}.edu-result-counts .wrong,.edu-wrong{color:var(--edu-red)}.edu-feedback-list{display:grid;gap:8px}.edu-feedback-list>details{padding:11px 13px;border:1px solid #48617e;border-left-width:3px;border-radius:8px;background:#17273bbf}.edu-feedback-list>details.correct{border-left-color:#72c9a5}.edu-feedback-list>details.wrong{border-left-color:#e396a6}.edu-feedback-list>details.blank{border-left-color:#b8adc7}.edu-feedback-list summary{font-size:13px;cursor:pointer;overflow-wrap:anywhere;line-height:1.7}.edu-feedback-list summary>span{font-size:10px;font-weight:700;margin-left:8px;color:#bacee8}.edu-feedback-list p{margin:8px 0}.edu-feedback-list details>small{display:inline-block}.edu-audio-score{font-size:22px;color:#c7e9d9}.edu-history-item{padding:15px 0;border-bottom:1px solid #405371}.edu-history-item:last-child{border-bottom:0}.edu-history-item summary{cursor:pointer;font-size:13px;line-height:1.8;color:#d7e6fa}.edu-history-item summary>small{display:block;color:#9eb3d0}.edu-history-item[open]>.edu-asset,.edu-history-item[open]>.edu-result{margin-top:13px}.edu-table-wrap{overflow-x:auto;border:1px solid #415875;border-radius:12px;max-width:100%}.edu-table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px;text-align:left;background:#17263b}.edu-table td,.edu-table th{padding:13px 15px;border-bottom:1px solid #344a66;vertical-align:middle}.edu-table thead{background:#263a53;color:#b8cde9;font-size:11px}.edu-table tbody th{font-weight:650;color:#e0eaf9}.edu-table tbody th>small{display:block;color:#b3a8ba;font-weight:400}.edu-table tbody tr:last-child>*{border-bottom:0}.edu-table tbody tr:hover{background:#263a534d}.edu-student-summary{padding:14px 17px;background:#34455e5c;border-radius:10px;color:#c4d7ef;border-left:3px solid #8aafd9;margin:0!important}.edu-topic-stats{display:grid;gap:18px;margin-top:17px}.edu-topic-stats>article{border-bottom:1px solid #374e6a;padding-bottom:13px}.edu-topic-stats>article:last-child{border:0;padding-bottom:0}.edu-topic-stats strong{font-size:13px}.edu-topic-stats p{margin-bottom:0}.edu-topic-bar{height:8px;width:100%;display:flex;border-radius:99px;background:#0d192a;overflow:hidden;margin:12px 0 6px}.edu-topic-bar>.correct{background:#7cc9aa}.edu-topic-bar>.wrong{background:#dd93a3}.edu-topic-bar>.blank{background:#a8a2b8}.edu-switch{display:flex;padding:3px;border:1px solid #475d7a;border-radius:8px;gap:3px;flex-wrap:wrap}.edu-switch button{font:inherit;font-size:11px;padding:7px 10px;border-radius:6px;border:0;background:none;color:#b7cce7;cursor:pointer;min-height:32px}.edu-switch button[aria-pressed=true]{background:#405a7c;color:#edf5ff}@media (max-width:1100px){.edu-activity-grid,.edu-columns,.edu-material-grid{grid-template-columns:1fr}.edu-metrics{gap:9px}.edu-metrics article{padding:14px}.edu-metrics article>strong{font-size:28px}.edu-heading{padding:19px}.edu-heading-icon{width:47px;height:47px}}@media (max-width:600px){.education{margin-top:17px}.edu-heading{gap:11px;padding:16px;border-radius:13px;align-items:start}.edu-heading-icon{display:none}.edu-heading p{font-size:12px}.education .edu-heading h2{font-size:21px}.edu-heading>.icon{min-width:28px}.edu-tabs{margin-bottom:15px}.edu-tabs button{padding:9px 10px;font-size:12px;flex:none}.edu-tabs button>svg{width:15px}.edu-detail,.edu-section,.edu-student-work{gap:15px}.edu-metrics{grid-template-columns:1fr 1fr}.edu-metrics article:last-child{grid-column:1/-1}.edu-metrics article>strong{font-size:27px}.edu-metrics article>span{font-size:11px}.edu-card,.edu-intro{padding:16px}.edu-intro{gap:11px}.edu-intro>svg{width:19px}.education h3{font-size:17px}.edu-form-row{grid-template-columns:1fr}.edu-form{gap:13px}.edu-editor{padding:14px}.edu-question-editor{padding:13px}.edu-question-editor legend{padding-inline:7px}.edu-question{padding:15px 0}.edu-question legend{font-size:14px}.edu-upload{padding:11px}.edu-file-button,.edu-upload .button{font-size:12px!important}.edu-result{padding:15px}.edu-result h4{font-size:30px}.edu-section-heading{align-items:start}.edu-section-heading>.edu-actions{width:100%}.edu-section-heading>.edu-actions>.button{flex:1 1}.edu-editor-footer>.edu-actions{justify-content:stretch}.edu-editor-footer>.edu-actions>.button{flex:1 1}.edu-topic-list>li>.edu-actions{gap:14px}.edu-detail-heading h3{font-size:21px}.edu-filter,.edu-search{max-width:none}.edu-image{max-height:230px}.edu-preview{padding:13px}.edu-switch{width:100%}.edu-switch>button{flex:1 1}.edu-history-item summary{font-size:12px}.edu-readonly,.edu-table td,.edu-table th{padding:12px}}@media (prefers-reduced-motion:reduce){.education *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media (max-width:560px){.community>.workspace:has(>.education){height:calc(100dvh - 70px - env(safe-area-inset-top) - var(--tabbar-h, 58px));padding-bottom:calc(24px + env(safe-area-inset-bottom));scroll-padding-bottom:24px}.education{padding-bottom:24px}.education :is(button,input,textarea,select){scroll-margin-block:20px}}.education :is(.edu-heading,.edu-card,.edu-intro,.edu-metrics article,.edu-section-heading,.edu-teacher-list li){min-width:0}.education :is(h2,h3,h4,p,label,.edu-teacher-list span){overflow-wrap:anywhere}.edu-tabs{flex-wrap:wrap}.edu-tabs button{min-height:44px}.edu-section-heading,.edu-teacher-list li{flex-wrap:wrap;gap:10px}@media (max-width:760px){.education .edu-filter select,.education .edu-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select),.education .edu-search input{font-size:16px;min-height:44px}.edu-tabs{gap:4px}.edu-tabs button{flex:1 1 110px;white-space:normal}.edu-form-row{grid-template-columns:1fr}.edu-actions{flex-wrap:wrap;gap:8px}.edu-actions .button{min-height:44px;white-space:normal}.edu-topic-list>li{flex-wrap:wrap;gap:8px}.edu-heading{padding:14px;gap:10px}.edu-heading>div{min-width:0}.education .edu-heading h2{font-size:20px}.edu-card{padding:14px}.edu-table-wrap{position:relative;min-width:0;max-width:100%}.edu-metrics article>strong{overflow-wrap:anywhere}.mq-tabs button{min-height:44px}}