.pf{--pf-bg:#0b0e14;--pf-panel:#12161f;--pf-ink:#eef2f8;--pf-ink2:#c9d2e0;--pf-muted:#8b95a8;--pf-faint:#5c6678;--pf-acc:#6ee7f7;--pf-acc2:#22d3ee;--pf-gold:#fbbf24;--pf-good:#4ade80;--pf-bad:#f87171;--pf-stroke:#ffffff17;--pf-stroke2:#ffffff0d;--pf-glass:#ffffff08;background:var(--pf-bg);min-height:100vh;color:var(--pf-ink);font-size:16px;line-height:1.6}.pf *{box-sizing:border-box}.pf a{color:var(--pf-acc2);text-decoration:none}.pf .pf-top{z-index:5;background:color-mix(in srgb,var(--pf-bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--pf-stroke2);align-items:center;gap:11px;padding:14px 24px;display:flex;position:sticky;top:0}.pf .pf-logo{width:28px;height:28px;font-family:var(--font-geist-mono),monospace;color:#04121f;background:linear-gradient(150deg,var(--pf-acc),var(--pf-acc2));border-radius:8px;place-items:center;font-size:14px;font-weight:800;display:grid}.pf .pf-brand{color:var(--pf-ink);font-weight:700}.pf .pf-sp{flex:1}.pf .pf-top a{color:var(--pf-muted);font-size:14px}.pf .pf-wrap{max-width:900px;margin:0 auto;padding:40px 24px 80px}.pf .pf-ey{font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-acc2);font-size:11.5px}.pf h1{letter-spacing:-.022em;margin:10px 0 12px;font-size:clamp(28px,4.4vw,42px);font-weight:700}.pf .pf-lede{color:var(--pf-ink2);max-width:66ch;font-size:18px}.pf .pf-seg{border:1px solid var(--pf-stroke);background:var(--pf-glass);border-radius:14px;flex-wrap:wrap;gap:4px;margin:26px 0 20px;padding:5px;display:inline-flex}.pf .pf-seg button{color:var(--pf-muted);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-geist-mono),monospace;background:0 0;border:none;border-radius:10px;padding:9px 16px}.pf .pf-seg button.on{color:#04121f;background:linear-gradient(150deg,var(--pf-acc),var(--pf-acc2))}.pf .pf-lab{font-family:var(--font-geist-mono),monospace;border:1px solid var(--pf-stroke);border-radius:100px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;display:inline-flex}.pf .pf-lab.live{color:var(--pf-muted)}.pf .pf-lab.demo{color:var(--pf-acc2);border-color:color-mix(in srgb,var(--pf-acc) 30%,transparent);background:color-mix(in srgb,var(--pf-acc) 10%,transparent)}.pf .pf-lab.back{color:var(--pf-gold);border-color:color-mix(in srgb,var(--pf-gold) 30%,transparent);background:color-mix(in srgb,var(--pf-gold) 10%,transparent)}.pf .pf-lab.illus{color:var(--pf-gold)}.pf .pf-card{border:1px solid var(--pf-stroke);background:linear-gradient(160deg,var(--pf-panel),#0e1420);border-radius:18px;margin-top:14px;padding:24px}.pf .pf-hd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pf .pf-hd h2{margin:0;font-size:20px}.pf .pf-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.pf .pf-grid{grid-template-columns:repeat(3,1fr)}}.pf .pf-metric{background:var(--pf-glass);border:1px solid var(--pf-stroke2);border-radius:12px;padding:15px}.pf .pf-metric .l{color:var(--pf-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.pf .pf-metric .v{font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;font-weight:700}.pf .pf-rows{flex-direction:column;display:flex}.pf .pf-r{border-bottom:1px solid var(--pf-stroke2);align-items:flex-start;gap:14px;padding:14px 2px;display:flex}.pf .pf-r:last-child{border-bottom:none}.pf .pf-r .nm{min-width:96px;color:var(--pf-ink);font-weight:700}.pf .pf-r .rd{color:var(--pf-muted);font-size:14px}.pf .pf-r .tag{font-family:var(--font-geist-mono),monospace;white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:11px}.pf .pf-r .tag.ok{color:var(--pf-good);background:color-mix(in srgb,var(--pf-good) 14%,transparent)}.pf .pf-r .tag.watch{color:var(--pf-gold);background:color-mix(in srgb,var(--pf-gold) 14%,transparent)}.pf .pf-note{color:var(--pf-muted);border-left:3px solid var(--pf-acc2);margin-top:16px;padding-left:12px;font-size:13px}.pf .pf-note b{color:var(--pf-gold)}.pf .pf-cwrap{border:1px solid var(--pf-stroke2);background:var(--pf-glass);border-radius:12px;height:200px;margin-top:8px;position:relative;overflow:hidden}.pf .pf-cwrap canvas{width:100%;height:100%;position:absolute;inset:0}.pf .pf-links{flex-wrap:wrap;gap:16px;margin-top:26px;font-size:14px;display:flex}.pf .pf-foot{border-top:1px solid var(--pf-stroke2);color:var(--pf-faint);margin-top:34px;padding-top:20px;font-size:13px}.pf .pf-foot b{color:var(--pf-gold)}