:root{--text:#1c222b;--text-soft:#5c6573;--bg:#f3f4f1;--surface:#fff;--border:#e4e3dd;--primary:#21262d;--primary-d:#0f1318;--accent:#ffce1f;--accent-strong:#e0b400;--accent-soft:#fff5cc;--accent-ink:#6b5200;--ok:#2fbf71;--ok-bg:#e3f7ec;--ok-ink:#176a3d;--ko:#d23b3b;--ko-bg:#fbeaea;--sel:#fff4cf;--radius:16px;--tap:50px;--text-scale:1;--shadow-sm:0 1px 2px #141e320f, 0 1px 3px #141e320d;--shadow:0 2px 6px #141e3212, 0 6px 18px #141e320f;--sans:"Lexend", system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);font-size:calc(17px * var(--text-scale));color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.55}:root[data-theme=dark]{--text:#eceff4;--text-soft:#9aa4b2;--bg:#13161b;--surface:#1c2128;--border:#2c323b;--primary:#ffd24a;--primary-d:#e0b400;--accent:#ffce1f;--accent-strong:#e0b400;--accent-soft:#332a0f;--accent-ink:#ffd24a;--ok:#38b36b;--ok-bg:#16301f;--ok-ink:#6fd79b;--ko:#e2625f;--ko-bg:#3a1d1d;--sel:#2e2914;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 16px #00000059}:root[data-font=lisible]{letter-spacing:.03em;word-spacing:.08em}:root[data-spacing=large]{letter-spacing:.05em;word-spacing:.14em;line-height:1.9}:root[data-contrast=high]:not([data-theme=dark]){--text:#000;--text-soft:#1a1a1a;--bg:#fff;--surface:#fff;--border:#000;--primary:#15191f;--sel:#fdeebf}:root[data-contrast=high][data-theme=dark]{--text:#fff;--text-soft:#d6dde6;--border:#6a7686;--sel:#243b55}*{box-sizing:border-box}body{margin:0}#root{text-align:left;background:var(--bg);flex-direction:column;width:100%;max-width:760px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3,h4{color:var(--text);margin:0 0 .4em;line-height:1.22}p{margin:0 0 .6em}.btn{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:13px 18px;font-weight:600;transition:border-color .12s,background .12s,transform 50ms}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:active:not(:disabled){transform:scale(.99)}.btn--primary{background:var(--accent);border-color:var(--accent-strong);color:#21262d;font-weight:800}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn--ghost{background:0 0;border-style:dashed}button{color:inherit;font-family:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.app{flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.topbar__brand{letter-spacing:.01em;align-items:center;gap:9px;font-size:1.15rem;font-weight:800;display:flex}.topbar__actions{align-items:center;gap:8px;display:flex}.topbar__pseudo{color:var(--text-soft);font-size:.9em}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;min-height:40px;padding:6px 12px;font-weight:600}.main{flex:1;padding:16px 14px 48px}.login{text-align:center;max-width:400px;margin:5vh auto 0}.login__brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;display:flex}.login h1{letter-spacing:.01em;margin:4px 0 0;font-size:2.3rem}.login__tagline{color:var(--text-soft);margin:0;font-size:1.02rem}.login__sub{color:var(--text-soft)}.login__form{text-align:left;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:14px;margin-top:16px;padding:18px;display:flex}.login__form label{flex-direction:column;gap:6px;font-weight:600;display:flex}.login__form input{min-height:var(--tap);font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px 14px}.login__err{color:var(--ko);background:var(--ko-bg);border-radius:10px;padding:8px 12px}.login__note{color:var(--text-soft);margin-top:18px;font-size:.85em}.course__top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.progress{flex:1;align-items:center;gap:10px;display:flex}.progress__bar{background:var(--border);border-radius:999px;flex:1;height:12px;overflow:hidden}.progress__bar span{background:var(--ok);height:100%;transition:width .3s;display:block}.progress__txt{color:var(--text-soft);white-space:nowrap;font-size:.85em;font-weight:700}.page__kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:4px;font-size:.78rem;font-weight:700}.lesson{background:var(--bg);border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:12px;margin:12px 0;padding:12px 14px}.lesson__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.lesson__tag{color:var(--primary);font-size:.9em;font-weight:700}.lesson .page__notion{margin:0}.page__notion p{margin:0 0 .55em}.page__notion p:last-child{margin-bottom:0}.notion-list{margin:.2em 0 .6em;padding-left:1.3em}.notion-list li{margin:.25em 0}.qzone{margin-top:8px}.qzone__sep{text-align:center;color:var(--text-soft);align-items:center;margin:18px 0 6px;display:flex}.qzone__sep:before,.qzone__sep:after{content:"";background:var(--border);flex:1;height:1px}.qzone__sep span{padding:0 12px;font-size:.9em;font-weight:700}.map__title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal__box--map{max-width:460px;max-height:80svh;overflow:auto}.map{flex-direction:column;gap:12px;display:flex}.map__mod h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);font-size:.8rem}.map ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.map__page{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-size:.92em}.map__page:hover:not(:disabled){background:var(--sel)}.map__page.on{background:var(--sel);border-color:var(--primary);font-weight:700}.map__page--locked{color:var(--text-soft);cursor:not-allowed}.map__page--done .map__icon{color:var(--ok)}.map__icon{width:1.2em;display:inline-block}.page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--sel);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.page__title{margin-top:10px;font-size:1.4rem}.page__notion{font-size:1.05em}.remed{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-ink);border-radius:12px;margin-bottom:12px;padding:12px}.done-note{color:var(--ok);background:var(--ok-bg);border-radius:10px;margin:12px 0;padding:10px 12px}.checklist{margin:14px 0}.check{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.check input{width:22px;height:22px;margin-top:2px}.anim-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#0c0d0e;border-radius:12px;width:100%;margin:8px 0 14px;position:relative;overflow:hidden}.anim-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.quiz__count{color:var(--text-soft);margin:8px 0;font-size:.85em}.q__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.q__prompt{font-size:1.1em;font-weight:700}.q__image{background:var(--sel);border:1px dashed var(--border);text-align:center;color:var(--text-soft);border-radius:10px;margin:8px 0;padding:16px}.opts{flex-direction:column;gap:10px;margin:12px 0;display:flex}.opts--vf{flex-direction:row}.opts--vf .opt{text-align:center;flex:1;font-size:1.1em}.opt{min-height:var(--tap);text-align:left;border:2px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:12px;padding:12px 16px}.opt:hover:not(:disabled){border-color:var(--primary)}.opt--sel{border-color:var(--primary);background:var(--sel);font-weight:600}.opt:disabled{cursor:default}.assoc{flex-direction:column;gap:10px;margin:12px 0;display:flex}.assoc__row{align-items:center;gap:10px;display:flex}.assoc__left{flex:1;font-weight:600}.assoc__sel{min-height:var(--tap);border:1px solid var(--border);font:inherit;background:var(--surface);border-radius:10px;flex:1;padding:8px}.hint{color:var(--text-soft);font-size:.9em}.sort__tray{flex-wrap:wrap;gap:8px;min-height:48px;margin:10px 0;display:flex}.chip{border:2px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:999px;padding:10px 14px;font-weight:600}.chip--picked{border-color:var(--primary);background:var(--sel)}.sort__bins{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.bin{border:2px dashed var(--border);background:var(--bg);cursor:pointer;font:inherit;text-align:left;border-radius:12px;flex-direction:column;gap:6px;min-height:80px;padding:12px;display:flex}.bin:disabled{cursor:default;opacity:.8}.bin__label{font-size:.9em;font-weight:700}.bin__items{flex-wrap:wrap;gap:6px;display:flex}.bin__chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px 8px;font-size:.82em}.bin__chip.ok{background:var(--ok-bg);border-color:var(--ok)}.bin__chip.ko{background:var(--ko-bg);border-color:var(--ko)}.bin__undo{color:var(--ko);cursor:pointer;font-weight:700}.feedback{border:1px solid;border-radius:12px;margin:14px 0;padding:12px 14px}.feedback--ok{background:var(--ok-bg);border-color:var(--ok)}.feedback--ko{background:var(--ko-bg);border-color:var(--ko)}.feedback__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.success{text-align:center;padding:16px 0}.success__emo{font-size:3rem}.speak-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:40px;font:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85em;display:inline-flex}.speak-btn__label{font-weight:600}.modal{z-index:10;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal__box{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;padding:20px}.modal__box fieldset{border:1px solid var(--border);border-radius:12px;margin:0 0 14px;padding:10px 12px}.modal__box legend{padding:0 6px;font-weight:700}.seg{gap:8px;display:flex}.seg button{min-height:var(--tap);border:2px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:10px;flex:1;font-weight:600}.seg button.on{border-color:var(--primary);background:var(--sel)}.login__mode{max-width:280px;margin:8px auto 4px}.clist{max-width:560px;margin:0 auto}.clist__group{color:var(--text-soft);margin-top:-4px}.clist__empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-soft);padding:22px;line-height:1.6}.clist__items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ccard{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;font:inherit;box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:14px 16px;transition:box-shadow .12s,transform 60ms,border-color .12s;display:flex}.ccard:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}.ccard--off{opacity:.65;cursor:default}.ccard__num{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;font-size:1.15em;font-weight:800;display:grid}.ccard__body{flex-direction:column;flex:1;gap:6px;display:flex}.ccard__title{font-size:1.05em;font-weight:700}.ccard__meta{color:var(--text-soft);font-size:.85em}.ccard__bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.ccard__bar span{background:var(--ok);height:100%;display:block}.prof{max-width:760px;margin:0 auto}.prof__groups{flex-wrap:wrap;margin-bottom:14px}.prof__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.prof__card h3{margin-top:0}.unlock-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.dash{border-collapse:collapse;width:100%;font-size:.92em}.dash th,.dash td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}.dash th{color:var(--text-soft);font-size:.85em}.dash__where{color:var(--text-soft)}.stu{flex-direction:column;gap:3px;display:flex}.stu__name{font-weight:600}.stu__edit{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;max-width:160px;padding:3px 6px;font-size:.82em}.mini-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:2px 8px}.heat{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.heat__cell{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;justify-content:space-between;gap:6px;min-height:64px;padding:8px;display:flex}.heat__title{font-size:.78em;line-height:1.2}.heat__n{font-size:1.1em;font-weight:800}.heat--mild{color:#6b4e00;background:#fff7e6;border-color:#f0d28a}.heat--warm{color:#7a4a08;background:#ffe4c2;border-color:#e9a85a}.heat--hot{border-color:var(--ko);color:#7a1f1f;background:#fbdcd8}:root[data-theme=dark] .heat--mild{color:#e7c97a;background:#2a2410;border-color:#5c4a18}:root[data-theme=dark] .heat--warm{color:#f0b760;background:#3a2a12;border-color:#8a6320}:root[data-theme=dark] .heat--hot{color:#f0a09a;background:#3a1d1d;border-color:#a84a4a}.atelier-block{margin:10px 0}.atelier-grid{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.tap{border:2px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:10px;padding:8px 12px;font-weight:600}.tap--ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.unlock-row__actions{flex-wrap:wrap;gap:8px;display:flex}.printview{z-index:50;background:#fff;position:fixed;inset:0;overflow:auto}.printview__bar{border-bottom:1px solid var(--border);background:#fff;gap:10px;padding:12px;display:flex;position:sticky;top:0}.printdoc{color:#000;max-width:820px;margin:0 auto;padding:24px}.printdoc h1{margin-bottom:2px;font-size:1.8rem}.printdoc__sub{color:#555;margin-bottom:18px}.pd-mod h2{border-bottom:2px solid #000;margin-top:22px;padding-bottom:4px;font-size:1.25rem}.pd-page{page-break-inside:avoid;margin:12px 0 16px}.pd-page h3{margin:0 0 4px;font-size:1.05rem}.pd-notion p{margin:0 0 4px}.pd-qtitle{text-transform:uppercase;color:#555;margin:8px 0 4px;font-size:.82rem;font-weight:700}.pd-q{margin:0;padding-left:20px}.pd-q li{page-break-inside:avoid;margin-bottom:8px}.pd-prompt{font-weight:600;display:block}.pd-ans{display:block}.pd-exp{color:#555;font-size:.9em;font-style:italic;display:block}@media print{.topbar,.main,.no-print{display:none!important}.printview{position:static;overflow:visible}}