@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2");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}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2");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}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2");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}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2");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}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-ext-800-normal-GEpNgheG.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2");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:#f5f4fb;--bg2:#ecebfa;--card:#fff;--text:#1c1a33;--muted:#6b6889;--line:#e7e5f3;--line2:#d9d6ee;--pri:#6c5ce7;--pri-d:#5847d6;--pri2:#a29bfe;--pink:#f472b6;--ok:#10b981;--bad:#ef4444;--gold:#f59e0b;--key:#fff;--keytext:#1c1a33;--keyedge:#dcd9ee;--fn:#efedfd;--sh1:0 1px 2px #1c1a330d,0 2px 8px #1c1a330a;--sh2:0 1px 2px #1c1a330d,0 8px 24px -6px #4c3dc829;--sh3:0 18px 40px -14px #4c3dc873;--r-sm:12px;--r:16px;--r-lg:22px;--ease:cubic-bezier(.2,.8,.2,1)}[data-theme=dark]{--bg:#0f0e1f;--bg2:#17162d;--card:#1b1a33;--text:#f1f0fb;--muted:#a3a1c4;--line:#2a2848;--line2:#37345c;--pri:#8b7cff;--pri-d:#7563ff;--pri2:#5b4fd0;--ok:#34d399;--bad:#f87171;--gold:#fbbf24;--key:#232142;--keytext:#f1f0fb;--keyedge:#141327;--fn:#2b2852;--sh1:0 1px 2px #00000059;--sh2:0 1px 2px #0006,0 10px 26px -10px #0009;--sh3:0 18px 40px -14px #000000b3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;margin:0;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(1200px 500px at 50% -200px,color-mix(in srgb,var(--pri) 12%,transparent),transparent) ,var(--bg);min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--pri) 45%,transparent);outline-offset:2px}input{font:inherit}svg{flex-shrink:0}.app{max-width:560px;min-height:100dvh;margin:0 auto;padding-bottom:92px}.top{z-index:5;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.2px;color:var(--text);align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand svg{border-radius:11px;box-shadow:0 6px 14px -6px #6c5ce7b3}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--card);width:42px;height:42px;box-shadow:var(--sh1);border:1px solid var(--line);color:var(--text);transition:transform .15s var(--ease),background .15s;border-radius:14px;place-items:center;display:grid}.icon-btn:active{transform:scale(.92)}.chip{background:var(--card);height:42px;box-shadow:var(--sh1);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:180px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden}.chip span{text-overflow:ellipsis;overflow:hidden}.chip.primary{background:linear-gradient(135deg,var(--pri),#8b7cf6);color:#fff;box-shadow:0 8px 18px -8px var(--pri);border-color:#0000}.chip:active{transform:scale(.96)}.page{animation:fade .25s var(--ease);padding:6px 16px 24px}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:62dvh;display:flex}h1{letter-spacing:-.4px;margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.2}h2{letter-spacing:-.2px;margin:24px 0 12px;font-size:20px;font-weight:800}h2 small{color:var(--muted);font-size:13px;font-weight:500}h3{letter-spacing:-.1px;margin:0 0 3px;font-size:17px;font-weight:700}.hero{color:#fff;box-shadow:var(--sh3);background:linear-gradient(135deg,#5b4bdf 0%,#7c6cf2 45%,#e86ab4 100%);border-radius:26px;margin:6px 0 18px;padding:22px 18px 18px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#ffffff47,#0000 70%);border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-60px}.hero p{opacity:.92;margin:0 0 16px;font-size:15px;line-height:1.5}.mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-stats div{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.mini-stats svg{opacity:.9}.mini-stats b{font-size:20px;font-weight:800;line-height:1.2;display:block}.mini-stats span{opacity:.9;font-size:12px}.tile{border-radius:30%;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.tile:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff47,#0000 55%);position:absolute;inset:0}.hero-tile{margin-bottom:6px}.mode-card{text-align:left;border-radius:var(--r-lg);background:var(--card);width:100%;color:var(--text);box-shadow:var(--sh2);border:1px solid var(--line);transition:transform .18s var(--ease),box-shadow .18s;align-items:center;gap:14px;margin-bottom:12px;padding:16px 14px 16px 16px;display:flex}.mode-card:hover{transform:translateY(-2px)}.mode-card:active{transform:scale(.98)}.mc-body{flex:1;min-width:0}.mode-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.mc-go{color:var(--muted);opacity:.7}.link-btn{color:var(--pri);border-radius:999px;align-items:center;gap:8px;margin:6px auto;padding:10px 16px;font-weight:700;display:flex}.link-btn:active{background:color-mix(in srgb,var(--pri) 10%,transparent)}.level-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.level{border-radius:var(--r);background:var(--card);box-shadow:var(--sh1);border:1px solid var(--line);text-align:left;transition:transform .15s var(--ease),border-color .15s;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex;position:relative}.level:not(.locked):active{border-color:var(--pri);transform:scale(.97)}.level.locked{cursor:not-allowed;background:color-mix(in srgb,var(--card) 55%,var(--bg))}.level.locked .lt,.level.locked .lx{opacity:.55}.ln{background:linear-gradient(140deg,#8b7cf6,var(--pri-d));color:#fff;width:40px;height:40px;box-shadow:0 6px 14px -6px var(--pri);border-radius:13px;place-items:center;margin-bottom:8px;font-size:17px;font-weight:800;display:grid}.locked .ln{background:var(--bg2);color:var(--muted);box-shadow:none}.lt{font-size:14.5px;font-weight:700}.lx{color:var(--muted);font-size:13px}.lb{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.btn{background:var(--card);border:1px solid var(--line);min-height:46px;box-shadow:var(--sh1);transition:transform .12s var(--ease),filter .12s,box-shadow .12s;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px)scale(.98)}.btn.primary{background:linear-gradient(135deg,#7c6cf2,var(--pri-d));color:#fff;box-shadow:0 10px 20px -10px var(--pri),inset 0 1px 0 #ffffff40;border-color:#0000}.btn.big{border-radius:18px;margin-top:12px;padding:16px 46px;font-size:19px}.btn.wide{width:100%;margin-top:14px}.btn:disabled{opacity:.6;transform:none}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.row.grow,.grow{flex:1;min-width:0;margin:0}.rules{text-align:left;max-width:420px;color:var(--muted);flex-direction:column;gap:8px;margin:10px 0 6px;padding:0;line-height:1.55;list-style:none;display:flex}.rules li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px 10px 40px;font-size:14px;position:relative}.rules li:before{content:"";background:color-mix(in srgb,var(--ok) 18%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:12px;left:12px}.note{color:var(--muted);font-size:14px;line-height:1.5}.center-t{text-align:center}.with-ic{align-items:center;gap:6px;display:inline-flex}.link{color:var(--pri);text-underline-offset:3px;padding:0;font-weight:700;text-decoration:underline}.err{color:var(--bad);font-weight:600}.ok-msg{color:var(--ok);font-weight:600}.spinner{border:4px solid var(--line);border-top-color:var(--pri);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pop{animation:pop .45s var(--ease) both}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}.play{flex-direction:column;min-height:calc(100dvh - 64px);padding:6px 14px 14px;display:flex}.play-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh1);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:16px;font-weight:800;display:inline-flex}.pt-score{color:var(--gold);justify-content:flex-end;align-items:center;gap:6px;min-width:64px;font-size:18px;font-weight:800;display:inline-flex}.bump{animation:bump .3s var(--ease);display:inline-block}@keyframes bump{40%{transform:scale(1.22)}}.hurry{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent);animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.05)}}.bar{background:var(--line);border-radius:8px;height:8px;margin:12px 0 6px;overflow:hidden}.bar div{background:linear-gradient(90deg,var(--pri),var(--pink));height:100%;transition:width .25s var(--ease);border-radius:8px}.combo{justify-content:center;align-items:center;min-height:30px;display:flex}.combo-chip{color:var(--pri);background:color-mix(in srgb,var(--pri) 12%,transparent);animation:pop .3s var(--ease);border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.combo-chip.hot{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 6px 14px -6px #f97316}.question{background:var(--card);box-shadow:var(--sh2);border:2px solid var(--line);border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:170px;margin:8px 0 14px;padding:18px;transition:border-color .15s,background .2s,box-shadow .2s;display:flex;position:relative}.question.enter{animation:qin .22s var(--ease)}@keyframes qin{0%{opacity:.2;transform:translate(14px)}}.question.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 9%,var(--card));box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 14%,transparent),var(--sh2);animation:okpop .3s var(--ease)}@keyframes okpop{40%{transform:scale(1.025)}}.question.bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--card));box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 12%,transparent),var(--sh2);animation:.38s shake}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.qtext{letter-spacing:-.5px;font-size:clamp(32px,10.5vw,50px);font-weight:800}.answer{color:var(--pri);align-items:center;gap:10px;min-height:64px;font-size:clamp(36px,11.5vw,54px);font-weight:800;display:flex}.answer .ph{opacity:.22}.answer s{color:var(--bad);opacity:.75;font-size:.66em}.answer .right{color:var(--ok)}.fb-ic{color:#fff;width:34px;height:34px;animation:pop .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:14px}.fb-ic.ok{background:var(--ok);box-shadow:0 6px 14px -4px var(--ok)}.fb-ic.bad{background:var(--bad);box-shadow:0 6px 14px -4px var(--bad)}.pts{color:var(--ok);animation:up .5s var(--ease);font-size:20px;font-weight:800;position:absolute;top:16px;right:18px}@keyframes up{0%{opacity:0;transform:translateY(12px)}}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad button{background:var(--key);height:clamp(54px,8.4dvh,72px);color:var(--keytext);border:1px solid var(--line);box-shadow:0 3px 0 var(--keyedge),var(--sh1);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:28px;font-weight:700;transition:transform 60ms,box-shadow 60ms,background .12s;display:flex}.keypad button:active{box-shadow:0 0 0 var(--keyedge);background:color-mix(in srgb,var(--pri) 14%,var(--key));transform:translateY(3px)}.keypad .fn{background:var(--fn);color:var(--pri);font-size:26px}.keypad .dim{opacity:.5}.keypad .ok{color:#fff;background:linear-gradient(135deg,#22c58b,#0ea371);border-color:#0000;grid-column:1/-1;font-size:20px;box-shadow:0 4px #0a7c56,0 10px 20px -10px #10b981}.keypad .ok:active{background:linear-gradient(135deg,#1fb37e,#0b8f63);box-shadow:0 0 #0a7c56}.score-big{letter-spacing:-1.5px;background:linear-gradient(135deg,var(--pri),var(--pink));color:#0000;animation:pop .5s var(--ease);-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:60px;font-weight:800;line-height:1}.score-big span{color:var(--muted);-webkit-text-fill-color:var(--muted);letter-spacing:0;margin-left:6px;font-size:16px;font-weight:600}.record{color:#4a2e00;animation:pop .5s .1s var(--ease) both;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 8px 16px -8px #f59e0b}.res-grid,.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:420px;margin-top:18px;display:grid}.stat-grid{max-width:none}.res-grid div,.stat-grid div{background:var(--card);border-radius:var(--r);box-shadow:var(--sh1);border:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:14px 12px;display:flex}.stat-grid div{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.stat-grid div .si{border-radius:12px;grid-row:1/3;width:38px;height:38px;margin:0}.stat-grid div b{font-size:19px;line-height:1.15}.res-grid b,.stat-grid b{letter-spacing:-.3px;font-size:22px;font-weight:800;display:block}.res-grid span,.stat-grid span{color:var(--muted);font-size:12.5px}.si{border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:6px;font-style:normal;display:inline-grid}.si.g{color:#10b981;background:#10b98124}.si.b{color:#3b82f6;background:#3b82f624}.si.p{color:var(--pri);background:color-mix(in srgb,var(--pri) 14%,transparent)}.si.o{color:#f97316;background:#f9731624}.new-badges{width:100%;max-width:420px;margin-top:16px}.seg{background:var(--bg2);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:4px;display:flex}.seg button{color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.seg button.on{background:var(--card);color:var(--pri);box-shadow:var(--sh1)}.seg.small button{padding:8px 4px;font-size:13px}.hint{color:var(--muted);margin:4px 2px 12px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:26px 0}.board{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.board li{background:var(--card);border-radius:var(--r);box-shadow:var(--sh1);border:1px solid var(--line);animation:fade .3s var(--ease) both;grid-template-columns:46px 1fr auto;grid-template-areas:"rk nm sc""rk dt sc";align-items:center;padding:10px 14px 10px 10px;display:grid}.board li.me{border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 18%,transparent)}.rk{grid-area:rk;place-items:center;display:grid}.rk-n{background:var(--bg2);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.nm{text-overflow:ellipsis;white-space:nowrap;grid-area:nm;font-weight:700;overflow:hidden}.dt{color:var(--muted);grid-area:dt;font-size:12px}.sc{color:var(--pri);grid-area:sc;font-size:18px;font-weight:800}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh1);border:1px solid var(--line);padding:16px}.me-card{align-items:center;gap:12px;margin-top:6px;display:flex}.me-card input,.modal input:not(.switch){border:1.5px solid var(--line2);background:var(--bg);width:100%;color:var(--text);border-radius:12px;margin-top:6px;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.me-card input:focus,.modal input:focus{border-color:var(--pri);box-shadow:0 0 0 4px color-mix(in srgb,var(--pri) 18%,transparent);outline:none}.avatar{background:linear-gradient(140deg,#8b7cf6,var(--pink));color:#fff;width:54px;height:54px;box-shadow:0 8px 18px -8px var(--pri);border-radius:18px;place-items:center;font-size:23px;font-weight:800;display:grid}.muted{color:var(--muted);margin:0}.small{font-size:13px}.chart{align-items:flex-end;gap:5px;height:150px;display:flex}.chart .col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.chart .track{background:color-mix(in srgb,var(--line) 45%,transparent);border-radius:7px;flex:1;align-items:flex-end;width:100%;min-height:0;display:flex}.chart .barv{background:linear-gradient(180deg,var(--pink),var(--pri));width:100%;min-height:3px;transition:height .5s var(--ease);border-radius:7px}.chart .val{color:var(--muted);height:14px;font-size:10px;font-weight:700}.chart .lbl{color:var(--muted);margin-top:5px;font-size:9px}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge{text-align:center;background:var(--card);border-radius:var(--r);box-shadow:var(--sh1);border:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;display:flex}.badge b{margin-top:4px;font-size:12.5px;line-height:1.25}.badge small{color:var(--muted);font-size:10.5px;line-height:1.3}.badge:not(.on) b{color:var(--muted)}.new-badges .badge{flex-direction:row;justify-content:center;gap:12px;margin-bottom:8px;padding:10px}.medal{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.medal svg{filter:drop-shadow(0 6px 8px #1c1a332e);position:absolute;inset:0}.medal .mg{filter:drop-shadow(0 1px 1px #0000002e);position:relative}.medal.off svg,.medal.off .mg{filter:saturate(.3)brightness(1.04);opacity:.6}[data-theme=dark] .medal.off svg,[data-theme=dark] .medal.off .mg{opacity:.38}.mlock{background:var(--card);width:20px;height:20px;color:var(--muted);border:1px solid var(--line2);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.settings{padding:4px 14px}.settings label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;font-weight:600;display:flex}.settings label span{align-items:center;gap:12px;display:inline-flex}.settings .si{margin:0}.settings label:last-child{border:0}.switch{appearance:none;background:var(--line2);cursor:pointer;border-radius:999px;width:46px;height:28px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";width:22px;height:22px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.switch:checked{background:var(--pri)}.switch:checked:after{transform:translate(18px)}.tabs{background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:6;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{max-width:130px;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:2px 4px;font-size:11.5px;font-weight:600;transition:color .2s;display:flex}.tabs button b{width:52px;height:32px;transition:background .25s var(--ease),transform .2s var(--ease);border-radius:999px;place-items:center;display:grid}.tabs button.on{color:var(--pri);font-weight:800}.tabs button.on b{background:color-mix(in srgb,var(--pri) 15%,transparent)}.tabs button:active b{transform:scale(.9)}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0a081e80;justify-content:center;align-items:flex-end;animation:.2s fadebg;display:flex;position:fixed;inset:0}@keyframes fadebg{0%{opacity:0}}.modal{background:var(--card);width:100%;max-width:480px;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:slide .25s var(--ease);border-radius:26px 26px 0 0;flex-direction:column;gap:12px;display:flex;position:relative;box-shadow:0 -10px 40px #0003}@media (width>=600px){.modal-bg{align-items:center}.modal{border-radius:26px}}@keyframes slide{0%{opacity:0;transform:translateY(40px)}}.modal h2{margin:0}.modal label{font-size:14px;font-weight:600}.modal .close{position:absolute;top:14px;right:14px}.toast{background:var(--text);color:var(--bg);z-index:30;text-align:center;max-width:90vw;box-shadow:var(--sh3);animation:pop .3s var(--ease);border-radius:999px;padding:11px 18px;font-weight:600;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}