.hb,.hb-nav{--bg:var(--bfg-bg);--card:#fff;--ink:var(--bfg-ink);--ink2:#34303f;--ink3:#6b6578;--line:#1c1a2417;--lime:var(--bfg-lime);--lime-d:var(--bfg-lime-d);--lime-soft:var(--bfg-lime-soft);--good:var(--bfg-good);--miss:var(--bfg-miss);--display:var(--bfg-font-display);--text:var(--bfg-font-text);--spring:cubic-bezier(.2, .9, .25, 1.12);--ease:cubic-bezier(.2, .8, .2, 1);--shadow:0 1px 0 #1c1a240a, 0 2px 6px -2px #1c1a240f, 0 24px 48px -32px #3c285a59;--top:66px}.hb{font-size:16px;position:relative}.hb button,.hb input,.hb select,.hb-nav button{font:inherit;color:inherit}.hb button,.hb-nav button{cursor:pointer}.hb h1,.hb h2,.hb h3{font-family:var(--display);margin:0}.hb [hidden]{display:none!important}.hb .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb .wash{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hb .wash b{filter:blur(90px);opacity:.55;border-radius:50%;transition:background-color 1.2s;position:absolute}.hb .wash .b1{background:var(--w1,var(--lime-soft));width:48vw;height:48vw;top:-18vw;left:-16vw}.hb .wash .b2{background:var(--w2,var(--bfg-logic));width:40vw;height:40vw;top:30vh;right:-16vw}.hb .view{z-index:1;animation:hb-viewin .6s var(--ease);position:relative}@keyframes hb-viewin{0%{opacity:0;transform:translateY(12px)}}.hb .btn{white-space:nowrap;transition:transform .35s var(--spring), box-shadow .3s, background .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.hb .btn:hover{transform:translateY(-2px)}.hb .btn.lime{background:var(--lime);color:var(--ink);box-shadow:0 12px 22px -12px #3f7a06cc,inset 0 -3px #0000001f}.hb .btn.dark{background:var(--ink);color:#fff}.hb .btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.hb .btn.tone{background:var(--d);color:#fff;box-shadow:0 14px 24px -14px var(--d)}.hb .btn svg{flex:none;width:18px;height:18px}.hb .chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.hb .seg,.hb-nav .seg{box-shadow:var(--shadow);scrollbar-width:none;background:#fff;border-radius:999px;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.hb .seg::-webkit-scrollbar{display:none}.hb-nav .seg::-webkit-scrollbar{display:none}.hb .seg .pill,.hb-nav .seg .pill{background:var(--ink);transition:transform .5s var(--spring), width .5s var(--spring), background .3s;pointer-events:none;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.hb .seg button{z-index:1;color:var(--ink2);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;font-weight:800;transition:color .3s;display:inline-flex;position:relative}.hb .seg button i{background:var(--d,var(--ink));border-radius:3px;width:10px;height:10px;transition:background .3s}.hb .seg button em{opacity:.55;font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.hb .seg button[aria-pressed=true],.hb .seg button[aria-selected=true]{color:#fff}.hb .seg button[aria-pressed=true] i,.hb .seg button[aria-selected=true] i{background:#fff}.hb .seg.icons button{justify-content:center;width:38px;height:36px;padding:0}.hb .seg.icons svg{width:17px;height:17px}.hb .toggle{white-space:nowrap;color:var(--ink2);box-shadow:var(--shadow);background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:800;display:inline-flex}.hb .toggle .sw{background:var(--miss);border-radius:9px;width:30px;height:18px;transition:background .25s;position:relative}.hb .toggle .sw:after{content:"";width:14px;height:14px;transition:transform .35s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.hb .toggle[aria-pressed=true] .sw{background:var(--lime-d)}.hb .toggle[aria-pressed=true] .sw:after{transform:translate(12px)}.hb .sel{color:var(--ink2);box-shadow:var(--shadow);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6578' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 13px center no-repeat;border:0;border-radius:999px;padding:10px 34px 10px 14px;font-size:14px;font-weight:800}.hb-nav{align-items:center;gap:10px;display:flex}.hb-nav .views{box-shadow:none;background:#1c1a240d}.hb-nav .views a{z-index:1;color:var(--ink2);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:800;text-decoration:none;transition:color .3s;position:relative}.hb-nav .views a[aria-current=page]{color:#fff}.hb-nav .find{box-shadow:var(--shadow);color:var(--ink3);background:#fff;border:0;border-radius:999px;align-items:center;gap:10px;min-width:200px;padding:9px 10px 9px 14px;font-size:14px;font-weight:700;display:flex}.hb-nav .find svg{width:17px;height:17px}.hb-nav .find kbd{font:700 12px var(--text);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;margin-left:auto;padding:2px 7px}@media (max-width:1100px){.hb-nav .find{min-width:0}.hb-nav .find span,.hb-nav .find kbd{display:none}}.topbar__inner:has(.hb-nav) .brand{white-space:nowrap}@media (max-width:600px){.topbar__inner:has(.hb-nav){gap:8px}.topbar__inner:has(.hb-nav) nav{gap:8px}.topbar__inner:has(.hb-nav) .brand{font-size:16px}:is(.hb-nav .find,.topbar__inner:has(.hb-nav) .um-link--primary){display:none}.hb-nav .views a{padding:7px 11px;font-size:13px}.hb-nav .find{padding:9px}}.hb .thero{grid-template-columns:1fr auto;align-items:end;gap:28px;padding-block:20px 8px;display:grid}.hb .date{font-family:var(--display);color:var(--ink3);margin:0 0 4px;font-size:16px;font-weight:800}.hb .thero h1{letter-spacing:-.045em;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.92}.hb .clockrow{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.hb .clockrow>span{color:var(--ink2);font-size:15px;font-weight:700}.hb .clock{perspective:400px;align-items:center;gap:4px;display:flex}.hb .clock b{background:var(--ink);color:#fff;width:30px;height:40px;font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:inset 0 -3px #ffffff14}.hb .clock b.tick{animation:hb-tick .35s var(--ease)}@keyframes hb-tick{0%{opacity:.3;transform:rotateX(-80deg)}}.hb .clock small{color:var(--ink3);align-self:flex-end;margin:0 6px 0 2px;padding-bottom:4px;font-size:11px;font-weight:800}.hb .hstat{background:var(--card);box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:20px;padding:16px 18px 16px 16px;display:flex}.hb .ring{flex:none;width:108px;height:108px;position:relative}.hb .ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hb .ring .trk{fill:none;stroke:var(--bg);stroke-width:11px}.hb .ring .val{fill:none;stroke:var(--lime);stroke-width:11px;stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--ease)}.hb .ring .mid{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.hb .ring .mid b{font-family:var(--display);letter-spacing:-.02em;font-size:32px;font-weight:900;line-height:1;display:block}.hb .ring .mid span{color:var(--ink3);font-size:12px;font-weight:700}.hb .hstat .side{flex-direction:column;gap:9px;min-width:180px;display:flex}.hb .hstat .row{color:var(--ink2);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.hb .hstat .row svg{width:16px;height:18px}.hb .hstat .row b{font-family:var(--display);color:var(--ink);font-size:18px;font-weight:900}.hb .dice.roll svg{animation:hb-roll .6s var(--spring)}@keyframes hb-roll{to{transform:rotate(360deg)}}.hb .route{background:var(--card);box-shadow:var(--shadow);border-radius:34px;margin-top:30px;padding:22px 0 10px;position:relative;overflow:hidden}.hb .route:before{content:"";pointer-events:none;background-image:radial-gradient(#1c1a2412 1.2px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.hb .rhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 26px;display:flex;position:relative}.hb .rhead h2{letter-spacing:-.02em;font-size:24px;font-weight:900}.hb .rhead p{color:var(--ink3);margin:2px 0 0;font-size:14px}.hb .rhead .legend{color:var(--ink3);flex-wrap:wrap;gap:14px;font-size:12px;font-weight:700;display:flex}.hb .rhead .legend i{vertical-align:-2px;border-radius:4px;width:12px;height:12px;margin-right:5px;display:inline-block}.hb .rscroll{scrollbar-width:thin;padding:30px 10px 0;position:relative;overflow-x:auto}.hb .rcanvas{min-width:940px;height:400px;margin-top:6px;position:relative}.hb .rcanvas.short{height:220px}.hb .rcanvas>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hb .rpath{fill:none;stroke-width:14px;stroke-linecap:round;vector-effect:non-scaling-stroke}.hb .rpath.base{stroke:#e9e4f0}.hb .rpath.dash{stroke:#fff;stroke-width:3px;stroke-dasharray:2 10}.hb .rpath.done{stroke:var(--lime);transition:stroke-dashoffset 1.6s var(--ease)}.hb .node{background:var(--c);width:58px;height:58px;color:var(--d);font-family:var(--display);transition:transform .45s var(--spring), box-shadow .3s;border:0;border-radius:18px;place-items:center;padding:0;font-size:19px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff,0 12px 22px -12px #1c1a248c}.hb .node:hover,.hb .node:focus-visible{z-index:3;transform:translate(-50%,-50%)scale(1.12)}.hb .node.solved{background:var(--d);color:#fff}.hb .node.failed{background:var(--miss);color:var(--ink3)}.hb .node .ok{background:var(--lime);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 3px #fff}.hb .node .ok svg{width:11px;height:11px}.hb .node .prog{width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;transform:rotate(-90deg)}.hb .node .prog circle{fill:none;stroke-width:4px;stroke-linecap:round}.hb .node.next{box-shadow:0 0 0 5px #fff, 0 0 0 9px var(--lime), 0 14px 26px -12px #3f7a06b3;animation:2.4s ease-in-out infinite hb-nextp}@keyframes hb-nextp{50%{box-shadow:0 0 0 5px #fff,0 0 0 13px #8be21a73,0 14px 26px -12px #3f7a06b3}}.hb .node .num{color:var(--ink3);font-size:11px;font-weight:800;font-family:var(--text);position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.hb .pin{pointer-events:none;width:64px;transition:left 1s var(--spring), top 1s var(--spring);z-index:4;position:absolute;transform:translate(-50%,-100%)}.hb .pin svg{width:100%;animation:3s ease-in-out infinite hb-bob}@keyframes hb-bob{50%{transform:translateY(-6px)}}.hb .pin .say{background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:800;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.hb .flag{background:var(--ink);color:#ffd24a;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff}.hb .flag svg{width:26px;height:26px}.hb .rtip{z-index:100;pointer-events:none;color:var(--ink);background:#fff;border-radius:14px;max-width:240px;padding:9px 12px;font-size:13px;line-height:1.35;position:fixed;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 16px 30px -12px #1c1a248c}.hb .rtip b{font-family:var(--display);font-size:15px;display:block}.hb .spot{background:var(--card);box-shadow:var(--shadow);border-radius:34px;grid-template-columns:1.1fr 1fr;min-height:360px;margin-top:18px;display:grid;position:relative;overflow:hidden}.hb .spot .sp-pv{background:var(--c);place-items:center;padding:30px;transition:background .5s;display:grid;position:relative;overflow:hidden}.hb .spot .sp-pv:before{content:"";background:radial-gradient(circle at 30% 20%,#ffffffbf,#0000 55%);position:absolute;inset:0}.hb .spot .sp-pv:after{content:attr(data-big);font-family:var(--display);color:var(--d);opacity:.07;font-size:240px;font-weight:900;line-height:1;position:absolute;bottom:-60px;right:-10px}.hb .spot .sp-pv .pvs>svg{filter:drop-shadow(0 30px 30px #1c1a2429);width:100%;max-width:430px;height:auto;animation:hb-spin .7s var(--spring);position:relative}@keyframes hb-spin{0%{opacity:0;transform:scale(.94)}}.hb .spot .sp-tx{flex-direction:column;justify-content:center;gap:12px;padding:30px 38px;display:flex}.hb .spot .tabs{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.hb .spot .tabs button{background:var(--bg);color:var(--ink2);border:0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:800;transition:background .25s,color .25s}.hb .spot .tabs button[aria-selected=true]{background:var(--d);color:#fff}.hb .spot h2,.hb .cfeat h2{letter-spacing:-.035em;font-size:clamp(36px,4.4vw,54px);font-weight:900;line-height:1}.hb .spot .why{color:var(--d);font-size:15px;font-weight:800}.hb .spot .tag{color:var(--ink2);margin:0;font-size:19px;font-weight:700}.hb .steps{counter-reset:s;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hb .steps li{counter-increment:s;color:var(--ink2);grid-template-columns:26px 1fr;gap:10px;font-size:15px;display:grid}.hb .steps li:before{content:counter(s);background:var(--c);width:26px;height:26px;color:var(--d);font-family:var(--display);border-radius:8px;place-items:center;font-size:13px;font-weight:900;display:grid}.hb .acts{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.hb .anim{animation:hb-viewin .5s var(--ease)}.hb .sec{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:46px 0 16px;display:flex}.hb .sec h2,.hb .crow h2{letter-spacing:-.025em;font-size:30px;font-weight:900}.hb .sec p{color:var(--ink3);margin:2px 0 0;font-size:14px;font-weight:700}.hb .bar{top:var(--top);z-index:5;background:linear-gradient(var(--bg) 72%, #fbf7f000);margin-inline:-6px;padding-block:10px;padding-inline:6px;position:sticky}.hb .bar .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hb .search,.hb .csearch{align-items:center;display:flex;position:relative}.hb .search{margin-left:auto}.hb .search svg,.hb .csearch svg{width:17px;height:17px;color:var(--ink3);pointer-events:none;position:absolute;left:14px}.hb .search input,.hb .csearch input{width:220px;box-shadow:var(--shadow);transition:width .4s var(--spring);background:#fff;border:0;border-radius:999px;padding:11px 16px 11px 40px;font-size:14px;font-weight:600}.hb .search input:focus,.hb .csearch input:focus{outline:2px solid var(--d,var(--lime-d));outline-offset:0;width:270px}.hb .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.hb .card{background:var(--card);box-shadow:var(--shadow);transition:transform .45s var(--spring), box-shadow .4s;cursor:pointer;border-radius:28px;outline:none;flex-direction:column;padding:8px 8px 16px;display:flex;position:relative}.hb .card.in{animation:hb-cardin .7s var(--spring) both;animation-delay:calc(var(--i) * 30ms)}@keyframes hb-cardin{0%{opacity:0;transform:translateY(22px)}}.hb .card:hover,.hb .card:focus-visible{box-shadow:0 1px 0 #1c1a240a, 0 34px 50px -30px color-mix(in srgb, var(--d) 55%, transparent), 0 0 0 2px color-mix(in srgb, var(--d) 22%, transparent);transform:translateY(-6px)}.hb .card:focus-visible{outline:3px solid var(--d);outline-offset:4px}.hb .card .pv{background:var(--c);aspect-ratio:16/12;isolation:isolate;border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.hb .card .pv:before{content:"";z-index:-2;background:radial-gradient(circle at 22% 12%, #ffffffd9, transparent 55%), radial-gradient(color-mix(in srgb, var(--d) 16%, transparent) 1.2px, transparent 1.4px) 0 0/16px 16px;position:absolute;inset:0}.hb .card .pv:after{content:attr(data-big);z-index:-1;font-family:var(--display);color:var(--d);opacity:.08;transition:transform .7s var(--spring), opacity .4s;font-size:120px;font-weight:900;line-height:1;position:absolute;bottom:-30px;right:-6px}.hb .card:hover .pv:after{opacity:.13;transform:translate(-10px,-12px)}.hb .card .pv .pvs>svg{filter:drop-shadow(0 16px 16px #1c1a2424);width:84%;height:auto;transition:transform .6s var(--spring)}.hb .card:hover .pv .pvs>svg,.hb .card:focus-visible .pv .pvs>svg{transform:scale(1.06)translateY(-8px)}.hb .card.soon .pv .pvs>svg{filter:grayscale(.3)drop-shadow(0 14px 14px #1c1a241a);opacity:.85}.hb .card.done .pv .pvs>svg{opacity:.75}.hb .badge{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);background:#fffffff0;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 6px 14px -8px #1c1a2466}.hb .badge svg{width:13px;height:13px}.hb .badge.solved{background:var(--good);color:#fff}.hb .badge.soon{background:var(--ink);color:#fff}.hb .badge.hot{background:var(--ink);color:#ffd24a}.hb .badge.quick svg{color:#e8a400}.hb .badge.twist{color:var(--d)}.hb .fav{z-index:2;width:34px;height:34px;color:var(--ink3);opacity:0;transition:opacity .2s, transform .35s var(--spring), color .2s;background:#fffffff0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.8)}.hb .card:hover .fav,.hb .card:focus-within .fav,.hb .fav[aria-pressed=true]{opacity:1;transform:none}.hb .fav[aria-pressed=true]{color:#e8a400}.hb .fav svg{width:17px;height:17px}@media (hover:none){.hb .fav{opacity:1;transform:none}}.hb .card .body{flex-direction:column;flex:1;gap:3px;padding:14px 8px 0;display:flex}.hb .card .ck{color:var(--d);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.hb .card .ck i{background:var(--d);border-radius:3px;width:8px;height:8px}.hb .card .ck span{color:var(--ink3);font-weight:700}.hb .card h3{letter-spacing:-.015em;margin-top:2px;font-size:20px;font-weight:900;line-height:1.12}.hb .card .tg{color:var(--ink3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}.hb .card .foot{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:auto;padding-top:14px;display:flex}.hb .diff{color:var(--ink2);align-items:center;gap:3px;font-size:13px;font-weight:800;display:inline-flex}.hb .diff i{background:var(--miss);border-radius:2px;width:6px;height:14px}.hb .diff i.on{background:var(--d)}.hb .diff span{margin-left:5px}.hb .mins{color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.hb .mins svg{width:13px;height:13px}.hb .go{background:var(--d);color:#fff;white-space:nowrap;height:38px;box-shadow:0 10px 18px -12px var(--d), inset 0 -2px 0 #00000024;transition:transform .35s var(--spring), filter .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 15px;font-size:14px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.hb .go:hover{filter:brightness(1.08);transform:scale(1.06)}.hb .go svg{flex:none;width:15px;height:15px}.hb .card .foot .go{border-radius:14px;flex:1 0 100%;height:42px;margin:4px 0 0;font-size:15px}.hb .go:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.hb .card:hover .go:after,.hb .card:focus-visible .go:after{animation:hb-shine .9s var(--ease)}@keyframes hb-shine{to{left:130%}}.hb .card:hover .go svg,.hb .card:focus-visible .go svg{animation:hb-nudge .6s var(--spring)}@keyframes hb-nudge{40%{transform:translate(4px)}}.hb .card.prog .go{background:var(--lime);color:var(--ink);box-shadow:0 10px 18px -12px #3f7a06cc,inset 0 -2px #0000001f}.hb .card.done .go,.hb .card.soon .go{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.hb .card.soon .go[aria-pressed=true]{background:var(--lime-soft);color:var(--lime-d);box-shadow:none}.hb .card.flash{animation:hb-flash 1.2s var(--ease)}@keyframes hb-flash{0%,to{box-shadow:var(--shadow)}30%{box-shadow:0 0 0 4px var(--lime), 0 30px 50px -30px #3f7a06b3}}.hb .lstat{background:var(--bg);color:var(--ink3);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;display:none}.hb .lstat.solved{background:var(--bfg-number);color:var(--bfg-number-d)}.hb .lstat.prog{background:var(--bfg-party);color:var(--bfg-party-d)}.hb .grid.list{grid-template-columns:minmax(0,1fr);gap:8px}.hb .grid.list .badge{display:none}.hb .grid.list .card{border-radius:22px;flex-direction:row;align-items:center;gap:16px;padding:8px}.hb .grid.list .card:hover{transform:translateY(-2px)}.hb .grid.list .card .pv{border-radius:16px;flex:none;width:132px}.hb .grid.list .fav{width:28px;height:28px;top:4px;left:100px;right:auto}.hb .grid.list .card .body{flex-direction:row;align-items:center;gap:18px;padding:0}.hb .grid.list .card .nm{flex:1;min-width:0}.hb .grid.list .card .tg{-webkit-line-clamp:1}.hb .grid.list .card .foot{margin:0;padding:0 8px 0 0}.hb .grid.list .card .foot .go{border-radius:999px;flex:none;width:auto;height:38px;margin:0 0 0 auto}.hb .grid.list .lstat{display:inline-flex}.hb .empty{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:28px;grid-column:1/-1;padding:60px 20px}.hb .empty h3{margin-bottom:6px;font-size:22px}.hb .empty p{color:var(--ink3);margin:0 0 16px}.hb .dockbar{top:var(--top);z-index:6;background:linear-gradient(var(--bg) 75%, #fbf7f000);padding:12px 0 14px;position:sticky}.hb .dock{box-shadow:var(--shadow);scrollbar-width:none;scroll-snap-type:x proximity;background:#fff;border-radius:26px;gap:4px;padding:6px;display:flex;position:relative;overflow-x:auto}.hb .dock::-webkit-scrollbar{display:none}.hb .dock .blob{background:var(--bc,var(--ink));transition:transform .6s var(--spring), width .6s var(--spring), background .5s;pointer-events:none;z-index:0;border-radius:20px;position:absolute;top:6px;bottom:6px;left:0}.hb .dock .blob.squish{animation:hb-squish .6s var(--spring)}@keyframes hb-squish{30%{scale:1.08 .86}70%{scale:.97 1.04}}.hb .dt{z-index:1;color:var(--ink2);white-space:nowrap;scroll-snap-align:center;background:0 0;border:0;border-radius:20px;flex:1 0 auto;align-items:center;gap:9px;padding:6px 12px 6px 6px;font-size:14px;font-weight:800;transition:color .3s;display:flex;position:relative}.hb .dt:hover .di{transform:rotate(-10deg)scale(1.08)}.hb .di{background:var(--c);width:34px;height:34px;color:var(--d);font-family:var(--display);transition:transform .45s var(--spring), background .3s, color .3s;border-radius:11px;flex:none;place-items:center;font-size:16px;font-weight:900;display:grid}.hb .dt .dn{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.hb .dt em{color:var(--ink3);font-size:11px;font-style:normal;font-weight:700;transition:color .3s}.hb .dt[aria-selected=true]{color:var(--ink)}.hb .dt[aria-selected=true] .di{color:var(--d);background:#fff;transform:rotate(-6deg)}.hb .dt[aria-selected=true] em{color:var(--ink2)}.hb .dt.all[aria-selected=true],.hb .dt.next[aria-selected=true]{color:#fff}.hb .dt.all[aria-selected=true] em,.hb .dt.next[aria-selected=true] em{color:#ffffffb3}.hb .stage{min-height:70vh;position:relative}.hb .stage.out-l{animation:hb-outL .28s var(--ease) forwards}.hb .stage.out-r{animation:hb-outR .28s var(--ease) forwards}.hb .stage.in-l{animation:hb-inL .6s var(--spring)}.hb .stage.in-r{animation:hb-inR .6s var(--spring)}@keyframes hb-outL{to{opacity:0;transform:translate(-40px)}}@keyframes hb-outR{to{opacity:0;transform:translate(40px)}}@keyframes hb-inL{0%{opacity:0;transform:translate(60px)}}@keyframes hb-inR{0%{opacity:0;transform:translate(-60px)}}.hb .chead{grid-template-columns:1fr auto;align-items:end;gap:24px;padding:30px 0 6px;display:grid;position:relative}.hb .chead .eb{font-family:var(--display);color:var(--d);align-items:center;gap:10px;margin:0 0 8px;font-size:16px;font-weight:800;display:flex}.hb .chead .eb i{background:var(--c);border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;display:grid}.hb .chead h1{letter-spacing:-.045em;max-width:14ch;font-size:clamp(44px,6.8vw,84px);font-weight:900;line-height:.95}.hb .chead h1 mark{background:linear-gradient(transparent 60%, var(--c) 60%);color:inherit;animation:hb-mark 1s var(--spring) .25s forwards;background-repeat:no-repeat;background-size:0% 100%;padding-inline:4px}@keyframes hb-mark{to{background-size:100% 100%}}.hb .chead .sub{color:var(--ink2);max-width:52ch;margin:16px 0 0;font-size:19px}.hb .chead .big{font-family:var(--display);color:var(--d);opacity:.07;pointer-events:none;animation:hb-bigin 1s var(--spring);font-size:clamp(160px,22vw,300px);font-weight:900;line-height:1;position:absolute;top:-20px;right:-10px}@keyframes hb-bigin{0%{opacity:0;transform:rotate(-20deg)scale(.7)}}.hb .cstats{flex-wrap:wrap;gap:10px;display:flex;position:relative}.hb .cstat{box-shadow:var(--shadow);background:#fff;border-radius:20px;min-width:112px;padding:12px 16px}.hb .cstat b{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:900;line-height:1;display:block}.hb .cstat span{color:var(--ink3);font-size:13px;font-weight:700}.hb .cfeat{box-shadow:var(--shadow);background:#fff;border-radius:36px;grid-template-columns:1fr 1.1fr;min-height:400px;margin-top:26px;display:grid;position:relative;overflow:hidden}.hb .cfeat .ft{flex-direction:column;justify-content:center;gap:12px;padding:40px 42px;display:flex}.hb .cfeat .ft>*{animation:hb-viewin .5s var(--ease) both}.hb .cfeat .ft>:nth-child(2){animation-delay:40ms}.hb .cfeat .ft>:nth-child(3){animation-delay:80ms}.hb .cfeat .ft>:nth-child(4){animation-delay:.12s}.hb .cfeat .ft>:nth-child(5){animation-delay:.16s}.hb .cfeat .chips{flex-wrap:wrap;gap:6px;display:flex}.hb .cfeat .tag{color:var(--ink2);margin:0;font-size:20px;font-weight:800}.hb .cfeat .fp{background:var(--c);place-items:center;padding:36px;display:grid;position:relative;overflow:hidden}.hb .cfeat .fp:before{content:"";background:radial-gradient(circle,#fffc,#0000 70%);border-radius:50%;width:460px;height:460px;position:absolute;top:-160px;right:-140px}.hb .cfeat .fp .pvs>svg{filter:drop-shadow(0 30px 30px #1c1a2429);width:100%;max-width:470px;height:auto;animation:hb-fpin .7s var(--spring);position:relative}@keyframes hb-fpin{0%{opacity:0;transform:scale(.94)translateY(16px)}}.hb .fnav{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.hb .fnav button,.hb .nav2 button,.hb .x{transition:transform .3s var(--spring);background:#ffffffeb;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 18px -10px #1c1a2499}.hb .fnav button{width:42px;height:42px}.hb .fnav button:hover{transform:scale(1.1)}.hb .fnav button svg,.hb .nav2 svg{width:16px;height:16px}.hb .dots{background:#ffffffd9;border-radius:999px;gap:5px;padding:7px 10px;display:flex}.hb .dots i{width:7px;height:7px;transition:width .4s var(--spring), background .3s;background:#1c1a2433;border-radius:4px}.hb .dots i.on{background:var(--d);width:20px}.hb .crow{flex-wrap:wrap;align-items:center;gap:10px;margin:40px 0 16px;display:flex}.hb .crow h2{margin-right:auto;font-size:28px}.hb .fchips{flex-wrap:wrap;gap:6px;display:flex}.hb .fchip{color:var(--ink2);box-shadow:var(--shadow);transition:background .25s, color .25s, transform .3s var(--spring);background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex}.hb .fchip:hover{transform:translateY(-2px)}.hb .fchip em{opacity:.55;font-size:12px;font-style:normal}.hb .fchip[aria-pressed=true]{background:var(--d,var(--ink));color:#fff}.hb .csearch input{width:200px;padding:10px 14px 10px 36px}.hb .csearch svg{width:16px;height:16px;left:13px}.hb .bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:14px;margin-top:26px;display:grid}.hb .bc{text-align:left;background:var(--c);color:var(--ink);transition:transform .55s var(--spring), box-shadow .35s;border:0;border-radius:30px;flex-direction:column;gap:6px;padding:22px;display:flex;position:relative;overflow:hidden}.hb .bc:hover,.hb .bc:focus-visible{transform:translateY(-6px);box-shadow:0 30px 44px -28px #3c285a99}.hb .bc.wide{grid-column:span 2}.hb .bc.tall{grid-row:span 2}.hb .bc.full{grid-column:1/-1}.hb .bc b,.hb .bc .bt{max-width:60%}.hb .bc.wide b,.hb .bc.wide .bt,.hb .bc.tall b,.hb .bc.tall .bt,.hb .bc.full b,.hb .bc.full .bt{max-width:none}.hb .bc .bi{width:48px;height:48px;color:var(--d);font-family:var(--display);transition:transform .5s var(--spring);background:#fff;border-radius:15px;place-items:center;font-size:21px;font-weight:900;display:grid}.hb .bc:hover .bi{transform:rotate(-12deg)scale(1.1)}.hb .bc b{font-family:var(--display);letter-spacing:-.02em;z-index:2;margin-top:auto;font-size:24px;font-weight:900;line-height:1.05;position:relative}.hb .bc .bt{color:var(--ink2);z-index:2;max-width:28ch;font-size:14px;font-weight:700;position:relative}.hb .bc .bn{color:var(--d);z-index:2;background:#fff;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:800;position:absolute;top:20px;right:20px}.hb .fan{pointer-events:none;width:60%;position:absolute;top:58px;bottom:96px;right:14px}.hb .bc.wide .fan,.hb .bc.full .fan{width:48%;top:20px;bottom:14px;right:20px}.hb .bc.tall .fan{width:84%;height:46%;top:90px;bottom:auto;right:8%}.hb .fan>span{aspect-ratio:200/136;width:70%;height:auto;transition:transform .6s var(--spring);background:#fff;border-radius:14px;place-items:center;margin:auto;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 26px -16px #1c1a248c}.hb .fan>span svg{width:100%;height:auto}.hb .fan>span:first-child{transform:rotate(-8deg)translate(-14%,6%)}.hb .fan>span:nth-child(2){transform:rotate(6deg)translate(14%,4%)}.hb .fan>span:nth-child(3){transform:rotate(-1deg)translateY(-4%)}.hb .bc:hover .fan>span:first-child{transform:rotate(-8deg)translate(-30%,8%)}.hb .bc:hover .fan>span:nth-child(2){transform:rotate(6deg)translate(32%,6%)}.hb .bc:hover .fan>span:nth-child(3){transform:rotate(-1deg)translateY(-12%)scale(1.05)}.hb .bc.next{background:var(--ink);color:#fff}.hb .bc.next .fan{width:24%;top:30px;right:48px}.hb .bc.next .bt{color:#ffffffb3}.hb .bc.next .bi,.hb .bc.next .bn{background:var(--lime);color:var(--ink)}.hb dialog{background:0 0;border:0;padding:0}.hb dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#1c1a2461}.hb dialog.sheet{width:100%;max-width:min(960px,100vw - 32px);max-height:calc(100dvh - 40px);overflow:visible}.hb dialog.sheet[open] .sh{animation:hb-sheetin .55s var(--spring)}@keyframes hb-sheetin{0%{opacity:0;transform:translateY(30px)scale(.96)}}.hb .sh{background:#fff;border-radius:34px;grid-template-columns:1fr 1fr;max-height:calc(100dvh - 40px);display:grid;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #1c1a2499}.hb .sh .spv{background:var(--c);place-items:center;padding:34px 34px 70px;display:grid;position:relative;overflow:hidden}.hb .sh .spv:before{content:"";background:radial-gradient(circle at 30% 20%,#ffffffbf,#0000 60%);position:absolute;inset:0}.hb .sh .spv .pvs>svg{filter:drop-shadow(0 26px 26px #1c1a2429);width:100%;height:auto;position:relative}.hb .sh .stx{flex-direction:column;gap:14px;padding:34px 34px 28px;display:flex;overflow:auto}.hb .sh .ck{color:var(--d);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.hb .sh h2{letter-spacing:-.03em;font-size:38px;font-weight:900;line-height:1.02}.hb .sh .tag{color:var(--ink2);margin:0;font-size:18px;font-weight:700}.hb .sh .facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hb .sh .facts div{background:var(--bg);color:var(--ink3);border-radius:16px;padding:10px 12px;font-size:12px;font-weight:700}.hb .sh .facts b{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:900;display:block}.hb .sh .acts{margin-top:auto;padding-top:6px}.hb .sh .acts .btn.tone{flex:1}.hb .x{z-index:2;width:40px;height:40px;position:absolute;top:14px;right:14px}.hb .x svg{width:18px;height:18px}.hb .nav2{z-index:2;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.hb .nav2 button{width:38px;height:38px}.hb .nav2 span{color:var(--d);background:#ffffffe6;border-radius:999px;align-self:center;padding:5px 10px;font-size:12px;font-weight:800}.hb dialog.pal{width:min(620px,100vw - 32px);margin-top:12vh}.hb dialog.pal[open] .pbox{animation:hb-sheetin .45s var(--spring)}.hb .pbox{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 50px 100px -40px #1c1a2499}.hb .pin-in{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.hb .pin-in svg{width:20px;height:20px;color:var(--ink3);flex:none}.hb .pin-in input{background:0 0;border:0;outline:none;flex:1;font-size:18px;font-weight:700}.hb .pin-in kbd,.hb .pfoot kbd{font:700 12px var(--text);color:var(--ink3);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;padding:2px 7px}.hb .pres{max-height:min(420px,55dvh);margin:0;padding:8px;list-style:none;overflow:auto}.hb .pres li[role=option]{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:9px 10px;display:flex}.hb .pres li[aria-selected=true]{background:var(--bg)}.hb .pres .gi{background:var(--c);width:38px;height:38px;color:var(--d);font-family:var(--display);border-radius:11px;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid}.hb .pres b{font-family:var(--display);font-size:15px;font-weight:900;line-height:1.2;display:block}.hb .pres small{color:var(--ink3);font-size:13px}.hb .pres .r{color:var(--ink3);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:800}.hb .pres .grp{color:var(--ink3);padding:8px 10px 4px;font-size:12px;font-weight:800}.hb .pfoot{border-top:1px solid var(--line);color:var(--ink3);gap:16px;padding:10px 18px;font-size:12px;font-weight:700;display:flex}.hb .pfoot kbd{margin-right:4px;padding:1px 6px;font-size:11px}.hb .toast{z-index:200;opacity:0;background:var(--ink);color:#fff;transition:transform .45s var(--spring), opacity .25s;pointer-events:none;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:800;position:fixed;bottom:24px;left:50%;transform:translate(-50%,calc(100% + 40px));box-shadow:0 18px 30px -14px #1c1a24b3}.hb .toast.show{opacity:1;transform:translate(-50%)}.hb .a-draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.hb .a-pop{transform-box:fill-box;transform:translateY(9px)}.hb .a-flip{transform-box:fill-box;transform-origin:50%}.hb .a-hl,.hb .a-in{opacity:0}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-draw{animation:hb-draw 2.2s var(--ease) forwards}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-pop{animation:hb-pop 1.6s var(--spring) infinite;animation-delay:var(--dl,0s)}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-blink{animation:1.2s ease-in-out infinite hb-blink}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-slide{animation:1.8s ease-in-out infinite alternate hb-slide}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-flip{animation:hb-flipc 2s var(--spring) infinite;animation-delay:var(--dl,0s)}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-hl{animation:2.4s step-end infinite hb-hl}.hb :is(.card:hover,.card:focus-visible,.sh,.spot,.cfeat) .a-in{animation:.5s both hb-fadein;animation-delay:var(--dl,0s)}@keyframes hb-draw{to{stroke-dashoffset:0}}@keyframes hb-pop{0%,to{transform:translateY(20px)}30%,60%{transform:translateY(0)}}@keyframes hb-blink{50%{opacity:.25}}@keyframes hb-slide{0%{transform:translate(-22px)}to{transform:translate(22px)}}@keyframes hb-flipc{0%,15%,85%,to{transform:scaleX(1)}40%,60%{transform:scaleX(-1)}}@keyframes hb-hl{0%{opacity:1;transform:translate(0)}25%{opacity:1;transform:translate(var(--sx), 0)}50%{opacity:1;transform:translate(var(--sx), var(--sy))}75%{opacity:1;transform:translate(0, var(--sy))}}@keyframes hb-fadein{to{opacity:1}}@media (max-width:1100px){.hb .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb .bento{grid-template-columns:repeat(2,1fr)}.hb .bc.wide{grid-column:span 2}.hb .bc.tall{grid-row:span 1}.hb .bc.tall .fan{width:60%;height:auto;top:58px;bottom:96px;right:14px}.hb .bc.tall b,.hb .bc.tall .bt{max-width:60%}.hb .dt em{display:none}}@media (max-width:860px){.hb .thero,.hb .chead,.hb .spot,.hb .sh,.hb .cfeat{grid-template-columns:1fr}.hb .spot .sp-pv{min-height:240px}.hb .cfeat .fp{order:-1;min-height:250px;padding:26px 26px 76px}.hb .cfeat .ft{padding:26px 24px 30px}.hb .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb .search{flex:1;margin-left:0}.hb .csearch{flex:1}.hb .search input,.hb .search input:focus,.hb .csearch input,.hb .csearch input:focus{width:100%}.hb .bar,.hb .dockbar{position:relative;top:auto}}@media (max-width:600px){.hb .hstat{flex-wrap:wrap}.hb .ring{width:88px;height:88px}.hb .hstat .side{flex:1;min-width:0}.hb .clock b{width:26px;height:36px;font-size:19px}.hb .spot .sp-tx{padding:24px 22px}.hb .card{border-radius:22px;padding:8px 8px 12px}.hb .card h3{font-size:16px}.hb .card .tg,.hb .card .mins,.hb .card .ck span{display:none}.hb .badge{white-space:nowrap;max-width:calc(100% - 56px);padding:5px 9px;font-size:11px;overflow:hidden}.hb .grid.list .card .body{flex-direction:column;align-items:flex-start;gap:6px}.hb .grid.list .card .pv{width:96px}.hb .grid.list .fav{left:70px}.hb .grid.list .card .foot{width:100%}.hb .sh .stx{padding:24px 22px}.hb .sh h2{font-size:30px}.hb .dt{padding:6px 10px 6px 6px}.hb .di{width:32px;height:32px;font-size:14px}.hb .bento{grid-template-columns:1fr;grid-auto-rows:190px}.hb .bc.wide{grid-column:span 1}.hb .bc .fan,.hb .bc.wide .fan,.hb .bc.tall .fan,.hb .bc.full .fan,.hb .bc.next .fan{width:46%;height:auto;top:22px;bottom:22px;right:14px}.hb .bc b,.hb .bc .bt,.hb .bc.wide b,.hb .bc.wide .bt,.hb .bc.full b,.hb .bc.full .bt{max-width:52%}.hb .bc .bn{display:none}.hb .cstat{flex:1;min-width:0;padding:10px 12px}.hb .cstat b{font-size:22px}}@media (prefers-reduced-motion:reduce){.hb .a-draw{stroke-dashoffset:0}.hb .a-in,.hb .a-hl{opacity:1}.hb .a-pop{transform:none}}
