:root{--bg: #ffffff;--text: #000000;--hint: #8a8a8a;--link: #2aabee;--button: #2aabee;--button-text: #ffffff;--secondary-bg: #f1f1f1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4}.app{display:flex;flex-direction:column;min-height:100%}.screen{flex:1;padding:16px 16px 104px}.title{font-size:20px;font-weight:700;margin:4px 0 16px}.hint{color:var(--hint)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.screen.center>*{max-width:320px;width:100%}.screen.center .hint,.screen.center .title{width:auto}.muted{color:var(--hint);font-size:14px}.card{background:var(--secondary-bg);border-radius:16px;padding:24px 20px;text-align:center}.card .es{font-size:26px;font-weight:700;margin-bottom:8px}.card .ru{font-size:18px}.card .note{margin-top:14px;font-size:14px;color:var(--hint)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;color:var(--button-text);background:var(--button);width:100%;cursor:pointer}.btn:active{opacity:.85}.btn.secondary{background:var(--secondary-bg);color:var(--text)}.btn:disabled{opacity:.5}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.grades .btn{padding:12px 4px;font-size:14px}.g-again{background:#e0533d}.g-hard{background:#d98a2b}.g-good{background:#3a9e4a}.g-easy{background:#2aabee}.stack>*+*{margin-top:12px}.tokens,.answer{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:8px;border-radius:12px;background:var(--secondary-bg)}.answer{border:2px dashed var(--hint);background:transparent;margin-bottom:12px}.token{padding:8px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--hint);font-size:16px;cursor:pointer}.token:active{opacity:.7}.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--secondary-bg);margin:0 6px 8px 0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat{background:var(--secondary-bg);border-radius:14px;padding:14px;text-align:center}.stat .n{font-size:24px;font-weight:800}.stat .l{font-size:12px;color:var(--hint)}.path{position:relative;padding:8px 0}.path:before{content:"";position:absolute;top:6px;bottom:6px;left:50%;width:4px;transform:translate(-50%);background:var(--secondary-bg);border-radius:2px}.pnode{position:relative;display:flex;justify-content:center;margin:12px 0}.pnode .dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;background:var(--secondary-bg);color:var(--hint);border:3px solid var(--bg);z-index:1}.pnode.done .dot{background:#3a9e4a;color:#fff}.pnode.current .dot{width:60px;height:60px;font-size:20px;background:var(--button);color:var(--button-text);box-shadow:0 0 0 6px #2aabee38;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 6px #2aabee38}50%{box-shadow:0 0 0 11px #2aabee1a}}.here{position:absolute;left:calc(50% + 44px);top:50%;transform:translateY(-50%);background:var(--button);color:var(--button-text);padding:5px 11px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.pnsub{position:absolute;left:calc(50% + 40px);top:50%;transform:translateY(-50%);font-size:12px;color:var(--hint)}.legend{display:flex;gap:16px;margin-bottom:12px;font-size:12px;color:var(--hint)}.legend span{display:flex;align-items:center;gap:6px}.legend .sw{width:12px;height:12px;border-radius:3px;display:inline-block}.sw.verified{background:#3a9e4a}.sw.learning{background:#d98a2b}.sw.new{background:var(--secondary-bg);border:1px solid var(--hint)}.vtable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.vtable{border-collapse:separate;border-spacing:6px;width:100%}.vtable thead th{font-size:11px;color:var(--hint);font-weight:600;text-align:center;padding-bottom:2px;white-space:nowrap}.vrow{text-align:left;vertical-align:middle;padding-right:6px;white-space:nowrap}.vlemma{display:block;font-weight:700;font-size:14px}.vru{display:block;font-size:11px;color:var(--hint)}.vcell{border-radius:10px;padding:8px 10px;cursor:pointer;background:var(--secondary-bg);color:var(--text);min-width:84px;text-align:center;vertical-align:middle;border:1px solid transparent}.vcell .ves{display:block;font-weight:600;font-size:14px}.vcell .vgloss{display:block;font-size:11px;color:var(--hint);margin-top:2px}.vcell.verified{background:#3a9e4a2e;border-color:#3a9e4a}.vcell.learning{background:#d98a2b29;border-color:#d98a2b}.vcell.new{opacity:.7}.field{margin-bottom:16px}.field label{display:block;font-size:14px;color:var(--hint);margin-bottom:6px}.field input,.field select{width:100%;padding:12px;border-radius:10px;font-size:16px;border:1px solid var(--hint);background:var(--bg);color:var(--text)}.bottombar{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--secondary-bg);padding-bottom:env(safe-area-inset-bottom)}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 0 4px}.tabbar button{font-size:11px}.version{text-align:center;font-size:10px;color:var(--hint);padding:0 0 6px;opacity:.7;letter-spacing:.2px}.tabbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--hint);font-size:12px;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.tabbar button.active{color:var(--link)}.tabbar .ico{font-size:20px}.feedback{text-align:center;font-weight:600;margin:12px 0;min-height:22px}.feedback.ok{color:#3a9e4a}.feedback.no{color:#e0533d}.badge{font-size:12px;color:var(--hint)}