:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #f2f3f5);--text: var(--tg-theme-text-color, #111418);--hint: var(--tg-theme-hint-color, #8a9099);--link: var(--tg-theme-link-color, #2481cc);--btn: var(--tg-theme-button-color, #2481cc);--btn-text: var(--tg-theme-button-text-color, #ffffff);--ok: #2fb35f;--bad: #e5484d;--accent: #ff8a00;--radius: 16px;--tabbar: 58px;--app-h: var(--tg-viewport-stable-height, 100dvh);color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: var(--tg-theme-bg-color, #17191c);--bg2: var(--tg-theme-secondary-bg-color, #222529);--text: var(--tg-theme-text-color, #f1f3f5);--hint: var(--tg-theme-hint-color, #8d939b)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:var(--app-h);overflow:hidden;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:var(--bg2);border-radius:12px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--btn);color:var(--btn-text);font-weight:600}button.big{width:100%;padding:14px;font-size:17px}button.accent{background:color-mix(in srgb,var(--accent) 18%,var(--bg2));color:var(--accent);font-weight:600}button.ghost{background:transparent;color:var(--hint);border:1px dashed var(--hint);margin-top:10px;width:100%}button.link{background:none;color:var(--link);padding:4px 0}button.pill{border-radius:999px;padding:6px 12px;font-size:14px}.muted{color:var(--hint)}.ok{color:var(--ok)}.bad{color:var(--bad)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app{height:var(--app-h);display:grid;grid-template-rows:1fr var(--tabbar)}.main{position:relative;overflow:hidden}.tab-pane,.tab-pane>*{height:100%}.tab-pane[hidden]{display:none}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid color-mix(in srgb,var(--hint) 25%,transparent);background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{background:none;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--hint);padding:6px 0}.tabbar button.on{color:var(--btn)}.tab-icon{font-size:20px;line-height:1}.screen{height:100%;overflow-y:auto;padding:16px 16px 32px}.screen h3{margin:22px 4px 10px}.feed{position:relative;height:100%}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg2);border-radius:12px;padding:3px}.segmented button{background:none;padding:7px 8px;font-size:14px;border-radius:10px}.segmented button.on{background:var(--bg);font-weight:600;box-shadow:0 1px 3px #0000001f}.feed-scroller{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}.feed-scroller::-webkit-scrollbar{display:none}.slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;display:flex}.feed.with-back .slide{padding-top:calc(52px + env(safe-area-inset-top))}.feed-back{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;z-index:5;background:color-mix(in srgb,var(--bg2) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg2);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;align-items:center;gap:8px;padding:12px 14px 0;font-size:13px;min-width:0}.card-title{margin:0;font-size:18px;line-height:1.3;min-width:0}.theory .card-head{flex-wrap:wrap;padding-top:14px}.badge{flex-shrink:0;font-weight:600;background:var(--bg);border-radius:999px;padding:3px 10px}.unit-name{color:var(--hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body{flex:1;overflow-y:auto;padding:12px 16px;overscroll-behavior:contain}.card-body.center{justify-content:center}.card-body h2{font-size:19px;line-height:1.3;margin:4px 0 10px}.card-foot{padding:10px 14px 14px;display:flex;justify-content:center}.card-foot .primary{width:100%}.card-foot.hint{color:var(--hint);font-size:13px}.section,.lead{color:var(--hint);font-size:14px;margin-bottom:8px}.lead{font-style:italic}.rich p{margin:0 0 10px}.rich ul{margin:0 0 10px;padding-left:20px}.rich li{margin-bottom:6px}.sign-image{display:flex;justify-content:center;padding:8px 0 4px}.sign-image img{max-height:150px;max-width:70%}.q-image img{width:100%;border-radius:12px;display:block}.q-text{font-size:17px!important}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;margin:0 2px;border-radius:8px;background:var(--bg);color:var(--link);font-size:14px;vertical-align:middle}.chip img{height:22px;width:auto;max-width:40px;object-fit:contain}.options{display:flex;flex-direction:column;gap:8px}.option{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--bg);padding:12px;border:2px solid transparent;transition:transform .08s,border-color .2s}.option:active:not(:disabled){transform:scale(.98)}.option:disabled{opacity:1}.opt-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-size:13px;font-weight:700}.option.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--bg))}.option.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--bg));animation:shake .3s}.option.dim{opacity:.55}.option.pending{opacity:.7}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.verdict{margin-top:14px;padding:12px;border-radius:12px;background:var(--bg);animation:pop .25s ease-out}@keyframes pop{0%{transform:translateY(8px);opacity:0}}.verdict.v-ok .verdict-head strong{color:var(--ok)}.verdict.v-bad .verdict-head strong{color:var(--bad)}.verdict-head{display:flex;justify-content:space-between;align-items:center;font-size:17px}.xp{font-weight:700;color:var(--accent);font-size:14px}.tip{font-size:14px;margin:8px 0}.refs{display:flex;flex-wrap:wrap;gap:6px}.refs .chip{background:var(--bg2)}.big-emoji{font-size:54px}.paywall .card-body{display:flex;flex-direction:column;align-items:center;text-align:center}.perks{list-style:none;padding:0;text-align:left;margin:8px 0 16px}.perks li{margin:6px 0}.upgrade{width:100%;display:flex;flex-direction:column;gap:10px}.promo{display:flex;gap:8px}.promo input{flex:1;min-width:0;font:inherit;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--hint) 40%,transparent);background:var(--bg);color:var(--text);text-transform:uppercase}.panel{background:var(--bg2);border-radius:var(--radius);padding:14px;margin-bottom:12px}.panel h2{margin:0 0 6px}.hero{display:flex;gap:16px;align-items:center}.hero-stats{display:flex;flex-direction:column;gap:4px;font-size:14px}.hero-stats button{margin-top:6px}.ring{width:120px;flex-shrink:0}.ring-bg{fill:none;stroke:var(--bg);stroke-width:9}.ring-fg{fill:none;stroke:var(--ok);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s}.ring-text{font-size:22px;font-weight:700;text-anchor:middle;fill:var(--text)}.ring-sub{font-size:9px;text-anchor:middle;fill:var(--hint)}.tip-panel{cursor:pointer;font-size:14px}.unit-row{background:var(--bg2);border-radius:14px;padding:12px;margin-bottom:10px}.unit-top{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:15px}.stars{color:var(--accent);white-space:nowrap;letter-spacing:1px}.bar{display:flex;height:8px;background:var(--bg);border-radius:99px;overflow:hidden;margin:8px 0 6px}.bar-ok{background:var(--ok)}.bar-bad{background:var(--bad)}.unit-numbers{display:flex;gap:10px;font-size:13px;flex-wrap:wrap}.unit-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.unit-actions button{font-size:13px;padding:7px 10px;background:var(--bg)}.unit-actions button.accent{background:color-mix(in srgb,var(--accent) 18%,var(--bg))}.achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.achievement{background:var(--bg2);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;filter:grayscale(1);opacity:.45}.achievement.on{filter:none;opacity:1}.a-icon{font-size:28px}.a-title{font-size:13px;font-weight:600}.a-desc{font-size:11px;color:var(--hint)}.tickets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tickets button{padding:12px 0;font-weight:600}.exam-runner{height:100%;display:flex;flex-direction:column;padding:10px 12px 12px;gap:8px}.exam-top{display:flex;align-items:center;gap:10px}.dots{flex:1;display:flex;flex-wrap:wrap;gap:3px}.dot{width:9px;height:9px;border-radius:50%;background:var(--bg2)}.dot.extra{border-radius:2px}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.dot.cur{outline:2px solid var(--btn)}.timer{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.timer.hot{color:var(--bad)}.profile-head{display:flex;gap:12px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;background:var(--btn);color:var(--btn-text);display:grid;place-items:center;font-size:22px;font-weight:700}.grid-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.grid-stats div{display:flex;flex-direction:column}.grid-stats span{font-size:12px;color:var(--hint)}.setting-row{display:flex;flex-direction:column;gap:8px;padding:8px 0}.setting-row .segmented{background:var(--bg)}.setting-row .segmented button.on{background:var(--bg2)}.grid-stats{row-gap:12px}.settings label{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:12px}.settings select{font:inherit;padding:6px 8px;border-radius:10px;background:var(--bg);color:var(--text);border:1px solid color-mix(in srgb,var(--hint) 40%,transparent)}.board{list-style:none;padding:0;margin:10px 0 0}.board li{display:flex;gap:10px;padding:8px 4px;border-bottom:1px solid color-mix(in srgb,var(--hint) 15%,transparent)}.board li.me{font-weight:700}.board .rank{width:26px;text-align:center}.board .name{flex:1}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:flex-end}.sheet{width:100%;max-height:80%;display:flex;flex-direction:column;background:var(--bg2);border-radius:18px 18px 0 0;animation:slide-up .2s ease-out;padding-bottom:env(safe-area-inset-bottom)}.sheet .card{min-height:0}.sheet-handle{width:40px;height:5px;border-radius:99px;background:var(--hint);margin:8px auto 0;opacity:.5}@keyframes slide-up{0%{transform:translateY(100%)}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar) + 16px);transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;z-index:60;max-width:calc(100% - 32px);text-align:center}.spinner{width:32px;height:32px;border:3px solid var(--bg2);border-top-color:var(--btn);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}