html:has(dialog.sheet[open]){overflow:hidden}.sheet{inline-size:min(65rem, 100% - 2 * var(--gutter));max-block-size:min(55rem, 100dvh - 2 * var(--gutter));border-radius:var(--radius-xl);color:var(--ink);background:var(--app-bg,var(--paper));opacity:0;transition:opacity var(--dur-modal) var(--ease-out), scale var(--dur-modal) var(--ease-out), translate var(--dur-drawer) var(--ease-drawer), overlay var(--dur-drawer) allow-discrete, display var(--dur-drawer) allow-discrete;border:0;padding:0;overflow:hidden;box-shadow:0 1.875rem 5rem oklch(25% .03 300/.25)}.sheet[open]{opacity:1;flex-direction:column;display:flex}@starting-style{.sheet[open]{opacity:0}}@media (prefers-reduced-motion:no-preference){.sheet{scale:.96}.sheet[open]{scale:1}@starting-style{.sheet[open]{scale:.96}}}.sheet::backdrop{transition:background-color var(--dur-modal) var(--ease-out), overlay var(--dur-drawer) allow-discrete, display var(--dur-drawer) allow-discrete;background:oklch(20% .02 300/0)}.sheet[open]::backdrop{background:oklch(20% .02 300/.38)}@starting-style{.sheet[open]::backdrop{background:oklch(20% .02 300/0)}}.grabber{display:none}.sheet-top{z-index:2;position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-xs)}.sheet-top .icon-btn{background:color-mix(in oklch, var(--bg,var(--paper)) 70%, oklch(100% 0 none));box-shadow:inset 0 0 0 1px var(--pill-line), 0 .25rem .75rem -.375rem oklch(25% .03 300/.3)}.sheet-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--deep,var(--ink)) 30%, transparent) transparent;gap:var(--space-m);min-block-size:0;padding:var(--space-l) var(--space-l) var(--space-m);--app-ink:oklch(from color-mix(in oklch, var(--deep,var(--ink)) 45%, var(--ink)) min(l, .36) c h);--rule:1px solid color-mix(in oklch, var(--deep,var(--ink)) 16%, transparent);flex:1;grid-auto-rows:max-content;align-content:start;display:grid;overflow-y:auto}@supports (corner-shape:superellipse(2)){.sheet{corner-shape:superellipse(2.3);border-radius:calc(var(--radius-xl) * 1.75)}.sheet .icon{corner-shape:superellipse(2.3);border-radius:50%!important}.sheet .stage img{corner-shape:superellipse(2.3);border-radius:2.375rem}}.sheet .icon{border-radius:23%;block-size:6rem;inline-size:6rem;box-shadow:0 0 0 1px oklch(20% .02 300/.06),0 .5rem 1.375rem oklch(30% .05 300/.18)}.sheet h2:focus{outline:2px solid #0000}.pp-head{align-items:center;gap:var(--space-s) var(--space-m);grid-template-columns:auto minmax(0,1fr) auto;padding-inline-end:var(--space-xl);display:grid}.sheet h2{font:var(--weight-strong) var(--step-3)/1.1 var(--font-display);letter-spacing:-.02em;overflow-wrap:break-word;margin:0}.sheet .sub{margin:var(--space-3xs) 0 0;font-size:var(--step-1);color:var(--app-ink);text-wrap:pretty;line-height:1.35}.sheet .by{margin:var(--space-2xs) 0 0;font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--app-ink)}.sheet .by span{border-inline-start:var(--rule);font-variant-numeric:tabular-nums;margin-inline-start:var(--space-2xs);padding-inline-start:var(--space-2xs)}.pp-get{justify-items:end;gap:var(--space-2xs);display:grid}.pp-get .price{font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--app-ink);margin:0}.pp-get .badges{flex-wrap:wrap;justify-content:end;gap:.75rem;display:flex}.store-badge{border-radius:.5625rem;margin:.6875rem 0 0;line-height:0;display:inline-block}.store-badge img{block-size:2.75rem;inline-size:auto;display:block}.store-badge:focus-visible{outline:2px solid var(--ink);outline-offset:.25rem}.pp-badges{padding-block:var(--space-xs);border-block:var(--rule);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.pp-badges>div{padding-inline:var(--space-2xs);text-align:center;align-content:start;justify-items:center;gap:.25rem;display:grid}.pp-badges>div+div{border-inline-start:var(--rule)}.pp-badges dt{font-size:.75rem;font-weight:var(--weight-ui);letter-spacing:.02em;color:var(--app-ink)}.pp-badges dd{justify-items:center}.pp-badges b{font-size:var(--step-1)}.pp-badges .ico.star{block-size:1rem;inline-size:1rem}.sheet .stage{gap:var(--space-xs);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--space-l));padding:var(--space-3xs) var(--space-l) var(--space-xs);scroll-padding-inline:var(--space-l);scrollbar-width:none;display:flex;overflow:auto hidden}.sheet .stage::-webkit-scrollbar{display:none}.sheet .stage:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--radius-m)}.sheet .stage img{scroll-snap-align:start;block-size:auto;inline-size:clamp(9.375rem,19vw,13.125rem);box-shadow:0 .875rem 2.125rem -.875rem color-mix(in oklch, var(--deep,var(--ink)) 50%, transparent);background:var(--tint,var(--paper));border-radius:1.375rem;flex:none}.sheet .stage{justify-content:safe center}.sheet .stage.live{overflow:visible}.shots{gap:var(--space-xs);display:grid}.shots-head{align-items:center;gap:var(--space-2xs) var(--space-s);flex-wrap:wrap;display:flex}.shots-head h3{font:var(--weight-strong) var(--step-1)/1.2 var(--font-display);letter-spacing:-.01em;margin:0}.shots-n{font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--app-ink);font-variant-numeric:tabular-nums;margin:0}.shots-ctrl{gap:var(--space-2xs);margin-inline:auto 1.75rem;display:flex}.shots-ctrl [aria-disabled=true]{opacity:.35;cursor:default}.shots-ctrl [aria-disabled=true]:active{transform:none}.shots[data-fits] .shots-ctrl{visibility:hidden}.seg{background:color-mix(in oklch, var(--deep,var(--ink)) 9%, transparent);border-radius:999px;padding:.1875rem;display:inline-flex}.seg label{display:grid;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{min-block-size:2rem;font-size:var(--step--1);font-weight:var(--weight-ui);color:var(--app-ink);transition:background-color var(--dur-state) ease, color var(--dur-state) ease, box-shadow var(--dur-state) ease;border-radius:999px;place-items:center;padding-inline:.875rem;display:grid}.seg input:checked+span{color:var(--ink);background:oklch(100% 0 none);box-shadow:0 1px .1875rem oklch(25% .03 300/.18)}.seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.seg input:not(:checked):hover+span{color:var(--ink)}}.shots-row{gap:var(--space-xs);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--space-l));padding:var(--space-3xs) var(--space-l) var(--space-s);scroll-padding-inline:var(--space-l);list-style:none;display:flex;overflow:auto hidden}.shots-row::-webkit-scrollbar{display:none}.shots-row li{scroll-snap-align:start;flex:none}.shot{cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:1.125rem;padding:0;display:block}.shot img{border-radius:inherit;background:var(--tint,var(--paper));outline:1px solid color-mix(in oklch, var(--deep,var(--ink)) 14%, transparent);outline-offset:-1px;block-size:clamp(17rem,100dvh - 33rem,28rem);inline-size:auto;box-shadow:0 .75rem 1.75rem -1rem color-mix(in oklch, var(--deep,var(--ink)) 45%, transparent);display:block}.shots-row[data-kind=tablet] .shot{border-radius:.875rem}.shot:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.shot img{transition:box-shadow var(--dur-state) ease, translate var(--dur-state) var(--ease-out)}.shot:hover img{box-shadow:0 1.25rem 2.25rem -1rem color-mix(in oklch, var(--deep,var(--ink)) 55%, transparent)}@media (prefers-reduced-motion:no-preference){.shot:hover img{translate:0 -.1875rem}}}.shot:active img{scale:.985}.viewer{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--on-ink);opacity:0;transition:opacity var(--dur-modal) var(--ease-out), overlay var(--dur-modal) allow-discrete, display var(--dur-modal) allow-discrete;background:oklch(15% .01 300/.97);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.viewer[open]{opacity:1;place-items:center;display:grid}@starting-style{.viewer[open]{opacity:0}}.viewer::backdrop{background:0 0}@media (hover:hover) and (pointer:fine){.viewer{-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);background:oklch(15% .01 300/.9)}}.viewer figure{justify-items:center;gap:var(--space-xs);align-content:center;block-size:100%;inline-size:100%;margin:0;padding:4.5rem 5rem 1.5rem;display:grid}.viewer img{opacity:.001;block-size:auto;max-block-size:calc(100dvh - 9rem);inline-size:auto;max-inline-size:calc(100vw - 10rem);transition:opacity .18s var(--ease-out);background:oklch(100% 0 none/.06);border-radius:1.5rem;display:block;box-shadow:0 1.5rem 4rem -1rem oklch(0% 0 none/.6)}.viewer img.in{opacity:1}@media (prefers-reduced-motion:no-preference){.viewer img{transition:opacity .18s var(--ease-out), scale var(--dur-modal) var(--ease-out);scale:.985}.viewer img.in{scale:1}}.viewer figcaption{font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--on-ink-2);font-variant-numeric:tabular-nums}.viewer figcaption .v-n{border-inline-start:1px solid var(--on-ink-line);margin-inline-start:var(--space-2xs);padding-inline-start:var(--space-2xs)}.viewer .icon-btn{color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--on-ink-line);background:oklch(100% 0 none/.1);position:absolute}.viewer .v-close{inset-block-start:var(--space-s);inset-inline-end:var(--space-s)}.viewer .v-prev,.viewer .v-next{block-size:3rem;inline-size:3rem;inset-block-start:50%;translate:0 -50%}.viewer .v-prev{inset-inline-start:var(--space-s)}.viewer .v-next{inset-inline-end:var(--space-s)}.viewer .icon-btn:focus-visible{outline:2px solid var(--on-ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.viewer .icon-btn:hover{background:oklch(100% 0 none/.2)}}@media (width<=599px){.viewer figure{padding:4rem .75rem 5rem}.viewer img{max-block-size:calc(100dvh - 10rem);max-inline-size:calc(100vw - 1.5rem)}.viewer .v-prev,.viewer .v-next{inset-block:auto var(--space-s);translate:none}}.pp-cols{gap:var(--space-l);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.pp-cols>div{gap:var(--space-m);align-content:start;display:grid}.pp-cols section{gap:var(--space-2xs);align-content:start;display:grid}.pp-cols h3{font:var(--weight-strong) var(--step-1)/1.2 var(--font-display);letter-spacing:-.01em;margin:0}.sheet .quiet{color:var(--app-ink);font-size:var(--step--1);margin:0;line-height:1.45}.sheet .when{font-size:var(--step--1);font-weight:var(--weight-ui);color:var(--app-ink);font-variant-numeric:tabular-nums;margin:0}.sheet .when b{color:var(--ink);font-weight:var(--weight-strong);margin-inline-end:var(--space-2xs)}.highlights{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.highlights li{text-wrap:pretty;padding-inline-start:1.375rem;line-height:1.45;position:relative}.highlights li:before{content:"";background:var(--accent);border-radius:.1875rem;block-size:.5625rem;inline-size:.5625rem;position:absolute;inset-block-start:.48em;inset-inline-start:2px}@supports (corner-shape:superellipse(2)){.highlights li:before{corner-shape:superellipse(2.3);border-radius:50%}}.highlights b{font-weight:var(--weight-strong)}.prose{gap:var(--space-2xs);font-size:var(--step-0);max-inline-size:68ch;line-height:1.55;display:grid}.prose :is(p,ul,h4){margin:0}.prose ul{gap:2px;padding-inline-start:1.2em;display:grid}.prose li::marker{color:var(--app-ink)}.prose h4{font-size:.8125rem;font-weight:var(--weight-strong);letter-spacing:.04em;color:var(--app-ink);margin-block-start:var(--space-2xs)}.prose :is(p,li){text-wrap:pretty}.sheet details.more{border-block-start:var(--rule)}.sheet details.more summary{justify-content:space-between;align-items:center;gap:var(--space-xs);min-block-size:var(--target);padding-block:var(--space-2xs);cursor:pointer;font-weight:var(--weight-strong);border-radius:var(--radius-s);list-style:none;display:flex}.sheet details.more summary::-webkit-details-marker{display:none}.sheet details.more summary:after{content:"";border:2px solid;border-width:0 2px 2px 0;flex:none;block-size:.5625rem;inline-size:.5625rem;margin-inline-end:.375rem;translate:0 -2px;rotate:45deg}.sheet details.more[open] summary:after{translate:0 2px;rotate:-135deg}.sheet details.more summary span{font-size:var(--step--1);font-weight:var(--weight-ui);color:var(--app-ink);margin-inline-start:auto}.sheet details.more summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sheet details.more>:not(summary){padding-block:var(--space-2xs) var(--space-s)}@media (prefers-reduced-motion:no-preference){.sheet details.more summary:after{transition:rotate var(--dur-state) var(--ease-out), translate var(--dur-state) var(--ease-out)}}@media (hover:hover) and (pointer:fine){.sheet details.more summary{transition:color var(--dur-state) var(--ease-out)}.sheet details.more summary:hover{color:var(--app-ink)}@media (prefers-reduced-motion:no-preference){.sheet details.more:not([open]) summary:hover:after,.sheet details.more[open] summary:hover:after{translate:0}}}.versions{gap:var(--space-s);margin:0;padding:0;list-style:none;display:grid}.versions li{gap:var(--space-3xs);display:grid}.versions .prose,.versions p{font-size:var(--step--1)}.pp-info{margin:0;display:grid}.pp-info>div{gap:var(--space-xs);padding-block:var(--space-2xs);border-block-end:var(--rule);grid-template-columns:minmax(7.5rem,.8fr) minmax(0,1.6fr);display:grid}.pp-info dt{color:var(--app-ink);font-size:var(--step--1);font-weight:var(--weight-ui);line-height:1.5}.pp-info dd{font-size:var(--step--1);overflow-wrap:break-word;gap:2px;margin:0;line-height:1.5;display:grid}.pp-info dd p{margin:0}.pp-info dd b{font-weight:var(--weight-strong)}.pp-info ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pp-info li{justify-content:space-between;gap:var(--space-xs);font-variant-numeric:tabular-nums;display:flex}.privacy{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.privacy li{padding:var(--space-xs) var(--space-s);border-radius:var(--radius-m);font-size:var(--step--1);background:oklch(100% 0 none/.5);gap:2px;display:grid}.privacy b{font-weight:var(--weight-strong)}.privacy span{color:var(--app-ink)}.sheet .source{border-block-start:var(--rule);font-size:var(--step--1);color:var(--app-ink);margin:0;padding-block-start:var(--space-s);line-height:1.5}.sheet .source a{color:var(--ink);font-weight:var(--weight-ui);text-underline-offset:.1875rem;border-radius:.25rem;align-items:center;gap:.25rem;text-decoration-thickness:1px;display:inline-flex}.sheet .source a .ico{block-size:.9375rem;inline-size:.9375rem}.sheet .source a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.sheet .source a:hover{text-decoration-thickness:2px}}.sheet-foot{justify-content:space-between;gap:var(--space-2xs);padding:var(--space-xs) var(--space-l) calc(var(--space-xs) + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--pill-line);flex:none;display:flex}.sheet-foot .btn{min-inline-size:0}.sheet-foot .btn span{text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}@media (width<=779px){.pp-cols{grid-template-columns:1fr}.pp-head{grid-template-columns:auto minmax(0,1fr)}.pp-get{align-items:center;gap:var(--space-xs) var(--space-s);flex-wrap:wrap;grid-column:1/-1;display:flex}.pp-get .btn{white-space:nowrap}.pp-get .price{flex-basis:100%}.pp-get .store-badge{margin:0}.pp-get .badges{justify-content:start}}@media (width<=599px){.sheet{border-end-end-radius:0;border-end-start-radius:0;max-block-size:92dvh;inline-size:100%;max-inline-size:none;margin:auto 0 0}@media (prefers-reduced-motion:no-preference){.sheet,.sheet[open]{opacity:1;scale:none}.sheet{translate:0 100%}.sheet[open]{translate:0}@starting-style{.sheet[open]{opacity:1;translate:0 100%}}.sheet::backdrop{transition-duration:var(--dur-drawer), var(--dur-drawer), var(--dur-drawer);transition-timing-function:var(--ease-drawer)}}.sheet-body{padding:var(--space-l) var(--pad-e) var(--space-s) var(--pad-s)}.grabber{z-index:2;background:color-mix(in oklch, var(--deep,var(--ink)) 30%, transparent);border-radius:999px;block-size:.3125rem;inline-size:2.25rem;display:block;position:absolute;inset-block-start:.5rem;inset-inline-start:50%;translate:-50%}.grabber:before{content:"";position:absolute;inset:-.75rem -4rem}.sheet[open]::backdrop{background:oklch(.2 .02 300 / calc(.38 * (1 - var(--drag,0))))}.sheet h2{font-size:var(--step-2);text-wrap:balance}.sheet .sub{font-size:var(--step-0)}.pp-head{padding-inline-end:calc(var(--target) + var(--space-2xs))}.sheet .icon{block-size:4.5rem;inline-size:4.5rem}.pp-badges{overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--pad-s)) calc(-1 * var(--pad-e));padding-inline:var(--pad-s) var(--pad-e);display:flex;overflow:auto hidden}.pp-badges::-webkit-scrollbar{display:none}.pp-badges>div{flex:none;min-inline-size:6.5rem}.sheet .stage{margin-inline:calc(-1 * var(--pad-s)) calc(-1 * var(--pad-e));padding-inline:var(--pad-s) var(--pad-e);scroll-padding-inline:var(--pad-s)}.sheet .stage img{inline-size:58%}.shots-row{margin-inline:calc(-1 * var(--pad-s)) calc(-1 * var(--pad-e));padding-inline:var(--pad-s) var(--pad-e);scroll-padding-inline:var(--pad-s)}.shot img{block-size:24rem}.pp-info>div{grid-template-columns:1fr;gap:0}.sheet-foot{padding-inline:var(--pad-s) var(--pad-e)}}.closing{z-index:4;gap:var(--space-l);min-block-size:calc(100svh - var(--header-h) - env(safe-area-inset-top,0px));box-sizing:border-box;padding:var(--space-2xl) var(--pad-e) calc(var(--space-m) + env(safe-area-inset-bottom,0px)) var(--pad-s);background:var(--ink);color:var(--on-ink);align-content:space-between;display:grid;position:relative}.closing-cols{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,21.25rem),1fr));display:grid}@media (width>=70rem){.closing-cols{grid-template-columns:1.5fr 1fr 1fr}}.closing .also{font-size:var(--step-0);margin-block-start:var(--space-xs)}.closing .also a{color:var(--on-ink);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--on-ink-3);text-decoration-color:var(--on-ink-3);margin-block:-.375rem;padding-block:.375rem}.closing .also a:focus-visible{outline-offset:.1875rem;border-radius:.25rem;outline:2px solid}@media (hover:hover) and (pointer:fine){.closing .also a:hover{text-decoration-color:currentColor}}@media (width<=37.5rem){.closing .stores ul{column-gap:var(--space-s);grid-template-columns:1fr 1fr}.closing .stores li a span{display:none}}.closing h2{font:var(--weight-strong) var(--step-4)/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.closing p{margin:var(--space-s) 0 0;max-inline-size:42ch;font-size:var(--step-1);letter-spacing:.01em;color:var(--on-ink-2);text-wrap:pretty;font-weight:420;line-height:1.55}.closing li{letter-spacing:.01em;font-weight:420}.closing ul{align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.closing h3{margin:0 0 var(--space-2xs);font:var(--weight-strong) var(--step-0)/1.3 var(--font-display);letter-spacing:0;color:var(--on-ink)}.closing .ask{color:var(--on-ink);margin-block-start:var(--space-m)}.closing .reach{align-items:center;gap:var(--space-2xs) var(--space-s);flex-wrap:wrap;margin-block-start:var(--space-xs);display:flex}.closing .mail{font:var(--weight-strong) var(--step-2)/1.2 var(--font-display);letter-spacing:-.015em;color:var(--on-ink);overflow-wrap:anywhere;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--on-ink-3);text-decoration-color:var(--on-ink-3)}.closing .mail:focus-visible{outline-offset:.25rem;border-radius:.25rem;outline:2px solid}@media (hover:hover) and (pointer:fine){.closing .mail{transition:text-decoration-color var(--dur-state) ease, text-decoration-thickness var(--dur-state) ease, text-underline-offset var(--dur-state) var(--ease-out)}.closing .mail:hover{text-underline-offset:.28em;text-decoration-color:currentColor;text-decoration-thickness:2px}.closing .mail:after{content:"→";content:"→" / "";color:var(--on-ink-3);transition:color var(--dur-state) ease, translate var(--dur-state) var(--ease-out);margin-inline-start:.35em;display:inline-block}.closing .mail:hover:after{color:var(--on-ink)}@media (prefers-reduced-motion:no-preference){.closing .mail:hover:after{translate:.2em}}}.closing .copy{min-inline-size:6.25em;color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--on-ink-line);background:oklch(100% 0 none/.08);justify-content:center}@media (hover:hover) and (pointer:fine){.closing .btn.copy:hover{box-shadow:inset 0 0 0 1px var(--on-ink-3), 0 .375rem 1rem -.5rem oklch(0% 0 none/.5);background:oklch(100% 0 none/.16)}}.closing .copy:focus-visible{outline:2px solid var(--on-ink);outline-offset:.1875rem}.closing .how li{padding-block:var(--space-2xs) var(--space-xs);border-block-end:1px solid var(--on-ink-line);color:var(--on-ink-2);text-wrap:pretty;line-height:1.5}.closing .how li b{font-weight:var(--weight-strong);color:var(--on-ink)}.closing .how li:last-child{border-block-end:0}.closing .nw{white-space:nowrap}.closing li a{justify-content:space-between;align-items:center;gap:var(--space-s);min-block-size:3rem;padding-block:var(--space-2xs);border-block-end:1px solid var(--on-ink-line);color:inherit;text-decoration:none;display:flex}.closing li a span{color:var(--on-ink-3)}.closing li a b{font-weight:inherit}.closing li a{position:relative}.closing li a span{align-items:center;display:inline-flex}.closing li a .ico{opacity:0;block-size:1rem;inline-size:1rem;position:absolute;inset-inline-end:0}.closing li a:is(:hover,:focus-visible) span{translate:-1.5rem}@media (prefers-reduced-motion:no-preference){.closing li a span{transition:translate var(--dur-state) var(--ease-out)}}@media (hover:hover) and (pointer:fine){.closing li a:hover{color:oklch(100% 0 none)}.closing li a:hover span{color:var(--on-ink-2)}.closing li a:hover .ico{opacity:1}.closing li a b,.closing li a .ico{transition:translate var(--dur-state) var(--ease-out), opacity var(--dur-state) ease}@media (prefers-reduced-motion:no-preference){.closing li a .ico{translate:-.25rem .25rem}.closing li a:hover b{translate:.25rem}.closing li a:hover .ico{translate:0}}}.closing li a:focus-visible .ico{opacity:1}.closing li a:focus-visible{outline-offset:2px;outline:2px solid}.closing .foot{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-m);border-block-start:1px solid var(--on-ink-line);font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--on-ink-3);flex-wrap:wrap;padding-block-start:var(--space-s);display:flex}.closing .foot p{max-inline-size:110ch;font-size:inherit;font-weight:inherit;color:inherit;flex:20rem;margin:0;line-height:1.45}.closing .foot a{min-block-size:var(--target);color:var(--on-ink-2);transition:color var(--dur-state) ease, background-color var(--dur-state) ease;border-radius:999px;align-items:center;gap:.375rem;margin-inline:-.75rem;padding-inline:.75rem;text-decoration:none;display:inline-flex}.closing .foot a .ico{block-size:1rem;inline-size:1rem}.closing .foot a:focus-visible{outline:2px solid var(--on-ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.closing .foot a:hover{color:var(--on-ink);background:oklch(100% 0 none/.08)}@media (prefers-reduced-motion:no-preference){.closing .foot a .ico{transition:translate var(--dur-state) var(--ease-out)}.closing .foot a:hover .ico{translate:0 -2px}}}@media (width<=599px) and (pointer:coarse){.shots-ctrl{display:none}}.shelf{z-index:4;gap:var(--space-m);padding:var(--space-xl) var(--pad-e) var(--space-2xl) var(--pad-s);grid-template-columns:minmax(0,1fr);display:grid;position:relative;container:shelf/inline-size}.shelf-head{justify-content:space-between;align-items:end;gap:var(--space-s);flex-wrap:wrap;display:flex}.shelf-head h2{font:var(--weight-strong) var(--step-4)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.shelf .lede{margin:var(--space-2xs) 0 0;max-inline-size:52ch;color:var(--ink-2);font-size:var(--step-0);text-wrap:pretty;line-height:1.45}.shelf-ctrl{align-items:center;gap:var(--space-2xs);margin-inline-start:auto;display:flex}.pos{margin:0 var(--space-3xs) 0 0;font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--ink-2);white-space:nowrap}.pos b{color:var(--ink);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.shelf-ctrl [aria-disabled=true]{opacity:.35;cursor:default}.shelf-ctrl [aria-disabled=true]:active{transform:none}.finder{align-items:center;gap:var(--space-xs) var(--space-s);flex-wrap:wrap;display:flex}.search{flex:16rem;max-inline-size:24rem;margin:0;position:relative}.search .ico{color:var(--ink-2);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:1rem;translate:0 -50%}.search input{min-block-size:3rem;inline-size:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--pill-line);font:var(--weight-text) 1rem/1.2 var(--font-text);caret-color:var(--accent);appearance:none;transition:box-shadow var(--dur-state) ease, background-color var(--dur-state) ease;background:oklch(100% 0 none/.8);border:0;border-radius:999px;padding:0 1rem 0 2.875rem}.search input::placeholder{color:var(--ink-2);opacity:1}.search input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;background:oklch(100% 0 none)}@media (hover:hover) and (pointer:fine){.search input:hover{background:oklch(100% 0 none/.95)}}.search input::-webkit-search-cancel-button{cursor:pointer}.cats{gap:var(--space-3xs);border:0;min-inline-size:0;margin:0;padding:0;display:flex}.cats .chip{gap:.375rem;padding-inline:1rem;position:relative}.cats input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.cats small{font-size:.8125rem;font-weight:var(--weight-ui);font-variant-numeric:tabular-nums;color:var(--ink-2)}.cats .chip:has(input:checked){background:var(--ink);color:oklch(98% 0 none);box-shadow:none}.cats .chip:has(input:checked) small{color:var(--on-ink-2)}.found{font-size:var(--step--1);font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0 0 0 auto}@container shelf (width<=699px){.search{flex-basis:100%;max-inline-size:none}.cats{overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--pad-s)) calc(-1 * var(--pad-e));padding:.25rem var(--pad-e) .25rem var(--pad-s);flex:100%;overflow:auto hidden}.cats::-webkit-scrollbar{display:none}.cats{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.cats .chip{flex:none}.found{margin-inline-start:0}}.finder:has(.shelf-ctrl) .found{margin-inline-start:auto}@container shelf (width<=1199px){.cats{flex-basis:100%}.finder:has(.shelf-ctrl) .found{margin-inline-start:0}}.cards{--per:1.2;--gap:var(--space-xs);margin:0 calc(-1 * var(--pad-e)) 0 calc(-1 * var(--pad-s));padding:var(--space-xs) var(--pad-e) var(--space-xs) var(--pad-s);gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad-s) var(--pad-e);scrollbar-width:none;list-style:none;display:flex;position:relative;overflow:auto hidden}.cards::-webkit-scrollbar{display:none}.cards:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--radius-l)}@container shelf (width>=600px){.cards{--per:2.3}}@container shelf (width>=840px){.cards{--per:3.3;--gap:var(--space-s)}}@media (prefers-reduced-motion:no-preference){.cards{scroll-behavior:smooth}}.card{scroll-snap-align:start;inline-size:calc((100cqi - var(--pad-s) - var(--pad-e) - round(down, var(--per), 1) * var(--gap)) / var(--per));--app-ink:oklch(from color-mix(in oklch, var(--deep) 45%, var(--ink)) min(l, .36) c h);flex:none;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid}.card[hidden]{display:none}.card .slot{aspect-ratio:1;inline-size:min(52%,11rem);justify-self:center;margin-block-end:var(--space-xs)}@media (hover:hover) and (pointer:fine){.card .slot{cursor:grab}}.card .base{padding:var(--space-s);border-radius:var(--radius-l);color:var(--ink);background:radial-gradient(130% 55% at 50% 100%, color-mix(in oklch, var(--tint) 88%, var(--accent)), transparent 72%), var(--bg);flex-direction:column;display:flex;position:relative}.card .base:before{content:"";pointer-events:none;opacity:0;block-size:1.375rem;inline-size:min(48%,10.625rem);transition:opacity var(--dur-state) ease;background:radial-gradient(closest-side,oklch(25% .03 300/.24),oklch(25% .03 300/.08) 60%,#0000);border-radius:50%;position:absolute;inset-block-start:0;inset-inline:50% auto;translate:-50% -55%}.card .slot[data-rest]+.base:before{opacity:1}@supports (corner-shape:superellipse(2)){.card .base{corner-shape:superellipse(2.3);border-radius:calc(var(--radius-l) * 1.75)}}.card h3{font:var(--weight-strong) var(--step-2)/1.15 var(--font-display);letter-spacing:-.015em;margin:0}.card .sub{margin:var(--space-3xs) 0 0;color:var(--app-ink);font-size:var(--step-0);text-wrap:balance;line-height:1.35}.card .facts{margin:var(--space-s) 0 0;padding-block:var(--space-2xs);border-block:1px solid color-mix(in oklch, var(--deep) 16%, transparent);grid-template-columns:auto auto minmax(0,1fr);display:grid}.card .facts>div{padding-inline:var(--space-xs)}.card .facts>div:first-child{padding-inline-start:0}.card .facts>div+div{border-inline-start:1px solid color-mix(in oklch, var(--deep) 16%, transparent)}.card .facts dd,.pp-badges dd{gap:2px;margin:0;display:grid}.card .facts b,.pp-badges b{font:var(--weight-strong) .9375rem/1.25 var(--font-text);letter-spacing:-.005em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-variant-numeric:proportional-nums;align-items:center;gap:.1875rem;display:inline-flex}.card .facts span,.pp-badges dd span{font-size:.8125rem;font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--app-ink);line-height:1.25}.card .facts .unrated,.pp-badges dd .unrated{text-wrap:balance;max-inline-size:8ch;font-size:.875rem;line-height:1.3}.ico.star{fill:currentColor;stroke-width:1.5px;block-size:.875rem;inline-size:.875rem}.card .act{align-items:center;gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-s);display:flex}.card .price{font-size:.875rem;font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--app-ink);margin:0}.card .base{container-type:inline-size}@container (width<=18.5rem){.card .act{align-items:flex-start;gap:var(--space-2xs);flex-direction:column}}.card .base .btn:after{content:"";border-radius:inherit;position:absolute;inset:0}.card .base .btn:focus-visible{outline:2px solid #0000}.card .base:has(.btn:focus-visible){outline:2px solid var(--ink);outline-offset:.1875rem}.card .base .btn:hover,.card .base .btn:active{transform:none}.card .base{cursor:pointer;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:no-preference){.card .base{transition:scale var(--dur-press) var(--ease-out)}.card .base:active{scale:.985}}@media (hover:hover) and (pointer:fine){.card .base{transition:box-shadow var(--dur-state) ease, scale var(--dur-press) var(--ease-out)}.card .base:hover{box-shadow:0 1.125rem 2.5rem -1.375rem color-mix(in oklch, var(--deep) 60%, transparent)}}.progress{background:var(--pill-line);border-radius:2px;justify-self:center;block-size:.1875rem;inline-size:100%;max-inline-size:15rem;overflow:clip}.progress i{border-radius:inherit;background:var(--ink);block-size:100%;inline-size:30%;display:block}.empty{justify-items:start;gap:var(--space-xs);padding:var(--space-m) var(--space-l);border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--pill-line);background:oklch(100% 0 none/.6);display:grid}.empty p{color:var(--ink-2);font-size:var(--step-1);text-wrap:pretty;margin:0;line-height:1.4}.empty b{color:var(--ink);font-weight:var(--weight-strong)}@container shelf (width>=1200px){.cards{gap:var(--space-m) var(--space-s);grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:1fr;margin:0;padding:0;display:grid;overflow:visible}.cards:focus-visible{outline-offset:var(--space-xs)}.card{grid-column:span 2;inline-size:auto}.card:nth-child(4n+5){grid-column:2/span 2}.shelf-ctrl,.progress{display:none}}@supports (animation-timeline:view()) and (animation-range:0% 100%){@media (prefers-reduced-motion:no-preference){.cards{view-timeline:--shelf block}.card .base{animation:linear both lift;animation-timeline:--shelf;animation-range:entry entry 60%}.card:nth-child(2) .base{animation-range:entry 5% entry 65%}.card:nth-child(3) .base{animation-range:entry 10% entry 70%}.card:nth-child(4) .base{animation-range:entry 15% entry 75%}.card:nth-child(n+5) .base{animation-range:entry 20% entry 80%}@keyframes lift{0%{opacity:0;translate:0 2.5rem}}@container shelf (width>=1200px){.card{view-timeline:--card block}.card .base{animation-timeline:--card;animation-range:entry entry 70%}}}}@container shelf (width<=599px){.cards{gap:var(--space-s);scroll-snap-type:none;grid-template-columns:minmax(0,1fr);margin:0;padding:0;display:grid;overflow:visible}.cards:focus-visible{outline-offset:var(--space-2xs)}.shelf-ctrl,.progress{display:none}.card{--win:5.5rem;inline-size:auto;display:block;position:relative}.card .slot{inline-size:calc(var(--win) - .875rem);z-index:1;margin:0;position:absolute;inset-block-start:calc(var(--space-s) + .4375rem);inset-inline-start:calc(var(--space-s) + .4375rem)}.card .base{grid-template-columns:var(--win) minmax(0, 1fr);column-gap:var(--space-s);-webkit-mask:linear-gradient(#000 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='26'/%3E%3C/svg%3E") no-repeat var(--space-s) var(--space-s) / var(--win) var(--win);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#000 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='26'/%3E%3C/svg%3E") no-repeat var(--space-s) var(--space-s) / var(--win) var(--win);mask:linear-gradient(#000 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='26'/%3E%3C/svg%3E") no-repeat var(--space-s) var(--space-s) / var(--win) var(--win);align-content:start;display:grid;-webkit-mask-composite:xor;mask-composite:exclude}.card .base:after{content:"";block-size:var(--win);grid-area:1/1/3}.card .base:before{display:none}.card h3{font-size:var(--step-1);grid-area:1/2;align-self:end}.card .sub{grid-area:2/2;align-self:start;font-size:.9375rem}.card .facts,.card .act{grid-column:1/-1}.card .facts{margin-block-start:var(--space-s)}.card .act{flex-direction:row;justify-content:space-between;align-items:center;padding-block-start:var(--space-s)}}@supports (animation-timeline:view()) and (animation-range:0% 100%){@media (prefers-reduced-motion:no-preference){@container shelf (width<=599px){.card{view-timeline:--card block}.card .base{animation-timeline:--card;animation-range:entry entry 60%}}}}