@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(./onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(./onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(./onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f5fa;--bg2:#e8ecf6;--surface:#fff;--surface2:#f6f8fd;--ink:#0e1633;--ink2:#46507a;--ink3:#636c90;--on-ok:#fff;--on-bad:#fff;--on-seal:#fff;--line:#dce1ef;--line2:#c9d0e6;--primary:#2438c8;--primary-d:#16268f;--primary-ink:#fff;--primary-soft:#e5e9fc;--seal:#d63a25;--seal-d:#a92614;--seal-soft:#fce6e1;--gold:#f2b632;--gold-d:#b97e00;--gold-soft:#fff1cc;--ok:#157a52;--ok-d:#0e5c3d;--ok-soft:#ddf3e8;--bad:#c42b3c;--bad-soft:#fbe3e6;--t0:#6b7390;--t1:#d6423f;--t2:#b36b00;--t3:#13805a;--t4:#6a3fd0;--t1f:#ffd9d8;--t2f:#ffebc4;--t3f:#d6f2e6;--t4f:#e7deff;--shadow:0 1px 0 #0e16330a,0 10px 30px -12px #2438c838;--shadow-lg:0 24px 60px -20px #0e163359;--hero-a:#2438c8;--hero-b:#0e1a66;--hero-ink:#fff;--blob1:#2438c824;--blob2:#d63a251a;--grid:#d63a2547;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#080c1d;--bg2:#0c1226;--surface:#121a38;--surface2:#17214a;--ink:#eef2ff;--ink2:#a9b3de;--ink3:#8d97c4;--on-ok:#04271a;--on-bad:#3a0610;--on-seal:#2b0a02;--line:#242f5c;--line2:#33407a;--primary:#8ea2ff;--primary-d:#5b72ee;--primary-ink:#0a1030;--primary-soft:#1b2660;--seal:#ff6b4a;--seal-d:#d84a2b;--seal-soft:#3a1a1b;--gold:#f5c65a;--gold-d:#c99a2e;--gold-soft:#3a3012;--ok:#4ade9c;--ok-d:#22b87a;--ok-soft:#0f3a2b;--bad:#ff7a89;--bad-soft:#40161d;--t0:#98a1c9;--t1:#ff7b76;--t2:#ffc266;--t3:#4ade9c;--t4:#b497ff;--t1f:#4a1e24;--t2f:#4a3a14;--t3f:#0f3a2b;--t4f:#2d2260;--shadow:0 1px 0 #ffffff08 inset,0 14px 34px -14px #000000b3;--shadow-lg:0 30px 70px -24px #000000d9;--hero-a:#22318f;--hero-b:#0a1030;--hero-ink:#fff;--blob1:#6e86ff29;--blob2:#ff6b4a1a;--grid:#ff6b4a4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#080c1d;--bg2:#0c1226;--surface:#121a38;--surface2:#17214a;--ink:#eef2ff;--ink2:#a9b3de;--ink3:#8d97c4;--on-ok:#04271a;--on-bad:#3a0610;--on-seal:#2b0a02;--line:#242f5c;--line2:#33407a;--primary:#8ea2ff;--primary-d:#5b72ee;--primary-ink:#0a1030;--primary-soft:#1b2660;--seal:#ff6b4a;--seal-d:#d84a2b;--seal-soft:#3a1a1b;--gold:#f5c65a;--gold-d:#c99a2e;--gold-soft:#3a3012;--ok:#4ade9c;--ok-d:#22b87a;--ok-soft:#0f3a2b;--bad:#ff7a89;--bad-soft:#40161d;--t0:#98a1c9;--t1:#ff7b76;--t2:#ffc266;--t3:#4ade9c;--t4:#b497ff;--t1f:#4a1e24;--t2f:#4a3a14;--t3f:#0f3a2b;--t4f:#2d2260;--shadow:0 1px 0 #ffffff08 inset,0 14px 34px -14px #000000b3;--shadow-lg:0 30px 70px -24px #000000d9;--hero-a:#22318f;--hero-b:#0a1030;--hero-ink:#fff;--blob1:#6e86ff29;--blob2:#ff6b4a1a;--grid:#ff6b4a4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--r-xs:10px;--r-s:16px;--r:22px;--r-l:28px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--nav-h:64px;--bar-h:56px;--col:560px;--font:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:var(--font);--hz:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","Noto Serif CJK SC","SimSun","Microsoft YaHei",serif;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.36,.64,1);--sheet:cubic-bezier(.2,.9,.3,1);--d1:.15s;--d2:.22s;--d3:.3s;--surface-2:var(--surface2);--ink-2:var(--ink2);--ink-3:var(--ink3);--line-2:var(--line2);--accent:var(--primary);--accent-ink:var(--primary-ink);--accent-soft:var(--primary-soft);--warn:var(--gold-d);--warn-soft:var(--gold-soft);--fill:color-mix(in srgb,var(--ink) 6%,transparent);--fill-2:color-mix(in srgb,var(--ink) 10%,transparent);--hair:color-mix(in srgb,var(--line) 90%,transparent);--seg-on:var(--surface);--elev-1:0 1px 2px #0e16330a;--elev-2:0 12px 32px -16px #0e163338;--elev-3:0 24px 56px -24px #0e163361}:root[data-theme=dark]{--seg-on:var(--surface2);--elev-1:0 1px 2px #00000059;--elev-2:0 14px 34px -16px #000000b3;--elev-3:0 28px 64px -24px #000000d9}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--seg-on:var(--surface2);--elev-1:0 1px 2px #00000059;--elev-2:0 14px 34px -16px #000000b3;--elev-3:0 28px 64px -24px #000000d9}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior-y:none;transition:background-color .4s var(--ease),color .4s var(--ease);overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:12px}h1,h2,h3,h4,p{margin:0}.zh{font-family:var(--hz);font-weight:500}.num{font-variant-numeric:tabular-nums}.mut{color:var(--ink2)}.mut3{color:var(--ink3)}.c{text-align:center}.t0{color:var(--t0)}.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.t4{color:var(--t4)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes item-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes q-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.97)}50%{transform:scale(1.02)}to{transform:none}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes grow{0%{transform:scaleY(0)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-pop{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ripple{0%{opacity:.55;transform:scale(.92)}to{opacity:0;transform:scale(1.32)}}@keyframes breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--seal) 45%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--seal) 0%,transparent)}}@keyframes sk{to{background-position:-200% 0}}.stagger>*{animation:item-in .36s var(--ease) both}.stagger>:nth-child(2){animation-delay:40ms}.stagger>:nth-child(3){animation-delay:80ms}.stagger>:nth-child(4){animation-delay:.12s}.stagger>:nth-child(5){animation-delay:.16s}.stagger>:nth-child(6){animation-delay:.2s}.stagger>:nth-child(7){animation-delay:.24s}.stagger>:nth-child(n+8){animation-delay:.28s}.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.bg{z-index:0;pointer-events:none;background:radial-gradient(70vmax 50vmax at 85% -10%,var(--blob1),transparent 60%), radial-gradient(60vmax 45vmax at -10% 105%,var(--blob2),transparent 60%);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bg i{display:none}.app{width:100%;min-height:100vh;flex-direction:column;align-items:center;min-height:100dvh;display:flex;position:relative}.col{width:100%;max-width:var(--col);margin:0 auto;padding:0 16px}.page{width:100%;padding-bottom:calc(var(--nav-h) + 32px + env(safe-area-inset-bottom));animation:page-in .32s var(--ease) both}.page.nonav{padding-bottom:40px}.topbar{z-index:20;width:100%;min-height:calc(var(--bar-h) + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) max(16px,calc((100% - var(--col))/2 + 16px)) 6px;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:saturate(1.6)blur(18px);align-items:center;gap:8px;display:flex;position:sticky;top:0}.hd{min-width:0}.hd-t{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:650;line-height:1.25;overflow:hidden}.hd-s{color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;line-height:1.3;overflow:hidden}.brand{letter-spacing:-.015em;text-align:left;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;font-size:17px;font-weight:700;display:flex}.brand>span:not(.logo){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand:disabled{cursor:default}.brand svg{transition:transform var(--d2) var(--ease);flex:none}.brand:active:not(:disabled) svg{transform:translateY(2px)}.logo{background:var(--seal);color:#fff;width:34px;height:34px;font-family:var(--hz);border-radius:10px;flex:none;place-items:center;font-size:19px;font-weight:700;line-height:1;display:grid}.logo.main{font-family:var(--font);letter-spacing:-.02em;font-weight:800}.pill{background:var(--surface);height:36px;box-shadow:inset 0 0 0 1px var(--hair);white-space:nowrap;font-variant-numeric:tabular-nums;transition:transform var(--d1) var(--ease),background-color var(--d2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:650;display:inline-flex}.pill svg{width:18px;height:18px}button.pill:active{transform:scale(.95)}.pill.gold{color:var(--gold-d)}:root[data-theme=dark] .pill.gold{color:var(--gold)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .pill.gold{color:var(--gold)}}.iconbtn{background:var(--surface);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--hair);transition:transform var(--d1) var(--ease),background-color var(--d2);border-radius:50%;flex:none;place-items:center;display:grid}.iconbtn:active{transform:scale(.92)}.iconbtn svg{width:20px;height:20px}.avatar-btn{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);transition:transform var(--d1) var(--ease);border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid}.avatar-btn:active{transform:scale(.92)}.avatar-btn,button.pill,button.chip{position:relative}.avatar-btn:after,button.pill:after,button.chip:after{content:"";border-radius:inherit;width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.iconbtn:hover,button.pill:hover{background:color-mix(in srgb,var(--ink) 4%,var(--surface))}}.nav{z-index:30;padding:0 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none;animation:sheet-pop .36s var(--ease) both;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav>div{pointer-events:auto;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(20px)saturate(1.8);width:100%;max-width:400px;box-shadow:inset 0 0 0 1px var(--hair),var(--elev-3);border-radius:26px;gap:4px;padding:6px;display:flex}.nav button{height:52px;color:var(--ink3);transition:color var(--d2) var(--ease),background-color var(--d2) var(--ease),transform var(--d1) var(--ease);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex;position:relative}.nav button svg{width:22px;height:22px;transition:transform var(--d3) var(--spring)}.nav button:active{transform:scale(.94)}.nav button[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.nav button[aria-current=page] svg{transform:translateY(-1px)scale(1.04)}.nav .dot{background:var(--seal);color:#fff;font-variant-numeric:tabular-nums;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);animation:pop-in .4s var(--spring) both;border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:5px;left:calc(50% + 5px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:var(--bg)}.nav>div{background:var(--surface)}}.btn{letter-spacing:-.005em;text-align:center;background:var(--fill);min-height:54px;color:var(--ink);-webkit-user-select:none;user-select:none;width:100%;transition:transform var(--d1) var(--ease),background-color var(--d2) var(--ease),opacity var(--d2),filter var(--d2),box-shadow var(--d2);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:650;line-height:1.2;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--primary);color:var(--primary-ink)}.btn.seal{background:var(--seal);color:var(--on-seal)}.btn.ok{background:var(--ok);color:var(--on-ok)}.btn.bad{background:var(--bad);color:var(--on-bad)}.btn.sm{white-space:nowrap;gap:6px;width:auto;min-height:44px;padding:0 16px;font-size:14.5px}.btn.ghost{color:var(--primary);background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{flex:none;width:20px;height:20px}.btn.sm svg{width:18px;height:18px}@media (hover:hover){.btn:hover:not(:disabled){background:var(--fill-2)}.btn.primary:hover:not(:disabled),.btn.seal:hover:not(:disabled),.btn.ok:hover:not(:disabled),.btn.bad:hover:not(:disabled){filter:brightness(1.07)}.btn.primary:hover:not(:disabled){background:var(--primary)}.btn.seal:hover:not(:disabled){background:var(--seal)}.btn.ok:hover:not(:disabled){background:var(--ok)}.btn.bad:hover:not(:disabled){background:var(--bad)}.btn.ghost:hover:not(:disabled){background:var(--primary-soft)}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.nw{flex-wrap:nowrap}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.stack.s{gap:8px}.stack.l{gap:24px}.sp{height:8px}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);box-shadow:var(--elev-1);padding:20px;position:relative}.card.flat{box-shadow:none}.card.tint{background:var(--surface2)}button.card{transition:transform var(--d1) var(--ease),border-color var(--d2),background-color var(--d2)}button.card:active{transform:scale(.985)}@media (hover:hover){button.card:hover{border-color:var(--line2)}}.h1{letter-spacing:-.03em;font-size:30px;font-weight:750;line-height:1.12}.h2{letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:1.22}.h3{letter-spacing:-.01em;font-size:17px;font-weight:650;line-height:1.3}.eyebrow{color:var(--ink3);font-size:13px;font-weight:600;line-height:1.35}.note{border-radius:var(--r-s);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);gap:12px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}.note.blue{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.note.red{background:var(--seal-soft);border-color:color-mix(in srgb,var(--seal) 28%,transparent)}.note svg{flex:none;width:20px;height:20px;margin-top:2px}.chip{background:var(--primary-soft);height:26px;color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}button.chip{transition:transform var(--d1) var(--ease)}button.chip:active{transform:scale(.95)}.chip.gold{background:var(--gold-soft);color:var(--gold-d)}:root[data-theme=dark] .chip.gold{color:var(--gold)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .chip.gold{color:var(--gold)}}.chip.ok{background:var(--ok-soft);color:var(--ok)}.sec-h{justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px;display:flex}.sec-h .eyebrow{white-space:nowrap}.hero{border-radius:var(--r-l);color:var(--hero-ink);background:linear-gradient(155deg,var(--hero-a),var(--hero-b));isolation:isolate;box-shadow:var(--elev-2);padding:20px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(closest-side,var(--seal),transparent);opacity:.6;z-index:-1;border-radius:50%;width:300px;height:300px;position:absolute;top:-130px;right:-110px}.hero:after{content:"";z-index:-1;background:radial-gradient(80% 60% at 10% 120%,#ffffff1f,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.hero .eyebrow{color:#ffffffbf}.hero .h1{color:#fff}.bal-top{color:#fffc;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:500;display:flex}.bal-top>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bal-lvl{color:#fff;white-space:nowrap;background:#ffffff24;border-radius:999px;flex:none;align-items:center;height:28px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.bal-main{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.bal-num{letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#fff;align-items:baseline;gap:6px;font-size:56px;font-weight:750;line-height:1;display:flex}.bal-num small{letter-spacing:-.02em;color:#ffffff9e;font-size:22px;font-weight:600}.bal-cap{color:#fffc;margin-top:8px;font-size:14px;line-height:1.4}.bal-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.bal-m{text-align:left;min-width:0;transition:background-color var(--d2),transform var(--d1) var(--ease);background:#ffffff1a;border-radius:16px;flex-direction:column;gap:2px;padding:10px;display:flex}button.bal-m:active{transform:scale(.96)}@media (hover:hover){button.bal-m:hover{background:#ffffff29}}.bal-m b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;align-items:center;gap:5px;font-size:20px;font-weight:700;line-height:1.2;display:flex}.bal-m b svg{opacity:.85;flex:none;width:16px;height:16px}.bal-m small{color:#ffffffbd;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.bal-date{color:#fff9;white-space:nowrap;flex:none;font-size:13px;font-weight:500}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px;display:grid}.wk{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.wk-bar{background:#ffffff1a;border-radius:8px;width:100%;max-width:30px;height:40px;display:block;position:relative;overflow:hidden}.wk-bar i{transform-origin:bottom;animation:grow .7s var(--ease) both;background:#ffffffe0;border-radius:8px;position:absolute;bottom:0;left:0;right:0}.wk.today .wk-bar i{background:var(--seal)}.wk small{color:#ffffffa8;text-transform:lowercase;font-size:11px;font-weight:500;line-height:1}.wk.today small{color:#fff;font-weight:700}.week .wk:nth-child(2) i{animation-delay:40ms}.week .wk:nth-child(3) i{animation-delay:80ms}.week .wk:nth-child(4) i{animation-delay:.12s}.week .wk:nth-child(5) i{animation-delay:.16s}.week .wk:nth-child(6) i{animation-delay:.2s}.week .wk:nth-child(7) i{animation-delay:.24s}.hero-boards{gap:6px;display:flex}.tzg{background:linear-gradient(to right,transparent calc(50% - .5px),var(--grid) calc(50% - .5px),var(--grid) calc(50% + .5px),transparent calc(50% + .5px)), linear-gradient(to bottom,transparent calc(50% - .5px),var(--grid) calc(50% - .5px),var(--grid) calc(50% + .5px),transparent calc(50% + .5px)), var(--surface);border:1.5px solid var(--seal);border-radius:14px;position:relative;overflow:hidden}.tzg:after{content:"";pointer-events:none;background:linear-gradient(45deg,transparent calc(50% - .5px),var(--grid) calc(50% - .5px),var(--grid) calc(50% + .5px),transparent calc(50% + .5px)), linear-gradient(-45deg,transparent calc(50% - .5px),var(--grid) calc(50% - .5px),var(--grid) calc(50% + .5px),transparent calc(50% + .5px));opacity:.45;position:absolute;top:0;bottom:0;left:0;right:0}.tzg svg{z-index:1;display:block;position:relative}.hero .tzg{background:linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff47 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#ffffff47 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),#080c1d61;border-color:#ffffff8c}.hero .tzg:after{display:none}.lvtile{background:var(--fill);width:50px;height:50px;color:var(--ink);font:750 25px/1 var(--font);letter-spacing:-.02em;border-radius:14px;place-items:center;animation:4s ease-in-out infinite float;display:grid}.lvtile:nth-child(2){color:var(--seal)}.ring{flex:none;width:76px;height:76px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring b{font-variant-numeric:tabular-nums;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring b svg{width:26px;height:26px;transform:none}.ring .tr{stroke:#fff3}.ring .pr{stroke:#fff;transition:stroke-dashoffset .9s var(--ease)}.pring{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.pring .rg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.pring .tr{stroke:var(--line)}.pring .pr{stroke:var(--primary);transition:stroke-dashoffset .9s var(--ease)}.pring b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;position:relative}.pring>svg:not(.rg){width:20px;height:20px}.pring.done{background:var(--ok);color:var(--on-ok)}.pring.lock{background:var(--fill);color:var(--ink3)}.cont{flex-direction:column;gap:14px;display:flex}.cont-top{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.cont-top>div:first-child{min-width:0}.cont-art{pointer-events:none;flex:none}.cont-meta{color:var(--ink3);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.hub-c{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.hub-c.sel{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.hub-top{align-items:center;gap:14px;min-width:0;display:flex}.hub-logo{border-radius:16px;width:56px;height:56px;font-size:30px}.me-ava{border-radius:50%}.me-ava:not(.zh){font-family:var(--font);font-size:24px;font-weight:700}.list{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);box-shadow:var(--elev-1);overflow:hidden}.lrow{text-align:left;width:100%;min-height:68px;transition:background-color var(--d2) var(--ease);align-items:center;gap:14px;padding:12px 16px;display:flex;position:relative}.lrow+.lrow:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:74px;right:0}button.lrow:active{background:var(--fill)}@media (hover:hover){button.lrow:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}}.lrow .t{letter-spacing:-.01em;font-size:16px;font-weight:650;line-height:1.3;display:block}.lrow .s.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lp-title{letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:4px;font-size:30px;font-weight:750;line-height:1.2}.lp-title.zh{letter-spacing:0;font-size:40px;font-weight:600;line-height:1.15}.lp-sub{margin-top:4px;font-size:17px}.lrow .t.zh{letter-spacing:0;font-size:21px;font-weight:500;line-height:1.25}.lrow .s{color:var(--ink2);margin-top:2px;font-size:13.5px;line-height:1.35;display:block}.lrow .end{color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.lrow .end svg{flex:none;width:18px;height:18px}.lrow .end .okv{color:var(--ok)}.lrow.locked .t{color:var(--ink3)}.lrow.now{background:color-mix(in srgb,var(--primary) 5%,transparent)}.ico-c{background:var(--fill);width:44px;height:44px;color:var(--ink2);transition:transform var(--d3) var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.ico-c svg{width:21px;height:21px}.ico-c.ok{background:var(--ok-soft);color:var(--ok)}.ico-c.now{background:var(--primary);color:var(--primary-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}.ico-c.seal{background:var(--seal-soft);color:var(--seal)}.ico-c.acc{background:var(--primary-soft);color:var(--primary)}.ico-c.lg{width:56px;height:56px}.ico-c.lg svg{width:26px;height:26px}button.lrow:active .ico-c{transform:scale(.92)}.opts{gap:10px;display:grid}.opts.two{grid-template-columns:1fr 1fr}.opt{border-radius:var(--r-s);background:var(--surface);min-height:58px;box-shadow:inset 0 0 0 1px var(--line2);text-align:left;width:100%;transition:transform var(--d1) var(--ease),box-shadow var(--d2) var(--ease),background-color var(--d2) var(--ease),opacity var(--d2);align-items:center;gap:12px;padding:12px 16px;font-size:17px;font-weight:600;line-height:1.3;display:flex;position:relative}.opt:active:not(:disabled){transform:scale(.98)}@media (hover:hover){.opt:hover:not(:disabled):not(.sel){box-shadow:inset 0 0 0 1px var(--ink3)}}.opt .key{background:var(--fill);width:26px;height:26px;color:var(--ink3);font-variant-numeric:tabular-nums;transition:background-color var(--d2),color var(--d2);border-radius:8px;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.opt.sel{box-shadow:inset 0 0 0 2px var(--primary);background:var(--primary-soft)}.opt.sel .key{background:var(--primary);color:var(--primary-ink)}.opt.ok{box-shadow:inset 0 0 0 2px var(--ok);background:var(--ok-soft);animation:pop .4s var(--spring)}.opt.ok .key{background:var(--ok);color:var(--on-ok)}.opt.bad{box-shadow:inset 0 0 0 2px var(--bad);background:var(--bad-soft);animation:shake .4s var(--ease)}.opt.bad .key{background:var(--bad);color:var(--on-bad)}.opt.ok:after,.opt.bad:after{content:"";width:22px;height:22px;-webkit-mask:var(--ic) center/contain no-repeat;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;animation:pop-in .3s var(--spring) both;flex:none;margin-left:auto}.opt.ok:after{background:var(--ok);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}.opt.bad:after{background:var(--bad);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")}.opts.big .opt.ok:after,.opts.big .opt.bad:after,.pairs .opt:after{width:18px;height:18px;position:absolute;top:8px;right:8px}.opt.dim{opacity:.5}.opt .zh{font-size:28px;line-height:1.1}.opts.big .opt{justify-content:center;min-height:84px;font-size:22px}.opts.big .opt .zh{font-size:36px}.opts>.opt{animation:item-in .32s var(--ease) both}.opts>.opt:nth-child(2){animation-delay:40ms}.opts>.opt:nth-child(3){animation-delay:80ms}.opts>.opt:nth-child(4){animation-delay:.12s}.opts>.opt:nth-child(n+5){animation-delay:.16s}.opts>.opt.ok{animation:pop .4s var(--spring)}.opts>.opt.bad{animation:shake .4s var(--ease)}.tiles{flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:60px;display:flex}.tile{background:var(--surface);min-width:50px;min-height:50px;box-shadow:inset 0 0 0 1px var(--line2),var(--elev-1);font-family:var(--hz);animation:pop-in .26s var(--spring) both;transition:transform var(--d1) var(--ease),opacity var(--d2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:6px 14px;font-size:26px;font-weight:600;line-height:1.1;display:inline-flex}.tile.main{font-family:var(--font);letter-spacing:-.01em;font-size:18px;font-weight:600}.tile:active:not(:disabled){transform:scale(.94)}.tile small{font-family:var(--font);margin-top:1px;font-size:12px;font-weight:600}.tile.used{opacity:.25;box-shadow:none;pointer-events:none}.answer{border-radius:var(--r-s);background:var(--fill);min-height:76px;transition:box-shadow var(--d2),background-color var(--d2);flex-wrap:wrap;align-content:flex-start;gap:8px;padding:12px;display:flex;position:relative}.answer:empty:before{content:"Соберите ответ из плиток ниже";color:var(--ink3);align-self:center;margin:auto;font-size:14px;font-weight:500}.answer.bad{box-shadow:inset 0 0 0 2px var(--bad);background:var(--bad-soft)}.answer.ok{box-shadow:inset 0 0 0 2px var(--ok);background:var(--ok-soft)}.pairs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pairs .col2{flex-direction:column;gap:10px;display:flex}.pairs .opt{text-align:center;justify-content:center;min-height:60px;font-size:16px}.pairs .opt.zhs{font-size:26px}.pairs .opt.gone{opacity:0;pointer-events:none;transition:all .35s var(--ease);transform:scale(.85)}.qbar{padding:calc(8px + env(safe-area-inset-top)) 16px 6px;max-width:var(--col);align-items:center;gap:12px;width:100%;margin:0 auto;display:flex}.qcount{text-align:right;min-width:44px;color:var(--ink2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.meter{background:var(--fill-2);border-radius:99px;flex:1;height:8px;position:relative;overflow:hidden}.meter>i{background:var(--ok);transition:width .5s var(--ease);border-radius:99px;position:absolute;top:0;bottom:0;left:0;right:auto}.meter.blue>i{background:var(--primary)}.meter.thin{height:6px}.qwrap{max-width:var(--col);width:100%;animation:q-in .3s var(--ease) both;flex-direction:column;flex:1;margin:0 auto;padding:8px 16px 0;display:flex}.qtitle{text-align:center;color:var(--ink2);margin-top:8px;font-size:15px;font-weight:600;line-height:1.4}.qtitle em{color:var(--gold-d);font-style:normal}:root[data-theme=dark] .qtitle em{color:var(--gold)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .qtitle em{color:var(--gold)}}.prompt{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.ctx{text-align:left;white-space:pre-line;border-radius:var(--r-s);background:var(--surface);border:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;width:100%;max-height:34vh;margin-bottom:8px;padding:14px 16px;font-size:16px;line-height:1.55;overflow:auto}.ctx .main{font-weight:500}.prompt .zh.big{font-size:72px;line-height:1.05}.prompt .py{font-size:22px;font-weight:700}.prompt .ru{letter-spacing:-.01em;color:var(--ink);font-size:19px;font-weight:600;line-height:1.35}.prompt .emoji{font-size:80px;line-height:1;animation:3.6s ease-in-out infinite float}.sound{background:var(--primary);width:88px;height:88px;color:var(--primary-ink);box-shadow:0 12px 28px -12px color-mix(in srgb,var(--primary) 75%,transparent);transition:transform var(--d1) var(--ease),box-shadow var(--d2);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sound:active{transform:scale(.93)}.sound svg{width:40px;height:40px}.sound.playing:before,.sound.playing:after{content:"";border:2px solid var(--primary);border-radius:50%;animation:1.2s ease-out infinite ripple;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.sound.playing:after{animation-delay:.5s}.sound.sm{width:52px;height:52px;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--primary) 75%,transparent)}.sound.sm svg{width:24px;height:24px}.sound.tiny{width:44px;height:44px;box-shadow:none}.sound.tiny svg{width:20px;height:20px}.sound.ghost{background:var(--primary-soft);color:var(--primary);box-shadow:none}.fb{z-index:40;max-width:600px;padding:20px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--elev-3);animation:sheet-up .42s var(--sheet) both;border-radius:28px 28px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.fb.ok{background:var(--ok-soft)}.fb.bad{background:var(--bad-soft)}.fb .ttl{letter-spacing:-.015em;align-items:center;gap:12px;margin-bottom:8px;font-size:19px;font-weight:700;line-height:1.25;display:flex}.fb.ok .ttl{color:var(--ok)}.fb.bad .ttl{color:var(--bad)}.fb-ic{width:34px;height:34px;animation:pop-in .42s var(--spring) .1s both;border-radius:50%;flex:none;place-items:center;display:grid}.fb-ic svg{stroke-width:2.6px;width:19px;height:19px}.fb.ok .fb-ic{background:var(--ok);color:var(--on-ok)}.fb.bad .fb-ic{background:var(--bad);color:var(--on-bad)}.fb .why{color:var(--ink);margin:0 0 16px 46px;font-size:15.5px;line-height:1.45}.fb-inner{max-width:560px;margin:0 auto}.qfoot{z-index:5;padding:24px 0 calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 40%);margin-top:auto;position:sticky;bottom:0}.py-i{font-weight:700}.tabs,.seg{background:var(--fill);border-radius:14px;gap:4px;padding:4px;display:flex}.tabs button,.seg button{min-height:44px;color:var(--ink2);transition:background-color var(--d2) var(--ease),color var(--d2),box-shadow var(--d2),transform var(--d1) var(--ease);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:14.5px;font-weight:600;line-height:1.2;display:flex}.tabs button:active,.seg button:active{transform:scale(.97)}.tabs button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--seg-on);color:var(--ink);box-shadow:var(--elev-1),0 0 0 1px var(--hair)}.seg button svg{width:18px;height:18px}.tonecard{background:var(--surface);text-align:left;transition:transform var(--d1) var(--ease),border-color var(--d2);border:1.5px solid #0000;border-radius:18px;flex-direction:column;gap:6px;padding:14px;display:flex;position:relative;overflow:hidden}.tonecard:active{transform:scale(.97)}.tonecard.t1{background:var(--t1f)}.tonecard.t2{background:var(--t2f)}.tonecard.t3{background:var(--t3f)}.tonecard.t4{background:var(--t4f)}.tonecard.on{border-color:currentColor}.tonecard .big{letter-spacing:-.02em;font-size:32px;font-weight:750;line-height:1}.tonecard svg.curve{width:100%;height:auto;max-height:84px}.curve path.base{fill:none;stroke:currentColor;opacity:.22;stroke-width:9px;stroke-linecap:round}.curve path.live{fill:none;stroke:currentColor;stroke-width:9px;stroke-linecap:round}.curve .lvl{stroke:currentColor;opacity:.12;stroke-width:1.2px;stroke-dasharray:3 5}.curve circle.dot{fill:currentColor;filter:drop-shadow(0 0 6px)}.sylgrid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.cell{background:var(--surface);min-height:60px;box-shadow:inset 0 0 0 1px var(--line2);transition:transform var(--d1) var(--ease),background-color var(--d2),box-shadow var(--d2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:relative}.cell:active{transform:scale(.94)}@media (hover:hover){.cell:hover{box-shadow:inset 0 0 0 1px var(--ink3)}}.cell small{color:var(--ink3);letter-spacing:.01em;margin-top:2px;font-size:10.5px;font-weight:600}.cell.on{background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}.cell.pair{background:var(--seal-soft)}.sylgrid>.cell{animation:pop-in .3s var(--spring) both}.toneGrid{grid-template-columns:auto repeat(4,1fr);align-items:center;gap:8px;display:grid}.toneGrid .cell{min-height:58px;font-size:26px}.toneGrid .hd{text-align:center;color:var(--ink3);font-size:12px;font-weight:700}.toneGrid .rl{color:var(--ink3);padding-right:4px;font-size:15px;font-weight:700}.anatomy{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.anatomy .box{border:1.5px dashed var(--line2);background:var(--surface);border-radius:14px;flex-direction:column;align-items:center;min-width:56px;padding:8px 10px;display:flex}.anatomy .box b{font-size:26px;line-height:1.1}.anatomy .box small{letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);margin-top:2px;font-size:11px;font-weight:600}.anatomy .plus{color:var(--ink3);font-size:20px;font-weight:700}.arrow-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ex-pill{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);border-radius:16px;flex-direction:column;align-items:center;padding:10px 16px;display:inline-flex}.ex-pill b{font-size:22px}.ex-pill.real{background:var(--ok-soft);box-shadow:inset 0 0 0 1.5px var(--ok)}.flip{perspective:1200px;width:100%;animation:item-in .36s var(--ease) both}.flip-in{width:100%;height:330px;transform-style:preserve-3d;transition:transform .6s var(--ease);position:relative}.flip.on .flip-in{transform:rotateY(180deg)}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--hair);background:var(--surface);box-shadow:var(--elev-2);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.face.back{background:linear-gradient(160deg,var(--primary-soft),var(--surface));transform:rotateY(180deg)}.face .zh{font-size:96px;line-height:1}.face .zh.long{font-size:66px}.face .main{overflow-wrap:anywhere;letter-spacing:-.02em;line-height:1.3}.bubble{max-width:92%;animation:item-in .32s var(--ease) both;align-items:flex-end;gap:10px;display:flex}.bubble.B{flex-direction:row-reverse;align-self:flex-end}.avatar{color:#fff;background:var(--primary);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.bubble.B .avatar{background:var(--seal)}:root[data-theme=dark] .avatar{color:var(--primary-ink)}:root[data-theme=dark] .bubble.B .avatar{color:var(--on-seal)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .avatar{color:var(--primary-ink)}:root[data-theme=auto] .bubble.B .avatar{color:var(--on-seal)}}.bubble .bx{background:var(--surface);border:1px solid var(--hair);text-align:left;transition:transform var(--d1) var(--ease),box-shadow var(--d2),border-color var(--d2);border-radius:20px 20px 20px 6px;padding:12px 16px;position:relative}.bubble.B .bx{background:var(--primary-soft);border-color:#0000;border-radius:20px 20px 6px}.bubble .bx:active{transform:scale(.98)}.bubble.now .bx{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}.bubble .zh{font-size:30px;line-height:1.15}.bubble .py{margin-top:2px;font-size:15px;font-weight:700}.bubble .ru{color:var(--ink2);margin-top:4px;font-size:14px;line-height:1.4}.scene{border-radius:var(--r);background:linear-gradient(135deg,var(--primary-soft),var(--seal-soft));place-items:center;width:100%;height:112px;font-size:52px;display:grid;position:relative;overflow:hidden}.boardwrap{justify-content:center;display:flex}.strokecard{border-radius:var(--r-s);background:var(--surface);border:1px solid var(--hair);align-items:center;gap:14px;padding:12px 16px;display:flex}.strokecard svg{width:56px;height:56px;color:var(--seal);flex:none}.charrow{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.charbtn{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);transition:transform var(--d1) var(--ease),box-shadow var(--d2),background-color var(--d2);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;display:flex}.charbtn:active{transform:scale(.95)}.charbtn.on{background:var(--seal-soft);box-shadow:inset 0 0 0 2px var(--seal)}.charbtn .zh{font-size:38px;line-height:1.1}.charbtn small{color:var(--ink2);font-size:12px;font-weight:600}.result{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:16px;display:flex}.score{width:156px;height:156px;animation:pop-in .55s var(--spring) both;place-items:center;display:grid;position:relative}.score svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.score .tr{stroke:var(--fill-2)}.score .pr{stroke:var(--ok);transition:stroke-dashoffset 1.1s var(--ease) .15s}.score.fail .pr{stroke:var(--gold)}.score-in{flex-direction:column;align-items:center;display:flex;position:relative}.score-in b{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:750;line-height:1}.score-in b small{letter-spacing:-.02em;margin-left:1px;font-size:24px;font-weight:650}.score-in>span{color:var(--ink3);margin-top:6px;font-size:13px;font-weight:500}.stamp{background:var(--fill);width:110px;height:110px;color:var(--ink3);font-family:var(--hz);animation:pop-in .5s var(--spring) both;border-radius:30px;place-items:center;font-size:56px;font-weight:700;line-height:1;display:grid}.stamp.main{font-family:var(--font);letter-spacing:-.03em;font-size:40px}.stamp.fail{color:var(--ink3)}.stars{justify-content:center;gap:8px;display:flex}.stars svg{width:30px;height:30px;color:var(--line2);transition:color .5s var(--ease)}.stars svg.on{color:var(--gold);animation:pop-in .5s var(--spring) both}.statrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.stat{border-radius:var(--r-s);background:var(--surface);border:1px solid var(--hair);text-align:center;min-width:0;padding:14px 8px}.stat b{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.2;display:block}.stat small{color:var(--ink2);margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.3;display:block}.stat .gold{color:var(--gold-d)}:root[data-theme=dark] .stat .gold{color:var(--gold)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .stat .gold{color:var(--gold)}}canvas.confetti{pointer-events:none;z-index:90;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.badge{text-align:center;border-radius:var(--r-s);background:var(--surface);border:1px solid var(--hair);color:var(--ink2);transition:transform var(--d1) var(--ease);flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;font-size:12.5px;font-weight:600;line-height:1.3;display:flex}.badge:active{transform:scale(.96)}.badge .ic{background:var(--fill);width:48px;height:48px;color:var(--ink3);border-radius:50%;place-items:center;display:grid}.badge .ic svg{width:24px;height:24px}.badge.got .ic{background:var(--gold-soft);color:var(--gold-d);box-shadow:inset 0 0 0 1.5px var(--gold)}:root[data-theme=dark] .badge.got .ic{color:var(--gold)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .badge.got .ic{color:var(--gold)}}.badge.got{color:var(--ink)}.badge:not(.got) .ic{opacity:.7}.bars{align-items:flex-end;gap:8px;height:96px;display:flex}.bars i{background:var(--primary);transform-origin:bottom;min-height:4px;animation:grow .7s var(--ease) both;border-radius:8px 8px 4px 4px;flex:1}.bars i:nth-child(2){animation-delay:40ms}.bars i:nth-child(3){animation-delay:80ms}.bars i:nth-child(4){animation-delay:.12s}.bars i:nth-child(5){animation-delay:.16s}.bars i:nth-child(6){animation-delay:.2s}.bars i:nth-child(n+7){animation-delay:.24s}.bars i.today{background:var(--seal)}.bars i.zero{background:var(--fill-2)}.sheet-bg{z-index:80;-webkit-backdrop-filter:blur(4px);animation:fade .22s var(--ease) both;background:#05081673;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{overscroll-behavior:contain;background:var(--surface);width:100%;max-width:560px;max-height:88vh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--elev-3);animation:sheet-up .38s var(--sheet) both;border-radius:28px 28px 0 0;overflow:auto}.sheet .grab{background:var(--line2);border-radius:3px;width:40px;height:5px;margin:4px auto 16px}@media (min-width:700px){.sheet-bg{align-items:center;padding:24px}.sheet{border-radius:28px;padding-bottom:24px;animation-name:sheet-pop}.sheet .grab{visibility:hidden;margin-bottom:8px}}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));z-index:95;background:var(--ink);color:var(--bg);box-shadow:var(--elev-3);animation:toast .45s var(--spring) both;text-align:left;border-radius:20px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:12px 18px;font-size:15px;font-weight:600;line-height:1.35;display:flex;position:fixed;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-24px)scale(.96)}to{opacity:1;transform:translate(-50%)}}.toast svg{width:20px;height:20px;color:var(--gold);flex:none}.field{flex-direction:column;gap:8px;display:flex}.input{border-radius:var(--r-s);background:var(--surface);width:100%;min-height:54px;box-shadow:inset 0 0 0 1px var(--line2);font:inherit;color:var(--ink);transition:box-shadow var(--d2) var(--ease),background-color var(--d2);border:0;outline:none;padding:0 16px;font-size:17px;font-weight:500}.input::placeholder{color:var(--ink3);opacity:1}.input:focus{box-shadow:inset 0 0 0 2px var(--primary),0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.input:disabled{opacity:.75}textarea.input{word-break:break-all;resize:vertical;min-height:96px;padding:14px 16px;font-size:13px;line-height:1.45}.qwrap>.input{letter-spacing:-.01em;min-height:58px;font-size:20px;font-weight:600}.switch{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding:14px 0;display:flex}.switch:last-child{border:0}.switch .tg{background:var(--line2);width:51px;height:31px;transition:background-color var(--d3) var(--ease);border-radius:99px;flex:none;position:relative}.switch .tg:after{content:"";width:27px;height:27px;transition:transform var(--d3) var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000038,0 0 0 .5px #0000000a}.switch:active .tg:after{width:31px}.switch[aria-checked=true] .tg{background:var(--ok)}.switch[aria-checked=true] .tg:after{transform:translate(20px)}.switch[aria-checked=true]:active .tg:after{transform:translate(16px)}.welcome{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:24px;display:flex}.wl-marks{gap:10px;margin-bottom:20px;display:flex}.wl-mark{background:var(--surface);width:64px;height:64px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair),var(--elev-2);animation:pop-in .5s var(--spring) both;border-radius:20px;place-items:center;font-size:34px;line-height:1;display:grid}.wl-mark:first-child{background:var(--seal);color:#fff;box-shadow:var(--elev-2)}.wl-mark:nth-child(2){animation-delay:80ms}.wl-mark:nth-child(3){animation-delay:.16s}.wl-mark.zh{font-family:var(--hz);font-weight:700}.wl-mark.main{font-family:var(--font);font-weight:800}.welcome .big-zh{font-family:var(--hz);color:var(--ink);font-size:96px;font-weight:800;line-height:1.1}.welcome .big-zh em{color:var(--seal);font-style:normal}.skel{background:linear-gradient(90deg,var(--fill),var(--fill-2),var(--fill));background-size:200% 100%;border-radius:12px;animation:1.4s linear infinite sk}.empty{text-align:center;border:1px dashed var(--line2);border-radius:var(--r);background:var(--surface);color:var(--ink2);flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.empty .ico-c{margin-bottom:4px}@media (min-width:900px){body{background:var(--bg2)}#app>.app{background:var(--bg);max-width:600px;box-shadow:0 0 0 1px var(--hair),0 0 80px -20px #0e16331f;margin:0 auto}.page{padding-top:4px}}@media (max-width:360px){.btn{gap:6px;padding:0 16px;font-size:15px}.row.nw>.btn{min-width:0}.h1{font-size:26px}.bal-num{font-size:46px}.bal-m{padding:8px 10px}.bal-m b{font-size:17px}.prompt .zh.big{font-size:60px}.face .zh{font-size:80px}.opt{padding:10px 12px;font-size:16px}.lrow{gap:12px;padding:12px 14px}.lrow+.lrow:before{left:70px}.cont-art{display:none}.bal-cap{font-size:13px}}.main{font-family:var(--font);font-weight:700}.prompt .main.big{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:40px;font-weight:750;line-height:1.2}.prompt .main.big-sm{letter-spacing:-.015em;text-align:center;font-size:26px;font-weight:650;line-height:1.4}.opt .main{font-size:19px;font-weight:650;line-height:1.35}.opts.big .opt .main{font-size:26px}.keypad{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.key-lv{background:var(--surface);min-width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line2);font:650 19px/1 var(--font);transition:transform var(--d1) var(--ease),background-color var(--d2);border-radius:12px;padding:0 8px}.key-lv:active{background:var(--primary-soft);transform:scale(.9)}@media (hover:hover){.key-lv:hover{box-shadow:inset 0 0 0 1px var(--ink3)}}.blank{border-bottom:2.5px solid var(--primary);text-align:center;min-width:92px;color:var(--primary);transition:color var(--d2),border-color var(--d2);margin:0 4px;padding:0 8px;font-weight:700;display:inline-block}.blank.ok{color:var(--ok);border-color:var(--ok)}.blank.bad{color:var(--bad);border-color:var(--bad)}.gtable{border-collapse:collapse;width:100%;min-width:300px;font-size:15px}.gtable th,.gtable td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 8px;line-height:1.4}.gtable th:first-child,.gtable td:first-child{padding-left:0}.gtable tr:last-child td{border-bottom:0}.gtable th{letter-spacing:.03em;text-transform:uppercase;color:var(--ink3);vertical-align:bottom;font-size:11.5px;font-weight:600}.tm{flex-direction:column;gap:12px;width:100%;margin:0;display:flex}.tm-legend{color:var(--ink3);flex-wrap:wrap;gap:6px 16px;font-size:12.5px;font-weight:600;display:flex}.tm-legend span{align-items:center;gap:6px;display:inline-flex}.tm-sw{background:var(--ink3);opacity:.35;border-radius:4px;width:24px;height:8px;display:inline-block}.tm-sw.you{background:var(--ink);opacity:1;border-radius:2px;height:3px}.tm-panels{grid-template-columns:repeat(var(--n,1),minmax(0,300px));justify-content:center;gap:8px;display:grid}.tm-syl{border-radius:var(--r-s);background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line);animation:item-in .32s var(--ease) both;flex-direction:column;align-items:stretch;gap:4px;padding:8px 8px 12px;display:flex}.tm-syl+.tm-syl{animation-delay:60ms}.tm-syl.ok{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ok) 60%,transparent)}.tm-syl.bad{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--bad) 60%,transparent)}.tm-plot{width:100%;height:auto;display:block}.tm-lvl{stroke:var(--ink3);opacity:.2;stroke-width:1.2px;stroke-dasharray:3 5}.tm-ref{fill:none;stroke:currentColor;opacity:.3;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}:root[data-theme=dark] .tm-ref{opacity:.42}@media (prefers-color-scheme:dark){:root[data-theme=auto] .tm-ref{opacity:.42}}.tm-you{fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0;animation:tm-draw .9s var(--ease) both}.tm-you.unsure{stroke-dasharray:.035 .03;opacity:.75;animation:tm-fade .5s var(--ease) both}.tm-end{fill:var(--ink);animation:tm-fade .3s .75s var(--ease) both}.tm-syl.ok .tm-end{fill:var(--ok)}.tm-syl.bad .tm-end{fill:var(--bad)}@keyframes tm-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tm-fade{0%{opacity:0}to{opacity:1}}.tm-tag{text-align:center;color:var(--ink2);flex-direction:column;align-items:center;gap:1px;font-size:13.5px;font-weight:600;line-height:1.3;display:flex}.tm-tag small{letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);font-size:11px;font-weight:600}.tm-tag b{font-weight:700}.tm-ok{color:var(--ok);align-items:center;gap:4px;display:inline-flex}.tm-ok svg{width:16px;height:16px}.tm-mut{color:var(--ink3)}.tm-msg{border-radius:var(--r-s);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);color:var(--ink);align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;line-height:1.45;display:flex}.tm-msg.silent{background:var(--seal-soft);border-color:color-mix(in srgb,var(--seal) 28%,transparent)}.tm-msg svg{flex:none;width:20px;height:20px;margin-top:2px}.tm-verdict{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;line-height:1.45;list-style:none;display:flex}.tm-verdict li{align-items:flex-start;gap:10px;display:flex}.tm-verdict li:before{content:"";background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}.tm-verdict li.bad:before{background:var(--bad)}.tm-verdict li.unk:before{background:var(--ink3)}.no-motion .tm-you,.no-motion .tm-end{animation:none}@media (prefers-reduced-motion:reduce){.tm-you,.tm-end{animation:none}}@media (max-width:420px){.tm-panels.many{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:360px){.tm-panels{gap:6px}.tm-tag{font-size:12.5px}.tm-msg,.tm-verdict{font-size:14px}}.cs{padding:calc(24px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));z-index:1;animation:cs-in .45s var(--ease) backwards;flex-direction:column;gap:18px;display:flex;position:relative}@keyframes cs-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cs-badge{background:var(--primary-soft);width:56px;height:56px;color:var(--primary);border-radius:18px;place-items:center;margin-bottom:14px;display:grid}.cs-badge svg{width:28px;height:28px}.cs h1{margin-top:6px}.cs h1:focus{outline:none}.cs-lead{margin-top:10px;font-size:16px}.cs-again{margin:14px 0 0;font-size:14.5px}.cs-facts{margin:0;padding:2px 18px;list-style:none}.cs-facts li{border-bottom:1px solid var(--line);gap:12px;padding:12px 0;font-size:15px;line-height:1.45;display:flex}.cs-facts li:last-child{border-bottom:0}.cs-facts li>svg{width:22px;height:22px;color:var(--primary);flex:none;margin-top:1px}.cs-more{border:1px solid var(--hair,var(--line));border-radius:var(--r-s);background:var(--surface)}.cs-more>summary{cursor:pointer;border-radius:var(--r-s);justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:0 16px;font-weight:650;list-style:none;display:flex}.cs-more>summary::-webkit-details-marker{display:none}.cs-more>summary svg{width:20px;height:20px;color:var(--ink3);transition:transform .2s var(--ease);flex:none}.cs-more[open]>summary svg{transform:rotate(180deg)}.cs-more dl{margin:0;padding:0 16px 14px}.cs-more dt{margin-top:12px;font-size:14.5px;font-weight:650}.cs-more dt:first-child{margin-top:2px}.cs-more dd{color:var(--ink2);margin:2px 0 0;font-size:14.5px;line-height:1.45}.cs-opts{flex-direction:column;gap:12px;margin-top:4px;display:flex}.cs-opt{text-align:left;background:var(--surface);width:100%;min-height:64px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);letter-spacing:-.01em;transition:transform var(--d1,.15s) var(--ease),box-shadow var(--d2,.22s) var(--ease),filter var(--d2,.22s);border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:12px 20px;font-size:16.5px;font-weight:650;line-height:1.25;display:flex;position:relative}.cs-opt small{letter-spacing:0;color:var(--ink2);font-size:13.5px;font-weight:500;line-height:1.35}.cs-opt:active{transform:scale(.98)}@media (hover:hover){.cs-opt:hover{box-shadow:inset 0 0 0 1px var(--ink3)}.cs-opt.main:hover{filter:brightness(1.07)}}.cs-opt.main{background:var(--primary);color:var(--primary-ink);box-shadow:0 12px 28px -14px color-mix(in srgb,var(--primary) 70%,transparent)}.cs-opt.main small{color:var(--primary-ink);opacity:.85}.cs-opt:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:20px}.cs-more>summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:20px}.cs-foot{text-align:center;font-size:13px}@media (min-width:900px){.cs{padding-top:56px}}@media (prefers-reduced-motion:reduce){.cs{animation:none}.cs-opt,.cs-more>summary svg{transition:none}}.pp-lead{margin-top:6px;font-size:14px}.pp #pp-h{overflow-wrap:break-word}@media (max-width:359px){.pp #pp-h{font-size:16px}}.pp .switch{align-items:flex-start;min-height:48px}.pp .switch .tg{margin-top:2px}.pp-t{font-size:16px;font-weight:650;line-height:1.3;display:block}.pp-s{color:var(--ink2);margin-top:3px;font-size:13px;line-height:1.4;display:block}.pp-store{border-radius:var(--r-s);background:var(--surface2);border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-size:15px;display:flex}.pp-store>span{flex:180px;min-width:0}.pp-store>.pp-load{align-items:center;gap:8px;display:flex}.pp-store .btn.sm{min-height:44px}.pp-spin{border:2px solid var(--line2);border-top-color:var(--primary);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite pp-spin}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-del{color:var(--bad)}.pp-note{font-size:13px}