:root{--bg: #f6f5f1;--surface: #ffffff;--surface-2: #efede6;--text: #1d1f1e;--muted: #5f6560;--border: #dedbd2;--accent: #1f6f5c;--accent-soft: #dcefe8;--accent-text: #ffffff;--warn: #a35a00;--warn-soft: #fbecd7;--danger: #b3261e;--p1: #1f6f5c;--p2: #2f5fa7;--p3: #8a4fb0;--p4: #c0612b;--p5: #9a7a14;--radius: 14px;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 4px 16px rgb(0 0 0 / .04);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121514;--surface: #1a1e1c;--surface-2: #232826;--text: #e8ebe9;--muted: #9aa39e;--border: #2e3431;--accent: #4fbf9f;--accent-soft: #1c3a31;--accent-text: #0d1d18;--warn: #f0a956;--warn-soft: #3a2a14;--danger: #ff8a80;--p1: #4fbf9f;--p2: #78a6ef;--p3: #c79be6;--p4: #f0956a;--p5: #e0c25a;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h1{font-size:1.6rem;letter-spacing:-.01em}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.875rem}.ipa{font-family:Charis SIL,Doulos SIL,Gentium,Lucida Sans Unicode,Arial Unicode MS,serif}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;padding:20px 12px;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;padding:0 10px 18px}.brand img{width:30px;height:30px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none;font-size:.95rem}.nav a:hover{background:var(--surface-2)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav .sep{height:1px;background:var(--border);margin:10px 8px}.nav .badge{margin-left:auto;background:var(--accent);color:var(--accent-text);border-radius:999px;font-size:.75rem;padding:0 7px;font-weight:600}main{flex:1;min-width:0;padding:28px 32px 48px;max-width:980px}.bottom-nav{display:none}@media (max-width: 760px){.sidebar{display:none}main{padding:18px 16px calc(84px + env(safe-area-inset-bottom))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20}.bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;color:var(--muted);text-decoration:none;background:none;border:0;padding:4px 0;font-family:inherit;cursor:pointer}.bottom-nav .ico{font-size:1.25rem;line-height:1}.bottom-nav a.active{color:var(--accent);font-weight:600}.more-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30;display:flex;align-items:flex-end}.more-sheet .nav{background:var(--surface);width:100%;border-radius:18px 18px 0 0;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-head p{margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 760px){.grid-2,.grid-3{grid-template-columns:1fr}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.stack>*+*{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-size:.95rem;padding:9px 14px;cursor:pointer;text-decoration:none;min-height:40px}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--danger)}.btn.sm{padding:5px 10px;min-height:32px;font-size:.85rem}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;flex-shrink:0}.icon-btn:hover{background:var(--surface-2)}.icon-btn.rec{color:var(--danger)}label.field{display:block}label.field>span{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px;color:var(--muted)}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;min-height:40px}textarea{resize:vertical;min-height:84px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input[type=checkbox]{width:auto;min-height:0}.pill{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.pill.ok{background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar>div{height:100%;border-radius:999px;background:var(--accent);transition:width .3s}.alert{border-radius:10px;padding:10px 14px;background:var(--warn-soft);color:var(--warn);font-size:.9rem}.alert.err{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.alert.ok{background:var(--accent-soft);color:var(--accent)}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.pillar{display:flex;gap:14px;align-items:flex-start}.pillar .num{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.pillar .body{flex:1;min-width:0}.pillar .title{display:flex;align-items:center;gap:8px;font-weight:700}.pillar .stat{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.pillar .bar{margin:6px 0 8px}.check{color:var(--accent);font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.kpis .card{padding:14px}.kpis .v{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.kpis .l{font-size:.8rem;color:var(--muted)}@media (max-width: 760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.flash{min-height:260px;display:flex;flex-direction:column;gap:12px}.flash .sentence{font-size:1.2rem;line-height:1.55}.flash mark{background:var(--accent-soft);color:var(--accent);padding:0 4px;border-radius:4px;font-weight:700}.flash .big{font-size:2rem;font-weight:700;letter-spacing:-.02em}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grades .btn{flex-direction:column;gap:0;padding:8px 4px}.grades .btn small{font-weight:400;color:var(--muted);font-size:.75rem}.list{list-style:none;margin:0;padding:0}.list>li{padding:12px 0;border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:0}.word-row{display:flex;gap:12px;align-items:flex-start}.word-row .w{font-weight:700}.lesson{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lesson+.lesson{margin-top:8px}.lesson>summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;gap:10px}.lesson>summary::-webkit-details-marker{display:none}.lesson .idx{width:28px;height:28px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.lesson.done .idx{background:var(--accent);color:var(--accent-text)}.lesson.studying .idx{background:var(--warn-soft);color:var(--warn)}.lesson .content{padding:0 14px 14px 52px}@media (max-width: 760px){.lesson .content{padding-left:14px}}.examples{margin:6px 0 10px;padding-left:0;list-style:none}.examples li{padding:4px 0;display:flex;gap:8px;align-items:center}.quiz{background:var(--surface-2);border-radius:10px;padding:12px;margin-top:10px}.quiz .opts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.quiz .opt.right{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.quiz .opt.wrong{border-color:var(--danger);color:var(--danger)}.phoneme-sym{font-size:1.6rem;min-width:56px;text-align:center}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:10px}.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:3px;overflow-x:auto;padding-bottom:4px}.heat div{width:12px;height:12px;border-radius:3px;background:var(--surface-2)}.heat .l1{background:color-mix(in srgb,var(--accent) 35%,var(--surface-2))}.heat .l2{background:color-mix(in srgb,var(--accent) 65%,var(--surface-2))}.heat .l3{background:var(--accent)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login .card{width:100%;max-width:380px}