.pz{--ink:#0c1520;--sky-top:#0c1520;--sky-glow:#1b2d44;--deck:#132131;--deck-2:#1a2b3e;--line:#2a3d53;--fg:#e9eef3;--muted:#93a4b6;--lamp:#f3b54a;--on-lamp:#0c1520;--flow:#6fd0e4;--ok:#5fd39a;--late:#ff7a6b;--scrim:#060b12f0;--f-display:var(--font-geologica),"Onest",system-ui,sans-serif;--f-body:var(--font-onest),system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:var(--font-jetbrains-mono),ui-monospace,"SF Mono",Menlo,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not([data-mode=dark]) .pz{--ink:#e7eef3;--sky-top:#a7c9e2;--sky-glow:#fff3d6;--deck:#fff;--deck-2:#f1f5f8;--line:#d3dde5;--fg:#132130;--muted:#526476;--lamp:#a65f00;--on-lamp:#fff;--flow:#0a7d96;--ok:#1b8a55;--late:#c63f2c;--scrim:#0f1924ed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pz{background:var(--ink);height:calc(100svh - 64px);color:var(--fg);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;touch-action:pan-y;font-size:15px;line-height:1.5;position:relative;overflow:hidden}.pz *,.pz :before,.pz :after{box-sizing:border-box}.pz [hidden]{display:none!important}.pz img{max-width:100%}.pz .scene{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.pz .sky{background:radial-gradient(90% 70% at 78% 8%,var(--sky-glow) 0%,transparent 62%),linear-gradient(180deg,var(--sky-top) 0%,var(--ink) 72%);transition:background .6s;position:absolute;inset:0}.pz .labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pz .tag{font:600 11px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--deck) 86%,transparent);border:1px solid var(--line);white-space:nowrap;pointer-events:auto;cursor:pointer;border-radius:999px;padding:6px 8px;transition:color .3s,border-color .3s,opacity .3s;position:absolute;transform:translate(-50%,-130%)}.pz .tag:hover,.pz .tag:focus-visible{color:var(--fg);border-color:var(--flow);outline:none}.pz .tag.on{color:var(--on-lamp);background:var(--lamp);border-color:var(--lamp)}.pz .tag.off{opacity:.4}.pz .panel{left:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);background:color-mix(in srgb,var(--deck) 92%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);z-index:3;border-radius:14px;flex-direction:column;gap:14px;width:min(440px,100% - 40px);max-height:calc(100% - 120px);padding:22px 22px 18px;display:flex;position:absolute;overflow:auto;box-shadow:0 10px 40px -20px #00000059}.pz .eyebrow{font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lamp)}.pz .panel h1,.pz .panel h2{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;color:var(--fg);margin:0;font-weight:700}.pz .panel h1{font-size:26px;line-height:1.15}.pz .panel h2{font-size:21px;line-height:1.2}.pz .panel p{color:var(--muted);max-width:60ch;margin:0}.pz .mock{background:var(--deck-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;font-size:13px;display:flex}.pz .row{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.pz .row>span:first-child{min-width:0}.pz .mono{font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.pz .pill{font:600 11px/1 var(--f-mono);white-space:nowrap;border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:5px 8px}.pz .pill.new{border-color:var(--lamp);color:var(--lamp)}.pz .pill.ok{border-color:var(--ok);color:var(--ok)}.pz .pill.late{border-color:var(--late);color:var(--late)}.pz .pill.flow{border-color:var(--flow);color:var(--flow)}.pz .big{font:700 22px/1.1 var(--f-display);color:var(--fg);white-space:nowrap}.pz .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pz .stat{background:var(--deck);border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.pz .stat .big{font-size:18px}.pz .chips{flex-wrap:wrap;gap:6px;display:flex}.pz .note{font:400 11px/1.3 var(--f-mono);color:var(--muted)}.pz .shotrow{text-align:left;border:1px dashed var(--line);width:100%;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.pz .shotrow img{filter:drop-shadow(0 2px 6px #00000040);flex:none;width:auto;max-width:64px;height:auto;max-height:46px}.pz .shotrow .t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pz .shotrow .t b{font-size:13px;font-weight:600}.pz .shotrow .go{font:600 12px/1 var(--f-mono);color:var(--flow);white-space:nowrap;margin-top:2px}.pz .shotrow:hover,.pz .shotrow:focus-visible{border-color:var(--flow);border-style:solid;outline:none}.pz .steps{flex-wrap:wrap;gap:6px;display:flex}.pz .dot{background:var(--line);cursor:pointer;border:0;border-radius:3px;width:22px;height:6px;padding:0}.pz .dot.on{background:var(--lamp)}.pz .dot:focus-visible{outline:2px solid var(--flow);outline-offset:3px}.pz .nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pz .btns{gap:8px;margin-left:auto;display:flex}.pz button.b,.pz a.b{font:600 14px/1 var(--f-body);cursor:pointer;border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:10px;padding:11px 16px;text-decoration:none}.pz button.b.main,.pz a.b.main{background:var(--lamp);border-color:var(--lamp);color:var(--on-lamp)}.pz button.b:focus-visible,.pz a.b:focus-visible{outline:2px solid var(--flow);outline-offset:2px}.pz .hint{font:400 11px/1.3 var(--f-mono);color:var(--muted)}.pz .shot{opacity:0;pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:10px;margin:0;transition:opacity .35s,transform .35s;display:none;position:absolute;top:50%;right:28px;transform:translate(14px,-50%)}.pz .shot.show{opacity:1;pointer-events:auto;transform:translateY(-50%)}.pz .shot button{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.pz .shot button:focus-visible{outline:2px solid var(--flow);outline-offset:6px;border-radius:12px}.pz .shot img{filter:drop-shadow(0 18px 30px #00000059);width:auto;height:auto;max-height:calc(100svh - 274px);display:block}.pz .shot[data-dev=laptop] img{max-width:clamp(380px,34vw,640px)}.pz .shot[data-dev=pair] img{max-width:clamp(300px,25vw,440px)}.pz .shot[data-dev=phone] img{max-width:clamp(190px,15vw,260px)}.pz .shot figcaption{font:600 11px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;background:color-mix(in srgb,var(--deck) 80%,transparent);border:1px solid var(--line);border-radius:999px;max-width:44ch;padding:6px 12px}.pz .shot figcaption b{color:var(--fg);font-weight:600}@media (min-width:1100px) and (min-height:620px){.pz .shot{display:flex}.pz .shotrow{display:none}}.pz .lb{z-index:60;background:var(--scrim);padding:calc(env(safe-area-inset-top,0px) + 56px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);cursor:zoom-out;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.pz .lb img{object-fit:contain;flex:auto;max-width:100%;min-height:0;max-height:100%}.pz .lb p{font:600 12px/1.4 var(--f-mono);color:#e9eef3;text-align:center;max-width:60ch;margin:0}.pz .lb .x{top:calc(env(safe-area-inset-top,0px) + 14px);font:600 13px/1 var(--f-body);color:#e9eef3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;padding:10px 14px;position:absolute;right:16px}.pz .lb .x:focus-visible{outline-offset:2px;outline:2px solid #e9eef3}.pz .fallback{text-align:center;color:var(--muted);font:400 13px var(--f-mono);pointer-events:none;place-items:center;padding:0 16px;display:grid;position:absolute;inset:0}@media (max-width:640px){.pz .panel{width:auto;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);gap:12px;max-height:60%;padding:16px}.pz .panel h1{font-size:20px}.pz .panel h2{font-size:17px}.pz .panel p{font-size:14px;line-height:1.45}.pz .tag{padding:5px 7px;font-size:10px}.pz .hint{display:none}.pz .dot{width:16px}.pz .big{font-size:18px}}@media (prefers-reduced-motion:reduce){.pz .tag,.pz .shot,.pz .sky{transition:none}}