@property --pl-g{syntax:"<number>";inherits:true;initial-value:41}.pl{display:contents}.pl[hidden],:root[data-intro=seen] .pl:not([data-run]),:root[data-intro=seen] .pl-gate:not([data-run]),:root[data-scene=side] .pl:not([data-run]),:root[data-scene=side] .pl-gate:not([data-run]),:root[data-scene=case] .pl:not([data-run]),:root[data-scene=case] .pl-gate:not([data-run]){display:none}:root:not(:has(#hero)) .pl:not([data-run]){display:none}:root:not(:has(#hero)) .pl-gate:not([data-run]){display:none}.pl-world,.pl-hud{pointer-events:none;contain:layout paint style;width:100%;height:100lvh;position:fixed;top:0;left:0;container-type:size}.pl-world{z-index:var(--z-scrim);--pl-hair:1px;--pl-ink:rgb(var(--color-text-primary-rgb) / .85);--pl-con:rgb(var(--color-text-primary-rgb) / .36);--pl-red:var(--color-red-brand)}.pl-hud{z-index:var(--z-hud)}@media (min-resolution:1.5x){.pl-world{--pl-hair:.67px}}.pl-box{--mh:34.6893cqh;top:calc(49cqh - var(--mh) * .5);left:calc(65cqw - var(--mh) * .64);width:calc(var(--mh) * 1.28);height:var(--mh);position:absolute}:root[data-layout=phone] .pl-box{--mh:15.092cqh;top:calc(55cqh - var(--mh) * .5);left:calc(50cqw - var(--mh) * .64)}.pl-grid{--gp:4.95563cqh;--ox:65cqw;--oy:49cqh;-webkit-mask-image:radial-gradient(circle at var(--ox) var(--oy), #000 calc(var(--gp) * 14), #000000ed calc(var(--gp) * 18), #00000080 calc(var(--gp) * 27), #0000000f calc(var(--gp) * 36), transparent calc(var(--gp) * 40));-webkit-mask-image:radial-gradient(circle at var(--ox) var(--oy), #000 calc(var(--gp) * 14), #000000ed calc(var(--gp) * 18), #00000080 calc(var(--gp) * 27), #0000000f calc(var(--gp) * 36), transparent calc(var(--gp) * 40));mask-image:radial-gradient(circle at var(--ox) var(--oy), #000 calc(var(--gp) * 14), #000000ed calc(var(--gp) * 18), #00000080 calc(var(--gp) * 27), #0000000f calc(var(--gp) * 36), transparent calc(var(--gp) * 40));position:absolute;inset:0}:root[data-layout=phone] .pl-grid{--gp:3.0184cqh;--ox:50cqw;--oy:55cqh}.pl-gv,.pl-gh{--maj:#5a5157a3;--min:#3a33373b;animation:.45s cubic-bezier(.5,1,.89,1) 60ms both pl-grow;position:absolute;inset:0}.pl-gv{background-image:linear-gradient(to right, var(--maj) var(--pl-hair), transparent 0), linear-gradient(to right, var(--min) var(--pl-hair), transparent 0);background-size:calc(var(--gp) * 5) 100%, var(--gp) 100%;background-position:calc(var(--ox) - var(--pl-hair) / 2) 0;clip-path:inset(max(0px, calc(var(--oy) - var(--gp) * var(--pl-g))) 0 max(0px, calc(100cqh - var(--oy) - var(--gp) * var(--pl-g))) 0)}.pl-gh{background-image:linear-gradient(to bottom, var(--maj) var(--pl-hair), transparent 0), linear-gradient(to bottom, var(--min) var(--pl-hair), transparent 0);background-size:100% calc(var(--gp) * 5), 100% var(--gp);background-position:0 calc(var(--oy) - var(--pl-hair) / 2);clip-path:inset(0 max(0px, calc(100cqw - var(--ox) - var(--gp) * var(--pl-g))) 0 max(0px, calc(var(--ox) - var(--gp) * var(--pl-g))))}@keyframes pl-grow{0%{--pl-g:1}to{--pl-g:41}}.pl-svg{fill:none;stroke-linecap:butt;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pl-box{--pl-px:3.2;--pl-dot:8.57}:root[data-layout=phone] .pl-box{--pl-px:7.85;--pl-dot:12}.pl-cons[data-l=phone]{display:none}:root[data-layout=phone] .pl-cons[data-l=phone]{display:inline}:root[data-layout=phone] .pl-cons[data-l=desktop]{display:none}.pl-ch,.pl-cv,.pl-cc,.pl-sq{stroke:var(--pl-con);stroke-width:calc(1.25 * var(--pl-px))}.pl-ch{animation:pl-draw-x .6s var(--ease-plot) .2s both}.pl-cv{animation:pl-draw-y .6s var(--ease-plot) .32s both}.pl-cc{animation:pl-draw-y .52s var(--ease-plot) .44s both}.pl-sq{transform-box:fill-box;transform-origin:50%;animation:pl-land .14s var(--ease-snap) .76s both}@keyframes pl-draw-x{0%{clip-path:inset(-100px 50%)}to{clip-path:inset(-100px -2%)}}@keyframes pl-draw-y{0%{clip-path:inset(50% -100px)}to{clip-path:inset(-2% -100px)}}@keyframes pl-land{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.pl-rail{stroke:rgb(var(--color-text-primary-rgb) / .12);stroke-width:calc(1 * var(--pl-px));stroke-dasharray:6 20;transition:opacity var(--duration-md) linear;animation:.4s linear .52s both pl-fade}.pl-box[data-cool] .pl-rail{opacity:0}@keyframes pl-fade{0%{opacity:0}}.pl-ol{stroke:var(--pl-ink);stroke-width:calc(1.6 * var(--pl-px));stroke-linecap:round;stroke-dasharray:0 var(--pl-dot)}.pl-mkp{stroke:#fff;stroke-width:240px;stroke-linecap:butt;stroke-linejoin:round}.pl-run{visibility:hidden}.pl-run[data-on]{visibility:visible}.pl-red{stroke:var(--pl-red);stroke-width:calc(1.5 * var(--pl-px));stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--duration-md) linear}.pl-run:not([data-role=ink]) .pl-red{stroke-width:calc(2.2 * var(--pl-px));opacity:.8}.pl-penpath{stroke:var(--pl-con);stroke-width:calc(1.25 * var(--pl-px));opacity:0;transition:opacity var(--duration-md) linear}.pl-box[data-cool] .pl-penpath{opacity:1}.pl-box[data-cool] .pl-red{opacity:0}.pl-pen{opacity:0;transition:opacity var(--duration-sm) linear}.pl-pen[data-on]{opacity:1}.pl-pen-core{fill:var(--pl-red);transition:fill var(--duration-sm) linear}.pl-pen-glow{fill:rgb(var(--color-red-brand-rgb) / .22);opacity:0;transition:opacity var(--duration-sm) linear}.pl-pen[data-hot] .pl-pen-core{fill:#ffd9cc}.pl-pen[data-hot] .pl-pen-glow{opacity:1}.pl-pen[data-up] .pl-pen-core{fill:rgb(var(--color-red-brand-rgb) / .9)}.pl-arc,.pl-leader,.pl-cross{stroke:var(--pl-red);stroke-width:calc(1.5 * var(--pl-px));stroke-linecap:round}.pl-arc,.pl-leader{stroke-dasharray:1 1;stroke-dashoffset:1px}.pl-cross{opacity:0}.pl-box[data-callout] .pl-arc{stroke-dashoffset:0;transition:stroke-dashoffset .46s var(--ease-plot)}.pl-box[data-callout] .pl-cross{opacity:1;transition:opacity var(--duration-xs) var(--ease-snap) .3s}.pl-box[data-callout] .pl-leader{stroke-dashoffset:0;transition:stroke-dashoffset .36s var(--ease-plot) .32s}.pl-rl{left:var(--pl-lx-d);top:var(--pl-ly-d);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-text-red);opacity:0;font-size:11px;font-weight:500;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}:root[data-layout=phone] .pl-rl{left:var(--pl-lx-p);top:var(--pl-ly-p)}.pl-hud[data-callout] .pl-rl{opacity:1;transition:opacity var(--duration-sm) var(--ease-reveal) .56s}.pl-world,.pl-hud .pl-box{transition:opacity .8s linear .4s}.pl-world[data-out]{opacity:0}.pl-world[data-out=dom]{transition:opacity .5s linear .2s}.pl-world[data-out=dom] .pl-ol,.pl-world[data-out=dom] .pl-penpath,.pl-world[data-out=dom] .pl-ch,.pl-world[data-out=dom] .pl-cv,.pl-world[data-out=dom] .pl-cc,.pl-world[data-out=dom] .pl-sq{stroke:var(--pl-red);transition:stroke .2s linear}.pl-world[data-out=skip],.pl-hud[data-out=skip] .pl-box{transition:opacity var(--duration-sm) linear}.pl-hud[data-out] .pl-box,.pl-hud[data-plot] .pl-box{opacity:0}.pl-count{transition:opacity var(--duration-md) linear}.pl-hud[data-out] .pl-count{opacity:0}.pl-hud[data-out=skip] .pl-count{transition-duration:var(--duration-sm)}.pl-count{right:var(--spacing-gutter);bottom:calc(56px + var(--safe-bottom));text-align:right;font-family:var(--font-mono);letter-spacing:.06em;text-transform:none;color:var(--color-text-tertiary);margin:0;font-size:11px;font-weight:500;line-height:1.4;position:absolute}.pl-count b{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1;display:block}.pl-count span{display:none}.pl-count[data-status=tuning] [data-s=tuning],.pl-count[data-status=slow] [data-s=slow],.pl-count[data-status=lite] [data-s=lite]{display:block}.pl-gate{left:var(--spacing-gutter);bottom:calc(56px + var(--safe-bottom));z-index:var(--z-gate);max-width:calc(100% - 2 * var(--spacing-gutter) - 180px);opacity:0;align-items:center;gap:18px;display:flex;position:fixed;translate:0 8px}.pl-gate[hidden]{display:none}.pl-gate[data-open]{opacity:1;transition:opacity var(--duration-md) var(--ease-reveal), translate var(--duration-md) var(--ease-reveal);translate:0}.pl-gate:not([data-open]){pointer-events:none;transition:opacity var(--duration-sm) linear, translate var(--duration-sm) linear}@starting-style{.pl-gate[data-open]{opacity:0;translate:0 8px}}.pl-pair{flex-wrap:wrap;gap:8px;display:flex}.pl-pair,.pl-skip{transition:opacity var(--duration-sm) linear}.pl-pair[data-none]{display:none}.pl-pair[data-off],.pl-skip[data-off]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-sm) linear, visibility 0s var(--duration-sm)}.pl-btn{box-sizing:border-box;border-radius:var(--radius-pill);border:1px solid rgb(var(--color-text-primary-rgb) / .14);background:rgb(var(--color-bg-base-rgb) / .72);height:42px;color:var(--color-text-primary);font-family:var(--font-text);letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-sm) var(--ease-reveal), background-color var(--duration-sm) var(--ease-reveal);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.pl-btn:hover{border-color:rgb(var(--color-text-primary-rgb) / .4)}.pl-btn-on{border-color:rgb(var(--color-red-brand-rgb) / .7);padding-left:14px}.pl-btn-on:hover{border-color:var(--color-red-brand);background:rgb(var(--color-red-brand-rgb) / .14)}.pl-eq{color:var(--color-red-glow);flex:none}.pl-skipbtn{min-height:44px;color:var(--color-text-secondary);font-family:var(--font-text);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:8px;padding:0 4px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.pl-skiplbl{text-underline-offset:4px;transition:text-decoration-color var(--duration-sm) var(--ease-reveal);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.pl-skipbtn:hover .pl-skiplbl{text-decoration-color:currentColor}.pl-skipbtn kbd{border:1px solid rgb(var(--color-text-primary-rgb) / .16);border-radius:var(--radius-xs);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-tertiary);padding:3px 5px;font-size:10px;font-weight:500;line-height:1}@media (pointer:coarse){.pl-skipbtn kbd{display:none}}@media (max-width:1300px){:root[data-layout=desktop][data-gate] .hero-cue{visibility:hidden}}@media (max-height:520px){:root[data-layout=desktop] .pl-gate{left:calc(50% + 16px);right:var(--spacing-gutter);bottom:calc(10px + var(--safe-bottom));flex-direction:column;align-items:stretch;gap:6px;max-width:none}:root[data-layout=desktop] .pl-pair{justify-content:flex-end}:root[data-layout=desktop] .pl-skip{align-self:flex-start}:root[data-layout=desktop] .pl-btn{height:36px;padding:0 12px;font-size:12px}:root[data-layout=desktop] .pl-count{bottom:calc(10px + var(--safe-bottom))}:root[data-layout=desktop] .pl-count b{font-size:28px}:root[data-layout=desktop] .pl-count span{letter-spacing:.02em;font-size:10.5px}}:root[data-layout=phone] .pl-count{bottom:calc(64px + var(--safe-bottom));right:var(--spacing-gutter)}:root[data-layout=phone] .pl-count b{font-size:30px}:root[data-layout=phone] .pl-count span{letter-spacing:.02em;font-size:10.5px}:root[data-layout=phone] .pl-gate{left:var(--spacing-gutter);right:var(--spacing-gutter);bottom:calc(64px + var(--safe-bottom));flex-direction:column;align-items:stretch;gap:12px;max-width:none}:root[data-layout=phone] .pl-pair .pl-btn{flex:auto;height:44px;padding:0 14px;font-size:12.5px}:root[data-layout=phone] .pl-skip{align-self:flex-start}@media (max-width:389.98px){:root[data-layout=phone] .pl-pair{gap:6px}:root[data-layout=phone] .pl-pair .pl-btn{gap:6px;padding:0 10px;font-size:12px}:root[data-layout=phone] .pl-pair .pl-btn-on{padding-left:9px}}:root[data-layout=phone] .hero-hold{transition:opacity var(--duration-md) var(--ease-reveal), visibility 0s}:root[data-layout=phone]:not([data-intro=seen]) .hero-hold,:root[data-layout=phone][data-gate] .hero-hold{visibility:hidden;opacity:0;transition:opacity var(--duration-sm) linear, visibility 0s var(--duration-sm)}@media (max-height:560px) and (orientation:landscape){:root[data-layout=phone] .pl-gate{width:max(calc(var(--hero-col-w,56vw) - var(--safe-left)), min(calc(100% - 2 * var(--spacing-gutter)), 330px));right:auto;left:calc(var(--spacing-gutter) + var(--safe-left));bottom:calc(16px + var(--safe-bottom));gap:6px}:root[data-layout=phone] .pl-pair{gap:6px}:root[data-layout=phone] .pl-pair .pl-btn{height:36px;padding:0 12px;font-size:12px}:root[data-layout=phone] .pl-pair .pl-btn-on{padding-left:10px}:root[data-layout=phone] .pl-count{bottom:calc(16px + var(--safe-bottom))}:root[data-layout=phone] .pl-count b{font-size:28px}:root[data-layout=phone] .pl-box:not([data-placed]){visibility:hidden}}:root[data-motion=reduced] .pl-gv,:root[data-motion=reduced] .pl-gh{animation:pl-fade var(--duration-md) linear both;--pl-g:41}:root[data-motion=reduced] .pl-ch,:root[data-motion=reduced] .pl-cv,:root[data-motion=reduced] .pl-cc,:root[data-motion=reduced] .pl-sq{animation:pl-fade var(--duration-md) linear both}:root[data-motion=reduced] .pl-run{visibility:visible;opacity:0;transition:opacity var(--duration-md) linear}:root[data-motion=reduced] .pl-run[data-on]{opacity:1}:root[data-motion=reduced] .pl-pen{display:none}:root[data-motion=reduced] .pl-arc,:root[data-motion=reduced] .pl-leader,:root[data-motion=reduced] .pl-cross{stroke-dashoffset:0;opacity:0;transition:opacity var(--duration-md) linear}:root[data-motion=reduced] .pl-box[data-callout] .pl-arc,:root[data-motion=reduced] .pl-box[data-callout] .pl-leader,:root[data-motion=reduced] .pl-box[data-callout] .pl-cross{opacity:1}:root[data-motion=reduced] .pl-hud[data-callout] .pl-rl,:root[data-motion=reduced] .pl-world,:root[data-motion=reduced] .pl-hud .pl-box{transition:opacity var(--duration-md) linear}:root[data-motion=reduced] .pl-world[data-out=dom] .pl-ol,:root[data-motion=reduced] .pl-world[data-out=dom] .pl-penpath{stroke:var(--pl-ink)}:root[data-motion=reduced] .pl-gate{translate:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .pl-gv,:root:not([data-motion=full]) .pl-gh,:root:not([data-motion=full]) .pl-ch,:root:not([data-motion=full]) .pl-cv,:root:not([data-motion=full]) .pl-cc,:root:not([data-motion=full]) .pl-sq{animation:pl-fade var(--duration-md) linear both}}.pl-gate:not([data-open]) .eq-bar,.pl-pair[data-off] .eq-bar{animation-play-state:paused}
