@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.qgjiMa_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.qgjiMa_variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.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:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.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:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.SBO4Eq_className{font-family:Nunito,Nunito Fallback;font-style:normal}.SBO4Eq_variable{--font-nunito:"Nunito", "Nunito Fallback"}
:root{--bb-navy:#1f2a44;--bb-orange:#f28c28;--bb-purple:#6c4ab6;--bb-teal:#1ba39c;--bb-yellow:#ffc93c;--bb-cream:#fff1d6;--bb-paper:#fffdf8;--bb-sand:#f4efe6;--bb-red:#e8473b;--bb-pink:#ff8fa3;--bb-mist:#c9ced8;--bb-slate:#545b6e;--bb-holo:linear-gradient(135deg, #6c4ab6, #1ba39c 35%, #ffc93c 65%, #f28c28);--font-display:var(--font-fredoka), "Fredoka", var(--font-nunito), system-ui, sans-serif;--font-body:var(--font-nunito), "Nunito", system-ui, -apple-system, sans-serif;--bg:var(--bb-paper);--card:#fff;--ink:var(--bb-navy);--muted:var(--bb-slate);--line:#e9e3d6;--accent:var(--bb-orange);--on-accent:var(--bb-navy);--soft:var(--bb-cream);--link:#12817b;--good:#16897f;--warn:#b87400;--bad:var(--bb-red);--radius:16px;--logo-ink:#1f2a44;--logo-sub:#545b6e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151c2f;--card:var(--bb-navy);--ink:var(--bb-paper);--muted:var(--bb-mist);--line:#34405e;--soft:#2a2f45;--link:#4fd1c5;--good:#4fd1c5;--logo-ink:#fffdf8;--logo-sub:#c9ced8}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.5}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--link)}h1,h2,h3,.hero-title,.cover-title,.intro-slide h2{font-family:var(--font-display);letter-spacing:0;font-weight:700}.wrap{max-width:1040px;padding:16px 16px calc(112px + env(safe-area-inset-bottom));margin:0 auto}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{gap:12px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.muted{color:var(--muted)}.small{font-size:13px}h1{letter-spacing:-.02em;text-wrap:balance;margin:8px 0 6px;font-size:1.75rem;line-height:1.15}h2{letter-spacing:-.01em;text-wrap:balance;margin:28px 0 10px;font-size:1.25rem;line-height:1.25}h3{margin:0 0 6px;font-size:1rem;line-height:1.3}p{text-wrap:pretty}.btn{appearance:none;background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:1rem;font-weight:800;text-decoration:none;transition:scale .15s ease-out,opacity .15s ease-out;display:inline-flex}.btn:not(:disabled):active,.tab:active,.tile-btn:active{scale:.96}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.small{min-height:40px;padding:8px 14px;font-size:.875rem}.btn.block{width:100%}.btn.danger{background:var(--bad)}.btn:disabled{opacity:.5;cursor:default}input,select{font:inherit;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);border-radius:12px;width:100%;padding:11px 12px;font-size:max(16px,1rem)}label{gap:6px;font-size:14px;font-weight:600;display:grid}.check{align-items:flex-start;gap:10px;font-weight:500;display:flex}.check input{width:22px;height:22px;min-height:0;accent-color:var(--accent);flex:none;margin-top:2px}input[role=switch]{appearance:none;background:var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;min-width:51px;min-height:0;margin:0;padding:0;transition:background-color .15s ease-out;position:relative;width:51px!important;height:31px!important}input[role=switch]:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:translate .2s cubic-bezier(.2,0,0,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0003}input[role=switch]:checked{background:var(--good)}input[role=switch]:checked:after{translate:20px}input[role=switch]:disabled{opacity:.45;cursor:default}.setting{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;font-weight:500;display:flex}.setting:first-child{border-top:0;padding-top:0}.setting:last-child{padding-bottom:0}.pill{background:var(--soft);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.good{color:#1d6b3d;background:#dff3e7}.pill.warn{color:#7a5600;background:#fbefcf}.error{color:var(--bad);font-weight:600}.notice{background:var(--soft);border-radius:12px;padding:12px 14px}.topbar-wrap{z-index:20;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;min-height:56px;margin:0 auto;padding:6px 16px;display:flex}.brand{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:1.0625rem;font-weight:800;text-decoration:none;display:inline-flex}.logo{flex:none;display:block}.brand-mark{border-radius:8px;flex:none;width:28px;height:28px}.tabbar{z-index:20;background:color-mix(in srgb, var(--card) 90%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{letter-spacing:.01em;max-width:140px;min-height:48px;color:var(--muted);flex:1;justify-items:center;gap:2px;padding:6px 0;font-size:.6875rem;font-weight:700;text-decoration:none;transition:color .15s ease-out;display:grid}.tabbar a.on{color:var(--accent)}.tabbar svg{width:26px;height:26px}.tabbar a.primary span.icon{background:var(--accent);width:44px;height:32px;color:var(--on-accent);border-radius:999px;place-items:center;display:grid}.tabbar a.primary svg{width:22px;height:22px}@media (prefers-reduced-transparency:reduce){.topbar-wrap{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.tabbar{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none}}.seg{background:var(--line);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{cursor:pointer;min-height:36px;color:var(--ink);background:0 0;border:0;border-radius:9px;flex:1;font-size:.875rem;font-weight:700;transition:background-color .15s ease-out}.seg button.on{background:var(--card);box-shadow:0 1px 3px #0000001f}.stats{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-top:14px;display:grid}.stat{background:color-mix(in srgb, var(--card) 70%, transparent);border-radius:12px;padding:10px}.stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.375rem;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:.75rem;font-weight:600}.hscroll{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{flex:none}.list{display:grid}.list>a,.list>div{border-top:1px solid var(--line);min-height:52px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.list>:first-child{border-top:0}.cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.tcard{background:var(--card);border:1px solid var(--line);border-radius:12px;display:grid;overflow:hidden}.tcard img{aspect-ratio:63/88;object-fit:cover;background:var(--line);outline-offset:-1px;outline:1px solid #0000001a;width:100%;display:block}.tcard .meta{align-content:start;gap:2px;padding:8px;font-size:.75rem;line-height:1.3;display:grid}.tcard .meta .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:700;display:-webkit-box;overflow:hidden}.tcard .meta .st{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tcard .ph{aspect-ratio:63/88;background:var(--soft);text-align:center;place-items:center;width:100%;padding:8px;font-weight:700;display:grid}.avatar{border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.avatar.big{width:88px;height:88px;font-size:44px}.tabs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--card);cursor:pointer;white-space:nowrap;min-height:40px;color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:700;transition:scale .15s ease-out,background-color .15s ease-out}.tab.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.bar{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.dex{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;display:grid}.dex span{text-align:center;background:var(--line);color:var(--muted);border-radius:6px;padding:6px 0;font-size:10px}.dex span.got{background:var(--accent);color:var(--on-accent);font-weight:700}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;display:grid}.react{flex-wrap:wrap;gap:4px;padding:0 8px 8px;display:flex}.react button{border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);border-radius:999px;padding:2px 8px;font-size:13px}@media (max-width:520px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}@media (min-width:900px){.tabbar{display:none}.wrap{padding-bottom:64px}}@media (max-width:899px){.desk-only{display:none!important}}@media (prefers-reduced-motion:reduce){.btn,.tab,input[role=switch]:after{transition:none}.btn:not(:disabled):active,.tab:active{scale:1}}.btn svg{flex:none;width:18px;height:18px}.buddy-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.buddy-grid button{cursor:pointer;color:var(--ink);font:inherit;background:0 0;border:2px solid #0000;border-radius:16px;justify-items:center;gap:4px;padding:8px 4px;font-size:13px;font-weight:700;transition:scale .15s ease-out,background-color .15s ease-out;display:grid}.buddy-grid button:active{scale:.96}.buddy-grid button.on{border-color:var(--accent);background:var(--soft,#e8553a14)}.fav-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:420px;padding:2px;display:grid;overflow-y:auto}.fav-grid button{cursor:pointer;font:inherit;color:var(--ink);text-align:center;background:0 0;border:2px solid #0000;border-radius:10px;gap:4px;padding:4px;font-size:11px;font-weight:700;display:grid}.fav-grid button.on{border-color:var(--accent)}.fav-grid img{aspect-ratio:63/88;object-fit:cover;border-radius:6px;width:100%}.trainer{border-radius:24px;padding:18px;box-shadow:0 1px 2px #0000000f,0 10px 30px #00000012}.trainer-top{align-items:center;gap:14px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.fav-card{cursor:pointer;background:0 0;border:0;flex:none;justify-items:center;gap:4px;width:84px;padding:0;transition:rotate .2s ease-out,scale .15s ease-out;display:grid;rotate:4deg}.fav-card:hover{rotate:0deg}.fav-card:active{scale:.96}.fav-card img{border-radius:6px;width:100%;box-shadow:0 8px 20px #00000040}.fav-card span{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:800}.tcard-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.tcard{transition:scale .15s ease-out,box-shadow .15s ease-out}.tcard:has(.tcard-open:active){scale:.97}.sheet-back{z-index:200;background:#0f0f1973;place-items:end center;animation:.16s ease-out fade;display:grid;position:fixed;inset:0}.sheet{background:var(--card);width:min(520px,100%);max-height:92dvh;padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) rise;overflow-y:auto}.sheet-grab{background:var(--line);border-radius:3px;width:40px;height:5px;margin:0 auto 12px}.sheet-img{aspect-ratio:63/88;object-fit:cover;border-radius:14px;width:min(300px,78%);margin:0 auto;display:block;box-shadow:0 14px 36px #00000047}.sheet .list>.row{border-top:1px solid var(--line);padding:10px 0}@media (min-width:700px){.sheet-back{align-items:center}.sheet{border-radius:24px}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-back{animation:none}.fav-card{rotate:0deg}}.poster{text-align:center;border:6px solid var(--accent);color:#1d1b26;background:#fff;border-radius:32px;justify-items:center;gap:12px;max-width:560px;margin:0 auto;padding:36px 24px;display:grid}.poster-name{font-size:clamp(1.75rem,6vw,2.5rem);font-weight:900;line-height:1.05}.poster-sub{color:var(--accent);font-size:1.25rem;font-weight:800}.poster-qr{background:#fff;border-radius:20px;padding:14px;box-shadow:0 0 0 2px #eee}.poster-foot{color:#6b6b76;font-size:.8rem;font-weight:700}.stickers{grid-template-columns:repeat(2,1fr);gap:12px;max-width:560px;margin:0 auto;display:grid}.sticker{border:3px dashed var(--accent);color:#1d1b26;text-align:center;background:#fff;border-radius:20px;justify-items:center;gap:6px;padding:12px;font-size:13px;font-weight:800;display:grid}@media print{.topbar-wrap,.tabbar,.no-print{display:none!important}body{background:#fff!important}.wrap{max-width:none!important;padding:0!important}.poster{border-width:4px;margin-top:40px}}.cover{--cover-a:var(--accent);--cover-b:color-mix(in srgb, var(--accent) 62%, #1a1030);color:#fff;background:radial-gradient(circle at 1px 1px, #ffffff24 1.2px, transparent 1.6px) 0 0 / 16px 16px, radial-gradient(120% 90% at 100% 0%, #ffffff38, transparent 55%), linear-gradient(150deg, var(--cover-a), var(--cover-b));box-shadow:0 1px 2px #00000014, 0 18px 40px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:28px;padding:20px 18px 18px 34px;position:relative;overflow:hidden}.cover:before{content:"";background:#00000024;border-right:1px solid #ffffff2e;width:22px;position:absolute;top:0;bottom:0;left:0}.cover-rings{flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;top:0;bottom:0;left:4px}.cover-rings i{background:var(--bg);border-radius:50%;width:14px;height:14px;display:block;box-shadow:inset 0 2px 3px #00000059}.cover-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.cover-id{align-items:center;gap:14px;min-width:0;display:flex}.cover-avatar{background:#ffffffe6;border-radius:50%;flex:none;padding:4px;box-shadow:0 6px 16px #0000002e}.cover-avatar svg{display:block}.cover-eyebrow{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:800}.cover-title{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 10px #00000026;margin:2px 0 6px;font-size:clamp(1.5rem,6vw,2.25rem);font-weight:800;line-height:1.02}.cover-progress{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cover-progress b{font-size:16px}.ring{color:#fff;flex:none}.cover-fav{cursor:pointer;background:0 0;border:0;flex:none;justify-items:center;gap:6px;width:96px;padding:0;transition:rotate .25s ease-out,scale .15s ease-out;display:grid;rotate:5deg}.cover-fav:hover{rotate:0deg}.cover-fav:active{scale:.96}.cover-fav img{border-radius:6px;width:100%;display:block}.cover-fav .holo{border-radius:6px;box-shadow:0 10px 24px #00000059}.cover-fav-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);white-space:nowrap;background:#fffffff2;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.cover-stats{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;margin-top:16px;display:grid}.cover-stats>div{-webkit-backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff38;border-radius:14px;padding:9px 10px}.cover-stats b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.3rem;line-height:1.1;display:block}.cover-stats span{opacity:.85;font-size:.75rem;font-weight:700}.cover-edit{width:100%;min-height:44px;color:var(--accent);cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-weight:800;transition:scale .15s ease-out;display:inline-flex}.cover-edit:active{scale:.97}.cover-edit svg{width:18px;height:18px}@media (max-width:420px){.cover-fav{width:78px}.cover-avatar svg{width:64px;height:64px}.cover{padding-left:30px}}.holo{isolation:isolate;border-radius:6px;display:block;position:relative;overflow:hidden}.holo:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,#0000 25%,#ffffff8c 42%,#ff6edc59 48%,#6edcff59 54%,#0000 70%) 0 0/260% 100%;animation:5.5s ease-in-out infinite shine;position:absolute;inset:0}.holo.big{transform-style:preserve-3d;border-radius:14px;width:min(300px,78%);margin:0 auto;transition:transform .12s ease-out;box-shadow:0 18px 40px #0000004d}.holo.big .sheet-img{width:100%;box-shadow:none;border-radius:14px}.holo.big.live:after{opacity:.7;background:radial-gradient(circle at var(--mx) var(--my), #fff9, #ff78dc40 25%, #78dcff33 45%, transparent 65%);animation:none}.tilt-wrap{perspective:900px;touch-action:pan-y}@keyframes shine{0%,15%{background-position:120% 0}60%,to{background-position:-40% 0}}.showcase{margin-top:8px}.sec-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.shelf{grid-template-columns:repeat(3,1fr);align-items:end;gap:clamp(8px,3vw,20px);padding:0 clamp(4px,3vw,24px);display:grid}.shelf-card{cursor:pointer;background:0 0;border:0;padding:0;transition:translate .2s ease-out,scale .15s ease-out;position:relative}.shelf-card .holo{border-radius:8px;box-shadow:0 10px 22px #0000002e}.shelf-card img{aspect-ratio:63/88;object-fit:cover;width:100%;display:block}.shelf-card .ph{aspect-ratio:63/88;background:var(--soft);place-items:center;padding:6px;font-size:12px;font-weight:700;display:grid}.shelf-card.first{translate:0 -14px}.shelf-card:hover{translate:0 -4px}.shelf-card.first:hover{translate:0 -18px}.shelf-card:active{scale:.97}.shelf-rank{background:var(--accent);min-width:28px;height:28px;color:var(--on-accent);box-shadow:0 2px 0 #00000026, 0 0 0 3px var(--bg);border-radius:999px;place-items:center;padding:0 6px;font-size:14px;font-weight:900;display:grid;position:absolute;top:-8px;left:50%;translate:-50%}.shelf-card.first .shelf-rank{color:#4a3300;background:linear-gradient(135deg,#ffd34d,#e8a400)}.shelf-base{background:linear-gradient(var(--soft), color-mix(in srgb, var(--soft) 70%, var(--accent)));border-radius:0 0 14px 14px;height:14px;margin:8px 0 0;box-shadow:inset 0 3px #fff6}.tabs-sticky{top:calc(56px + env(safe-area-inset-top));z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px);margin:22px -16px 0;padding:8px 16px;position:sticky}.seg.mini{flex:none}.seg.mini button{min-height:32px;padding:0 12px;font-size:.8125rem}.binder{gap:16px;display:grid}@media (min-width:760px){.binder{grid-template-columns:1fr 1fr}}.bpage{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000d}.pockets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pocket{background:color-mix(in srgb, var(--line) 55%, transparent);aspect-ratio:63/88;cursor:zoom-in;border:0;border-radius:8px;padding:0;transition:scale .15s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.pocket:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff47,#0000 35%);position:absolute;inset:0}.pocket:active{scale:.96}.pocket img{object-fit:cover;width:100%;height:100%;display:block}.pocket .ph{text-align:center;place-items:center;height:100%;padding:6px;font-size:11px;font-weight:700;display:grid}.pocket.empty{cursor:default;background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--line) 40%, transparent) 8px 9px);border:1.5px dashed var(--line);box-shadow:none}.pocket.empty:after{display:none}.pocket-qty,.pocket-val{z-index:1;color:#fff;font-variant-numeric:tabular-nums;background:#14141ec7;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;bottom:4px}.pocket-qty{left:4px}.pocket-val{right:4px}.bpage-num{text-align:center;color:var(--muted);letter-spacing:.04em;margin-top:8px;font-size:11px;font-weight:700}.badges{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:12px;display:grid}.badge-card{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.badge-card.locked{opacity:.7}.medal{border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:26px;display:grid;box-shadow:inset 0 -4px #00000026,0 4px 10px #0000001f}.t-bronze{color:#4a2a10;background:linear-gradient(135deg,#f0b98a,#b8733f)}.t-silver{color:#2c3440;background:linear-gradient(135deg,#f3f6f9,#9aa6b4)}.t-gold{color:#4a3300;background:linear-gradient(135deg,#ffe27a,#e0a800)}.t-master{color:#fff;background:linear-gradient(135deg,#c7b5ff,#6a4fc9)}.t-none{background:var(--line)}.tier{box-shadow:none;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.swatches{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.swatches button{cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:2px solid #0000;border-radius:16px;justify-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:700;transition:scale .15s ease-out;display:grid}.swatches button:active{scale:.96}.swatches button.on{border-color:var(--sw);background:color-mix(in srgb, var(--sw) 10%, transparent)}.sw-dot{background:linear-gradient(150deg, var(--sw), color-mix(in srgb, var(--sw) 62%, #1a1030));border-radius:50%;width:40px;height:40px;box-shadow:inset 0 -3px #00000026}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.pick-grid button{cursor:pointer;font:inherit;color:var(--ink);text-align:center;background:0 0;border:2.5px solid #0000;border-radius:12px;gap:4px;padding:4px;font-size:11px;font-weight:700;line-height:1.2;transition:scale .15s ease-out;display:grid;position:relative}.pick-grid button:active{scale:.96}.pick-grid button.on{border-color:var(--accent);background:var(--soft)}.pick-grid button:disabled{opacity:.4;cursor:default}.pick-grid img{aspect-ratio:63/88;object-fit:cover;border-radius:7px;width:100%}.pick-num{z-index:1;background:var(--accent);width:26px;height:26px;color:var(--on-accent);box-shadow:0 0 0 3px var(--card);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:-6px;right:-6px}.sheet.wide{width:min(680px,100%)}@media (prefers-reduced-motion:reduce){.holo:after{animation:none}.cover-fav{rotate:0deg}.shelf-card,.holo.big{transition:none}}.mini-cover{color:#fff;background:radial-gradient(circle at 1px 1px, #ffffff24 1.2px, transparent 1.6px) 0 0 / 16px 16px, linear-gradient(150deg, var(--accent), color-mix(in srgb, var(--accent) 62%, #1a1030));border-radius:22px;align-items:center;gap:12px;padding:14px 16px 14px 30px;display:flex;position:relative;overflow:hidden}.mini-cover:before{content:"";background:#00000024;border-right:1px solid #ffffff2e;width:16px;position:absolute;top:0;bottom:0;left:0}.mini-cover-avatar{background:#ffffffe6;border-radius:50%;flex:none;padding:3px}.mini-cover-avatar svg{display:block}.mini-cover .cover-title{color:#fff}.mini-cover-btn{color:var(--accent);background:#fff;flex:none}.mini-cover-go{opacity:.8;font-size:28px;font-weight:300}.kid-card{background:var(--card);border:1px solid var(--line);border-radius:24px;display:grid;overflow:hidden}.kid-card .mini-cover{border-radius:0}.kid-card-body{padding:14px 16px 16px}.quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.quick-tile{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:20px;align-content:start;gap:2px;padding:14px;text-decoration:none;transition:scale .15s ease-out;display:grid}.quick-tile:active{scale:.97}.quick-tile b{font-size:.9375rem;line-height:1.2}.quick-tile>span:last-child{color:var(--muted);font-size:12px}.quick-tile.primary{background:linear-gradient(150deg, #2b3a5e, var(--bb-navy));color:#fff;border-color:#0000}.quick-tile.primary>span:last-child{color:#ffffffd9}.quick-ic{margin-bottom:6px;font-size:26px;line-height:1}@media (max-width:480px){.quick{grid-template-columns:1fr 1fr}.quick-tile.primary{grid-column:1/-1}}.fold{border-top:1px solid var(--line);padding-top:12px}.fold-head{cursor:pointer;text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.fold-chev{background:var(--line);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:grid}html{touch-action:manipulation;background:var(--bg)}button,.btn,.tab,.tabbar,.seg,.topbar,.quick-tile,.cover,.shelf,.pocket,label.setting{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}.pocket img,.shelf-card img,.cover-fav img{-webkit-touch-callout:none;pointer-events:none}.page-enter{animation:.22s ease-out both pagein}@keyframes pagein{0%{opacity:0}to{opacity:1}}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:300;background:var(--bb-navy);color:#fff;text-align:center;border-radius:999px;max-width:min(92vw,420px);padding:12px 18px;font-size:14px;font-weight:700;animation:.26s cubic-bezier(.2,.8,.2,1) both toastin;position:fixed;translate:-50%;box-shadow:0 10px 30px #00000040}@media (min-width:900px){.toast{bottom:32px}}@keyframes toastin{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.skel-wrap{gap:14px;padding-top:8px;display:grid}.skel{background:linear-gradient(90deg, var(--line) 0%, color-mix(in srgb, var(--line) 45%, var(--card)) 50%, var(--line) 100%) 0 0 / 200% 100%;border-radius:14px;animation:1.2s ease-in-out infinite skel}.skel-cover{border-radius:28px;height:210px}.skel-line{height:22px}.skel-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.skel-card{aspect-ratio:63/88;border-radius:8px}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}.kid-hello{justify-content:center;align-items:end;gap:4px;margin-top:24px;display:flex}.kid-hello span{animation:2.4s ease-in-out infinite hop}@keyframes hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-10px)}90%{transform:translateY(0)}}.native .web-only{display:none!important}@media (prefers-reduced-motion:reduce){.page-enter,.toast,.skel,.kid-hello span{animation:none}}.hero{align-items:center;gap:28px;padding:20px 4px 8px;display:grid}@media (min-width:860px){.hero{grid-template-columns:1.1fr 1fr;padding-top:48px}}.hero-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--soft);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.hero-title{letter-spacing:-.035em;margin:14px 0 12px;font-size:clamp(2.1rem,7.5vw,3.4rem);line-height:1.02}.hero-title span{background:linear-gradient(120deg,#f28c28,#6c4ab6 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-art{justify-self:center;width:100%;max-width:440px;padding:18px 8px 24px;position:relative}.hero-cover{padding-bottom:26px}.hero-fan{justify-content:center;gap:0;margin-top:22px;display:flex}.hero-card{aspect-ratio:63/88;border:4px solid #ffe066;border-radius:10px;grid-template-rows:1fr auto auto;gap:5px;width:30%;margin:0 -2%;padding:8px;display:grid;box-shadow:0 10px 24px #0000004d}.hero-card-art{background:#ffffff40;border-radius:6px;place-items:center;display:grid}.hero-card-art svg{width:70%;height:auto}.hero-card-bar{background:#ffffffb3;border-radius:3px;height:6px}.hero-card-bar.short{width:60%}.hero-chip{z-index:2;background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;animation:3s ease-in-out infinite hop;position:absolute;box-shadow:0 8px 24px #00000024}.hero-chip.c1{top:0;right:0}.hero-chip.c2{animation-delay:1.2s;bottom:4px;left:0}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.step>b{background:var(--accent);width:34px;height:34px;color:var(--on-accent);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}@media (prefers-color-scheme:dark){.kp{--soft:color-mix(in srgb, var(--accent) 22%, #1f2a44)!important}.shelf-base{box-shadow:none}.cover-rings i{box-shadow:inset 0 2px 3px #0009}.toast{background:var(--bb-paper);color:var(--bb-navy)}}@media (min-width:900px){.shelf{max-width:620px;margin:0 auto}.shelf-base{max-width:680px;margin-left:auto;margin-right:auto}.cover-fav{width:132px}.cover{padding:28px 28px 24px 44px}}.sticky-actions{z-index:5;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);flex-wrap:nowrap;margin-bottom:-12px;position:sticky;bottom:0}.lesson{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #0000000d}.lesson-head{color:#fff;background:radial-gradient(circle at 1px 1px, #ffffff26 1.2px, transparent 1.6px) 0 0 / 16px 16px, linear-gradient(150deg, var(--lc), color-mix(in srgb, var(--lc) 62%, #1a1030));padding:20px 20px 18px;position:relative}.lesson-head h2{color:#fff;letter-spacing:-.02em;margin:12px 0 0;font-size:1.45rem}.lesson-sub{opacity:.9;margin:4px 0 0;font-size:13px;font-weight:700}.lesson-icon{background:#fffffff2;border-radius:18px;place-items:center;width:60px;height:60px;font-size:32px;display:grid;box-shadow:0 8px 18px #0000002e}.lesson-dots{gap:5px;display:flex;position:absolute;top:22px;right:20px}.lesson-dots i{background:#ffffff59;border-radius:50%;width:8px;height:8px}.lesson-dots i.on{background:#fff}.lesson-body{gap:12px;padding:18px 20px 20px;display:grid}.lesson-point{gap:12px;margin:0;display:flex}.lesson-point>span{background:color-mix(in srgb, var(--lc) 14%, transparent);width:26px;height:26px;color:var(--lc);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:13px;font-weight:800;display:grid}.lesson-why{background:color-mix(in srgb, var(--lc) 10%, var(--card));border-radius:14px;margin:4px 0 0;padding:12px 14px;font-size:14px}.lesson-why b{color:var(--lc);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;display:block}.fact{gap:12px;display:flex}.fact>span{background:color-mix(in srgb, var(--lc) 12%, transparent);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.fact p{margin:2px 0 0}.fact ul{margin:4px 0 0;padding-left:18px}.fact li{margin:2px 0}.level-grid{gap:10px;display:grid}.level{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;transition:scale .15s ease-out,border-color .15s ease-out;display:flex}.level:active{scale:.98}.level.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--card))}.level-icon{background:var(--soft);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.level-text{flex:1;gap:1px;min-width:0;display:grid}.level-check{border:2px solid var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:grid}.level.on .level-check{background:var(--accent);border-color:var(--accent)}.collect-family{align-items:center;gap:8px;margin:0 0 8px;font-size:.95rem;display:flex}.collect-family:before{content:"";background:var(--fc);border-radius:50%;width:10px;height:10px}.collect-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.collect{border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-radius:18px;justify-items:start;gap:4px;padding:12px;transition:scale .15s ease-out,border-color .15s ease-out;display:grid;position:relative}.collect:active{scale:.97}.collect.on{border-color:var(--fc);background:color-mix(in srgb, var(--fc) 9%, var(--card))}.collect.on:after{content:"✓";background:var(--fc);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.collect-icon{background:color-mix(in srgb, var(--fc) 13%, transparent);border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.collect-name{font-size:14px;font-weight:800;line-height:1.2}.collect-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px;font-weight:800}.collect-tag.ready{color:var(--good)}.kp.tab-me .cover,.kp.tab-me .showcase,.kp.tab-me>.seg{display:none}.collect.wide{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;width:100%}.collect.wide .collect-icon{grid-row:span 2}.auth-logo{justify-content:center;margin:8px 0 4px;display:flex}.auth-logo .logo{max-width:100%;height:auto}.cam{z-index:100;color:#fff;touch-action:none;background:#000;position:fixed;inset:0;overflow:hidden}.cam-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam-guide{border-radius:14px;transition:box-shadow .25s;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #0000006b}.cam-guide.page{aspect-ratio:8.5/11;width:min(84vw,41.58vh)}.cam-guide.card{aspect-ratio:63/88;width:min(70vw,35.8vh)}.cam-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4%;padding:4%;display:grid;position:absolute;inset:0}.cam-grid span{border:1.5px dashed #ffffff73;border-radius:8px}.cam-guide .c{border:4px solid #fff;width:34px;height:34px;transition:border-color .2s;position:absolute}.cam-guide .tl{border-bottom:0;border-right:0;border-top-left-radius:16px;top:-3px;left:-3px}.cam-guide .tr{border-bottom:0;border-left:0;border-top-right-radius:16px;top:-3px;right:-3px}.cam-guide .bl{border-top:0;border-right:0;border-bottom-left-radius:16px;bottom:-3px;left:-3px}.cam-guide .br{border-top:0;border-left:0;border-bottom-right-radius:16px;bottom:-3px;right:-3px}.cam-guide.ok .c{border-color:#4ade80}.cam-steady{background:#4ade80;border-radius:2px;height:4px;animation:1s linear forwards cam-fill;position:absolute;bottom:-12px;left:0}@keyframes cam-fill{0%{width:0}to{width:100%}}.cam-flash{opacity:.85;pointer-events:none;background:#fff;animation:.18s ease-out forwards cam-flash;position:absolute;inset:0}@keyframes cam-flash{to{opacity:0}}.cam-top{padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.cam-btn{color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.cam-btn.on{color:#000;background:#ffd54a}.cam-pill{color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:700}.cam-pill.on{color:#062b14;background:#4ade80}.cam-msg{left:16px;right:16px;top:calc(env(safe-area-inset-top) + 64px);text-align:center;text-shadow:0 1px 3px #000000b3;margin:0;font-weight:700;position:absolute}.cam-code{left:16px;right:16px;top:calc(env(safe-area-inset-top) + 92px);text-align:center;margin:0;position:absolute}.cam-code b{letter-spacing:3px;font-size:1.4rem}.cam-pop{color:#062b14;pointer-events:none;background:#4ade80;border-radius:999px;padding:10px 22px;font-size:1.5rem;font-weight:800;animation:1.6s ease-out forwards cam-pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes cam-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}25%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,260%)scale(.5)}}.cam-bottom{padding:10px 14px calc(env(safe-area-inset-bottom) + 18px);background:linear-gradient(#0000,#000000a6);position:absolute;bottom:0;left:0;right:0}.cam-tray{scrollbar-width:none;gap:8px;padding:4px 2px 12px;display:flex;overflow-x:auto}.cam-thumb{border:2px solid #ffffffb3;border-radius:8px;flex:none;width:52px;height:68px;animation:.3s ease-out cam-in;position:relative;overflow:hidden}.cam-thumb img{object-fit:cover;width:100%;height:100%}.cam-thumb span{text-align:center;background:#000000b3;border-radius:10px;min-width:20px;padding:0 4px;font-size:.7rem;font-weight:800;position:absolute;bottom:2px;right:2px}.cam-thumb.sending{border-color:#ffd54a}.cam-thumb.sending:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff59,#0000 70%) 0 0/200% 100%;animation:1s linear infinite skel;position:absolute;inset:0}.cam-thumb.done span,.cam-thumb.review span{color:#062b14;background:#4ade80}.cam-thumb.rejected,.cam-thumb.error{border-color:#f87171}.cam-thumb.rejected span,.cam-thumb.error span{background:#f87171}.cam-thumb.offline{opacity:.8;border-color:#94a3b8}@keyframes cam-in{0%{opacity:0;transform:translateY(20px)scale(.6)}}.cam-controls{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.cam-count{opacity:.9;font-size:.8125rem;line-height:1.3}.cam-shutter{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;width:76px;height:76px;padding:4px}.cam-shutter span{background:#fff;border-radius:50%;width:100%;height:100%;transition:transform .1s;display:block}.cam-shutter:active span{transform:scale(.88)}.cam-shutter:disabled{opacity:.4}.cam-done{color:#000;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-self:end;padding:10px 18px;font-weight:800}@media (prefers-reduced-motion:reduce){.cam-pop,.cam-thumb,.cam-steady{animation:none}}.confetti{pointer-events:none;z-index:290;width:100vw;height:100vh;position:fixed;inset:0}.toast.celebrate{cursor:pointer;font:inherit;color:#fff;background:linear-gradient(135deg,#6c4ab6,#1ba39c);border:0;font-weight:800}.ptr{top:calc(env(safe-area-inset-top) + 8px);z-index:150;background:var(--card);border:1px solid var(--line);width:40px;height:40px;color:var(--accent);border-radius:50%;place-items:center;margin-top:-40px;font-size:20px;font-weight:900;display:grid;position:fixed;left:50%;box-shadow:0 6px 18px #00000026}.ptr span{display:grid}.ptr .spin{animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.intro{z-index:120;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.intro-top{padding:calc(env(safe-area-inset-top) + 12px) 16px 4px;justify-content:space-between;align-items:center;min-height:56px;display:flex}.intro-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;display:flex;overflow-x:auto}.intro-track::-webkit-scrollbar{display:none}.intro-slide{scroll-snap-align:center;text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;padding:0 28px;display:flex}.intro-slide h2{letter-spacing:-.02em;margin:28px 0 8px;font-size:1.75rem;line-height:1.15}.intro-slide p{max-width:340px;margin:0;font-size:1.0625rem}.intro-bottom{padding:12px 16px calc(env(safe-area-inset-bottom) + 20px);gap:16px;display:grid}.intro-bottom .btn{justify-content:center}.intro-dots{justify-content:center;gap:8px;display:flex}.intro-dots button{background:var(--line);cursor:pointer;border:0;border-radius:4px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.intro-dots button.on{background:var(--accent);width:24px}.intro-art{place-items:center;width:240px;height:240px;display:grid;position:relative}.ia-page{aspect-ratio:8.5/11;background:#1f2a44;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;width:150px;padding:10px;display:grid;transform:rotate(-4deg)}.ia-page i{background:#fff1d6;border-radius:5px;animation:.5s cubic-bezier(.2,.9,.3,1.4) both ia-pop}.ia-page i:nth-child(3n+1){background:#f28c28}.ia-page i:nth-child(4){background:#1ba39c}.ia-page i:nth-child(8){background:#6c4ab6}.ia-page i:nth-child(6){background:#ffc93c}.ia-frame{position:absolute;inset:14px 30px}.ia-frame b{border:4px solid var(--accent);width:30px;height:30px;position:absolute}.ia-frame b:first-child{border-bottom:0;border-right:0;border-top-left-radius:12px;top:0;left:0}.ia-frame b:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:12px;top:0;right:0}.ia-frame b:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:12px;bottom:0;left:0}.ia-frame b:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:12px;bottom:0;right:0}@keyframes ia-pop{0%{opacity:0;transform:scale(.3)}}.intro-art.cards i{aspect-ratio:63/88;background:var(--c);width:96px;transform:translateX(calc(var(--n) * 34px)) rotate(calc(var(--n) * 9deg)) translateY(calc(var(--n) * var(--n) * 5px));border:5px solid #fff;border-radius:10px;position:absolute;box-shadow:0 10px 24px #0000002e}.ia-chip{color:#fff;background:#1f2a44;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:800;position:absolute;bottom:4px}.ia-cover{color:#fff;background:linear-gradient(135deg,#6c4ab6,#f28c28);border-radius:18px;justify-items:center;gap:10px;width:200px;padding:22px 16px;display:grid;box-shadow:0 14px 30px #6c4ab659}.ia-cover b{font-size:1.25rem}.ia-star{color:#ffc93c;font-size:2.4rem;animation:2.4s ease-in-out infinite hop;position:absolute;top:6px;right:14px}@media (prefers-reduced-motion:reduce){.ia-page i,.ia-star{animation:none}}.buddy{border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.buddy img{width:100%;height:100%;display:block}.kp{--on-accent:#fff}.dot{flex:none;display:inline-block}.empty{text-align:center;justify-items:center;gap:6px;padding:24px 16px;display:grid}.empty img{width:220px;height:auto;margin-bottom:4px}.empty h3{margin:0;font-size:1.15rem}.empty p{max-width:320px;margin:0 0 8px}.hello-row{align-items:center;gap:12px;display:flex}.hello-row h1{margin:0}.patch{width:64px;height:64px;color:var(--bb-navy);flex:none;place-items:center;display:grid;position:relative}.patch img{width:100%;height:100%;position:absolute;inset:0}.patch svg{position:relative}.patch.locked{filter:grayscale();opacity:.45}.skel-wrap{position:relative}.skel-dot{z-index:1;animation:1.6s ease-in-out infinite hop;position:absolute;top:60px;left:50%;translate:-50%}.gate{width:min(92vw,380px);margin:0 0 calc(24px + env(safe-area-inset-bottom));align-self:center}