:root{--pad: 18px;--nav-h: 58px;--f: "Archivo", "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .7, .2, 1)}[data-theme]{--acc: #ffd400;--on-acc: #16181c;--ok: #23c76a;--bad: #ff4d42;--warn: #ff9e1b}[data-theme=dark]{color-scheme:dark;--bg: #141619;--surf: #1c1f24;--surf2: #23272e;--line: rgba(255, 255, 255, .1);--line2: rgba(255, 255, 255, .2);--tx: #f2f0ec;--tx2: rgba(242, 240, 236, .6);--tx3: rgba(242, 240, 236, .34);--tx-nav: rgba(242, 240, 236, .66);--tg: #17191d;--acc-tint: rgba(255, 212, 0, .1);--ok-tint: rgba(35, 199, 106, .14);--bad-tint: rgba(255, 77, 66, .14)}[data-theme=light]{color-scheme:light;--bg: #e9e7e2;--surf: #f5f3ef;--surf2: #dfdcd5;--line: rgba(32, 30, 29, .13);--line2: rgba(32, 30, 29, .26);--tx: #201e1d;--tx2: rgba(32, 30, 29, .62);--tx3: rgba(32, 30, 29, .38);--tx-nav: rgba(32, 30, 29, .64);--tg: #dcd9d2;--acc-tint: rgba(255, 212, 0, .3);--ok-tint: rgba(35, 199, 106, .16);--bad-tint: rgba(255, 77, 66, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--tx);font-family:var(--f);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}img{max-width:100%}.eyebrow{font-size:10.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}.h-page{font-weight:800;font-size:24px;letter-spacing:-.03em;line-height:1.15;margin:0}.muted{color:var(--tx2);font-size:12.5px;line-height:1.45}.screen{display:flex;flex-direction:column;gap:16px;padding:20px var(--pad) calc(var(--nav-h) + 28px + max(env(safe-area-inset-bottom),var(--tg-viewport-safe-area-inset-bottom, 0px)));max-width:560px;margin-inline:auto}.bleed{margin-inline:calc(-1 * var(--pad))}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:60vh;padding:var(--pad);text-align:center}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;background:var(--tg);padding:calc(12px + var(--tg-viewport-safe-area-inset-top, 0px)) 16px 10px;border-bottom:1px solid var(--line)}.topbar__logo{flex:none;width:30px;height:30px;border-radius:50%;background:var(--acc);color:var(--on-acc);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:-.02em;overflow:hidden}.topbar__name{font-weight:800;font-size:14px;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__sub{font-size:10px;color:var(--tx3);letter-spacing:.08em;text-transform:uppercase}.iconbtn{flex:none;width:30px;height:30px;border:1px solid var(--line2);color:var(--tx2);font-size:12px;display:flex;align-items:center;justify-content:center;text-decoration:none}.lang-btn{height:30px;padding:0 9px;border:1px solid var(--line2);color:var(--tx);font-size:11.5px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:6px}.lang-btn.is-open{border-color:var(--acc)}.lang-btn__caret{font-size:8px;color:var(--tx3)}.lang-backdrop{position:fixed;inset:0}.lang-menu{position:absolute;top:36px;right:0;z-index:1;min-width:148px;background:var(--surf);border:1px solid var(--line2);display:flex;flex-direction:column}.lang-menu button{text-align:left;padding:11px 13px;color:var(--tx2);border-bottom:1px solid var(--line);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.lang-menu button:last-child{border-bottom:0}.lang-menu button.is-on{background:var(--on-acc);color:var(--acc)}.lang-menu__code{font-size:10px;letter-spacing:.08em;opacity:.7}.plate{position:relative;background:var(--surf);border:1px solid var(--line);padding:18px;overflow:hidden}.hazard{position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(115deg,var(--acc) 0 14px,transparent 14px 28px);opacity:.55}.tile{background:var(--surf);border:1px solid var(--line);padding:14px 16px}.tile__label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx3)}.tile__n{font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:1;margin-top:6px;font-variant-numeric:tabular-nums}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surf);border:1px solid var(--line);color:var(--tx);padding:16px 18px;font-weight:700;font-size:14.5px;text-align:left;transition:background .15s}.row:active{background:var(--surf2)}.row:disabled{opacity:.45;cursor:default}.row--bad{border-left:4px solid var(--bad)}.row__go{flex:none;color:var(--tx2);font-size:16px}.sign-media .qimg-wrap{width:fit-content;max-width:100%;margin-inline:auto}.sign-media .qimg{width:auto;max-width:100%;min-height:0}.covstrip{display:grid;grid-template-columns:repeat(25,1fr);gap:3px}.covstrip i{display:block;height:5px}.badges{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.badge{flex:none;width:92px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.badge__plate{width:92px;height:64px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:-.02em;background:#f5f3ef;color:#201e1d;border:2px solid #201e1d;box-shadow:inset 0 0 0 3px #f5f3ef,inset 0 0 0 4px #201e1d59}.badge.is-locked .badge__plate{background:var(--surf2);color:var(--tx3);border-color:var(--line2);box-shadow:none}.badge__name{font-size:10.5px;line-height:1.25;font-weight:600;color:var(--tx2)}.badge.is-locked .badge__name{color:var(--tx3)}.nextbadge__bar{height:6px;background:var(--surf2);margin-top:10px}.nextbadge__bar>i{display:block;height:100%;background:var(--acc)}.board__row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);font-size:13.5px}.board__row.is-me{background:var(--surf);font-weight:800}.board__rank{flex:none;width:20px;color:var(--tx3);font-variant-numeric:tabular-nums;font-weight:700}.board__av{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surf2);color:var(--tx2);font-size:12px;font-weight:800}.board__row.is-me .board__av{background:var(--acc);color:var(--on-acc)}.board__score{margin-left:auto;flex:none;font-variant-numeric:tabular-nums;font-weight:700}.readbar{position:fixed;top:var(--tg-viewport-safe-area-inset-top, 0px);left:0;right:0;height:3px;z-index:50;pointer-events:none}.readbar>div{height:100%;width:0;background:var(--acc)}.clause{background:var(--surf);border:1px solid var(--line);padding:12px 14px}.clause summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;user-select:none}.clause summary::-webkit-details-marker{display:none}.clause summary:after{content:"▾";margin-left:auto;color:var(--tx3);font-size:12px;transition:transform .15s var(--ease)}.clause[open] summary:after{transform:rotate(180deg)}.clause__n{font-weight:800;font-size:12px;color:var(--on-acc);background:var(--acc);padding:2px 7px}.lesson-p{margin:0;font-size:14px;line-height:1.6;white-space:pre-line;text-wrap:pretty}.clause .lesson-p{margin-top:8px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--tx2)}.legend span{display:flex;align-items:center;gap:6px}.legend i{flex:none;width:10px;height:10px;border:1px solid var(--line2)}.bilet{width:100%;display:flex;align-items:stretch;background:var(--surf);border:1px solid var(--line);color:var(--tx);padding:0;text-align:left;transition:background .15s;content-visibility:auto;contain-intrinsic-size:auto 64px}.bilet:active{background:var(--surf2)}.bilet__mark{flex:none;width:5px}.bilet__body{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:14px 16px}.bilet__label{font-weight:800;font-size:14.5px;letter-spacing:-.01em}.badge-acc{background:var(--acc);color:var(--on-acc);font-size:11px;font-weight:800;padding:2px 7px;font-variant-numeric:tabular-nums}.backlink{display:flex;align-items:center;gap:7px;padding:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2)}.strip{display:flex;gap:3px}.strip i{flex:1;height:5px;background:var(--surf2);transition:background .25s var(--ease)}.strip i.done{background:var(--acc)}.strip i.now{background:var(--tx)}.qimg-wrap{position:relative}.qimg{display:block;width:100%;height:auto;min-height:200px;max-height:58vh;object-fit:contain;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.qimg-zoom{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.35)}.qzoom{width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;border:0;background:transparent;display:none}.qzoom[open]{display:flex;align-items:center;justify-content:center}.qzoom img{max-width:100vw;max-height:100vh;object-fit:contain}.qzoom::backdrop{background:#000000e0}.qtext{font-weight:800;font-size:19px;line-height:1.3;letter-spacing:-.015em;text-wrap:pretty;margin:0}.opt{width:100%;display:flex;align-items:stretch;text-align:left;padding:0;background:transparent;border:2px solid var(--line);color:var(--tx);font-size:14.5px;line-height:1.4;font-weight:500;border-radius:14px;overflow:hidden;transition:background .15s,border-color .15s,color .15s}.opt:disabled{cursor:default}.opt:not(:disabled):active{background:var(--surf2)}.opt__bar{flex:none;width:6px;background:transparent}.opt__text{flex:1;min-width:0;padding:13px 12px 13px 14px;text-wrap:pretty}.opt__mark{flex:none;font-size:15px;font-weight:800;color:var(--tx3);padding:13px 14px 13px 0}.opt.is-correct{background:var(--ok-tint);border-color:var(--ok)}.opt.is-correct .opt__bar{background:var(--ok)}.opt.is-correct .opt__mark{color:var(--ok)}.opt.is-wrong{background:var(--bad-tint);border-color:var(--bad)}.opt.is-wrong .opt__bar{background:var(--bad)}.opt.is-wrong .opt__mark{color:var(--bad)}.opt.is-dim{color:var(--tx3)}.opt.is-picked{background:var(--acc-tint);border-color:var(--acc)}.opt.is-picked .opt__bar{background:var(--acc)}.verdict{border-top:2px solid var(--tx);padding-top:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.verdict__label{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.linkline{flex:none;border-bottom:1px solid var(--acc);color:var(--tx);font-weight:600;font-size:13px;padding:0 0 3px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#0000008c;display:flex;align-items:flex-end}.sheet{width:100%;max-height:74%;overflow-y:auto;background:var(--bg);border-top:3px solid var(--acc);padding:20px var(--pad) calc(26px + max(env(safe-area-inset-bottom),var(--tg-viewport-safe-area-inset-bottom, 0px)));display:flex;flex-direction:column;gap:14px;animation:sheet-up .28s var(--ease)}.sheet__close{flex:none;width:28px;height:28px;border:1px solid var(--line2);color:var(--tx2);font-size:13px;display:flex;align-items:center;justify-content:center}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}.tabbar{position:fixed;inset:auto 0 0;z-index:50;display:flex;background:var(--surf);border-top:1px solid var(--line);padding-bottom:max(env(safe-area-inset-bottom),var(--tg-viewport-safe-area-inset-bottom, 0px))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px 9px;border-top:3px solid transparent;color:var(--tx-nav);font-size:10.5px;font-weight:600;letter-spacing:.03em;transition:color .15s}.tab.is-on{border-top-color:var(--acc);color:var(--tx)}.btn-main{width:100%;padding:17px 18px;font-weight:800;font-size:15px;letter-spacing:.01em;background:var(--acc);color:var(--on-acc);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.btn-main:active{filter:brightness(.92)}.btn-main__icon{flex:none;opacity:.55;font-size:16px}.btn-main.is-wait{background:var(--surf2);color:var(--tx2);justify-content:center;cursor:default}.jump{display:flex;gap:6px}.jump__cell{flex:1;height:44px;background:var(--surf);border:1px solid var(--line);border-bottom:3px solid transparent;color:var(--tx3);font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums;transition:background .15s,color .15s}.jump__cell.is-ok,.jump__cell.is-bad{color:var(--tx)}.jump__cell.is-ok{border-bottom-color:var(--ok)}.jump__cell.is-bad{border-bottom-color:var(--bad)}.jump__cell.is-now{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}.topicrow{width:100%;border-bottom:1px solid var(--line);padding:12px 2px;text-align:left;display:flex;flex-direction:column;gap:7px}.topicrow:active{background:var(--surf)}.topicrow__idx{flex:none;font-size:12px;font-weight:800;color:var(--tx3);font-variant-numeric:tabular-nums}.topicrow__bar{display:block;height:6px;background:var(--surf2)}.topicrow__fill{display:block;height:6px}.loader{width:32px;height:32px;border:3px solid var(--surf2);border-top-color:var(--acc);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.anim-rise{animation:riseIn .34s ease-out both}.anim-cell{animation:cellIn .32s ease-out both}.slip-stamp{animation:stampIn .5s cubic-bezier(.2,1.5,.4,1) .75s both}.anim-tick{animation:tick 1s ease-in-out infinite}.hazard{animation:hz 1.4s linear infinite}@keyframes riseIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes cellIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes stampIn{0%{opacity:0;transform:rotate(-24deg) scale(1.9)}60%{opacity:1;transform:rotate(-5deg) scale(.94)}to{opacity:.92;transform:rotate(-7deg) scale(1)}}@keyframes hz{to{background-position:28px 0}}@keyframes tick{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.signrow{width:100%;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 2px;text-align:left;content-visibility:auto;contain-intrinsic-size:auto 67px}.signrow:active{background:var(--surf)}.signrow__img{flex:none;width:46px;height:46px;object-fit:contain;background:#fff;border:1px solid var(--line)}.signrow__img--none{display:flex;align-items:center;justify-content:center;text-align:center;padding:2px;background:transparent;border:1px dashed var(--line2);color:var(--tx3);font-size:7.5px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em}.signrow__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.signrow__code{font-size:12px;font-weight:800;color:var(--tx3);font-variant-numeric:tabular-nums}.signrow__name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis}