:root{--ph-height:69px;--ph-bg:#0f0f1a;--ph-secondary:#1a1a2e;--ph-tertiary:#252542;--ph-text:#f5f5f7;--ph-muted:#b8b9bd;--ph-border:rgba(255,255,255,.1)}
html.light{--ph-bg:#e5e7eb;--ph-secondary:#f3f4f6;--ph-tertiary:#d6d8de;--ph-text:#1a1a2e;--ph-muted:#4a4d56;--ph-border:rgba(0,0,0,.12)}
html.light body{--bg-deepest:#e5e7eb;--bg-deep:#f3f4f6;--bg-base:#f3f4f6;--bg-raised:#f3f4f6;--bg-card:#d6d8de;--bg-hover:#d6d8de;--text-primary:#1a1a2e;--text-secondary:#4a4d56;--text-muted:#626570;--text-faint:#626570;--border:rgba(0,0,0,.12);--border-hover:rgba(0,0,0,.22);--blurple-light:#4752c4}
body{padding-top:var(--ph-height);font-feature-settings:'ss01','cv11','ss03'}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);word-spacing:.08em}
.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid var(--ph-border);background:color-mix(in srgb,var(--ph-bg) 80%,transparent);backdrop-filter:blur(16px);color:var(--ph-text);font-size:14px;line-height:20px;font-weight:500}
.ph-inner{max-width:1600px;margin:auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-header a,.site-header summary,.site-header button{color:inherit;white-space:nowrap;text-decoration:none;border-radius:8px}
.site-header a:hover,.site-header summary:hover,.site-header button:hover{color:var(--ph-text);background-color:var(--ph-secondary)}
.site-header :focus-visible{outline:3px solid #7289da;outline-offset:3px}
.site-header svg{display:block;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.site-header summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 12px}
.site-header summary::-webkit-details-marker{display:none}
.site-header button{font:inherit;border:0;cursor:pointer;background:none}
.ph-logo{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.ph-logo picture{display:contents}.ph-logo img{display:block;height:36px;width:auto;max-width:none;flex-shrink:0}
.ph-nav{display:none;align-items:center;gap:4px;color:var(--ph-muted)}
.ph-nav>a{padding:8px 12px}.ph-more,.ph-language{position:relative}
.ph-dropdown{position:absolute;right:0;top:100%;margin-top:12px;width:208px;padding:8px;border:1px solid var(--ph-border);border-radius:12px;background:var(--ph-secondary);box-shadow:0 20px 25px -5px rgb(0 0 0/.2);color:var(--ph-text)}
.ph-dropdown a{display:block;padding:8px 12px}.ph-dropdown a:hover{background:var(--ph-tertiary)}
.ph-actions,.ph-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ph-controls{display:none}.ph-language summary{gap:8px;border:1px solid var(--ph-border);color:var(--ph-muted);font-weight:400}
.ph-language .ph-dropdown{width:180px;margin-top:4px}
.ph-theme{display:flex;gap:4px;padding:4px;background:var(--ph-tertiary);border-radius:8px}.ph-theme[hidden]{display:none}
.ph-theme button{display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;color:var(--ph-muted);min-height:44px;min-width:44px}
.ph-theme button[aria-pressed=true]{color:#fff;background:#5865f2}
.ph-actions .ph-signup,.ph-actions .ph-signin{padding:6px 10px;font-size:12px;line-height:16px;align-items:center;justify-content:center}
.ph-actions .ph-signup{display:none;background:var(--ph-tertiary);border:1px solid var(--ph-border)}
.ph-actions .ph-signin{display:none;background:#5865f2;color:#fff;box-shadow:0 10px 15px -3px rgb(88 101 242/.25)}
.ph-actions .ph-signin:hover,.ph-actions .ph-discord:hover{background:#4752c4;color:#fff}
.ph-actions .ph-discord{display:none;align-items:center;gap:8px;padding:8px 12px;background:#5865f2;color:white}
.ph-discord svg{width:20px;height:20px;fill:currentColor;stroke:none}.ph-discord span{display:none}
.ph-mobile>summary{padding:10px;color:var(--ph-muted)}.ph-mobile>summary svg{width:24px;height:24px}
.ph-mobile[open]>summary{background:var(--ph-tertiary)}
.ph-panel{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--ph-height));overflow-y:auto;border-top:1px solid var(--ph-border);background:var(--ph-bg)}
.ph-panel>nav{max-width:1600px;margin:auto;padding:16px}.ph-panel nav>a{display:block;padding:12px 16px;margin-bottom:4px;color:var(--ph-muted)}
.ph-mobile-controls,.ph-accounts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px 0}
.ph-mobile-controls{border-top:1px solid var(--ph-border);margin-top:12px}.ph-mobile-controls .ph-discord,.ph-mobile-controls .ph-discord span{display:inline-flex}
.ph-mobile-controls .ph-dropdown{left:0;right:auto}.ph-mobile-controls .ph-language summary{min-height:44px}
.ph-accounts .ph-signup,.ph-accounts .ph-signin{display:inline-flex;font-size:14px;line-height:20px;padding:8px 12px}
@media(max-width:639px){.ph-actions .ph-signup,.ph-actions .ph-signin{min-height:44px}}
@media(min-width:360px){.ph-actions>.ph-signin{display:inline-flex}}
@media(min-width:640px){:root{--ph-height:77px}.ph-inner{padding:16px 24px}.ph-logo img{height:40px}.ph-actions,.ph-controls{gap:12px}.ph-actions .ph-signup,.ph-actions .ph-signin{font-size:14px;line-height:20px;padding:8px 12px}.ph-actions>.ph-discord{display:flex}.ph-theme button{min-height:0;min-width:0}}
@media(min-width:768px){.ph-controls{display:flex}}
@media(min-width:1024px){.ph-inner{padding-inline:32px}.ph-actions>.ph-signup{display:inline-flex}}
@media(min-width:1280px){.ph-inner{padding-inline:48px}.ph-nav{display:flex}.ph-mobile{display:none}}
@media(min-width:1536px){.ph-inner{padding-inline:64px}.ph-actions>.ph-discord span{display:inline}}