:root{--ground: #fbfaf7;--ink: #14181f;--ink-soft: #5b6472;--line: #e2ded6;--key: #ffffff;--key-press: #efece6;--accent: #1d4ed8;--accent-soft: #1d4ed81f;--right: #15803d;--right-soft: #15803d1a;--stuck: #b45309;--stuck-soft: #b453091a;--tap: 60px;--radius: .85rem}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{margin:0;height:100%;overscroll-behavior:none;background:var(--ground);color:var(--ink);font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}#root{height:100%}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.screen{display:flex;flex-direction:column;gap:1rem;height:100dvh;max-width:46rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1.25rem max(1rem,env(safe-area-inset-bottom))}@supports not (height: 100dvh){.screen{height:100vh}}.scroll{flex:1;min-height:7rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.progress{font-size:1.0625rem;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.segments{display:flex;gap:.4rem;flex:1;margin-left:1rem}.segment{flex:1;height:.5rem;border-radius:.25rem;background:var(--line)}.segment-done{background:var(--accent)}.segment-now{background:var(--accent-soft)}.problem{padding-bottom:.5rem}.prompt{margin:0;font-size:clamp(1.25rem,2.4vh,1.75rem);line-height:1.6;letter-spacing:.005em}.sentence{border-radius:.25rem}.sentence-speaking{background:var(--accent-soft);box-shadow:0 0 0 .15rem var(--accent-soft)}.speaker{flex:0 0 auto;width:4rem;height:4rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);border:none;color:#fff;box-shadow:0 1px 2px #14181f2e}.speaker svg{width:60%;height:60%;fill:currentColor}.speaker:active{background:var(--key-press)}.listen{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.rates{display:inline-flex;gap:.35rem;padding:.2rem;border:2px solid var(--line);border-radius:.7rem;background:var(--key)}.rate{min-height:44px;padding:0 .85rem;border-radius:.5rem;font-size:1rem;color:var(--ink-soft)}.rate-on{background:var(--accent-soft);color:var(--accent)}.partial{display:flex;flex-direction:column;gap:.35rem}.choices{display:flex;flex-wrap:wrap;gap:.5rem}.choice{min-height:48px;min-width:5rem;padding:0 1rem;border:2px solid var(--line);border-radius:.7rem;background:var(--key);font-size:1.375rem;font-variant-numeric:tabular-nums}.choice-none{font-size:1.0625rem}.choice-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.screen-centred{align-items:center;justify-content:center;text-align:center;gap:1rem}.start-title{margin:0;font-size:2rem;font-weight:600}.start-paper{margin:0;font-size:1.375rem;color:var(--ink-soft)}.start-settings{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.5rem 0}.toggle{display:flex;align-items:center;gap:.75rem;min-height:56px;padding:0 1rem;border:2px solid var(--line);border-radius:.7rem;background:var(--key);font-size:1.125rem}.toggle-switch{width:3rem;height:1.75rem;border-radius:1rem;background:var(--line);position:relative;transition:background .12s}.toggle-switch:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.35rem;height:1.35rem;border-radius:50%;background:#fff;transition:transform .12s}.toggle-on .toggle-switch{background:var(--accent)}.toggle-on .toggle-switch:after{transform:translate(1.25rem)}.boxes{flex:0 0 auto;display:flex;flex-direction:column;gap:.75rem}.box{display:flex;flex-direction:column;gap:.35rem}.box-label{font-size:1rem;color:var(--ink-soft)}.box-value{display:flex;align-items:baseline;gap:.5rem;min-height:48px;padding:.4rem .9rem;border:2px solid var(--line);border-radius:.6rem;background:var(--key);font-size:2rem;font-variant-numeric:tabular-nums;text-align:left}.box-active .box-value{border-color:var(--accent)}.box-text{min-width:1ch;white-space:pre}.box-unit{font-size:1.125rem;color:var(--ink-soft)}.box-value-small{min-height:44px;padding:.25rem .75rem;font-size:1rem}.box-value-active{border-color:var(--accent)}.box-text-hint{color:var(--ink-soft)}.keypad{flex:0 0 auto;display:flex;flex-direction:column;gap:.75rem}.keypad-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.6rem}.key{min-height:clamp(3rem,7vh,4.25rem);border:2px solid var(--line);border-radius:.7rem;background:var(--key);font-size:1.75rem;font-variant-numeric:tabular-nums}.key:active{background:var(--key-press)}.key-delete{grid-column:4;grid-row:1 / span 4;font-size:1.5rem}.keypad-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.action{min-height:clamp(3rem,7vh,4.25rem);padding:0 1rem;border-radius:.7rem;border:2px solid var(--line);background:var(--key);font-size:1.25rem}.action:active{background:var(--key-press)}.action-submit{border-color:var(--accent);background:var(--accent);color:#fff}.action-stuck{border-color:var(--stuck);background:var(--stuck-soft);color:var(--stuck)}.action-submit:disabled{opacity:.35;border-color:var(--line);background:var(--key);color:var(--ink-soft)}.action-next{flex:0 0 auto;width:100%;border-color:var(--accent);background:var(--accent);color:#fff}.action-go{min-width:12rem;border-color:var(--accent);background:var(--accent);color:#fff;font-size:1.375rem}.reveal{margin-top:1.5rem;padding-top:1.25rem;border-top:2px solid var(--line)}.verdict{margin:0;font-size:1.75rem}.verdict-right{color:var(--right)}.reveal{border-top-color:var(--line)}.answer-was{margin:.4rem 0 0;font-size:1.375rem}.steps{margin:1.25rem 0 0;padding-left:1.5rem;font-size:1.25rem;line-height:1.75}.steps li{margin-bottom:.4rem}.screen-finished{justify-content:center;align-items:center;text-align:center;gap:1rem}.finished-title{margin:0;font-size:2rem;font-weight:600}.finished-question{margin:1.5rem 0 0;font-size:1.5rem}.finished-answers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:22rem;margin:0 auto}.finished-note{margin:0;font-size:1.25rem;color:var(--ink-soft)}.finished-home{min-width:12rem;margin-top:1.5rem}.version{font-size:.8125rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.link{min-height:48px;padding:0 .5rem;font-size:1rem;color:var(--ink-soft);text-decoration:underline}.evicted{padding:.9rem 1.25rem;background:#7f1d1d;color:#fff;font-size:.9375rem;line-height:1.5}.broken{margin:0;font-size:1.375rem}.broken-detail{margin:.5rem 0 0;font-size:1rem;color:var(--ink-soft)}.screen-finished .scroll{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.app-name{margin:0;font-size:1.0625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.callout{width:100%;max-width:30rem;padding:1.25rem;border-radius:var(--radius);background:var(--right-soft)}.callout-text{margin:0;font-size:1.375rem;color:var(--right)}.callout-detail{margin:.4rem 0 0;font-size:1rem;line-height:1.6;color:var(--ink-soft)}.unlocked{width:100%;max-width:30rem;padding:1rem 1.25rem;border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}.unlocked-label{margin:0;font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.unlocked-name{margin:.35rem 0 0;font-size:1.1875rem;line-height:1.5}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:30rem}.tile{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .5rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--key)}.tile-button{min-height:48px}.tile-value{font-size:1.5rem;font-variant-numeric:tabular-nums}.tile-of{font-size:1rem;color:var(--ink-soft)}.tile-label{font-size:.9375rem;line-height:1.6;color:var(--ink-soft)}.paper-question{width:100%;max-width:30rem;margin-top:1rem}.cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:60px;padding:.75rem 1rem;border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}.card-locked{border-color:var(--line);border-style:dashed;background:transparent;color:var(--ink-soft)}.card-name{font-size:1.0625rem;line-height:1.6}.card-tick{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);position:relative}.card-tick:after{content:"";position:absolute;left:.45rem;top:.25rem;width:.35rem;height:.7rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.name-input{width:min(20rem,90%);min-height:60px;padding:0 1rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--key);font:inherit;font-size:1.5rem;color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text}.name-input:focus{outline:none;border-color:var(--accent)}.swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.swatch{width:60px;height:60px;border-radius:50%;border:3px solid transparent;box-shadow:0 1px 2px #14181f2e}.swatch-on{border-color:var(--ink)}.home-body{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;text-align:center}.home-body>:first-child{margin-top:auto}.home-body>:last-child{margin-bottom:auto}.door{display:flex;align-items:center;gap:1.25rem;width:100%;max-width:30rem;min-height:96px;padding:1.25rem 1.5rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--key);text-align:left}.door:active{background:var(--key-press)}.door-reading{border-color:var(--accent);padding:1.5rem}.door-words{display:flex;flex-direction:column;gap:.2rem;flex:1}.door-title{font-size:1.75rem;font-weight:600}.door-detail{font-size:1.0625rem;color:var(--ink-soft)}.door-game{display:flex;flex-direction:column;align-items:center;width:112px}.door-game-value{font-size:2.5rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.door-game-label{font-size:.8125rem;line-height:1.3;color:var(--ink-soft);text-align:center}.dots{display:flex;gap:.4rem}.dot{width:.9rem;height:.9rem;border-radius:50%;border:2px solid var(--accent)}.dot-done{background:var(--accent)}.streak{margin:0;font-size:1.0625rem;color:var(--ink-soft)}.home-footer{display:flex;justify-content:center;align-items:center;gap:1rem;flex:0 0 auto}.ring{position:relative;flex:0 0 auto}.ring svg{display:block}.ring-track{stroke:var(--line)}.ring-track-aloud{stroke:var(--accent);stroke-opacity:.22}.ring-fill{stroke:var(--accent)}.ring-centre{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-minutes{font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.week{display:flex;justify-content:center;gap:.75rem}.week-day{display:flex;flex-direction:column;align-items:center;gap:.25rem}.week-letter{font-size:.9375rem;color:var(--ink-soft)}.week-today .week-letter{color:var(--accent);font-weight:600}.reading-body{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:.5rem;text-align:center}.reading-clock{font-size:3rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.reading-today{font-size:1rem;color:var(--ink-soft)}.game{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 0}.game-value{font-size:4rem;font-weight:600;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}.game-label{font-size:1.125rem;color:var(--ink-soft)}.aloud{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;width:100%;max-width:24rem;padding:.25rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--key)}.aloud-option{min-height:56px;border-radius:.6rem;font-size:1.25rem;color:var(--ink-soft)}.aloud-on{background:var(--accent);color:#fff}.reading-note{margin:0;max-width:24rem;font-size:1rem;line-height:1.5;color:var(--ink-soft)}.reading-actions{flex:0 0 auto;display:flex;gap:.75rem}.reading-main{flex:1;min-height:4.5rem;font-size:1.5rem}.book-chip{max-width:60%;min-height:48px;padding:0 1rem;border:2px solid var(--line);border-radius:999px;background:var(--key);font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.picker{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.picker-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:26rem}.picker-book{width:100%;font-size:1.1875rem;text-align:left}.picker-add{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.start-back{position:absolute;top:max(1rem,env(safe-area-inset-top));left:1.25rem}.screen-centred{position:relative}.pin{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.pin-note{margin:0;max-width:24rem;font-size:1.0625rem;line-height:1.5;color:var(--ink-soft)}.pin-dots{display:flex;gap:.75rem;margin:.5rem 0}.pin-dots .dot{width:1.1rem;height:1.1rem}.pin-grid{display:grid;grid-template-columns:repeat(3,5rem);gap:.6rem}.dad-body{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.dad-section{padding:1rem 1.25rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--key)}.dad-heading{margin:0 0 .75rem;font-size:1.1875rem;font-weight:600}.dad-table{width:100%;border-collapse:collapse;font-size:1rem;font-variant-numeric:tabular-nums}.dad-table th,.dad-table td{padding:.4rem .35rem;border-bottom:1px solid var(--line);text-align:right}.dad-table th:first-child{text-align:left;font-weight:500;color:var(--ink-soft)}.dad-table thead th{font-weight:500;font-size:.875rem;color:var(--ink-soft)}.dad-met{color:var(--right);font-weight:600}.dad-note{margin:.6rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--ink-soft)}.dad-target{margin:0;font-size:1.125rem}.dad-label{margin:1rem 0 .4rem;font-size:1rem}.dad-label:first-of-type{margin-top:0}.dad-options{flex-wrap:wrap}.dad-options-stack{display:flex;flex-direction:column;align-items:stretch}.dad-options-stack .rate{text-align:left}.dad-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.dad-version{margin:0;text-align:center}