:root{--ink:#1c2530;--muted:#5b6875;--paper:#f6f4ef;--card:#fff;--line:#ddd8cd;--brand:#1f6f54;--brand-ink:#fff;--accent-bg:#e6f2ec;--danger:#a32d25;--warn-bg:#fdf1dc;--error-bg:#fbe6e3;--highlight:#ffe9a8;--tabbar:4rem;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:1.6rem;line-height:1.2}h2{margin:0;font-size:1.15rem}p{margin:0}a{color:var(--brand)}.muted{color:var(--muted);font-size:.92rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.button,input,select,textarea{font:inherit;color:inherit}button,.button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:default}button.primary,.button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}button.quiet{color:var(--brand);background:0 0;border-color:#0000;padding-inline:.5rem}button.danger{border-color:var(--danger);color:var(--danger)}:focus-visible{outline-offset:2px;outline:3px solid #2a7de1}input,select,textarea{background:var(--card);border:1px solid #9aa5b1;border-radius:.6rem;width:100%;min-height:2.75rem;padding:.55rem .75rem}label{font-weight:600;display:block}label input,label textarea{margin-top:.3rem;font-weight:400}label small{color:var(--muted);font-weight:400}label.check{align-items:center;gap:.6rem;min-height:2.75rem;font-weight:400;display:flex}label.check input{flex:none;width:1.4rem;height:1.4rem;min-height:1.4rem;margin:0}.frame{min-height:100dvh;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.topbar{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.brand{color:var(--brand);font-size:1.15rem;font-weight:700;text-decoration:none}.language-chip{background:var(--accent-bg);border-radius:1rem;padding:.2rem .6rem;font-size:.85rem}.tabs{z-index:10;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);display:flex;position:fixed;inset:auto 0 0}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1rem;font-size:.72rem;text-decoration:none;display:flex}.tab-icon{font-size:1.3rem;line-height:1}.tab.active{color:var(--brand);font-weight:600}.page{max-width:44rem;margin:0 auto;padding:.5rem 1rem 2rem}.stack{flex-direction:column;gap:1rem;display:flex}.stack-tight{flex-direction:column;gap:.6rem;display:flex}.center{text-align:center;align-items:center;padding-top:3rem}.row{flex-wrap:wrap;gap:.6rem;display:flex}.inline-form{align-items:flex-end;gap:.6rem;display:flex}.grow{flex:1;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:.8rem;padding:1rem}.card-link{color:inherit;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.card.accent{background:var(--accent-bg);border-color:#b9d8c9}.list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.notice{border-radius:.6rem;padding:.7rem .9rem}.notice-error{background:var(--error-bg)}.notice-info{background:var(--warn-bg)}.loading{color:var(--muted);text-align:center;padding:2rem 0}.spinner{border:.3rem solid var(--line);border-top-color:var(--brand);border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:4s}}.auth{max-width:26rem;margin:0 auto;padding:2.5rem 1rem}.auth-brand{color:var(--brand);font-size:2rem}.auth-tagline{color:var(--muted);margin:.3rem 0 1.5rem}.form{flex-direction:column;gap:1rem;display:flex}.form-switch{text-align:center}.choices{gap:.6rem;display:grid}.choice{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.8rem 1rem}.choice span,.choice em{color:var(--muted);font-size:.9rem}.choice-on{border-color:var(--brand);background:var(--accent-bg)}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--accent-bg);border-color:#b9d8c9;border-radius:2rem}.player{z-index:5;background:var(--card);border:1px solid var(--line);border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline:-.25rem;padding:.6rem;display:flex;position:sticky;top:0}.play{min-width:6.5rem}.segmented{display:inline-flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:.6rem 0 0 .6rem}.segmented button:last-child{border-left:0;border-radius:0 .6rem .6rem 0}.segmented button[aria-pressed=true]{background:var(--accent-bg);border-color:var(--brand);font-weight:600}.speed select{width:auto}.text{font-size:1.2rem;line-height:1.85}.sentence{border-radius:.3rem;padding:.15rem 0}.sentence-active{background:var(--highlight)}.word,.sentence-play{cursor:pointer;border-radius:.2rem}.word:hover,.word:focus-visible{background:var(--accent-bg)}.sentence-play{color:var(--brand);padding:0 .15rem;font-size:1.1em}.hint{color:var(--muted);font-size:.88rem}.lookup{inset:auto 0 calc(var(--tabbar) + env(safe-area-inset-bottom)) 0;z-index:8;background:var(--card);border-top:2px solid var(--brand);flex-direction:column;gap:.25rem;padding:.9rem 3rem .9rem 1rem;display:flex;position:fixed;box-shadow:0 -.4rem 1rem #0000001f}.lookup>strong{font-size:1.2rem}.lookup .primary{align-self:flex-start;margin-top:.3rem}.lookup-close{color:var(--muted);font-size:1.5rem;position:absolute;top:.2rem;right:.3rem}.questions{flex-direction:column;gap:1.2rem;margin:0;padding-left:1.4rem;display:flex}.question-text{margin-bottom:.5rem;font-weight:600}.feedback{border-left:.3rem solid var(--muted);background:var(--card);border-radius:.6rem;flex-direction:column;gap:.35rem;padding:.75rem .9rem;display:flex}.feedback ul{margin:0;padding-left:1.2rem}.feedback-correct{border-left-color:var(--brand)}.feedback-partly{border-left-color:#c98a1a}.feedback-incorrect{border-left-color:var(--danger)}.feedback .quiet{align-self:flex-start;font-size:.9rem}.keywords{margin:0;padding:0;list-style:none}.keywords li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.review-sentence{font-size:1.25rem;line-height:1.7}.review-sentence mark{background:var(--highlight);border-radius:.2rem;padding:0 .15rem}.review .row button{flex:1}.stats{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0;display:grid}.stats div{background:var(--card);border:1px solid var(--line);border-radius:.8rem;padding:.8rem}.stats dt{color:var(--muted);font-size:.85rem}.stats dd{margin:0;font-size:1.6rem;font-weight:700}.weeks{border-collapse:collapse;width:100%;font-size:.95rem}.weeks th,.weeks td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .4rem;font-weight:400}.weeks thead th{color:var(--muted);font-size:.85rem}.weeks .bar{background:var(--brand);vertical-align:middle;border-radius:.2rem;max-width:60%;height:.7rem;margin-right:.4rem;display:inline-block}@media (width>=720px){.frame{padding-bottom:0}.topbar{gap:1.5rem;max-width:60rem;margin:0 auto;padding:1rem 1.5rem}.tabs{background:0 0;border:0;flex:1;gap:.25rem;height:auto;padding:0;position:static}.tab{border-radius:.6rem;flex-direction:row;flex:none;gap:.4rem;padding:.5rem .8rem;font-size:.95rem}.tab-icon{display:none}.tab.active{background:var(--accent-bg)}.page{padding:1rem 1.5rem 3rem}h1{font-size:2rem}.choices{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(5,1fr)}.player{top:.5rem}.lookup{border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:.8rem;width:22rem;inset:auto 1.5rem 1.5rem auto}}