main:has(.hp-stage){flex-direction:column;padding-bottom:0;display:flex}.hp-stage{background:var(--stagebg);justify-content:center;align-items:center;height:100dvh;min-height:0;padding:12px;display:flex;overflow:hidden}.hp{background:var(--card);width:390px;max-width:100%;height:calc(100dvh - 24px);min-height:0;max-height:844px;color:var(--ink);border-radius:32px;flex-direction:column;padding:20px 22px 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}.hp-head{justify-content:space-between;align-items:center;display:flex}.hp-brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:23px;font-weight:800;display:flex}.hp-logo{flex:0 0 30px;width:30px;height:30px;display:block}.hp-blk{color:var(--ink)}.hp-gry{color:var(--ink2);opacity:.75;font-weight:700}.hp-icons{align-items:center;gap:14px;display:flex}.hp-icobtn{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:6px}.hp-icobtn svg{width:24px;height:24px;display:block}.hp-menu{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;gap:8px;padding:10px;display:flex;position:absolute;top:66px;left:24px;right:24px;box-shadow:0 18px 44px #00000029}.hp-menu[hidden]{display:none}.hp-menu a{color:var(--ink);background:var(--chip);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none}.hp-theme{flex-basis:100%;gap:6px;padding:4px 2px 0;display:flex}.hp-theme button{background:var(--chip);color:var(--ink2);cursor:pointer;border:none;border-radius:999px;flex:1;padding:8px 0;font-size:12px;font-weight:700}.hp-theme button.on{background:var(--segon);color:var(--segontx)}.hp-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);opacity:.8;margin:10px 0 0;font-size:12.5px;font-weight:700}.hp-search{padding:8px 0 0}.hp a:hover{text-decoration:none}.hp-menu a:visited,.hp-row:visited{color:var(--ink)}.hp-txt:visited{color:#fff}.hp-search input{border:1.5px solid var(--fieldbd);width:100%;color:var(--ink);background:var(--field);border-radius:999px;outline:none;padding:11px 16px;font-size:15px}.hp-list{overscroll-behavior:contain;flex-direction:column;flex:auto;justify-content:space-evenly;gap:2px;min-height:0;margin-top:10px;display:flex;overflow:hidden auto}.hp-list:not(.searching){overflow:hidden}.hp-row{white-space:nowrap;color:var(--ink);letter-spacing:-.02em;font-size:clamp(28px,7.5vw,34px);font-weight:800;line-height:1.28;text-decoration:none;display:block}.hp-row .hp-ccount{color:var(--ink2);vertical-align:super;letter-spacing:0;opacity:.8;margin-left:6px;font-size:14px;font-weight:500}.hp-row .hp-you{color:#f04438;letter-spacing:0;vertical-align:super;margin-left:8px;font-size:13px;font-weight:700}.hp-row:hover{opacity:.65}.hp-list:not(.searching)>.hp-row:nth-child(n+6){display:none}.hp-hint{color:var(--ink2);min-height:16px;margin:6px 2px 0;font-size:13px}.hp-hint:empty{display:none}.hp-bottom{margin-top:6px}.hp-total{text-align:right;padding:6px 4px}.hp-total .hp-all{color:var(--ink2);font-size:14px;display:block}.hp-total strong{letter-spacing:-.04em;color:var(--ink);font-size:40px;font-weight:800;line-height:1}.hp-dock{background:#0b0b0c;border-radius:20px;align-items:center;gap:10px;padding:10px 12px;display:flex}.hp-dock.live{animation:2s ease-in-out infinite hppulse;box-shadow:0 0 0 2px #f044388c,0 8px 28px #f0443840}@keyframes hppulse{50%{box-shadow:0 0 0 5px #f044382e,0 8px 28px #f0443840}}@media (prefers-reduced-motion:reduce){.hp-dock.live{animation:none}}.hp-eq{opacity:.35;flex:none;align-items:flex-end;gap:3px;height:16px;display:flex}.hp-eq i{background:#ffffff80;border-radius:2px;width:3px;height:30%}.hp-dock.live .hp-eq{opacity:1}.hp-dock.live .hp-eq i{background:linear-gradient(#f04438,#ff9d94);animation:1s ease-in-out infinite hpeq}.hp-dock.live .hp-eq i:nth-child(2){animation-delay:.15s}.hp-dock.live .hp-eq i:nth-child(3){animation-delay:.3s}.hp-dock.live .hp-eq i:nth-child(4){animation-delay:.45s}@keyframes hpeq{0%,to{height:25%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.hp-dock.live .hp-eq i{height:60%;animation:none}}.hp-play{color:#fff;cursor:pointer;background:#f04438;border:none;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.hp-play.pop,.hp-next.pop{animation:.35s hppop}@keyframes hppop{40%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.hp-play.pop,.hp-next.pop{animation:none}}.hp-next{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.hp-txt{color:#fff;flex:1;min-width:0;text-decoration:none}.hp-txt strong{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:15px;font-weight:700;display:block;overflow:hidden}.hp-txt span{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.hp-err{color:#b7791f;min-height:0;margin:2px 2px 0;font-size:12px}.hp-err:empty{display:none}.hp-seo{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (height<=740px){.hp{padding:16px 20px 10px}.hp-total strong{font-size:34px}.hp-row{font-size:clamp(26px,7vw,30px)}}
