:root{color-scheme:light only;--paper: #f3efe6;--paper-2: #e9e3d6;--ink: #1f1c17;--ink-2: #5b5448;--ink-3: #8a8274;--rec: #c2432b;--good: #2c6a4c;--mid: #a8701c;--low: #b0372b;--good-bg: #d8e6dc;--mid-bg: #f1e2c3;--low-bg: #f2d3cb;--sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", sans-serif;--serif: "Charis SIL", "Gentium Book Plus", Georgia, serif;--gutter: 16px;--foot-h: 196px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.45 var(--sans);overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:720px;margin:0 auto;min-height:100dvh}.screen{padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) calc(var(--foot-h) + env(safe-area-inset-bottom))}.ipa{font-family:var(--serif)}.muted{color:var(--ink-2);font-size:15px}.kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 4px}.error{color:var(--low);background:var(--low-bg);padding:10px 12px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{min-height:48px;padding:0 16px;border:0;cursor:pointer;background:var(--paper-2);color:var(--ink);font-weight:600}.btn:active{background:#ddd5c4}.btn[disabled]{opacity:.45}.btn-primary{background:var(--ink);color:var(--paper)}.btn-quiet{background:transparent;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}.link{background:none;border:0;padding:0 8px;min-height:44px;min-width:44px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.field{width:100%;min-height:48px;padding:10px 12px;background:#fffdf8;border:0;border-bottom:2px solid var(--ink-3)}.field.area{resize:vertical}.home-head{display:flex;align-items:flex-end;gap:12px;margin:4px 0 18px}.sig-home{width:132px;height:42px;color:var(--ink);flex:none}.brand{margin:0 0 4px;font-weight:700;letter-spacing:.01em}.mode-note{background:var(--mid-bg);padding:10px 12px;font-size:15px;margin:0 0 18px}.home-week h1{font:600 30px/1.15 var(--serif);margin:0 0 10px}.home-sounds{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:4px}.home-sounds .ipa{display:inline-block;min-width:3.2em;font-size:19px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.seg button{min-height:52px;border:0;background:var(--paper-2);font-weight:600;cursor:pointer}.seg button.is-on{background:var(--ink);color:var(--paper)}.home-actions{margin:22px 0 0;display:grid}.link-row{display:grid;text-align:left;gap:2px;padding:12px 0;min-height:60px;background:none;border:0;border-top:2px solid var(--paper-2);cursor:pointer}.link-row span{font-weight:700}.link-row small{color:var(--ink-2)}.thumb{position:fixed;left:0;right:0;bottom:0;padding:12px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--paper) 80%,rgba(243,239,230,0))}.thumb .start{display:block;width:100%;max-width:688px;margin:0 auto;min-height:64px;border:0;background:var(--rec);color:#fff;font-size:19px;font-weight:700;cursor:pointer}.thumb .start[disabled]{opacity:.6}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.page-head h1,.page-title{font:600 26px/1.2 var(--serif);margin:0}.back{font-weight:600}.sess-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sess-steps li{font-size:12px;color:var(--ink-3);padding-top:6px;border-top:4px solid var(--paper-2);line-height:1.2}.sess-steps li.is-done{border-top-color:var(--ink-3)}.sess-steps li.is-now{border-top-color:var(--ink);color:var(--ink);font-weight:700}.step-n{display:none}.sess-clock{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-2)}.sess-kicker{font-size:14px;color:var(--ink-2);margin:10px 0 6px}.sess-kicker span{color:var(--ink-3)}.drill-text{font:600 34px/1.2 var(--serif);margin:0 0 8px;overflow-wrap:anywhere}.drill-prompt{font-size:26px}.drill-contrast{font-weight:400;color:var(--ink-2);font-size:.8em}.drill-contrast em{color:var(--ink)}.drill-note{margin:0 0 8px;color:var(--ink-2)}.tip{background:var(--paper-2);padding:10px 12px;font-size:15px}.tip p{margin:0 0 6px}.sess-foot{position:fixed;left:0;right:0;bottom:0;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -10px 18px -12px #1f1c1759}.sess-foot>*{max-width:688px;margin-left:auto;margin-right:auto}.sess-foot .row{margin-bottom:10px}.sess-foot .row .btn{flex:1}.sig-foot{display:block;width:90px;height:18px;color:var(--ink-3);margin-top:6px;margin-left:0}.rec{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;border:0;padding:0 20px;background:var(--rec);color:#fff;font-size:21px;font-weight:700;cursor:pointer}.rec-dot{width:22px;height:22px;border-radius:50%;background:#fff;flex:none;transition:transform .08s}.rec-recording{background:var(--ink)}.rec-recording .rec-dot{background:var(--rec)}.rec-busy{background:var(--ink-3)}.rec-time{margin-left:auto;font-size:15px;font-weight:400}.band-good{--b: var(--good);--bb: var(--good-bg)}.band-mid{--b: var(--mid);--bb: var(--mid-bg)}.band-low{--b: var(--low);--bb: var(--low-bg)}.fb-scores{display:flex;gap:18px;align-items:flex-end;margin:6px 0 4px}.fb-main{display:grid}.fb-num{font:700 52px/1 var(--serif)}.fb-cap{font-size:13px;color:var(--ink-2)}.fb-scores dl{margin:0;display:grid;gap:2px;font-size:14px}.fb-scores dl div{display:flex;gap:8px}.fb-scores dt{color:var(--ink-2);min-width:8.5em}.fb-scores dd{margin:0;font-weight:700}.fb-practice{font-size:13px;color:var(--mid);margin:4px 0}.fb-hint{font-size:14px;color:var(--ink-2);margin:6px 0}.fb-text{display:flex;flex-wrap:wrap;gap:10px 14px;margin:8px 0 6px}.fb-word{display:grid;gap:2px}.fb-word.is-omitted{opacity:.5;text-decoration:line-through}.fb-w{font:600 22px/1.1 var(--serif);color:var(--b)}.fb-ph{display:flex;gap:2px}.ph{min-width:44px;min-height:44px;padding:0 6px;border:0;background:var(--bb);color:var(--b);font:600 19px/1 var(--serif);cursor:pointer}.ph.is-target{box-shadow:inset 0 -4px 0 var(--b)}.ph.is-sel{background:var(--b);color:#fff}.fb-legend{list-style:none;padding:0;margin:4px 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}.fb-legend li{color:var(--b)}.fb-legend li:before{content:"";display:inline-block;width:10px;height:10px;background:var(--b);margin-right:6px;vertical-align:-1px}.fb-notes{margin:6px 0;padding-left:18px;font-size:15px}.fb-empty{background:var(--paper-2);padding:12px}.detail{margin-top:10px;padding:12px;background:#fffdf8;box-shadow:0 2px 10px #1f1c171f}.detail-top{display:flex;justify-content:space-between;align-items:baseline}.detail-ipa{font-size:32px;font-weight:600;color:var(--b);margin-right:8px}.detail-score{font:700 28px var(--serif);color:var(--b)}.detail-score small{font-size:14px;color:var(--ink-3)}.detail-heard{margin:6px 0}.detail-cands{font-size:13px;color:var(--ink-2);margin:0 0 8px}.detail-tip h4{margin:8px 0 4px;font-size:15px}.detail-tip p{margin:0 0 4px;font-size:15px}.detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vot{margin:10px 0 4px}.vot-head{display:flex;justify-content:space-between;font-size:14px}.vot-head strong{font:700 20px var(--serif)}.vot-scale{position:relative;height:22px;background:var(--paper-2);margin:6px 0 2px}.vot-target{position:absolute;top:0;bottom:0;background:var(--good-bg);box-shadow:inset 0 0 0 2px var(--good)}.vot-you{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:var(--ink)}.vot-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2)}.vot-verdict{margin:4px 0 0;font-weight:600}.vot-none{font-size:14px;color:var(--ink-2)}.pg-sec{margin:18px 0 8px}.pg-sec h2{font:600 21px/1.2 var(--serif);margin:0 0 4px}.pg-big{font:700 32px var(--serif);margin:4px 0 8px}.pg-big small{font:400 14px var(--sans);color:var(--ink-2)}.bars{display:grid;grid-template-columns:repeat(14,1fr);gap:2px;height:96px;align-items:end}.bar{display:grid;grid-template-rows:1fr auto;height:100%;align-items:end}.bar-fill{display:block;background:var(--ink);border-radius:4px 4px 0 0;min-height:2px}.bar-day{font-size:11px;color:var(--ink-3);text-align:center}.trend{display:flex;align-items:center;gap:10px}.trend svg{width:100%;max-width:260px;height:56px}.trend-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.trend-ref{stroke:var(--paper-2);stroke-width:2;stroke-dasharray:3 3}.trend-dot{fill:var(--ink);stroke:var(--paper);stroke-width:2}.trend-val{font:700 22px var(--serif);color:var(--b);min-width:3em}.trend-val small{font:400 12px var(--sans);color:var(--ink-3)}.snd-list,.rep-list{list-style:none;margin:0;padding:0}.snd-list li{padding:8px 0;border-top:2px solid var(--paper-2)}.snd-name{font-weight:600}.snd-name .ipa{font-size:19px;margin-right:6px}.snd-name small{color:var(--ink-3);font-weight:400;margin-left:8px}.rep-item{display:grid;width:100%;text-align:left;gap:2px;min-height:56px;padding:8px 0;background:none;border:0;border-top:2px solid var(--paper-2);cursor:pointer}.rep-item small{color:var(--ink-3)}.tn{background:#fffdf8;padding:12px;margin-bottom:8px}.tn-text{font:600 18px var(--serif);margin:0 0 8px}.tn-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.tn-col h4{margin:0}.tn-date{margin:0;color:var(--ink-2);font-size:14px}.tn-score{margin:4px 0 8px}.tn-score span{font:700 24px var(--serif);color:var(--b)}.chunks{padding-left:22px}.chunks li{margin-bottom:8px}.chunks li small{display:block;color:var(--ink-3)}.saved{margin-top:20px}.set-row{display:grid;gap:6px;margin:14px 0 10px}.set-row.check{grid-template-columns:28px 1fr;align-items:start}.set-row.check input{width:24px;height:24px;margin-top:2px}.set-info{margin-top:20px}.sum-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px}.sum-list dt{font-size:13px;color:var(--ink-2)}.sum-list dd{margin:0;font:700 28px var(--serif)}.sum-weak{list-style:none;padding:0}.sum-weak li{padding:6px 0}.sum-weak li span:last-child{font-weight:700;color:var(--b);margin-left:6px}@media(min-width:720px){:root{--gutter: 28px}.drill-text{font-size:42px}}