:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#eef0fa;--fg:#151933;--card:#fff;--ac:#3a3fd8;--ac2:#e63950;--mut:#5f6485;--ok:#12996a;--bad:#d6334a;--bd:#d9ddf0;--sh:0 10px 26px -14px rgba(40,50,140,.45);--onok:#fff;--onbad:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1023;--fg:#eceffd;--card:#161b38;--ac:#7f86ff;--ac2:#ff6b7f;--mut:#98a0cc;--ok:#3ddba0;--bad:#ff7b8c;--bd:#2a3163;--sh:0 10px 26px -14px #000;--onok:#062a1e;--onbad:#3a0610}}:root[data-theme=dark]{--bg:#0c1023;--fg:#eceffd;--card:#161b38;--ac:#7f86ff;--ac2:#ff6b7f;--mut:#98a0cc;--ok:#3ddba0;--bad:#ff7b8c;--bd:#2a3163;--sh:0 10px 26px -14px #000;--onok:#062a1e;--onbad:#3a0610}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Rubik,system-ui,Segoe UI,Tahoma,sans-serif;line-height:1.65;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;height:5px;z-index:9;background:linear-gradient(90deg,#fff 0,#fff 33.4%,#2b4bd0 0,#2b4bd0 66.7%,#e63950 0)}#app{max-width:560px;margin:0 auto;padding:22px 16px 8px}.card{background:var(--card);border:1px solid var(--bd);border-radius:22px;padding:22px;margin-bottom:14px;box-shadow:var(--sh)}h1{font-size:24px;font-weight:800;margin:0 0 8px}.m{color:var(--mut);font-size:14px}input{width:100%;box-sizing:border-box;padding:13px 14px;margin:6px 0;border:2px solid var(--bd);border-radius:14px;background:var(--bg);color:var(--fg);font:inherit;font-size:17px;transition:border-color .15s,box-shadow .15s}input:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 22%,transparent)}button{padding:13px 14px;margin:5px 0;border:2px solid var(--bd);border-radius:14px;background:var(--card);color:var(--fg);font:inherit;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:transform .12s,border-color .15s,box-shadow .15s}@media (hover:hover){button:hover{border-color:var(--ac)}}button:active{transform:scale(.97)}button:focus-visible,.chip:focus-visible{outline:3px solid var(--ac2);outline-offset:2px}button.pri{background:linear-gradient(135deg,#4a4fe0,#6a3fe0);color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px #4a4fe0}.row{display:flex;gap:8px}.row button{flex:1}.err{color:var(--bad);min-height:22px;font-size:14px}.ru{font-size:28px;font-weight:700;direction:ltr;text-align:center;margin:14px 0 10px;line-height:1.35}.ru:after{content:"";display:block;width:64px;height:4px;margin:10px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--ac) 0 33%,var(--bd) 0 66%,var(--ac2) 0)}.pr{text-align:center;color:var(--mut)}.ar{font-size:22px;text-align:center;margin:12px 0}.bar{height:10px;background:var(--bd);border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--ok),var(--ac));transition:width .6s}.streak{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--ac2) 14%,transparent);color:var(--ac2);border:1px solid color-mix(in srgb,var(--ac2) 35%,transparent);border-radius:999px;padding:5px 12px;font-weight:800;font-size:14px;margin-bottom:10px}.st{display:flex;gap:10px;text-align:center}.st div{flex:1;background:var(--bg);border:1px solid var(--bd);border-radius:16px;padding:10px 6px;font-size:13px;color:var(--mut)}.st b{display:block;font-size:26px;font-weight:800;color:var(--ac)}.ok{color:var(--ok)}.bad{color:var(--bad)}.op{margin:7px 0}.op.g{background:var(--ok);color:var(--onok);border-color:var(--ok);animation:pop .35s}.op.r{background:var(--bad);color:var(--onbad);border-color:var(--bad);animation:shk .35s}.big{font-size:46px;background:var(--bg)}.tray{text-align:center;direction:ltr;min-height:52px}.chip{display:inline-block;padding:9px 14px;margin:5px;border:2px solid var(--bd);border-radius:14px;background:var(--card);font-size:20px;cursor:pointer;box-shadow:var(--sh);transition:transform .12s,border-color .15s;-webkit-user-select:none;user-select:none}@media (hover:hover){.chip:hover{border-color:var(--ac);transform:translateY(-2px)}}.chip:active{transform:scale(.93)}hr{border:0;border-top:2px dashed var(--bd);margin:14px 0}.unit{display:flex;align-items:center;gap:16px;cursor:pointer;transition:transform .15s,border-color .15s}@media (hover:hover){.unit:hover{transform:translateY(-3px);border-color:var(--ac)}}.circ{position:relative;width:62px;height:62px;padding:0;margin:0;border-radius:50%;flex:0 0 auto;border:0;background:conic-gradient(var(--ac) calc(var(--p)*1%),var(--bd) 0);display:flex;align-items:center;justify-content:center}.circ:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--card)}.circ span{position:relative;font-size:20px;font-weight:800;color:var(--ac)}.circ.done{background:var(--ok)}.circ.done span{color:var(--ok)}#sp{padding:6px;min-height:24px}@keyframes pop{50%{transform:scale(1.04)}}@keyframes shk{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}.spk.big.sp-mic{margin:18px auto 8px}.spk.big.sp-mic.rec{background:linear-gradient(135deg,var(--ac2),#ff8a5b);box-shadow:0 0 0 9px color-mix(in srgb,var(--ac2) 22%,transparent),0 14px 26px -12px var(--ac2);animation:mic 1.1s ease-in-out infinite}@keyframes mic{0%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--ac2) 28%,transparent),0 14px 26px -12px var(--ac2)}50%{box-shadow:0 0 0 18px color-mix(in srgb,var(--ac2) 8%,transparent),0 14px 26px -12px var(--ac2)}}.mic-l{text-align:center;color:var(--mut);font-size:14px;margin-bottom:6px}.heard{text-align:center;direction:ltr;margin:8px 0 4px;padding:8px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--bd);font-size:16px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button{display:flex;align-items:center;justify-content:center;gap:8px}.ic{width:20px;height:20px;flex:0 0 auto}.flag{display:inline-block;width:30px;height:20px;border-radius:5px;vertical-align:-3px;border:1px solid var(--bd);background:linear-gradient(#fff 0,#fff 33.3%,#2b4bd0 0,#2b4bd0 66.6%,#e63950 0)}.dng{background:var(--bad);color:var(--onbad);border-color:var(--bad)}.spk{background:linear-gradient(135deg,#4a4fe0,#6a3fe0);color:#fff;border-color:transparent}.spk svg{width:22px;height:22px}.spk.big{width:88px;height:88px;border-radius:50%;margin:12px auto;padding:0;box-shadow:0 0 0 9px color-mix(in srgb,var(--ac) 16%,transparent),0 14px 26px -12px #4a4fe0}.spk.big svg{width:40px;height:40px}.pl .spk path:last-child{animation:wv .5s infinite alternate}@keyframes wv{0%{opacity:.25}to{opacity:1}}.hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pb{flex:1;height:14px;border-radius:14px;background:var(--bd);overflow:hidden}.pb i{display:block;height:100%;border-radius:14px;background:linear-gradient(90deg,var(--ok),var(--ac));transition:width .5s}.x{flex:0;width:auto;margin:0;padding:6px 14px;font-size:14px}.ex>.m:first-child{display:inline-block;font-weight:500;color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent);padding:6px 14px;border-radius:12px;margin-bottom:8px}.ex.right{animation:pop .4s;border-color:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent)}.ex.wrong{animation:shk .4s;border-color:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 22%,transparent)}.ex{counter-reset:o}.op{position:relative;padding-inline:48px}.op:before{counter-increment:o;content:counter(o);position:absolute;inset-inline-start:12px;top:50%;translate:0 -50%;width:26px;height:26px;border-radius:9px;background:var(--bg);border:1px solid var(--bd);color:var(--mut);font-size:13px;display:grid;place-items:center}.op.g:before,.op.r:before{background:#ffffff40;border-color:transparent;color:inherit}.fb{font-weight:700;text-align:center;padding:10px;border-radius:14px;margin:14px 0 0;background:color-mix(in srgb,currentColor 12%,transparent);animation:pop .35s}.ex-I .ru{font-size:32px}.ex-I .ar{font-weight:500}.tray:has(+hr){border:2px dashed var(--bd);border-radius:16px;background:var(--bg);padding:6px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.tray{min-height:60px}html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{height:100%}:root{padding:0}body{margin:0;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}body:before{display:none}input{user-select:text;-webkit-user-select:text}button,.chip,.unit,.nv{outline:none}button:focus-visible{outline:3px solid var(--ac2);outline-offset:2px}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg)}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:4px;min-height:56px;padding:env(safe-area-inset-top,0px) 12px 0;background:linear-gradient(135deg,#4a4fe0,#6a3fe0);color:#fff;box-shadow:0 3px 12px -2px #1e1e7873;z-index:5}.topbar h2{flex:1;margin:0;padding:0 6px;font-size:20px;font-weight:700}.topbar .bk{width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;flex:0 0 auto}.topbar .bk:active{background:#ffffff2e;transform:none}.topbar .bk svg{width:24px;height:24px}.scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#app{padding-bottom:28px}.nav{flex:0 0 auto;display:flex;background:var(--card);border-top:1px solid var(--bd);padding-bottom:env(safe-area-inset-bottom,0px)}.nv{flex:1;flex-direction:column;gap:3px;margin:0;padding:8px 0 10px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:12px;font-weight:500;color:var(--mut)}.nv:active{transform:none}.nv .pill{display:grid;place-items:center;width:60px;height:30px;border-radius:16px;transition:background .2s}.nv.on{color:var(--ac)}.nv.on .pill{background:color-mix(in srgb,var(--ac) 20%,transparent)}.unit:active{transform:scale(.98)}.scroll{padding-top:env(safe-area-inset-top,0px)}.srow{display:flex;align-items:center;justify-content:space-between;gap:12px}.sb{width:auto;margin:0;padding:8px 20px;font-size:15px}.set input{margin-top:12px}.mg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.mg>div{display:flex;flex-direction:column;gap:8px}.mt{margin:0;min-height:58px;padding:10px 8px;font-size:15px;line-height:1.35;text-align:center;word-break:break-word;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.mt.sel{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}.mt.g{background:var(--ok);color:var(--onok);border-color:var(--ok);pointer-events:none;opacity:.85}.mt.r{background:var(--bad);color:var(--onbad);border-color:var(--bad);animation:shk .35s}.wi{font-size:20px;text-align:center;margin:10px 0 6px}input[type=checkbox]{width:auto;flex:0 0 auto;margin:0 10px 0 0;accent-color:var(--ac);transform:scale(1.3)}.selit{cursor:pointer;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.selit.on{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 20%,transparent)}.unit.active{cursor:pointer}.skw{display:flex;justify-content:flex-end;direction:ltr}.skip{width:auto;margin:8px 0 0;padding:5px 14px;font-size:13px;font-weight:400;border-width:1px;border-radius:10px;background:transparent;color:var(--mut);box-shadow:none}.today{margin:10px 0 0;text-align:center}.mys-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.mys-h .m{flex:1;direction:ltr;text-align:left}.mys .del{flex:0 0 auto;width:auto;margin:0;padding:6px 12px;font-size:14px;font-weight:600;gap:6px;border-radius:999px;background:transparent;color:var(--bad);border:2px solid var(--bad)}.mys .del .ic{width:16px;height:16px}@media (hover:hover){.mys .del:hover{background:var(--bad);color:var(--onbad)}}.selit .ok{font-size:13px;font-weight:600}