:root{--bg: #f7f5f0;--ink: #1d2433;--muted: #565e6b;--line: #cfd4dc;--card: #ffffff;--brand: #1d3557;--amber: #f4a261;--amber-bg: #fdebd3;--ok: #2a9d8f;--ok-bg: #dff3ef;--cell: clamp(64px, 24vw, 104px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}h1,h2,p,ul,ol{margin:0;padding:0}.app{max-width:440px;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:1.25rem;color:var(--brand)}.streak{font-weight:700}.muted{color:var(--muted);font-size:.875rem;text-align:center}.help{margin-top:auto}.hint-link{align-self:center}.hint-text{padding:10px 14px;background:var(--amber-bg);border-left:4px solid var(--amber);border-radius:6px;line-height:1.45}.strand{display:flex;flex-direction:column;gap:8px}.strand h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.topic-card{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:12px 14px;background:var(--card);border:2px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none}.topic-card:hover,.topic-card:focus-visible{border-color:var(--brand)}.topic-name{font-size:1.1rem;font-weight:700;color:var(--brand)}.topic-blurb{grid-column:1;font-size:.9rem;color:var(--muted)}.progress{grid-column:2;grid-row:1;display:flex;gap:4px;justify-content:flex-end}.progress i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.progress .done{background:var(--ok);border-color:var(--ok)}.topic-state{grid-column:2;grid-row:2;font-size:.85rem;font-weight:600;color:var(--brand);text-align:right}.home-links{margin-top:auto}.home-links a{color:var(--brand)}.stages{display:flex;gap:6px;list-style:none}.stages li{flex:1;text-align:center;font-size:.8rem;padding:6px 4px;border-bottom:4px solid var(--line);color:var(--muted)}.stages .current{border-color:var(--brand);color:var(--ink);font-weight:600}.stages .done{border-color:var(--ok)}.board{display:flex;flex-direction:column;align-items:center;gap:12px;user-select:none;-webkit-user-select:none}.prompt{color:var(--muted);font-size:.9rem}.expression{font-size:clamp(1.6rem,8vw,2.2rem);font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(3,var(--cell));grid-auto-rows:var(--cell);gap:6px;font-size:1.3rem;font-weight:600}.grid>*{display:flex;align-items:center;justify-content:center}.corner{color:var(--line);font-size:1.5rem}.header>*{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cell{background:var(--card);border:2px solid var(--line);border-radius:10px;transition:background .15s,border-color .15s}.cell.target{color:var(--muted)}.cell.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ink)}.cell.amber{background:var(--amber-bg);border-color:var(--amber);color:var(--ink)}.cell.pulse{border-color:var(--amber);animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{background:var(--amber-bg);transform:scale(1.04)}}.slot{border:2px dashed var(--muted);border-radius:10px;background:transparent;color:var(--muted);font-weight:600;font-size:1.3rem}.slot.ready{border-color:var(--brand);color:var(--brand)}.slot.filled{border-style:solid;border-color:var(--brand);background:var(--brand);color:#fff}.slot.fixed{border:none;color:var(--ink)}.cell.hole{border:none;background:transparent}.cell.hole>.slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slot.ok{border-style:solid;border-color:var(--ok);background:var(--ok-bg);color:var(--ink)}.slot.amber{border-style:solid;border-color:var(--amber);background:var(--amber-bg);color:var(--ink)}.question{font-size:1.05rem;font-weight:600;line-height:1.4;text-align:center}.expression.seq{font-size:clamp(1.2rem,6vw,1.7rem);text-align:center}.steps{width:100%;display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;justify-content:space-between;gap:12px}.step .slot{flex:0 0 104px;height:48px;display:flex;align-items:center;justify-content:center}.ratio-bar{width:100%;display:grid;gap:4px 3px}.brace{height:28px;border:2px solid var(--ink);border-bottom:none;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.part{height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.part.p0,.who.p0:before{background:var(--brand)}.part.p1,.who.p1:before{background:var(--ok)}.part.p2,.who.p2:before{background:var(--amber)}.part.p2{color:var(--ink)}.legend{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:.9rem}.who:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px}.found{list-style:none;min-height:5.6em;display:flex;flex-direction:column;gap:2px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.seq-table{width:100%;display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums}.seq-row{display:grid;grid-template-columns:5em repeat(5,1fr);gap:4px;align-items:center}.seq-label{font-size:.85rem;color:var(--muted);text-align:right;padding-right:6px}.seq-cell{min-height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:600}.seq-row.terms .seq-cell{background:var(--card);border:2px solid var(--line);font-size:1.1rem}.scales{position:relative;width:100%;display:flex;align-items:stretch;gap:8px;padding-bottom:22px;font-variant-numeric:tabular-nums}.scales:before{content:"";position:absolute;left:6%;right:6%;bottom:12px;height:4px;border-radius:2px;background:var(--line)}.scales:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);border:10px solid transparent;border-top:0;border-bottom-color:var(--line)}.pan{flex:1;min-height:76px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--card);border:2px solid var(--line);border-radius:10px;font-size:1.4rem;font-weight:600;transition:background .15s,border-color .15s}.pan.ok{background:var(--ok-bg);border-color:var(--ok)}.pan.amber{background:var(--amber-bg);border-color:var(--amber)}.pan .op{min-height:1.3em;font-size:.9rem;color:var(--brand)}.equals{align-self:center;font-size:1.6rem;font-weight:600;color:var(--muted)}.working{list-style:none;width:100%;min-height:1.6em;display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}.working li{display:flex;gap:12px}.working .op{flex:0 0 4.5em;text-align:right;color:var(--brand);font-weight:600}.feedback{min-height:3.2em;text-align:center;font-variant-numeric:tabular-nums}.feedback p{font-weight:600}.feedback .product,.feedback .sum{color:#b4541a}.feedback .solved{color:var(--ok);font-size:1.3rem}.explain{width:100%;background:var(--card);border:2px solid var(--line);border-radius:10px;text-align:left;user-select:text;-webkit-user-select:text}.explain summary{padding:12px 14px;font-weight:700;color:var(--brand);cursor:pointer}.explain[open] summary{border-bottom:2px solid var(--line)}.explain ol{padding:12px 14px 14px 2.4em;display:flex;flex-direction:column;gap:16px;line-height:1.5;font-variant-numeric:tabular-nums}.explain strong{display:block;color:var(--brand)}.explain p{margin-top:6px}.tray{display:flex;flex-direction:column;gap:10px;align-items:center}.tray-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tile{min-width:60px;height:56px;padding:0 12px;border-radius:10px;border:2px solid var(--brand);background:var(--card);color:var(--brand);font-weight:700;font-size:1.2rem;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.tile.selected{background:var(--brand);color:#fff;transform:translateY(-3px)}.tile.ghost{position:fixed;transform:translate(-50%,-50%) scale(1.1);pointer-events:none;background:var(--brand);color:#fff;box-shadow:0 6px 16px #00000040;z-index:10}.primary{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-weight:700;font-size:1rem}.secondary{background:transparent;border:2px solid var(--brand);color:var(--brand);border-radius:10px;padding:12px 24px;font-weight:700;font-size:1rem}.secondary:disabled{opacity:.35;cursor:default}a.secondary{text-decoration:none}.link{background:none;border:none;padding:4px;color:var(--brand);font-size:.9rem;text-decoration:underline}.topbar-actions{display:flex;align-items:center;gap:12px}.example{position:fixed;inset:0;z-index:20;background:var(--bg);overflow-y:auto}.example-inner{max-width:440px;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column;gap:16px}.example-text{min-height:9.5em;display:flex;flex-direction:column;gap:8px}.example-text h2{font-size:1.1rem;color:var(--brand)}.example-text p{line-height:1.5}.example-nav{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.cell.focus,.slot.focus{border-color:var(--brand);color:var(--ink);box-shadow:0 0 0 3px #1d35572e}.results{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;padding-top:24px}.share-card{font-size:2.5rem}.results ul{list-style:none;width:100%}.results>ul>li{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--line)}.total{font-weight:700}.whiteboard{--cell: min(15vh, 13vw);min-height:100dvh;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2vh;padding:2vh 3vw}.whiteboard header,.whiteboard footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:1.1rem}.whiteboard footer{margin-top:auto;justify-content:center}.whiteboard h1{font-size:min(8vh,6vw);text-align:center}.whiteboard .grid{font-size:min(4.5vh,3.6vw);gap:8px}.whiteboard .cell{background:#000;border:3px solid #fff}.whiteboard .cell.diag{border-color:#ffd60a;color:#ffd60a}.whiteboard .corner{color:#666}.whiteboard .context{max-width:28em;font-size:min(3.6vh,2.8vw);text-align:center}.whiteboard header a{border:none;padding:0;text-decoration:underline}.whiteboard .lines{list-style:none;min-height:30vh;display:flex;flex-direction:column;gap:1.5vh;font-size:min(5.5vh,4.2vw);font-weight:600;white-space:pre}.whiteboard .answer{font-size:min(7vh,5vw);font-weight:700;color:#ffd60a;min-height:1.3em}.whiteboard .hint{font-size:min(3.5vh,2.6vw);min-height:1.4em;text-align:center}.whiteboard button,.whiteboard a{background:#000;color:#fff;border:2px solid #fff;border-radius:8px;padding:10px 18px;font-size:1.1rem;text-decoration:none}.whiteboard button:disabled{opacity:.35;cursor:default}.whiteboard .toggle{display:flex;flex-wrap:wrap;gap:8px}.whiteboard .toggle .on{background:#fff;color:#000}.print{background:#fff;min-height:100dvh;padding:16px}.print-bar{display:flex;gap:16px;align-items:center;margin-bottom:16px}.sheet{--cell: 20mm;width:190mm;margin:0 auto;display:grid;grid-template-columns:1fr 1fr}.slip{height:136mm;border:1px dashed #999;padding:8mm;display:flex;flex-direction:column;align-items:center;gap:5mm;break-inside:avoid}.slip-meta{width:100%;display:flex;justify-content:space-between;font-size:9pt;color:#444}.slip-prompt{font-size:11pt}.slip h2{font-size:20pt}.slip .grid{gap:0}.slip .cell{border:1px solid #000;border-radius:0}.slip .corner{visibility:hidden}.slip h2.long{font-size:14pt;text-align:center}.slip-context{font-size:11pt;text-align:center}.slip-working{width:100%;flex:1;border:1px solid #000}.slip-answer{font-size:14pt;margin-top:auto}@page{size:A4 portrait;margin:10mm}@media print{.print{padding:0}.print-bar{display:none}}@media(prefers-reduced-motion:reduce){.cell.pulse{animation:none;background:var(--amber-bg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}a{color:var(--brand)}a.primary,a.secondary{display:block;text-align:center;text-decoration:none}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.tile,.slot{min-height:48px}button.link{min-height:44px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:2px solid var(--line)}.nav a{flex:1;max-width:110px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none}.nav a[aria-current=page]{color:var(--brand);background:var(--ok-bg);text-decoration:underline;text-underline-offset:4px}.welcome{justify-content:center;text-align:center}.welcome h1{font-size:2rem;color:var(--brand)}.welcome h2{font-size:1.15rem;margin-top:8px}.lead{font-size:1.1rem;line-height:1.45}.choices{display:flex;flex-direction:column;gap:10px}.choices.row{flex-direction:row}.choices.row button{flex:1}.today-summary{text-align:center;display:flex;flex-direction:column;gap:4px}.today-date{color:var(--muted)}.today-week{font-size:1.6rem;font-weight:700;color:var(--brand)}.today-list{list-style:none;display:flex;flex-direction:column;gap:8px}.today-list li{display:flex;gap:12px;align-items:center;padding:14px;background:var(--card);border:2px solid var(--line);border-radius:10px}.today-list li.done{border-color:var(--ok);background:var(--ok-bg)}.today-list .tick{font-weight:700;color:var(--brand)}.start{font-size:1.1rem}.warning{padding:10px 14px;background:var(--amber-bg);border-left:4px solid var(--amber);border-radius:6px;line-height:1.45}.why{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.why h3{font-size:1rem;color:var(--brand)}.calendar{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed;text-align:center}.calendar th{font-size:.8rem;color:var(--muted);font-weight:600}.calendar td{height:40px;border-radius:8px;background:var(--card);border:2px solid var(--line);font-size:.85rem;color:var(--muted)}.calendar td.done{background:var(--ok-bg);border-color:var(--ok);color:var(--ink);font-weight:700}.calendar td.future{background:transparent;border-color:transparent}.calendar td.now{border-color:var(--brand)}.strengths{list-style:none;display:flex;flex-direction:column;gap:6px}.strengths li{padding:10px 12px;background:var(--card);border-radius:8px;border-left:4px solid var(--line)}.strengths .stronger{border-left-color:var(--ok);font-weight:600}.strengths .review{border-left-color:var(--amber)}.setting{display:flex;flex-direction:column;gap:8px}.setting h2{font-size:1rem;color:var(--brand)}.setting .muted{text-align:left;line-height:1.45}.switch{display:flex;align-items:center;gap:10px;min-height:44px}.switch input[type=checkbox]{width:22px;height:22px}.switch input[type=time]{font:inherit;padding:6px}.confirm{display:flex;flex-direction:column;gap:8px}.danger{background:#a4291b;color:#fff;border:none;border-radius:10px;padding:14px 24px;font-weight:700;font-size:1rem}.percent-bar{width:100%;display:flex;flex-direction:column;gap:4px}.bar{min-height:30px;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;display:flex;align-items:center;white-space:nowrap}.bar.before{background:var(--brand);color:#fff}.bar.after{background:var(--ok);color:var(--ink)}.pan.small{font-size:1.05rem;text-align:center;overflow-wrap:anywhere}.coord{display:block;width:100%;max-height:max(56vh,30rem);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.coord-rule{stroke:var(--line);stroke-width:1}.coord-axis{stroke:var(--ink);stroke-width:2}.coord-label{fill:var(--muted);font-size:14px}.coord-name{fill:var(--ink);font-size:16px;font-weight:700;font-style:italic}.coord-line{stroke:var(--ok);stroke-width:4;stroke-linecap:round}.coord-point{fill:var(--brand)}.coord-wrong{fill:none;stroke:#b4541a;stroke-width:4;stroke-linecap:round}.coord-hit{fill:transparent;cursor:pointer}.coord-hit:focus{outline:none}.coord-hit:focus-visible{outline:none;fill:#1d35572e;stroke:var(--brand);stroke-width:2}.line-table{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed;text-align:center;font-variant-numeric:tabular-nums}.line-table th{width:2.2em;font-style:italic;color:var(--muted)}.line-table td{height:44px;background:var(--card);border:2px solid var(--line);border-radius:8px;font-size:1.1rem;font-weight:600;padding:0}.line-table .slot{width:100%;height:100%;min-height:44px;display:flex;align-items:center;justify-content:center}.line-table td:has(.slot){border:none;background:transparent}.line-value{color:var(--ink)}.feedback .instruction{color:var(--brand)}.wb-plain{display:contents}.wb-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:4vw}.wb-body .lines{min-height:0}.whiteboard .coord{flex:none;height:46vh;max-height:46vh;width:auto}.whiteboard .toggle{gap:4px}.whiteboard .toggle button{padding:4px 10px;font-size:.95rem}.whiteboard:has(.wb-body) h1{font-size:min(6vh,5vw)}.whiteboard .coord-rule{stroke:#555}.whiteboard .coord-axis{stroke:#fff}.whiteboard .coord-label,.whiteboard .coord-name{fill:#fff}.whiteboard .coord-point{fill:#ffd60a}.whiteboard .coord-line{stroke:#ffd60a}.slip .coord{max-height:62mm}.slip .coord-rule{stroke:#999}.slip .coord-axis,.slip .coord-name,.slip .coord-label{stroke:none;fill:#000}.slip .coord-axis{stroke:#000}.slip .line-table td{height:8mm;border:1px solid #000;border-radius:0}.run{position:relative;max-width:440px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:max(4px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.run-bar{flex:none;min-height:44px;display:flex;align-items:center;gap:4px}.run-back{flex:none;width:36px;height:44px;display:flex;align-items:center;font-size:1.3rem;text-decoration:none;color:var(--brand)}.run-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.run-title h1{font-size:.95rem;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-action{flex:none;height:44px;min-width:44px;padding:0 8px;background:none;border:none;color:var(--brand);font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.run-action.round{text-decoration:none;font-size:1.05rem;font-weight:700}.run .stages{gap:5px;align-items:center}.run .stages li{flex:none;width:9px;height:9px;padding:0;border:2px solid var(--line);border-radius:50%;font-size:.75rem;line-height:1;white-space:nowrap}.run .stages .done{background:var(--ok);border-color:var(--ok)}.run .stages .current{width:auto;height:auto;border:none;border-radius:0;color:var(--ink);font-weight:600}.frame{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;user-select:none;-webkit-user-select:none}.frame-question{flex:none;max-height:30%;overflow-y:auto;text-align:center;font-size:1.05rem;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}.frame-work{flex:1 1 0;min-height:0;overflow-y:auto;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:6px}.frame .feedback{flex:none;min-height:3.9em;font-size:.875rem;line-height:1.3;display:flex;align-items:center;justify-content:center;text-align:center;overflow-y:auto}.frame .feedback .solved{font-size:1.1rem}.frame-tray{flex:none;position:relative;max-height:45%;overflow-y:auto}.frame .tray{gap:6px}.frame .tray.spent{visibility:hidden}.frame .tray-row{gap:6px}.frame .tile{min-width:50px;height:48px;padding:0 8px;font-size:1.05rem;white-space:nowrap}.tile.used{visibility:hidden}.frame-tray:has(.frame-actions){min-height:52px}.frame-actions{display:flex;gap:8px;align-items:center;min-height:52px}.frame-actions.over{position:absolute;inset:0;align-items:flex-end}.frame-actions button{min-height:48px;padding:8px 12px}.frame-actions .secondary{flex:1}.frame-actions .primary{flex:2}.frame-work .grid,.example .board .grid{--cell: min(30cqw, 33cqh, 104px);grid-template-columns:calc(var(--cell) * .72) var(--cell) var(--cell);grid-template-rows:max(44px,calc(var(--cell) * .5)) var(--cell) var(--cell);grid-auto-rows:unset;gap:4px}.frame-work .steps{gap:3px}.frame-work .step{line-height:1.15;font-size:.95rem}.frame-work .step .slot{flex:0 0 92px;height:44px;font-size:1.1rem}.frame-work .ratio-bar{gap:3px}.frame-work .brace{height:22px;font-size:.9rem}.frame-work .part{height:26px}.frame-work .legend{font-size:.8rem;line-height:1.2}.frame-work .percent-bar{gap:3px}.frame-work .bar{min-height:22px;padding:2px 8px;font-size:.75rem}.frame-work .seq-table{gap:1px}.frame-work .seq-row{grid-template-columns:4.6em repeat(5,1fr);gap:3px}.frame-work .seq-label{font-size:.75rem;line-height:1}.frame-work .seq-cell{min-height:24px;font-size:.9rem}.frame-work .seq-row.terms .seq-cell{min-height:30px;font-size:1rem}.frame-work .scales{flex:none;padding-bottom:18px}.frame-work .pan{min-height:64px;font-size:1.25rem}.frame-work .pan.small{font-size:1rem}.frame-work .working{flex:1 1 0;min-height:2.6em;overflow-y:auto;font-size:.95rem}.frame-work .line-table td{height:36px;font-size:1rem}.frame-work .line-table .slot{min-height:44px;height:44px}.frame-work .line-table{flex:none;border-spacing:3px}.frame-work .coord{flex:1 1 0;min-height:0;width:100%;height:0;max-height:none}.hint-panel{position:absolute;left:8px;right:8px;bottom:8px;z-index:6;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--card);border:2px solid var(--amber);border-radius:12px;box-shadow:0 6px 20px #00000040;max-height:70%;overflow-y:auto}.hint-panel .hint-text{padding:0;background:none;border:none}.hint-panel button{flex:none;min-height:44px;padding:8px 16px}.explain-panel{max-width:440px;height:100vh;height:100dvh;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:max(12px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom))}.explain-body{flex:1;min-height:0;overflow-y:auto}.explain-panel .primary{flex:none;min-height:48px}.example-inner{height:100vh;height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));gap:8px}.example .topbar{flex:none}.example .board{flex:1 1 0;min-height:0;overflow-y:auto;container-type:size;gap:6px;justify-content:safe center}.example .board .expression{flex:none;font-size:1.2rem}.example .board .prompt{flex:none;font-size:.8rem}.example .board .coord{flex:1 1 0;min-height:0;height:0;width:100%;max-height:none}.example .board .line-table{flex:none}.example .board .line-table td{height:32px}.example .board .pan{min-height:64px}.example .board .found{min-height:0;font-size:.9rem}.example .board .scales{flex:none;padding-bottom:18px}.example .board .percent-bar,.example .board .ratio-bar{flex:none}.example-text{flex:none;min-height:8.2em;gap:4px;font-size:.95rem}.example-text h2{font-size:1rem}.example-text p{line-height:1.35}.example-help{flex:none;text-align:left;font-size:.8rem}.example-nav{flex:none;margin-top:0}.example-nav button{min-height:48px;padding:8px 18px}@media(orientation:landscape)and (max-height:500px){.run{max-width:none}.frame{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:auto 1fr auto;gap:4px 12px;grid-template-areas:"question feedback" "work tray" "work tray"}.frame-question{grid-area:question;max-height:none}.frame-work{grid-area:work;min-width:0}.frame .feedback{grid-area:feedback;min-height:2.6em}.frame-tray{grid-area:tray;max-height:none;align-self:stretch}.frame-actions,.frame-actions.over{flex-direction:column;align-items:stretch}.frame-work .coord{width:auto}}.frame-work{gap:4px}.frame-work .brace,.frame-work .part{height:20px}.frame-work .ratio-bar{gap:2px}.frame-work .legend{font-size:.75rem}.frame-work .seq-cell{min-height:19px;font-size:.85rem;line-height:1}.frame-work .seq-row.terms .seq-cell{min-height:26px}.frame-work .steps{gap:2px}