:root{--blue:#0b4f9c;--blue-soft:#e6eef8;--red:#d7263d;--bg:#f6f7f9;--surface:#fff;--text:#1d2330;--muted:#5d6676;--border:#dde2ea;--green:#15803d;--green-bg:#dcfce7;--yellow:#a16207;--yellow-bg:#fef3c7;--red-text:#b91c1c;--red-bg:#fee2e2;--radius:12px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--blue:#7fb0ec;--blue-soft:#1c2b40;--bg:#11151c;--surface:#1a1f29;--text:#e7ebf2;--muted:#9aa4b5;--border:#2c3442;--green:#4ade80;--green-bg:#12301f;--yellow:#facc15;--yellow-bg:#3a300f;--red-text:#fca5a5;--red-bg:#3b1518;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:.4em 0 .6em;font-size:1.6rem;line-height:1.25}h2{margin:1.4em 0 .5em;font-size:1.2rem}.card>h2:first-child,.card>h3:first-child{margin-top:0}h3{margin:1em 0 .4em;font-size:1rem}.small-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .3em;font-size:.85rem}a{color:var(--blue)}code{font-size:.9em}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--red-text)}.row{align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between}.topbar{z-index:10;padding:.6rem max(1rem, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.topbar nav{gap:.25rem;display:flex;overflow-x:auto}.topbar nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:.4rem .7rem;text-decoration:none}.topbar nav a.active{background:var(--blue-soft);color:var(--blue);font-weight:600}.brand{color:var(--text);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.flag{width:1.4em;height:1em;box-shadow:0 0 0 1px var(--border);background:linear-gradient(90deg,#0055a4 33.3%,#fff 33.3% 66.6%,#ef4135 66.6%);border-radius:3px;flex:none;display:inline-block}.page{max-width:760px;margin:0 auto;padding:.5rem 1rem 4rem}.splash{min-height:100vh;color:var(--muted);place-items:center;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 .75rem;padding:1rem}label{margin:0 0 .9rem;font-weight:500;display:block}label.check,label.radio{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}label.check input,label.radio input{flex:none;width:auto;margin-top:.3em}label.disabled{opacity:.6}label.inline{align-items:center;gap:.5rem;display:inline-flex}input,select,textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:.3rem;padding:.55rem .7rem;display:block}.row input,.row select{margin-top:0}input[type=range]{accent-color:var(--blue);background:0 0;border:0;padding:0}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button,.button{min-height:2.5rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .9rem;font-weight:500;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--blue)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}@media (prefers-color-scheme:dark){button.primary{color:#0d1726}}button.danger{color:var(--red-text)}button.icon{width:2.5rem;padding:0;font-size:1.05rem}button.icon.active{background:var(--blue-soft);border-color:var(--blue)}button.link{color:var(--blue);background:0 0;border:0;min-height:0;padding:.3rem}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login .card{width:100%;max-width:380px}.login h1{align-items:center;gap:.6rem;margin-top:0;display:flex}.login button.primary{width:100%;margin-top:.5rem}.continue{color:var(--text);border-color:var(--blue);grid-template-columns:1fr auto;text-decoration:none;display:grid}.continue .muted{grid-column:1}.continue strong{grid-column:1;font-size:1.1rem}.continue .arrow{color:var(--blue);grid-area:1/2/3;align-self:center;font-size:1.5rem}.module h3{color:var(--muted);font-weight:600}.lessons{margin:0 0 1rem;padding:0;list-style:none}.lesson{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;grid-template-columns:2rem 1fr auto;align-items:center;column-gap:.6rem;margin-bottom:.4rem;padding:.65rem .8rem;text-decoration:none;display:grid}a.lesson:hover{border-color:var(--blue)}.lesson .num{background:var(--blue-soft);width:1.9rem;height:1.9rem;color:var(--blue);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid}.lesson .muted{grid-column:2}.lesson.planned{opacity:.55}.badge{background:var(--blue-soft);color:var(--blue);vertical-align:middle;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.draft,.badge.review-pending{background:var(--yellow-bg);color:var(--yellow)}.badge.review-approved{background:var(--green-bg);color:var(--green)}.badge.review-rejected,.badge.off{background:var(--red-bg);color:var(--red-text)}.crumbs{color:var(--muted);margin-top:.5rem;font-size:.85rem}.goals ul{margin:0;padding-left:1.2rem}.block{margin-top:2rem}.fr{margin:0;font-weight:600}.sentence .fr{font-size:1.15rem}.tr{color:var(--muted);margin:0}.prose p{margin:0 0 .6rem}.prose p:last-child{margin-bottom:0}.focus{gap:.5rem;display:flex}.ipa{font-family:Charis SIL,Doulos SIL,Gentium Plus,DejaVu Sans,serif}.ipa.big{color:var(--blue);font-size:1.6rem}.source{color:var(--muted);margin:.2rem 0 0;font-size:.75rem}.vocab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.vocab li{border-bottom:1px solid var(--border);grid-template-columns:minmax(9rem,2fr) 3fr auto;align-items:center;gap:.2rem .8rem;padding:.45rem .8rem;display:grid}.vocab li:last-child{border-bottom:0}.vocab-fr{align-items:center;gap:.4rem;display:flex}.gender{background:var(--blue-soft);color:var(--blue);border-radius:4px;padding:0 .35rem;font-size:.75rem}.gender-f{background:var(--red-bg);color:var(--red-text)}@media (max-width:520px){.vocab li{grid-template-columns:1fr auto}.vocab .tr{grid-area:2/1}.vocab .play-buttons{grid-area:1/2/3}}.example{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.4rem .2rem;display:flex}.example .play-buttons{margin-left:auto}.pair-row{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.pair-word{align-items:center;gap:.4rem;display:inline-flex}.pair .practice{border-top:1px dashed var(--border);margin-top:.8rem;padding-top:.8rem}.vs{color:var(--muted)}.roleplay p{margin:0 0 .4rem}.pager{justify-content:space-between;margin-top:2rem;display:flex}.play-buttons{flex:none;gap:.35rem;display:inline-flex}.play-buttons.small button.icon{width:2.1rem;min-height:2.1rem;font-size:.9rem}.sentence-row{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.record-row{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:.7rem;display:flex}.record-row label.check{margin:0}button.record{background:var(--blue);border-color:var(--blue);color:#fff;min-width:9rem}@media (prefers-color-scheme:dark){button.record{color:#0d1726}}button.record.recording{background:var(--red);border-color:var(--red);color:#fff;animation:1.2s ease-in-out infinite pulse}.timer{font-variant-numeric:tabular-nums;opacity:.85;font-size:.85em}@keyframes pulse{50%{box-shadow:0 0 0 6px #d7263d40}}.result{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.result-head{align-items:center;gap:.8rem;display:flex}.result-head .muted{display:block}.score{border-radius:50%;flex:none;place-items:center;width:3.2rem;height:3.2rem;font-size:1.15rem;font-weight:800;display:grid}.score-green,.word-green{background:var(--green-bg);color:var(--green)}.score-yellow,.word-yellow{background:var(--yellow-bg);color:var(--yellow)}.score-red,.word-red{background:var(--red-bg);color:var(--red-text)}.score-none,.word-none{background:var(--bg);color:var(--muted)}.words{margin:.6rem 0 .2rem;font-size:1.2rem;line-height:2.2}.word{min-height:0;font-weight:600;font-size:inherit;border:1px solid #0000;border-radius:6px;padding:.05rem .4rem}.word.open{border-color:currentColor}.word-detail{background:var(--bg);border-radius:10px;margin:.4rem 0;padding:.7rem .9rem}.word-detail p{margin:.35rem 0 0}.ipa-row{flex-wrap:wrap;gap:.4rem 1.2rem;display:flex}.ipa-row .ipa{font-size:1.1rem}.phones{flex-wrap:wrap;gap:.25rem;display:flex}.phone{background:var(--green-bg);color:var(--green);border-radius:4px;padding:0 .35rem;font-family:Charis SIL,Doulos SIL,DejaVu Sans,serif}.phone-weak{background:var(--yellow-bg);color:var(--yellow)}.phone-error,.phone-missing{background:var(--red-bg);color:var(--red-text)}.phone-elided{color:var(--muted);background:0 0;text-decoration:line-through}.hint{font-size:.95rem}.compare{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.tip{background:var(--blue-soft);border-radius:10px;margin:.6rem 0 0;padding:.7rem .9rem}.notice-inline{border-radius:8px;margin:.5rem 0;padding:.4rem .7rem;font-size:.9rem}.notice-inline.warn{background:var(--yellow-bg);color:var(--yellow)}.debug pre{background:var(--bg);border-radius:8px;max-height:22rem;padding:.6rem;font-size:.72rem;overflow:auto}.usage,.status,.recordings{margin:0 0 .8rem;padding:0;list-style:none}.usage li,.status li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.recordings li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem 0;display:flex}.tabs{flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;display:flex}.tabs a,.tabs button{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:999px;min-height:0;padding:.4rem .8rem;text-decoration:none}.tabs .active{background:var(--blue);border-color:var(--blue);color:#fff}@media (prefers-color-scheme:dark){.tabs .active{color:#0d1726}}.user-list{margin:0;padding:0;list-style:none}.card.user{color:var(--text);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.card.user:hover{border-color:var(--blue)}.rights{gap:.4rem;font-size:1.1rem;display:flex}.rights .off{opacity:.25;filter:grayscale()}.otp{border-color:var(--green)}.otp-value code{letter-spacing:.05em;-webkit-user-select:all;user-select:all;font-size:1.4rem}.meter{margin-bottom:.9rem}.bar{background:var(--bg);border-radius:999px;height:.6rem;margin-top:.3rem;overflow:hidden}.bar span{background:var(--green);height:100%;display:block}.bar .bar-yellow{background:var(--yellow)}.bar .bar-red{background:var(--red)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.4rem .5rem}th{color:var(--muted);font-weight:600}td:not(:first-child),th:not(:first-child){text-align:right}.notices{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:50;gap:.4rem;width:min(92vw,420px);display:grid;position:fixed;transform:translate(-50%)}.notice{text-align:left;border-radius:10px;justify-content:flex-start;box-shadow:0 4px 16px #0000002e}.notice-ok{background:var(--green-bg);color:var(--green);border-color:#0000}.notice-warn{background:var(--yellow-bg);color:var(--yellow);border-color:#0000}.notice-error{background:var(--red-bg);color:var(--red-text);border-color:#0000}