:root{--bg: #f6f7fb;--fg: #1b1f2a;--muted: #667085;--card: #fff;--line: #d9dde7;--accent: #2c4fa3;--accent-fg: #fff;--danger: #c0262d;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #12141b;--fg: #eceef4;--muted: #98a0b3;--card: #1c1f29;--line: #2f3342;--accent: #5b86e5;--danger: #ff6b72}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2{margin:0 0 12px}h2{font-size:1.1rem}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}.code{font-variant-numeric:tabular-nums;letter-spacing:.1em}button,input,textarea{font:inherit;color:inherit;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:10px 14px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}input[type=color]{padding:2px;width:44px;height:44px}.card{max-width:380px;margin:10vh auto 0;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:16px;display:grid;gap:14px}.card label{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.card input{font-size:1.2rem}.stage,.teacher{max-width:960px;margin:0 auto;padding:16px;display:grid;gap:14px}.teacher header{display:flex;justify-content:space-between;align-items:start;gap:12px}.slide-frame{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.slide-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.draw-canvas.interactive{touch-action:none;cursor:crosshair}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prompt{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:12px}.prompt textarea{width:100%;resize:vertical}.status{margin:0;min-height:1.4em;color:var(--muted);font-size:.9rem}.choices{display:grid;gap:8px}.choice{text-align:left}.choice.selected{border-color:var(--accent);outline:2px solid var(--accent)}.responses{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:10px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:22px;min-width:2px;background:var(--accent);border-radius:6px;transition:width .3s}.text-responses{list-style:none;margin:0;padding:0;display:grid;gap:8px}.text-responses li{display:grid;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}.drawings{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0}.drawings figure{margin:0}.drawings figcaption{font-size:.85rem;color:var(--muted);padding-top:4px}.slide-frame.small{border-radius:8px}@media (max-width: 600px){.bar-row{grid-template-columns:90px 1fr auto}}.join-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.join-brand img{background:#fff;border-radius:14px;padding:4px}.join-brand h1{margin:0}.site{--s-navy: #1b2a5c;--s-orange: #ee6a24;--s-blue: #3b82c4;--s-cream: #fff8f1;--s-line: #eadfd5;--s-muted: #5b6480;color-scheme:light;background:#fff;color:var(--s-navy);min-height:100vh;display:flex;flex-direction:column}.site a{color:var(--s-blue)}.site .muted{color:var(--s-muted)}.site .center{text-align:center}.site main{flex:1}.site-header,.footer-inner,.section,.hero,.legal{width:100%;max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--s-navy)!important;font-weight:800;font-size:1.35rem}.site-header nav{display:flex;align-items:center;gap:18px}.nav-link{color:var(--s-navy)!important;text-decoration:none;font-weight:600}.nav-link:hover{color:var(--s-orange)!important}.btn{display:inline-block;background:var(--s-navy);color:#fff!important;border:0;border-radius:12px;padding:12px 22px;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer}.btn:hover{background:#26397d}.btn:disabled{opacity:.45;cursor:default}.btn.small{padding:8px 16px;font-size:.95rem;white-space:nowrap}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;padding-top:40px;padding-bottom:56px}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:0 0 16px}.hl{background:linear-gradient(transparent 62%,#ffd9bf 62%)}.lead{font-size:1.2rem;color:var(--s-muted);margin:0 0 24px;max-width:34em}.hero-art{display:flex;justify-content:center}.hero-art img{width:100%;max-width:380px;height:auto}.join-box{background:var(--s-cream);border:1px solid var(--s-line);border-radius:16px;padding:16px;max-width:460px}.join-box label{display:block;font-weight:700;margin-bottom:8px}.join-row{display:flex;gap:10px}.join-row input{flex:1;min-width:0;background:#fff;color:var(--s-navy);border:2px solid var(--s-line);border-radius:12px;padding:12px 14px;font-size:1.15rem;letter-spacing:.08em}.join-row input:focus{outline:none;border-color:var(--s-blue)}.early{margin:16px 0 0;color:var(--s-muted);font-size:.95rem}.section{padding-top:48px;padding-bottom:48px}.section h2{font-size:1.8rem;margin:0 0 24px;text-align:center}.section.alt{max-width:none;background:var(--s-cream);padding-left:0;padding-right:0}.section.alt>*{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps li{background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:20px}.steps h3,.feature h3,.perks h3{margin:10px 0 6px;font-size:1.15rem}.steps p,.feature p,.perks p{margin:0;color:var(--s-muted)}.step-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--s-orange);color:#fff;font-weight:800}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px}.cards .feature{flex:0 1 240px}.feature{background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:20px}.feature-icon svg{width:48px;height:48px}.perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px}.perks li{border-left:4px solid var(--s-orange);padding-left:16px}.privacy-band{text-align:center;max-width:720px}.privacy-band p{color:var(--s-muted);font-size:1.1rem}.site-footer{border-top:1px solid var(--s-line);background:var(--s-cream)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:28px;padding-bottom:28px;flex-wrap:wrap}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap}.footer-inner .muted{margin:8px 0 0}.legal{max-width:760px;padding-top:32px;padding-bottom:56px;line-height:1.6}.legal h1{font-size:2.2rem;margin:0 0 4px}.legal h2{font-size:1.4rem;margin:32px 0 8px}.legal h3{font-size:1.1rem;margin:20px 0 6px}.legal ul{padding-left:22px}.legal details{border:1px solid var(--s-line);border-radius:12px;padding:12px 16px;margin:10px 0;background:#fff}.legal summary{cursor:pointer;font-weight:700}.legal details p{margin:10px 0 0;color:var(--s-muted)}@media (max-width: 760px){.hero{grid-template-columns:1fr;padding-top:20px}.hero-art{order:-1}.hero-art img{max-width:220px}.steps,.cards,.perks{grid-template-columns:1fr}.nav-link{display:none}.cards .feature{flex:1 1 100%}}:root{--ok: #1a8f4c;--ok-bg: rgba(26, 143, 76, .14);--bad-bg: rgba(192, 38, 45, .12)}.hint{margin:0;color:var(--muted);font-size:.9rem}.prompt input:not([type=color]):not([type=range]){width:100%}.choices.two{grid-template-columns:1fr 1fr}.choice.correct{border-color:var(--ok);background:var(--ok-bg);outline:2px solid var(--ok)}.choice.wrong{border-color:var(--danger);background:var(--bad-bg)}.check{font-size:1.1em;margin-right:4px}.reveal{margin:0;padding:10px 12px;border-radius:10px;background:var(--ok-bg);border:1px solid var(--ok)}.reveal ol{margin:6px 0 0;padding-left:22px}.slider{display:grid;gap:6px;padding:8px 0}.slider-value{font-size:2rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;padding:0;height:36px;accent-color:var(--accent)}.slider-ends{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rank-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.rank-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-weight:700;flex:none}.rank-text{flex:1}.rank-list button{padding:6px 12px}.sort-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sort-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px}.sort-item.right{border-color:var(--ok);background:var(--ok-bg)}.sort-item.wrong{border-color:var(--danger);background:var(--bad-bg)}.sort-name{font-weight:700}.sort-answer{font-size:.9rem;color:var(--ok);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;padding:8px 14px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.hotspot-layer.active{cursor:crosshair}.dot{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#ee6a24d9;border:3px solid #fff;box-shadow:0 0 0 2px #1b2a5c}.heat-dot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:radial-gradient(circle,#ee6a24bf,#ee6a240d 70%)}.shared{background:var(--card)}.shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.shared blockquote{margin:0;padding:10px 12px;border-left:4px solid var(--accent);background:var(--bg);border-radius:8px}.controls{align-items:center}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.toggle input{width:auto;padding:0}.note{margin:-6px 0 0;font-size:.85rem}.bar-row.is-correct .bar{background:var(--ok)}.bar-row.is-correct .bar-label{font-weight:700;color:var(--ok)}.share{padding:6px 12px;font-size:.85rem;justify-self:start}.share.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.text-responses li{grid-template-columns:1fr}.drawings figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px}.dotplot{position:relative;margin:8px 8px 0}.plot-axis{position:absolute;left:0;right:0;bottom:34px;height:3px;background:var(--line);border-radius:2px}.plot-dot{position:absolute;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--accent);border:2px solid var(--card)}.plot-mark{position:absolute;top:0;bottom:30px;width:0;border-left:2px dashed var(--muted)}.plot-mark span{position:absolute;top:-2px;left:6px;white-space:nowrap;font-size:.8rem;color:var(--muted)}.plot-mark.right{border-left-color:var(--ok)}.plot-mark.right span{color:var(--ok);font-weight:700;top:16px}.plot-ends{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.cloud{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;align-items:center;padding:12px 0;font-weight:800;line-height:1.1}.rank-results ol{margin:6px 0 0;padding-left:24px;display:grid;gap:4px}.rank-results li{padding-left:4px}.rank-results li>span:first-child{display:inline-block;min-width:10em}.table-wrap{overflow-x:auto}.cat-table{border-collapse:collapse;width:100%}.cat-table th,.cat-table td{border:1px solid var(--line);padding:8px 12px;text-align:center}.cat-table tbody th{text-align:left;font-weight:600}.cat-table td.is-correct{background:var(--ok-bg);color:var(--ok);font-weight:800}.primary-link{display:inline-block;text-align:center;padding:10px 14px;border-radius:10px;background:var(--accent);color:var(--accent-fg)!important;text-decoration:none;font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}.account{max-width:560px}.lead-sm{color:var(--s-muted);margin:0 0 20px}.google-button{min-height:44px;margin:8px 0 16px}.small{font-size:.88rem}.email-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px}.badge{background:#e6f6ec;color:#1a8f4c;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:700}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}.account-form input[type=text],.account-form input:not([type]){background:#fff;color:var(--s-navy);border:2px solid var(--s-line);border-radius:10px;padding:10px 12px;font:inherit;font-weight:400}.account-form input:focus,.danger-zone input:focus{outline:none;border-color:var(--s-blue)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-row{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px;font-weight:400!important}.check-row input{margin-top:4px;width:18px;height:18px;flex:none}.form-actions{display:flex;align-items:center;gap:14px}.form-error{color:#c0262d;margin:0}.success{background:#e6f6ec;border:1px solid #9bd5b1;border-radius:12px;padding:14px 16px;margin:0 0 18px}.success ol{margin:8px 0;padding-left:22px}.account-footer{margin-top:24px}.link-button{background:none;border:0;padding:0;color:var(--s-blue);cursor:pointer;font:inherit;text-decoration:underline}.danger-zone{margin-top:36px;border:1px solid #e9b8bb;border-radius:12px;padding:12px 16px;background:#fff}.danger-zone summary{cursor:pointer;font-weight:700;color:#c0262d}.danger-zone label{display:grid;gap:6px;margin:10px 0;font-weight:400}.danger-zone input{background:#fff;color:var(--s-navy);border:2px solid var(--s-line);border-radius:10px;padding:10px 12px;font:inherit}.danger-btn{background:#c0262d}.danger-btn:hover{background:#a11f26}@media (max-width: 600px){.two-col{grid-template-columns:1fr}}.btn.secondary{background:#fff;color:var(--s-navy)!important;border:2px solid var(--s-navy);padding:10px 20px}.btn.secondary:hover{background:#eef1fa}.success .form-actions{flex-wrap:wrap;margin-top:4px}@media (min-width: 1100px){.teacher{max-width:1240px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:24px;align-items:start}.teacher>header{grid-column:1 / -1}.teacher>.slide-frame,.teacher>.controls,.teacher>.note,.teacher>p.muted{grid-column:1}.teacher>.responses{grid-column:2;grid-row:2 / span 4;max-height:calc(100vh - 100px);overflow:auto}}.controls-title{text-align:center;margin:12px 0 10px;font-size:1.15rem}.controls-list{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.controls-list li{background:#fff;border:1px solid var(--s-line);border-radius:999px;padding:8px 16px;color:var(--s-muted)}.controls-list b{color:var(--s-navy)}.free-line{margin:-8px 0 20px;color:var(--s-navy);font-size:1.02rem}.usecases{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px}.usecases li{background:var(--s-cream);border:1px solid var(--s-line);border-radius:999px;padding:8px 16px;font-weight:600}.faq{display:grid;gap:14px;max-width:820px!important}.faq article{background:#fff;border:1px solid var(--s-line);border-radius:14px;padding:16px 20px}.faq h3{margin:0 0 6px;font-size:1.08rem}.faq p{margin:0;color:var(--s-muted)}.teacher-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 28px}.btn.large{padding:16px 34px;font-size:1.12rem;border-radius:14px;box-shadow:0 6px 16px #1b2a5c38;transition:transform .12s,box-shadow .12s}.btn.large:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1b2a5c47}.signin-line{margin:0;color:var(--s-muted)}@media (max-width: 760px){.teacher-cta{align-items:stretch}.btn.large{text-align:center}}