.hello{left:calc(50% + var(--rail,0px) / 2);top:calc(64px + env(safe-area-inset-top));z-index:70;background:var(--fg);max-width:calc(100% - 32px);color:var(--bg);font:500 15px/20px var(--font);letter-spacing:-.01em;white-space:nowrap;opacity:0;transition:opacity .3s var(--ease), transform .56s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;display:flex;position:fixed;transform:translate(-50%,-14px)scale(.92);box-shadow:0 16px 40px #00000040}.hello.show{opacity:1;transform:translate(-50%)scale(1)}.hello b{font-weight:700}.hello-face{background:var(--face-bg);width:30px;height:30px;color:var(--muted);font:700 13px/1 var(--font);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.hello-face img{object-fit:cover;width:100%;height:100%}.nav-me-pop{animation:.9s cubic-bezier(.34,1.56,.64,1) .2s me-pop}@keyframes me-pop{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);transform:scale(.6)}60%{transform:scale(1.12)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hello{transition:opacity .2s}.nav-me-pop{animation:none}}:has(>.pagemark+h1){grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;max-width:100%;display:grid}:has(>.pagemark+h1)>*{grid-column:1/-1}:has(>.pagemark+h1)>.pagemark{grid-column:1;margin-right:16px}:has(>.pagemark+h1)>h1{grid-column:2;min-width:0}.pagemark{width:52px;height:52px;box-shadow:0 0 0 1px var(--ring), 0 1px 2px #00000014, 0 10px 18px -10px #0006;border-radius:12px;flex:none;display:block;overflow:hidden}.pagemark svg{width:100%;height:100%;display:block}.pagemark>.pm-d{display:none}@media (prefers-color-scheme:dark){.pagemark:not([data-mode=light])>.pm-l{display:none}.pagemark:not([data-mode=light])>.pm-d{display:block}}.pagemark[data-mode=dark]>.pm-l{display:none}.pagemark[data-mode=light]{--ring:#0a0a0b12}.pagemark[data-mode=dark]{--ring:#ffffff14}.pagemark[data-mode=dark]>.pm-d{display:block}.pagemark svg *{transform-box:fill-box}.pm-spark{transform-origin:50%;animation:3s ease-in-out infinite pm-twinkle;animation-delay:var(--d,0s)}@keyframes pm-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}40%,60%{opacity:1;transform:scale(1)rotate(45deg)}}.pagemark .pm-draw{stroke-dasharray:1;animation:pm-draw 1.1s var(--ease) .15s backwards}@keyframes pm-draw{0%{stroke-dashoffset:1px}}.pagemark .pm-area{animation:pm-fade .9s var(--ease) .6s backwards}@keyframes pm-fade{0%{opacity:0}}.pm-terminal .pm-ping{transform-origin:50%;animation:pm-ping 1.8s var(--ease) infinite}@keyframes pm-ping{0%{opacity:.85;transform:scale(1)}60%,to{opacity:0;transform:scale(3.2)}}.pm-rising .pm-climb{animation:pm-climb .76s var(--ease) .25s backwards}@keyframes pm-climb{0%{transform:translateY(13px)}}.pm-rising .pm-passed{animation:pm-passed .76s var(--ease) .25s backwards}@keyframes pm-passed{0%{transform:translateY(-13px)}}.pm-rising .pm-badge{transform-origin:50%;animation:.52s cubic-bezier(.3,1.6,.5,1) .9s backwards pm-pop}@keyframes pm-pop{0%{opacity:0;transform:scale(.4)}}.pm-milestones .pm-plant{transform-origin:50% 100%;animation:.56s cubic-bezier(.3,1.5,.5,1) 1s backwards pm-plant}@keyframes pm-plant{0%{opacity:0;transform:translateY(5px)scaleY(.3)}}.pm-milestones .pm-wave{transform-origin:0;animation:2.8s ease-in-out 1.6s infinite pm-wave}@keyframes pm-wave{0%,to{transform:none}50%{transform:skewY(-6deg)scaleX(.93)}}.pm-genres .pm-slice{animation:.7s cubic-bezier(.3,1.5,.5,1) .3s backwards pm-pull,4.5s ease-in-out 2.5s infinite pm-nudge}@keyframes pm-pull{0%{transform:translate(-2.6px,2.6px)}}@keyframes pm-nudge{0%,70%,to{transform:none}85%{transform:translate(1.2px,-1.2px)}}.pm-studios .pm-win{animation:4.5s ease-in-out infinite pm-lights;animation-delay:calc(var(--d,0s) * .4 + 1.5s)}@keyframes pm-lights{0%,80%,to{opacity:1}87%,92%{opacity:.3}}.pm-trends .pm-col{transform-box:fill-box;transform-origin:50% 100%;animation:pm-rise .62s var(--ease) backwards;animation-delay:calc(var(--d,0s) + .2s)}.pm-trends .pm-lead{animation:.76s cubic-bezier(.3,1.4,.5,1) .52s backwards pm-rise,4.5s ease-in-out 2.6s infinite pm-reach}@keyframes pm-rise{0%{transform:scaleY(.15)}}@keyframes pm-reach{0%,72%,to{transform:none}84%{transform:scaleY(1.08)}}.pm-screener .pm-knob{animation:pm-slide .9s var(--ease) backwards;animation-delay:calc(var(--d,0s) + .15s);transition:transform .5s var(--ease)}@keyframes pm-slide{0%{transform:translateX(var(--x))}}.pm-screener .pm-lit{transform-origin:0;animation:pm-lit .9s var(--ease) backwards;animation-delay:calc(var(--d,0s) + .15s);transition:transform .5s var(--ease)}@keyframes pm-lit{0%{transform:scaleX(var(--s))}}@media (hover:hover) and (pointer:fine){:has(>.pm-screener):hover .pm-screener .pm-knob{transform:translateX(var(--x))}:has(>.pm-screener):hover .pm-screener .pm-lit{transform:scaleX(var(--s))}}.pm-watchlist .pm-star{transform-origin:50%;animation:.62s cubic-bezier(.3,1.6,.5,1) .2s backwards pm-stamp}@keyframes pm-stamp{0%{opacity:0;transform:scale(1.7)rotate(-18deg)}}.pm-calls .pm-ripple{transform-origin:50%;opacity:0;animation:pm-ripple 3s var(--ease) .6s infinite}@keyframes pm-ripple{0%{opacity:.7;transform:scale(1)}55%,to{opacity:0;transform:scale(1.5)}}.pm-calls .pm-bull{transform-origin:50%;animation:.52s cubic-bezier(.3,1.6,.5,1) .25s backwards pm-pop}.pm-notifications .pm-bellg{transform-box:fill-box;transform-origin:50% 8%;animation:pm-bell 4s var(--ease) .9s infinite}.pm-notifications .pm-dot{transform-box:fill-box;transform-origin:50%;animation:pm-dot .52s var(--spring) .3s both}@keyframes pm-bell{0%,72%,to{rotate:0deg}77%{rotate:14deg}82%{rotate:-11deg}87%{rotate:6deg}92%{rotate:-3deg}}@keyframes pm-dot{0%{scale:0}}.pm-labs .pm-bubble{animation:2.4s ease-in infinite pm-bubble;animation-delay:var(--d,0s)}@keyframes pm-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.95}to{opacity:0;transform:translateY(-13px)}}.pm-play .pm-btn{animation:1.4s ease-in-out infinite pm-blink;animation-delay:var(--d,0s)}@keyframes pm-blink{0%,to{opacity:1}50%{opacity:.35}}.pm-crowns .pm-crown{transform-origin:50% 100%;animation:.68s cubic-bezier(.3,1.5,.5,1) .15s backwards pm-crown}@keyframes pm-crown{0%{opacity:0;transform:translateY(-8px)rotate(-7deg)}}.pm-crowns .pm-o{transform-origin:50%;animation:5s ease-in-out infinite pm-glint;animation-delay:calc(var(--d,0s) + 1.4s)}@keyframes pm-glint{0%,12%,to{opacity:.88;transform:none}6%{opacity:1;transform:scale(1.3)rotate(45deg)}}nav.title-tabs>a:not(:hover) .pagemark *{animation-name:none}@media (width<=760px){:has(>.pagemark+h1)>.pagemark{margin-right:12px}.pagemark{border-radius:12px;width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.pagemark *{animation:none!important}}