/* Poolie brand lockup: exact copy of the landing sticky-nav lockup (deploy/poolie-landing-v4/style.css ".logo.nl", dark theme).
   Markup: static in the HTML headers and POOLIE.lockup() in poolie.js (same SVG as the landing index.html). Prefixed classes so
   tracker classes (.logo, .pw = paywall, .nm) don't collide. */
@font-face{font-family:"Archivo";src:url(/fonts/archivo-var.woff2) format("woff2");font-weight:400 800;font-stretch:62% 125%;font-display:swap}
.pl-lock{display:flex;align-items:center;gap:0;font:800 22px/1 "Archivo",ui-sans-serif,system-ui,sans-serif;font-stretch:118%;letter-spacing:-.045em;color:#e8eaed;white-space:nowrap;text-decoration:none;flex:none;width:max-content}
.pl-lock .pl-nm{display:block;flex:none;height:.7em;width:auto;margin:0 .2em 0 .06em;overflow:visible}
.pl-lock .pl-nm path{stroke:#3EC5FF}.pl-lock .pl-nm circle{stroke:#FFD23F}
.pl-lock .pl-pw{color:#e8eaed}.pl-lock .pl-fw{color:#3EC5FF;margin-left:.24em}
@media (max-width:640px){.pl-lock{font-size:19px}}
/* standalone mark (paywall, invite, about): same SVG, sized by its box */
.pl-mark svg{display:block;width:100%;height:100%;overflow:visible}
/* light surfaces (legacy theme C): the landing light-theme values */
[data-theme="light"] .pl-lock,[data-theme="c"] .pl-lock,[data-theme="light"] .pl-lock .pl-pw,[data-theme="c"] .pl-lock .pl-pw{color:#0A1520}
[data-theme="light"] .pl-lock .pl-fw,[data-theme="c"] .pl-lock .pl-fw{color:#0E86CC}
[data-theme="light"] .pl-lock .pl-nm path,[data-theme="c"] .pl-lock .pl-nm path{stroke:#1F8FE0}
[data-theme="light"] .pl-lock .pl-nm circle,[data-theme="c"] .pl-lock .pl-nm circle{stroke:#F2B200}
/* Shared site header (lockup + Home/About/Tracker) and shared footer (lockup, links, X + YouTube only). Dark default. */
.sh-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 16px;background:#0d0f13;border-bottom:1px solid #1d2128;flex:none}
.sh-l{display:flex;align-items:center;gap:2px}
.sh-l a,.tb-l{font:600 12px ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;color:#8b93a1;text-decoration:none;padding:0 10px;min-height:40px;display:inline-flex;align-items:center;border-radius:5px}
.sh-l a:hover,.tb-l:hover{color:#e8eaed;background:#151922}.sh-l a.on{color:#3EC5FF}
@media(max-width:899px){.sh-top{height:46px;padding:0 10px 0 14px}.sh-l a{padding:0 8px}}
@media(max-width:380px){.sh-top .pl-lock{font-size:17px}.sh-l a{padding:0 6px;font-size:11.5px}}
.sfoot{border-top:1px solid #1d2128;padding:22px 22px 26px;background:#0a0b0d;color:#6b7383;font-size:12.5px}
.sf-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}
.sf-lock{font-size:19px}
.sf-l{display:flex;flex-wrap:wrap;gap:2px 4px}.sf-l a{color:#8b93a1;text-decoration:none;font:600 12.5px ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;padding:0 8px;min-height:40px;display:inline-flex;align-items:center}.sf-l a:hover{color:#e8eaed}
.sf-soc{list-style:none;display:flex;gap:8px;margin:0 0 0 auto;padding:0}.sf-soc a{display:grid;place-items:center;width:40px;height:40px;color:#8b93a1}.sf-soc a:hover{color:#e8eaed}
.sf-c{margin:12px 0 0;color:#6b7383}
@media(max-width:640px){.sf-soc{margin-left:0}.sfoot{padding:20px 14px 24px}}
/* Header account area (20 Oct accounts) */
.acct{position:relative;display:flex;align-items:center;gap:6px;margin-left:8px;flex:none}
.acct a.ac-in,.acct a.ac-up{font:600 12px ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;text-decoration:none;min-height:36px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;white-space:nowrap}
.acct a.ac-in{color:#c9ced8}.acct a.ac-in:hover{color:#e8eaed;background:#151922}
.acct a.ac-up{background:#3EC5FF;color:#04121b;font-weight:700}.acct a.ac-up:hover{background:#7FD8FF}
.ac-av{background:none;border:0;padding:3px;border-radius:50%;cursor:pointer;min-width:40px;min-height:40px;display:grid;place-items:center}.ac-av:focus-visible{outline:2px solid #3EC5FF}
.ac-av .av{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800}
.ac-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:200px;background:#0f1217;border:1px solid #232833;border-radius:12px;padding:6px;box-shadow:0 12px 32px #000a;display:flex;flex-direction:column}
.ac-menu[hidden]{display:none}
.ac-menu a{color:#c9ced8;text-decoration:none;font:600 13px Inter,system-ui,sans-serif;padding:10px 12px;border-radius:8px}.ac-menu a:hover{background:#171b23;color:#e8eaed}
.ac-who{display:flex;justify-content:space-between;gap:10px;padding:8px 12px 10px;border-bottom:1px solid #1d2128;margin-bottom:4px;font:12px ui-monospace,monospace;color:#8b93a1}.ac-who b{color:#e8eaed}
@media(max-width:560px){.acct{margin-left:auto;gap:2px}.acct a.ac-in,.acct a.ac-up{padding:0 9px;font-size:11.5px}
 header:has(.acct) .sh-l{display:none}}
@media(max-width:340px){.acct a.ac-in{display:none}}
/* Beta badge (20 Oct): shown next to the lockup while config betaMode is true */
.beta-b{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin:0 auto 0 -4px;border:1px solid rgba(62,197,255,.45);border-radius:999px;color:#3EC5FF;background:rgba(62,197,255,.08);font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;flex:none}
@media(max-width:380px){.beta-b{height:18px;padding:0 6px;font-size:9.5px}}

/* Signed-out tracker gate (20 Oct): full-page section, landing v4j type (Archivo 750/800, two-tone h2). No boxed card. */
.pw.pw-gate{display:block;background:#0a0b0d;padding:0;overflow:auto;backdrop-filter:none}
.pwg{min-height:100%;box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:clamp(28px,6vh,72px) clamp(20px,5vw,64px) 28px;display:flex;flex-direction:column;align-items:flex-start;font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;color:#e8eaed}
.pwg-lock{font-size:clamp(26px,3vw,34px)}
.pwg-h{margin:clamp(40px,9vh,96px) 0 0;font:750 clamp(34px,4.2vw,58px)/1.02 "Archivo",ui-sans-serif,system-ui,sans-serif;font-stretch:108%;letter-spacing:-.03em;color:#e8eaed}
.pwg-h .ln{display:block}.pwg-h .b,.pwg-l .b{color:#3EC5FF}
.pwg-l{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid #1f232a;width:100%;max-width:640px}
.pwg-l li{padding:14px 0;border-bottom:1px solid #1f232a;font:700 clamp(18px,1.6vw,22px)/1.25 "Archivo",ui-sans-serif,system-ui,sans-serif;font-stretch:108%;letter-spacing:-.015em}
.pwg-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.pwg-row .btn{height:42px;padding:0 18px;font:600 14px "Archivo",ui-sans-serif,system-ui,sans-serif;border-radius:3px;border:1px solid #2a2f37;background:transparent;color:#e8eaed;text-decoration:none;white-space:nowrap}
.pwg-row .btn.p{background:#3EC5FF;border-color:#3EC5FF;color:#04121b}.pwg-row .btn:hover{border-color:#3EC5FF}
.pwg-beta{margin:14px 0 0;color:#9aa1ab;font-size:15px}
.pwg-fine{margin:auto 0 0;padding-top:48px;color:#6c737e;font-size:12.5px}
@media(max-width:640px){.pwg-l li span{display:block}.pwg-row .btn{flex:1;justify-content:center}}
[data-theme="light"] .pw-gate,[data-theme="c"] .pw-gate{background:#ffffff}
[data-theme="light"] .pwg,[data-theme="c"] .pwg,[data-theme="light"] .pwg-h,[data-theme="c"] .pwg-h,[data-theme="light"] .pwg-row .btn,[data-theme="c"] .pwg-row .btn{color:#0A1520}
[data-theme="light"] .pwg-h .b,[data-theme="c"] .pwg-h .b,[data-theme="light"] .pwg-l .b,[data-theme="c"] .pwg-l .b{color:#0E86CC}
[data-theme="light"] .pwg-l,[data-theme="c"] .pwg-l,[data-theme="light"] .pwg-l li,[data-theme="c"] .pwg-l li{border-color:#d5dbe2}
[data-theme="light"] .pwg-row .btn,[data-theme="c"] .pwg-row .btn{border-color:#c4ccd5}
[data-theme="light"] .pwg-row .btn.p,[data-theme="c"] .pwg-row .btn.p{background:#0E86CC;border-color:#0E86CC;color:#fff}
[data-theme="light"] .pwg-beta,[data-theme="c"] .pwg-beta{color:#4a5563}[data-theme="light"] .pwg-fine,[data-theme="c"] .pwg-fine{color:#6b7480}
