:root{--font:Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--accent:#3ddc84;--accent-ink:#14201a;--warn:#f2b84b;--rec:#ff3b3b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--bg:#14201a;--card:#1d2b24;--line:#2c3a33;--text:#f6f3ea;--muted:#c9d3cd;--faint:#a9b7af;--off:#2c3a33;--accent-text:#3ddc84;--danger:#ff8a8a;--danger-solid:#ff6b6b;--pressed:#00b35c;--ring:#3ddc8429;--ring-rec:#ff3b3b38}:root[data-theme=light]{--bg:#f6f3ea;--card:#fff;--line:#14201a;--text:#14201a;--muted:#3a463f;--faint:#4a5750;--off:#d6d2c4;--accent-text:#00753c;--danger:#b3261e;--danger-solid:#d93a31;--pressed:#00b35c;--ring:#3ddc8447;--ring-rec:#ff3b3b38}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent-text)}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--warn);outline-offset:2px}[hidden]{display:none!important}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{justify-content:center;min-height:100dvh;display:flex}.screen{width:100%;max-width:440px;min-height:100dvh;padding:calc(12px + var(--safe-top)) 16px calc(28px + var(--safe-bottom));flex-direction:column;display:flex}.screen--tabs{padding-bottom:calc(96px + var(--safe-bottom))}.col{flex-direction:column;display:flex}.row{align-items:center;display:flex}.grow{flex:1;min-width:0}.center{text-align:center;justify-content:center;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-22{gap:22px}.gap-28{gap:28px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-22{margin-top:22px}.mt-36{margin-top:36px}.spacer{flex:1}.h1{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.15}.h1--big{letter-spacing:-.025em;font-size:34px;line-height:1.12}.h1--28{font-size:28px}.lead{color:var(--muted);font-size:15px;line-height:1.45}.lead--16{font-size:16px}.small{color:var(--faint);font-size:14px;line-height:1.45}.label{font:600 11px var(--mono);letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.label--accent{color:var(--accent-text)}.mono{font-family:var(--mono);font-weight:600}.sentence{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:31px;font-weight:600;line-height:1.3}.sentence--26{font-size:24px}.muted{color:var(--muted)}.danger{color:var(--danger)}.accent{color:var(--accent-text)}.btn{background:var(--accent);min-height:60px;color:var(--accent-ink);font:700 17px var(--font);border:2px solid var(--accent);text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 18px;text-decoration:none;display:flex}.btn:hover{background:var(--pressed);border-color:var(--pressed);color:var(--accent-ink)}.btn--ghost{color:var(--text);border-color:var(--line);background:0 0;min-height:52px;font-size:15px;font-weight:600}.btn--ghost:hover{background:var(--card);color:var(--text);border-color:var(--text)}.btn--danger{color:var(--danger);border-color:var(--danger-solid);background:0 0;min-height:52px;font-size:15px;font-weight:600}.btn--danger:hover{color:var(--danger);border-color:var(--danger);background:0 0}.btn--sm{width:auto;min-height:44px;padding:0 14px;font-size:14px}.btn[disabled],.btn[aria-disabled=true]{background:var(--off);border-color:var(--off);color:var(--faint);cursor:not-allowed;pointer-events:none}.btn--ghost[disabled]{background:0 0}.link{min-height:44px;color:var(--accent-text);align-items:center;gap:6px;padding:0 4px;font-weight:600;text-decoration:none;display:inline-flex}.icon-btn{border:2px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn--bare{background:0 0;border-color:#0000}.icon-btn[aria-pressed=true]{border-color:var(--accent)}.icon{flex-shrink:0;width:22px;height:22px}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-left:-8px;margin-right:0;display:flex}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.steps i{background:var(--off);height:4px;display:block}.steps i.on{background:var(--accent)}.segments{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.segments i{background:var(--off);height:6px;display:block}.segments i.done{background:var(--accent)}.segments i.now{background:var(--text)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.input,.select,.textarea{border:2px solid var(--line);background:var(--card);width:100%;min-height:60px;color:var(--text);font:600 17px var(--font);appearance:none;border-radius:0;padding:0 14px}.input--mono{font:600 22px var(--mono);letter-spacing:.04em}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;min-height:120px;padding:14px;font-size:20px;font-weight:500;line-height:1.4}.choice{text-align:left;border:2px solid var(--line);background:var(--card);width:100%;min-height:58px;color:var(--text);align-items:center;gap:12px;padding:8px 14px;display:flex}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--accent)}.box{border:2px solid var(--line);width:26px;height:26px;color:var(--accent-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.choice[aria-pressed=true] .box{background:var(--accent);border-color:var(--accent)}.pills{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.pill{border:2px solid var(--line);background:var(--card);min-height:48px;color:var(--text);font:600 15px var(--font);padding:0 10px}.pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.digits{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.digit{text-align:center;border:2px solid var(--line);background:var(--card);width:100%;height:64px;color:var(--text);font:600 26px var(--mono);border-radius:0;padding:0}.digit:focus{border-color:var(--accent);outline:none}.check{cursor:pointer;align-items:center;gap:12px;min-height:52px;font-size:16px;font-weight:600;display:flex}.check input{width:26px;height:26px;accent-color:var(--accent);flex-shrink:0;margin:0}.switch{background:var(--off);flex-shrink:0;width:52px;height:30px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text);width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--pressed)}.switch[aria-checked=true]:after{transform:translate(22px)}.setting{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 0;display:flex}.card{background:var(--card);padding:12px}.card--line{border:2px solid var(--line)}.tile{background:var(--card);border:2px solid var(--line);min-height:86px;color:var(--text);flex-direction:column;justify-content:space-between;padding:12px;text-decoration:none;display:flex;position:relative}.tile:hover{border-color:var(--accent);color:var(--text)}.tile .icon{width:28px;height:28px;color:var(--accent-text)}.tile b{font-size:17px}.badge{background:var(--warn);color:var(--accent-ink);font:600 11px var(--mono);letter-spacing:.06em;padding:3px 7px;position:absolute;top:8px;right:8px}.chip{border:2px solid var(--faint);min-height:26px;color:var(--muted);font:600 11px var(--mono);letter-spacing:.08em;white-space:nowrap;background:0 0;align-items:center;padding:0 8px;display:inline-flex}.chip--ok{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip--pend{border-color:var(--warn);color:var(--warn)}:root[data-theme=light] .chip--pend{color:#7a5200;border-color:#b27800}.chip--rej{background:var(--danger-solid);border-color:var(--danger-solid);color:#fff}.chip--lang{border-color:var(--accent);color:var(--text);background:var(--card);min-height:30px}.tag{font:600 11px var(--mono);letter-spacing:.08em;color:var(--accent-text)}.banner{background:var(--warn);color:var(--accent-ink);align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.banner--ok{background:var(--accent)}.banner--bad{background:var(--danger-solid);color:#fff}.banner--card{background:var(--card);color:var(--text);border:2px solid var(--line);font-weight:500}.ring{flex-shrink:0;width:84px;height:84px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .count{font:700 24px var(--mono);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.ring .count small{font:600 9px var(--mono);letter-spacing:.1em;color:var(--faint);margin-top:2px}.bars{align-items:center;gap:4px;display:flex}.bars i{background:var(--muted);border-radius:2px;flex-shrink:0;width:4px;min-height:4px;display:block}.bars--accent i{background:var(--accent)}.meter{grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:4px;width:100%;height:70px;display:grid}.meter i{background:var(--off);display:block}.record{background:var(--accent);width:112px;height:112px;color:var(--accent-ink);box-shadow:0 0 0 12px var(--ring);border:0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.record--live{background:var(--rec);box-shadow:0 0 0 12px var(--ring-rec)}.record--small{width:104px;height:104px}.record .stop{background:#fff;border-radius:4px;width:34px;height:34px}.timer{font:600 20px var(--mono);align-items:center;gap:8px;display:flex}.timer i{background:var(--rec);border-radius:50%;width:12px;height:12px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.timer i{animation:none}}.player{background:var(--card);align-items:center;gap:12px;padding:12px;display:flex}.player .grow{overflow:hidden}.segments--column{flex:none;width:100%}.play{background:var(--accent);width:56px;height:56px;color:var(--accent-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.play[disabled]{background:var(--off);color:var(--faint)}.controls{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid}.controls a,.controls button.sidebtn{min-height:56px;color:var(--muted);font:500 12px var(--font);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.facts{flex-direction:column;gap:6px;display:flex}.fact{align-items:center;gap:8px;font-size:14px;display:flex}.fact .dot{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);font:700 13px var(--mono);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fact--warn .dot{background:var(--warn)}.list{border-top:1px solid var(--line);flex-direction:column;display:flex}.item{border-bottom:1px solid var(--line);min-height:64px;color:var(--text);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 0;text-decoration:none;display:flex}.item .mode{width:54px;font:600 10px var(--mono);letter-spacing:.08em;color:var(--accent-text);flex-shrink:0}.item .text{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.item .sub{color:var(--faint);font-size:12px}.tabs{gap:6px;display:flex;overflow-x:auto}.tab{border:2px solid var(--line);min-height:44px;font:600 13px var(--font);color:var(--muted);white-space:nowrap;background:0 0;padding:0 14px}.tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.upload-bar{background:var(--off);height:4px;margin-top:4px}.upload-bar i{background:var(--accent);height:4px;display:block}.tabbar{background:var(--bg);border-top:2px solid var(--line);padding-bottom:var(--safe-bottom);z-index:20;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar nav{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:440px;display:grid}.tabbar a{min-height:64px;color:var(--faint);font:500 12px var(--font);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--accent-text);font-weight:700}.scrim{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border-top:3px solid var(--accent);width:100%;max-width:440px;padding:18px 16px calc(22px + var(--safe-bottom));flex-direction:column;gap:12px;display:flex}.sheet h2{font-size:20px}.toast{left:50%;bottom:calc(88px + var(--safe-bottom));z-index:40;width:calc(100% - 32px);max-width:400px;position:fixed;transform:translate(-50%)}.wave{align-items:center;gap:5px;height:92px;display:flex}.wave i{background:var(--accent);border-radius:3px;width:5px;display:block}.wave i:nth-child(7n+4){background:var(--text)}.point{align-items:center;gap:14px;font-size:16px;line-height:1.35;display:flex}.point .icon-box{background:var(--card);width:44px;height:44px;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin{grid-template-columns:220px minmax(0,1fr);width:100%;min-height:100dvh;display:grid}.admin nav{background:var(--card);border-right:2px solid var(--line);flex-direction:column;gap:4px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.admin nav a{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.admin nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}.admin main{flex-direction:column;gap:28px;min-width:0;padding:28px 32px 60px;display:flex}.admin h1{font-size:30px;line-height:1.1}.admin h2{font-size:20px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stat{background:var(--card);border:2px solid var(--line);flex-direction:column;gap:4px;padding:16px;display:flex}.stat b{font:700 34px/1.1 var(--mono)}.panel{background:var(--card);border:2px solid var(--line);flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font:600 11px var(--mono);letter-spacing:.08em;color:var(--faint);border-bottom:2px solid var(--line);white-space:nowrap;padding:8px 10px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}td.num{font-family:var(--mono);text-align:right;font-weight:600}.seg{border:2px solid var(--line);display:inline-flex}.seg button{min-height:40px;font:600 13px var(--font);color:var(--muted);padding:0 14px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.stackbar{background:var(--off);min-width:0;height:22px;display:flex}.stackbar span{height:100%;display:block}.legend{font:600 11px var(--mono);letter-spacing:.06em;color:var(--faint);flex-wrap:wrap;gap:14px;display:flex}.legend i{vertical-align:-1px;width:12px;height:12px;margin-right:6px;display:inline-block}.mode-read{background:#3ddc84}.mode-story{background:#f2b84b}.mode-translate{background:#6cb4ff}.mode-listen{background:#c9a7ff}.admin-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.admin .input,.admin .select{min-height:48px;font-size:15px}@media (max-width:860px){.admin{grid-template-columns:1fr}.admin nav{border-right:0;border-bottom:2px solid var(--line);flex-flow:wrap;height:auto;padding:10px;position:static}.admin main{padding:18px 14px 50px}}