:root{color-scheme:light;--ink: #18212f;--muted: #657083;--paper: #fbfaf7;--surface: #ffffff;--line: #dfe3e8;--violet: #6352c7;--violet-soft: #eeeafd;--sky: #187fa2;--sky-soft: #e1f4f8;--aqua: #087f78;--aqua-soft: #dff5f0;--leaf: #3d7b35;--leaf-soft: #e5f2df;--amber: #9c6410;--amber-soft: #fff0cb;--green: #19734b;--green-soft: #ddf3e7;--rose: #a44768;--rose-soft: #f8e3eb;--danger: #a33c3c;--accent: var(--violet);--accent-soft: var(--violet-soft);--shadow: 0 18px 50px rgba(24, 33, 47, .12);--radius: 26px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tone-violet{--accent: var(--violet);--accent-soft: var(--violet-soft)}.tone-sky{--accent: var(--sky);--accent-soft: var(--sky-soft)}.tone-aqua{--accent: var(--aqua);--accent-soft: var(--aqua-soft)}.tone-leaf{--accent: var(--leaf);--accent-soft: var(--leaf-soft)}.tone-amber{--accent: var(--amber);--accent-soft: var(--amber-soft)}.tone-green{--accent: var(--green);--accent-soft: var(--green-soft)}.tone-rose{--accent: var(--rose);--accent-soft: var(--rose-soft)}html{height:100%;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}img,video{max-width:100%;display:block}a{color:var(--accent)}h1,h2,h3{line-height:1.08;letter-spacing:-.03em;margin:0}p{margin:0}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:900;color:var(--accent)}.btn{min-height:48px;border:0;border-radius:15px;padding:12px 19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:#fff0ef;color:var(--danger);border:1px solid #f2c4c1}.btn-small{min-height:38px;padding:7px 12px;border-radius:11px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.field{display:grid;gap:7px;margin:18px 0}.field label{font-weight:800}.control,.field input,.field select,.field textarea{width:100%;min-height:46px;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;outline:none}.control:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.error-box{background:#fff0ef;color:var(--danger);border-radius:14px;padding:12px 14px;margin-top:12px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:850;background:var(--accent-soft);color:var(--accent)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,40px)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em;color:inherit;text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--violet);box-shadow:0 8px 20px #6352c740;flex:0 0 auto}.class-pill{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);background:#ffffffd9;font-size:14px;font-weight:750;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-pill-btn{cursor:pointer;font:inherit;font-size:14px;font-weight:750}.class-pill-btn:hover,.class-pill-btn:focus-visible{border-color:var(--accent);color:var(--accent)}.icon-btn{border:0;background:none;padding:0 4px;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;vertical-align:middle;opacity:.55}.icon-btn:hover,.icon-btn:focus-visible{color:var(--accent);opacity:1}.rename-form{display:grid;gap:10px;margin-bottom:14px}.rename-form .row{display:flex;gap:8px;flex-wrap:wrap}.rename-form .control{max-width:420px}.link-btn{border:0;padding:0;background:none;color:var(--accent);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.home{width:min(1000px,calc(100% - 28px));margin:8px auto 60px;display:grid;gap:18px}.home-hero{padding:clamp(22px,5vw,44px);border-radius:var(--radius);background:color-mix(in srgb,var(--violet-soft) 40%,white);border:1px solid color-mix(in srgb,var(--violet) 14%,var(--line))}.home-hero h1{font-size:clamp(34px,7vw,60px);letter-spacing:-.05em;margin:8px 0 10px;max-width:14ch}.home-hero p{color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:56ch}.grid-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.topic-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 9px 26px #18212f0f;transition:transform .18s ease,box-shadow .18s ease}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.topic-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--violet-soft)}.topic-card .topic-body{padding:16px 18px 18px;display:grid;gap:6px;align-content:start}.topic-card h2{font-size:21px}.topic-card p{color:var(--muted);font-size:15px;line-height:1.45}.topic-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.class-list{display:flex;flex-wrap:wrap;gap:10px}.class-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:inherit;text-decoration:none;font-weight:800}.class-chip:hover{border-color:var(--accent)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 4px}.section-title h2{font-size:22px}.site-footer{margin-top:auto;padding:18px clamp(16px,4vw,40px) 28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;border-top:1px solid var(--line)}.site-footer a{font-weight:800;text-decoration:none}.start-panel{width:min(560px,calc(100% - 28px));margin:16px auto 40px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,6vw,44px);box-shadow:var(--shadow)}.start-panel h1{font-size:clamp(32px,7vw,48px);letter-spacing:-.04em;margin:8px 0 12px}.start-panel>p{color:var(--muted);font-size:18px}.start-panel .btn{width:100%;margin-top:8px}.start-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;margin:4px 0 16px}.notice{display:grid;gap:4px;margin:18px 0 8px;padding:14px 16px;border-radius:16px;background:var(--green-soft);color:var(--green)}.resume-box{display:grid;gap:8px;margin:16px 0;padding:14px 16px;border-radius:16px;background:var(--accent-soft)}.resume-box strong{color:var(--accent)}.deck{height:100vh;height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.deck>*{min-width:0}.deck-progress{padding:0 14px 6px;display:grid;gap:6px}.progress-line{height:5px;border-radius:99px;background:#e6e5e3;overflow:hidden}.progress-line>span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.section-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.section-row strong{justify-self:center;padding:6px 12px;border-radius:999px;color:var(--accent);background:var(--accent-soft);letter-spacing:.08em;font-size:12px}.section-row span:last-child{justify-self:end}.save-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#8b94a3;margin-right:6px;vertical-align:middle;box-shadow:0 0 0 3px #8b94a324}.save-dot.online{background:var(--green)}.save-dot.offline{background:var(--amber)}.stage{position:relative;min-height:0;overflow:hidden;padding:6px 12px 0;touch-action:pan-y}.stage-card{height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:12px;transform:translate(var(--pull, 0px));transition:transform .18s ease-out}.stage-card.pulling{transition:none}.stage-card::-webkit-scrollbar{display:none}.swipe-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffffeb;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #18212f14}.swipe-hint.ready{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.swipe-hint .chev{display:inline-block;font-size:18px;line-height:1;animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(1px)}50%{transform:translate(-4px)}}.onboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;color:#fff;background:#121826c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:coachIn .3s ease-out;cursor:pointer}.onboard-demo{position:relative;width:210px;height:190px;margin-bottom:14px}.onboard-card{position:absolute;top:10px;left:30px;width:100px;height:170px;border-radius:18px;overflow:hidden;background:linear-gradient(#6352c759,#6352c759) 12px 12px / 76px 44px no-repeat,linear-gradient(#cfd3dc,#cfd3dc) 12px 68px / 60px 7px no-repeat,linear-gradient(#e1e4ea,#e1e4ea) 12px 84px / 76px 5px no-repeat,linear-gradient(#e1e4ea,#e1e4ea) 12px 96px / 70px 5px no-repeat,linear-gradient(#e1e4ea,#e1e4ea) 12px 108px / 74px 5px no-repeat,linear-gradient(#e1e4ea,#e1e4ea) 12px 120px / 48px 5px no-repeat,linear-gradient(#e1e4ea,#e1e4ea) 12px 138px / 64px 5px no-repeat,linear-gradient(#e1e4ea,#e1e4ea) 12px 150px / 40px 5px no-repeat,#fffffff2;animation:obCard 2.4s ease-in-out infinite}.onboard-card.next{left:150px;opacity:.45;animation-name:obCardNext}.onboard-finger{position:absolute;top:70px;left:112px;font-size:48px;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));animation:obFinger 2.4s ease-in-out infinite}@keyframes obFinger{0%,15%{transform:translate(40px);opacity:0}25%{opacity:1;transform:translate(40px)}60%{transform:translate(-90px);opacity:1}75%,to{transform:translate(-90px);opacity:0}}@keyframes obCard{0%,25%{transform:translate(0)}60%,to{transform:translate(-130px);opacity:.2}}@keyframes obCardNext{0%,25%{transform:translate(0);opacity:.45}60%,to{transform:translate(-120px);opacity:1}}.onboard-text{font-size:22px;font-weight:850;letter-spacing:-.02em;max-width:18ch}.onboard-sub{color:#ffffffbf;font-size:14px;max-width:30ch}.onboard-btn{margin-top:10px;background:#fff;color:var(--ink);min-width:160px}@keyframes coachIn{0%{opacity:0}}.edge-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:30px;font-weight:900;line-height:1;pointer-events:none;box-shadow:0 8px 20px #18212f33}.edge-arrow.left{left:6px}.edge-arrow.right{right:6px}.card{position:relative;width:min(680px,100%);margin:0 auto;min-height:100%;display:flex;flex-direction:column;gap:14px;padding:clamp(20px,5vw,40px);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent-soft) 24%,var(--surface));animation:cardIn .24s ease-out}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.99)}}.card:not(.cover)>:first-child{margin-top:auto}.card>:last-child{margin-bottom:auto}.card.locked{align-items:center;justify-content:center;text-align:center;color:var(--muted);border-style:dashed;background:transparent}.card.cover{padding-top:0}.card.cover .block-image.hero{margin:0 calc(-1*clamp(20px,5vw,40px)) 6px}.card.cover .block-image.hero img{height:min(38dvh,320px);border-radius:var(--radius) var(--radius) 0 0}.card.cover .block-image.hero .caption{padding:0 clamp(20px,5vw,40px)}.card h1{font-size:clamp(32px,8vw,52px);letter-spacing:-.04em}.card h2{font-size:clamp(26px,6.5vw,40px)}.card .block-text p{font-size:clamp(18px,3.6vw,21px);line-height:1.55}.block-text.lead p{font-size:clamp(19px,4vw,23px)}.block-text.caption p,.caption{color:var(--muted);font-size:15px!important;line-height:1.5!important}.block-text.callout,.block-text.note,.definition{border-radius:16px;padding:14px 16px;line-height:1.45}.block-text.callout{background:var(--accent-soft)}.block-text.callout p{font-size:17px;font-weight:700}.block-text.note{background:#f3f4f6;color:var(--muted)}.block-text.note p{font-size:15px}.block-text.badge{width:fit-content;border-radius:16px;padding:12px 16px;background:var(--accent-soft);color:var(--accent);font-weight:850}.block-text.badge p{font-size:16px}.block-text{position:relative}.text-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.read-aloud{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:18px;color:var(--accent);flex:0 0 auto}.read-aloud.active{background:var(--accent);color:#fff;border-color:var(--accent)}.speaking-word.current{background:var(--accent-soft);border-radius:4px;box-shadow:0 0 0 3px var(--accent-soft)}.definition{background:var(--accent-soft)}.definition strong{display:block;color:var(--accent);margin-bottom:3px}.definition button{border:0;background:none;padding:0;color:var(--accent);font-weight:800;text-decoration:underline dotted;margin-top:6px}.term{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;color:inherit;background:none;font:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.block-image{margin:0}.block-image img{width:100%;border-radius:18px;background:#f0f1f4;object-fit:cover;height:clamp(180px,30dvh,300px)}.block-image.contain img{object-fit:contain;background:transparent}.block-image.inset img{height:clamp(140px,22dvh,220px)}.block-image.focus-top img{object-position:center top}.block-image .caption{margin-top:8px}.block-video{display:grid;gap:8px}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:#161922;box-shadow:0 10px 28px #18212f29}.video-frame iframe,.video-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.video-start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:0;display:grid;place-content:center;justify-items:center;gap:6px;color:#fff;background:linear-gradient(180deg,#1219254d,#121925cc)}.video-play{width:58px;height:58px;display:grid;place-items:center;padding-left:4px;border-radius:50%;background:var(--accent);font-size:25px;box-shadow:0 8px 24px #0000004d}.video-start strong{font-size:19px}.video-fallback{font-weight:800;text-align:center;font-size:15px}.gate-status{width:fit-content;margin:0 auto;padding:6px 10px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:13px;font-weight:850}.block-audio audio{width:100%}.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chip{display:grid;gap:3px;min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;text-align:left;background:#fff}.chip strong{color:var(--accent);font-size:17px}.chip span{color:var(--muted);font-size:14px}.list-steps,.list-bullets,.list-checks{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:steps}.list-steps li{counter-increment:steps;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;font-size:17px}.list-steps li:before{content:counter(steps);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:900}.list-bullets li{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:17px}.list-bullets li:before{content:"•";color:var(--accent);font-weight:900}.list-checks li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:11px 13px;border-radius:14px;background:var(--accent-soft);font-size:16px}.list-checks li:before{content:"✓";color:var(--accent);font-weight:950}.list-flow{display:grid;gap:8px}.flow-step{padding:12px 14px;border-radius:14px;background:var(--accent-soft);font-weight:750;text-align:center}.flow-arrow{text-align:center;color:var(--accent);font-weight:900}.list-note{color:var(--muted);font-size:15px;background:#f3f4f6;border-radius:14px;padding:12px 14px;margin-top:4px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.column{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfcfd}.column h3{font-size:17px;margin-bottom:8px}.column ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.5;font-size:15px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:16px}table.data th,table.data td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}table.data th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}table.data caption{caption-side:bottom;color:var(--muted);font-size:14px;padding-top:8px;text-align:left}.equation{text-align:center;margin:8px 0}.equation-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,2vw,14px);font-size:clamp(17px,4.4vw,28px);font-weight:900}.equation-side{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px}.chem{padding:9px 12px;border-radius:14px;background:var(--accent-soft);overflow-wrap:anywhere}.arrow-stack{min-width:clamp(70px,18vw,110px);display:grid;place-items:center;color:var(--accent)}.arrow-stack .cond{color:var(--muted);font-size:clamp(11px,2.8vw,13px);font-weight:800;max-width:14ch;line-height:1.1}.arrow-stack .arrow{font-size:clamp(34px,9vw,56px);line-height:.75}.misconception{border-left:5px solid var(--danger);background:#fff2f2;padding:16px;border-radius:0 16px 16px 0;display:grid;gap:10px}.misconception del{color:var(--danger);font-size:18px}.misconception .fix{color:var(--green);font-weight:750}.embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#f0f1f4}.embed.r4-3{aspect-ratio:4 / 3}.embed.r1-1{aspect-ratio:1 / 1}.embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.question{display:grid;gap:12px}.q-mode{width:fit-content;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:850;background:var(--accent-soft);color:var(--accent)}.q-mode.assessment{background:var(--amber-soft);color:var(--amber)}.options{display:grid;gap:10px}.option{display:flex;align-items:flex-start;gap:12px;border:1.5px solid var(--line);border-radius:16px;padding:14px;background:#fff;text-align:left;line-height:1.35;font-size:17px}.option.selected{border-color:var(--accent);background:var(--accent-soft)}.option .box{width:22px;height:22px;flex:0 0 auto;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;margin-top:1px}.option.multi .box{border-radius:7px}.option.selected .box{background:var(--accent);border-color:var(--accent)}.option img{width:100%;border-radius:10px;margin-top:8px}.order-list{display:grid;gap:8px}.order-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.order-num{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:900}.move{display:flex;gap:5px}.move button{width:36px;height:36px;border:0;border-radius:9px;background:#f0f2f5;font-weight:900}.blank-input{font-size:20px}.check-btn{width:100%}.q-image img{width:100%;border-radius:16px;max-height:240px;object-fit:contain;background:#fff}.pie-wrap{display:grid;grid-template-columns:1fr;gap:14px;justify-items:center}.pie{position:relative;width:min(240px,58vw,28dvh);aspect-ratio:1}.pie svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;border-radius:50%}.pie-slice{cursor:pointer;opacity:.16;filter:grayscale(.75);transition:opacity .28s,filter .28s,stroke-width .28s;pointer-events:stroke;outline:none}.pie-slice.revealed{opacity:.68;filter:none}.pie-slice.active{opacity:1;stroke-width:53;filter:drop-shadow(0 0 5px rgba(24,33,47,.32))}.pie-centre{position:absolute;top:27%;right:27%;bottom:27%;left:27%;z-index:1;display:grid;place-content:center;text-align:center;border-radius:50%;background:color-mix(in srgb,var(--accent-soft) 24%,white);box-shadow:inset 0 0 0 1px #fffc}.pie-centre strong{font-size:clamp(22px,5vw,32px);line-height:1}.pie-centre span{font-size:11px;color:var(--muted);font-weight:800}.pie-centre.pop{animation:gasFlip .5s cubic-bezier(.2,.8,.2,1)}@keyframes gasFlip{0%{opacity:.2;transform:perspective(500px) rotateY(-75deg) scale(.72)}}.zoom{position:absolute;z-index:4;top:-22%;left:10%;width:80%;aspect-ratio:1;border:7px solid #fff;border-radius:50%;background:#f3f6f8;box-shadow:0 16px 36px #18212f4d;overflow:hidden;animation:zoomLens .5s cubic-bezier(.2,.8,.2,1)}.zoom:after{content:"";position:absolute;right:-12%;bottom:4%;width:34%;height:9%;border-radius:999px;background:#334154;transform:rotate(43deg);transform-origin:left center}.zoom svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zoom-label{position:absolute;z-index:3;left:50%;bottom:8%;transform:translate(-50%);max-width:88%;padding:5px 10px;border-radius:14px;background:#fffffff2;box-shadow:0 2px 8px #18212f2e;font-size:12px;font-weight:950;text-align:center;line-height:1.2}.zoom-title{position:absolute;z-index:3;top:6%;left:50%;transform:translate(-50%);font-size:9px;font-weight:950;letter-spacing:.08em;color:#263549}@keyframes zoomLens{0%{opacity:0;transform:translate(30px,-18px) scale(.45)}}.legend{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legend-item{display:grid;grid-template-columns:10px 1fr;gap:5px 8px;align-content:center;min-height:72px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:14px;background:#ffffffb8;text-align:left}.legend-item .sw{grid-row:1 / 3;width:10px;height:44px;border-radius:6px}.legend-item:not(.revealed) .sw{filter:grayscale(1);opacity:.34}.legend-item b{font-size:18px}.legend-item:not(.revealed) b{color:var(--accent);font-size:22px}.legend-item em{color:var(--muted);font-style:normal;font-weight:750;font-size:13px;line-height:1.2}.legend-item.active{border-color:var(--accent);background:#fff;box-shadow:0 8px 20px #18212f1a}.hotspot{position:relative}.hotspot img{width:100%;border-radius:16px}.hotspot button{position:absolute;width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:var(--accent);color:#fff;font-weight:900;font-size:13px;transform:translate(-50%,-50%);box-shadow:0 4px 12px #18212f4d}.hotspot button.seen{background:var(--green)}.hotspot-text{margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--accent-soft);font-size:16px}.interactive-fallback{padding:14px;border-radius:14px;background:#f3f4f6;color:var(--muted);font-size:15px}.deck-nav{position:relative;z-index:5;display:flex;gap:10px;justify-content:center;margin:8px 14px calc(20px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:22px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 10px 30px #18212f14}.deck-nav .btn{flex:1 1 0;max-width:300px;box-shadow:none}@media(hover:none)and (pointer:coarse){.deck.nav-optional .deck-nav:not(.final){display:none}.deck.nav-optional .deck-nav.final .btn-secondary{display:none}}dialog{border:0;border-radius:24px;padding:28px;color:var(--ink);box-shadow:var(--shadow);width:min(500px,calc(100% - 28px))}dialog::backdrop{background:#18212f94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eff1f4;font-size:22px}.glossary-dialog h2{margin:6px 0 4px;font-size:clamp(30px,7vw,42px);letter-spacing:-.04em}.glossary-dialog p{font-size:18px;line-height:1.5;margin-top:6px}.glossary-lang{padding:14px 0 2px}.glossary-lang+.glossary-lang{margin-top:10px;padding:18px;border-radius:18px;background:var(--accent-soft)}.glossary-lang .label{display:inline-flex;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.glossary-lang h3{margin:6px 0 4px;color:var(--accent);font-size:24px}.name-dialog h2{margin:6px 0;font-size:clamp(26px,6vw,36px);letter-spacing:-.03em}.name-dialog p{margin:0;color:var(--muted)}.name-dialog .field{margin:16px 0}.name-dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.name-dialog-actions .btn{flex:1 1 0}.feedback-dialog{--fb: var(--green);width:min(430px,calc(100% - 28px));text-align:center}.feedback-dialog.incorrect{--fb: var(--amber)}.feedback-dialog .eyebrow{color:var(--fb)}.feedback-dialog h2{margin:6px 0 8px;font-size:clamp(28px,7vw,40px)}.feedback-dialog p{margin:0 0 20px;color:var(--muted);font-size:18px}.feedback-symbol{width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--fb);font-size:32px;font-weight:950}.feedback-dialog .btn{width:100%;background:var(--fb);color:#fff;box-shadow:none}.results{display:grid;gap:14px}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:10px auto;background:conic-gradient(var(--green) var(--angle, 0deg),#e7ebe9 0);position:relative}.score-ring:before{content:"";width:112px;height:112px;background:#fff;border-radius:50%;position:absolute}.score-ring strong{z-index:1;font-size:28px}.result-row{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 14px;border:1px solid var(--line);border-left:5px solid #a6adb7;border-radius:14px;background:#fff;font-size:15px}.result-row.correct{border-left-color:var(--green)}.result-row.incorrect{border-left-color:var(--danger)}.result-row h3{font-size:16px;margin-bottom:6px}.result-row dl{margin:0;display:grid;gap:4px}.result-row dl div{display:grid;grid-template-columns:90px 1fr;gap:6px}.result-row dt{color:var(--muted)}.result-row dd{margin:0;font-weight:700}.confirmation{text-align:center;color:var(--muted);font-size:13px;font-weight:750}.teacher{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.teacher-side{position:sticky;top:0;height:100vh;padding:26px 18px;background:#1f2340;color:#fff;display:flex;flex-direction:column;gap:30px}.teacher-side .brand{color:#fff}.teacher-side .brand small{display:block;color:#aeb5d5;font-size:11px;font-weight:650;letter-spacing:.04em}.teacher-side nav{display:grid;gap:6px}.side-link{border:0;border-radius:12px;padding:11px 13px;background:transparent;color:#cbd0e8;text-align:left;font-weight:800;text-decoration:none}.side-link:hover,.side-link.active{color:#fff;background:#ffffff1a}.side-link.logout{margin-top:auto}.teacher-main{min-width:0;padding:clamp(20px,4vw,48px)}.teacher-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;flex-wrap:wrap}.teacher-heading h1{font-size:clamp(32px,5vw,50px);letter-spacing:-.045em;margin:6px 0}.teacher-heading p{color:var(--muted)}.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 7px 24px #18212f0d}.panel{padding:20px;margin-bottom:16px}.panel h2{font-size:20px;margin-bottom:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:13px;font-weight:750}.stat strong{display:block;margin-top:4px;font-size:30px}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.toolbar .row{display:flex;flex-wrap:wrap;gap:8px}.toolbar .control{width:auto;min-width:160px}.status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850}.status.submitted,.status.ok{background:var(--green-soft);color:var(--green)}.status.in_progress,.status.warn{background:var(--amber-soft);color:var(--amber)}.status.bad{background:#fff0ef;color:var(--danger)}.tag{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;background:var(--violet-soft);color:var(--violet)}table.list{width:100%;border-collapse:collapse}table.list th,table.list td{padding:11px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}table.list th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}table.list td small{display:block;color:var(--muted)}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.signal{border-radius:14px;background:#f5f3fd;padding:12px;display:flex;align-items:center;gap:10px}.signal strong{font-size:20px;color:var(--violet)}.signal span{text-transform:capitalize;font-size:14px}.detail-grid{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:16px}.big-score{font-size:44px;font-weight:900;margin-top:8px}.revision{display:grid;grid-template-columns:90px 1fr 1fr;padding:9px;border-radius:10px;color:inherit;text-decoration:none}.revision:hover,.revision.current{background:#f3f1fc}.revision small{color:var(--muted);text-align:right}.answer{display:grid;grid-template-columns:34px 1fr auto;gap:12px;padding:16px;border:1px solid var(--line);border-left:5px solid #a6adb7;border-radius:14px;margin-bottom:10px}.answer.correct{border-left-color:var(--green)}.answer.incorrect{border-left-color:var(--danger)}.answer h3{font-size:16px;margin:3px 0 10px}.answer dl{margin:0;display:grid;gap:6px}.answer dl div{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:15px}.answer dt{color:var(--muted)}.answer dd{margin:0;font-weight:700}.answer-num{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eef0f3;font-weight:900}.mis-tag{display:inline-flex;margin-top:8px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;background:#fff0ef;color:var(--danger)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.content-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.problem-list{margin:6px 0 0;padding-left:18px;color:var(--danger);font-size:14px}.assignment-form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.assignment-form .field{margin:0}.time-bars{display:grid;gap:6px}.time-row{display:grid;grid-template-columns:28px minmax(140px,1.2fr) 2fr 150px;align-items:center;gap:10px;font-size:13px}.time-row.unvisited{opacity:.5}.time-idx{color:var(--muted);font-weight:800;text-align:right}.time-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-bar{height:12px;border-radius:999px;background:#eef0f3;overflow:hidden}.time-fill{display:block;height:100%;border-radius:999px;background:var(--violet)}.time-fill.question{background:var(--amber)}.time-fill.video{background:var(--sky)}.time-fill.interactive{background:var(--aqua)}.time-val{font-weight:800;white-space:nowrap}.time-val small{display:block;color:var(--muted);font-weight:600}@media(max-width:760px){.time-row{grid-template-columns:24px 1fr 110px}.time-row .time-bar{grid-column:2 / -1}}.print-doc{width:min(900px,calc(100% - 40px));margin:32px auto;background:#fff;padding:42px}.print-doc header{border-bottom:3px solid var(--ink);padding-bottom:18px}.print-doc h1{font-size:36px;margin:6px 0 10px}.print-doc h2{font-size:24px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:28px}.print-doc h3{font-size:18px;margin:16px 0 6px}.print-doc article{break-inside:avoid;margin:14px 0}.print-doc table{width:100%;border-collapse:collapse}.print-doc th,.print-doc td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.print-doc .fields{display:flex;justify-content:space-between;gap:20px;margin-top:24px}.print-doc ol.opts{columns:2}.answer-lines span{display:block;height:28px;border-bottom:1px solid #aab0b8}.print-image{display:block;width:min(100%,640px);max-height:380px;object-fit:contain;margin:10px auto}.print-callout{border-left:4px solid var(--violet);padding:8px 12px;background:var(--violet-soft)}.print-eq{text-align:center;font-size:20px;font-weight:800}.print-actions{display:flex;gap:10px;justify-content:flex-end;width:min(900px,calc(100% - 40px));margin:16px auto 0}@media(max-width:760px){.teacher{display:block}.teacher-side{position:static;height:auto;padding:12px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px}.teacher-side .brand{grid-column:1 / -1}.teacher-side nav{display:flex}.side-link.logout{margin:0}.teacher-main{padding:18px 14px 50px}.stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.answer{grid-template-columns:30px 1fr}.answer dl div,.columns,.chips{grid-template-columns:1fr}.deck-nav .btn{font-size:14px;padding-inline:8px}}@media(max-width:480px){.equation-side{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.topbar,.deck-nav,.deck-progress,.teacher-side,.print-actions,.no-print{display:none!important}body{background:#fff}.print-doc{width:100%;margin:0;padding:0}@page{size:A4;margin:16mm}}