:root{--bg: #fdfcf8;--fg: #22222a;--muted: #71717c;--line: #e6e3da;--card: #ffffff;--accent: #b3261e;--accent-soft: #f7e8e7;--ok: #2e7d32;--ok-soft: #e8f5e9;--warn: #8a6d00;--warn-soft: #fff8e1}@media (prefers-color-scheme: dark){:root{--bg: #17171b;--fg: #ececf0;--muted: #9a9aa4;--line: #2d2d34;--card: #1f1f25;--accent: #e57368;--accent-soft: #3a2422;--ok: #8fd694;--ok-soft: #1e3320;--warn: #e0c268;--warn-soft: #35301c}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}input{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}.app{max-width:760px;margin:0 auto;padding:0 14px 80px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.topbar .linklike{background:none;border:none;color:var(--fg);font-weight:700;font-size:17px;padding:0}.topbar .linklike:disabled{cursor:default}.who{color:var(--muted);font-size:14px}.topbar-right{display:flex;align-items:center;gap:10px}.lang-select{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}.gate-lang{display:flex;justify-content:flex-end;padding-top:14px}.gate{max-width:420px;margin:10vh auto 0;padding:0 18px}.gate h1{margin-bottom:4px}.gate p{color:var(--muted)}.gate form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.gate label{display:flex;flex-direction:column;gap:6px;font-size:14px}.primary{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600}.primary:active{opacity:.85}.ghost{background:none;border:1px solid var(--line);color:var(--fg);padding:7px 12px;border-radius:9px}.danger{background:#7a1712;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600}.error{color:var(--accent);font-size:14px}.warning{color:var(--warn);background:var(--warn-soft);padding:6px 10px;border-radius:8px;font-size:14px}.muted{color:var(--muted)}.hero{text-align:center;padding:28px 0 12px}.hero h2{margin:0 0 12px}.progressbar{height:10px;background:var(--line);border-radius:999px;overflow:hidden;margin:0 auto 18px;max-width:480px}.progressbar-fill{height:100%;background:var(--ok);transition:width .4s}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:18px}.lesson-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left;color:var(--fg)}.lesson-card.done{border-color:var(--ok)}.lesson-card span{color:var(--muted);font-size:14px}.lesson-card small{color:var(--ok)}.lesson-head{display:flex;align-items:center;gap:12px;padding:14px 0 6px}.lesson-head h2{margin:0;font-size:19px;flex:1}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 0 14px;position:sticky;top:0;background:var(--bg);z-index:2}.tabs{display:flex;gap:4px}.tab{background:none;border:1px solid var(--line);color:var(--muted);padding:6px 11px;border-radius:999px;font-size:14px}.tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.filters input[type=search]{flex:1;min-width:140px}.chain{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.words{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.word{background:var(--card);border:1px solid var(--line);border-radius:12px}.word.open{border-color:var(--accent)}.word-head{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--fg);padding:12px 14px;text-align:left}.word-head .surmiran{font-weight:650}.word-head .translation{color:var(--muted);flex:1}.badge{font-size:12px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;white-space:nowrap}.badge.selected{background:var(--ok-soft);color:var(--ok)}.word-body{padding:0 14px 14px;border-top:1px dashed var(--line)}.takes{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:6px}.take{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.take audio{height:34px;max-width:240px}.retain{border-color:var(--ok);color:var(--ok)}.delete{border-color:var(--accent);color:var(--accent)}.danger.small{padding:7px 12px;font-size:14px}.record-control{margin-top:10px}.record-control .row{display:flex;align-items:center;gap:10px}.record{font-size:17px}.vumeter{flex:1;height:12px;background:var(--line);border-radius:999px;overflow:hidden}.vumeter-fill{height:100%;background:var(--ok);transition:width .08s linear}.review{display:flex;flex-direction:column;gap:8px;margin-top:8px}.review audio{width:100%}.empty{text-align:center;padding:30px 0}.adminbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--warn-soft);color:var(--warn);padding:8px 12px;border-radius:10px;margin-top:10px;font-size:14px}.adminbar input{padding:5px 8px;font-size:14px}