html[data-pp-start] .pp-intro{visibility:hidden}html[data-pp-wait] .pp-intro{visibility:hidden;animation:pp-show 0s 2.5s forwards}@keyframes pp-show{to{visibility:visible}}html:has(.pp-overlay){overscroll-behavior-x:none}:where(.pp) button{appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pp [data-off]{visibility:hidden}.pp-small{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;color:var(--heading);font-size:var(--text-body);font-weight:700;white-space:nowrap}.pp-intro{box-sizing:border-box;max-width:36rem;margin-inline:auto;padding:12px var(--chrome-gutter,16px) 48px;color:var(--body)}.pp-return{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-left:-6px;padding-right:8px;border-radius:999px;color:var(--muted-ink);font-size:var(--text-label);font-weight:700;text-decoration:none}.pp-title{margin:4px 0 0}.pp-facts,.pp-title{color:var(--heading)}.pp-facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:var(--text-body);font-weight:700}.pp-facts span{display:inline-flex;align-items:center;gap:6px}.pp-facts svg{color:var(--muted-ink)}.pp-h{margin:28px 0 12px;font-size:var(--text-caption);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet)}.pp-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.pp-how li{display:flex;flex-direction:column;gap:8px}.pp-how svg{display:block;width:100%;height:auto}.pp-how p{margin:0;font-size:var(--text-label);font-weight:700;line-height:1.3;color:var(--heading);text-wrap:balance}.pp-how p b{margin-right:4px;color:var(--brand-ink);font-variant-numeric:tabular-nums}.pp-how .tile{fill:var(--surface-3);stroke:var(--divider);stroke-width:1.5;vector-effect:non-scaling-stroke}.pp-how .stage{fill:var(--secondary)}.pp-how .ink{fill:var(--on-media)}.pp-how .bubble{fill:var(--brand-soft)}.dark .pp-how .bubble{fill:color-mix(in oklch,var(--brand) 35%,var(--background))}.pp-how .hl{stroke:var(--brand);stroke-width:3;stroke-linecap:round}.pp-how .back{fill:var(--background);stroke:var(--quiet);stroke-opacity:.45;stroke-width:1.5}.pp-how .lines{stroke:var(--quiet);stroke-opacity:.7;stroke-width:2.4;stroke-linecap:round}.pp-how .arc{fill:none;stroke:var(--brand-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pp-how .arrow{fill:none;stroke:var(--on-media);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.pp-end{margin:18px 0 0;font-size:var(--text-label);font-weight:600;line-height:1.45;color:var(--muted-ink);text-wrap:pretty}.pp-start{box-sizing:border-box;width:100%;min-height:52px;margin-top:20px;padding-inline:24px}.pp-repeat .pp-small{margin-top:4px;margin-left:-12px;color:var(--brand-ink)}.pp-list{margin:0;padding:0;list-style:none}.pp-list li{padding:12px 0;border-bottom:1px solid var(--divider)}.pp-list b{display:block;font-family:var(--font-display);word-spacing:.14em;font-size:1.25rem;font-weight:600;line-height:1.15;color:var(--heading)}.pp-list small{display:block;margin-top:4px;font-weight:700}.pp-list small,.pp-note{font-size:var(--text-label);color:var(--muted-ink)}.pp-note{margin:24px 0 0}.pp-learn-list{columns:13rem 2;column-gap:24px;margin:0;padding:0;list-style:none}.pp-learn-list li{position:relative;margin-bottom:10px;padding-left:19px;break-inside:avoid;font-size:var(--text-body);font-weight:600;line-height:1.35;color:var(--heading);text-wrap:pretty}.pp-learn-list li:before{content:"";position:absolute;left:0;top:calc(.65em - 4.5px);width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--lm)}.pp-learn-more{margin:2px 0 0 19px;font-size:var(--text-label);font-weight:700;color:var(--muted-ink)}.pp-overlay{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-items:center;color:var(--body)}.pp-frame,.pp-overlay{background:var(--background)}.pp-frame{box-sizing:border-box;display:flex;flex-direction:column;width:min(440px,100%);height:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.pp-bar{flex:none;padding-top:max(4px,env(safe-area-inset-top,0px))}.pp-bar-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:44px}.pp-close{justify-self:start;margin-left:-12px}.pp-count{margin:0;font-size:var(--text-label);font-weight:700;color:var(--muted-ink);font-variant-numeric:tabular-nums;text-align:center}.pp-status{justify-self:end;margin:0;font-size:var(--text-label);font-weight:700;color:var(--brand-ink)}.pp-stops{position:relative;display:flex;align-items:center;justify-content:space-between;height:18px;margin-bottom:4px;padding-inline:2px}.pp-stops:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--lm);opacity:.4}.pp-stop{position:relative;min-width:3px;width:9px;aspect-ratio:1;border-radius:50%;background:var(--background);box-shadow:inset 0 0 0 2px var(--lm)}.pp-stop[data-gap]{margin-left:7px}.pp-stop[data-again]{box-shadow:inset 0 0 0 2px var(--brand)}.pp-stop[data-s=got]{background:var(--lm)}.pp-stop[data-later]:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--brand)}.pp-stop[data-s=now]{transform:scale(1.55);box-shadow:inset 0 0 0 2.6px var(--lm)}.pp-stop[data-end]{width:12px;background:var(--surface-3);box-shadow:inset 0 0 0 2.5px var(--heading)}.pp-stop[data-end][data-s=now]{transform:scale(1.4)}.pp-stage{position:relative;flex:1;min-height:0}.pp-feed{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none}.pp-feed::-webkit-scrollbar{display:none}@layer base{.pp-res-title:focus-visible,.pp-screen:focus-visible{outline:none!important}}.pp-screen{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding-block:6px 8px;scroll-snap-align:start;scroll-snap-stop:always;container:pp-screen/size;outline:none}.pp-card{container:pp-card/inline-size;position:relative;flex:1;min-height:0;max-height:150cqw;margin-top:auto;margin-bottom:max(0px,(100cqh - 150cqw)/3);border-radius:22px;perspective:1600px;touch-action:pan-y}.pp-card[data-drag]{will-change:transform}.pp-flipper{transform-style:preserve-3d;transform:rotateY(var(--turn,0deg))}.pp-face,.pp-flipper{position:absolute;inset:0}.pp-face{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:hidden;padding:64px 22px;border-radius:22px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pp-front{background:var(--secondary);color:var(--on-media);box-shadow:var(--shadow-e3)}@container pp-screen (max-aspect-ratio: 10 / 16){.pp-front{box-shadow:var(--shadow-e3),0 24px 48px -28px color-mix(in oklch,var(--secondary) 75%,#0000)}}.dark .pp-front{box-shadow:0 0 0 1px var(--pk-hairline),var(--shadow-e3)}.pp-card[data-face=front]:has(>.pp-flip:active):not([data-drag]) .pp-front{background:color-mix(in oklch,var(--secondary) 90%,var(--on-media))}.pp-card[data-face=back]:has(>.pp-flip:active):not([data-drag]) .pp-back{background:color-mix(in oklch,var(--surface-3) 94%,var(--heading))}.pp-back{transform:rotateY(180deg);background:var(--surface-3);color:var(--heading);box-shadow:inset 0 0 0 1.5px var(--divider)}.pp .pp-flip{position:absolute;inset:0;z-index:1;border-radius:22px}.pp .pp-play{position:absolute;z-index:2;right:12px;bottom:12px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in oklch,var(--on-media) 16%,#0000);color:var(--on-media)}.pp-card[data-face=back] .pp-play{background:var(--surface-chrome);color:var(--heading)}.pp-card:after{content:"";inset:0;z-index:3;border-radius:22px;background:var(--brand);opacity:var(--pull,0)}.pp-card:after,.pp-peek{position:absolute;pointer-events:none}.pp-peek{left:22px;bottom:26px;display:inline-flex;align-items:center;gap:6px;font-size:var(--text-label);font-weight:700;color:var(--on-media);opacity:.62}.pp-card:has(>.pp-flip:active):not([data-drag]) .pp-peek,.pp-card[data-ready] .pp-peek{opacity:1}.pp-stamp{position:absolute;z-index:4;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px 0 10px;border-radius:999px;background:var(--brand);color:var(--primary-foreground);font-size:var(--text-label);font-weight:800;box-shadow:var(--shadow-e2);opacity:0;transform:rotate(-2deg);pointer-events:none}.pp-card[data-later] .pp-stamp{opacity:1}.pp-fly{position:fixed;z-index:101;top:0;left:0;display:inline-flex;align-items:center;gap:.3em;min-height:36px;padding:.2em .6em .2em .45em;border-radius:999px;background:var(--brand);color:var(--primary-foreground);font-size:var(--text-label);font-weight:800;line-height:1.15;white-space:nowrap;box-shadow:var(--shadow-e3);pointer-events:none;will-change:transform,opacity}.pp-fly svg{flex:none;width:.8em;height:.8em}.pp-fly[hidden]{display:none}.pp-card[data-drag]:not([data-later]) .pp-stamp{opacity:calc(var(--pull, 0) / .22)}.pp-feed>.ls-shared{border-radius:22px 22px 0 0}.pp-feed[data-dragging]>.ls-shared{opacity:0}@media (min-width:640px){.pp-feed>.ls-shared iframe{position:relative;top:-64px!important;height:calc(100% + 128px)!important}}.pp-card[data-clip] .pp-front{justify-content:flex-start;gap:0;padding:0}.pp-card[data-clip] .pp-said{--lit:999;font-size:clamp(24px,8.4cqw,34px)}.pp-card[data-clip] .pp-clip-line{align-items:flex-start;padding:18px 22px 56px}.pp-card:not([data-clip]) .pp-said{--lit:999}.pp-card[data-clip][data-face=front] .pp-flip{top:calc(100cqw * 9 / 16)}.pp-card[data-clip][data-face=front] .pp-play{display:none}@container pp-screen (max-height: 520px){.pp-face{padding:60px 18px 40px}.pp-said{font-size:clamp(21px,7.4cqw,28px)}.pp-def{font-size:18px}.pp-card[data-clip] .pp-said{font-size:clamp(20px,7cqw,26px)}.pp-card[data-clip] .pp-clip-line{padding:12px 18px 44px}.pp-peek{left:18px;bottom:16px}}@media (max-width:639px) and (min-height:501px){.pp-card[data-clip] .pp-clip{position:relative;flex:1 1 0;min-height:calc(100cqw * 9 / 16);max-height:100cqw}.pp-card[data-clip] .pp-clip .ls{position:absolute;inset:0}.pp-card[data-clip] .ls-media{aspect-ratio:auto;height:100%}.pp-card[data-clip] .pp-clip-line{flex:none}.pp-card[data-clip][data-face=front] .pp-flipper{z-index:2;pointer-events:none}.pp-card[data-clip][data-face=front] .pp-clip{pointer-events:auto}.pp-card[data-clip][data-face=front] .pp-flip{top:0}.pp-feed>.ls-shared{container-type:size}.pp-feed>.ls-shared iframe{position:relative;top:50%;height:calc(100cqw * 9 / 16)!important;translate:0 -50%}.pp-card[data-clip] .ls-poster[data-hidden]{opacity:.4}.pp-card[data-clip] .ls-poster{background-size:auto calc(100% * 4 / 3)}}@media (orientation:landscape) and (max-height:500px){.pp-face{gap:8px;padding:18px 28px}.pp-back .pp-def{font-size:18px}html .pp-back[data-long]{gap:4px;padding:12px 24px}html .pp-back[data-long] .pp-def{font-size:14px;line-height:1.35}html .pp-back[data-long] .pp-ctx{display:none}.pp-card[data-clip] .pp-front{flex-direction:row;align-items:center}.pp-card[data-clip] .pp-clip{width:50%}.pp-card[data-clip] .pp-clip-line{align-self:stretch;align-items:center;padding:14px 20px 40px}.pp-card[data-clip] .pp-said{font-size:clamp(20px,4.2cqw,28px)}.pp-card[data-clip][data-face=front] .pp-flip{top:0;left:50%}.pp-card[data-clip] .pp-peek{left:calc(50% + 20px)}}.pp-dock{flex:none;padding-block:8px max(14px,env(safe-area-inset-bottom,0px))}.pp-ask{display:flex;align-items:center;justify-content:center;gap:8px;min-height:22px;margin:0 0 8px;font-size:var(--text-label);font-weight:700;color:var(--muted-ink);white-space:nowrap}.pp-ask svg,.pp-ask[data-kind=later]{color:var(--brand-ink)}.pp-up{transform:rotate(-90deg)}.pp-turn-bar{width:64px;height:4px;overflow:hidden;border-radius:2px;background:var(--divider)}.pp-turn-bar i{display:block;height:100%;background:var(--lm);transform-origin:left}.pp-slot{display:grid}.pp-slot>*{grid-area:1/1}.pp-rates{display:flex;justify-content:center;gap:10px}.pp .pp-rate{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 18px 0 22px;border-radius:999px;background:var(--surface-3);color:var(--muted-ink);font-size:var(--text-body);font-weight:800;box-shadow:inset 0 0 0 1.5px var(--divider),var(--shadow-e1)}.pp-rates[data-ready] .pp-rate:not(.pp-knew){background:var(--brand-soft);color:var(--brand-ink);box-shadow:none}.pp .pp-rates .pp-rate[aria-pressed=true],.pp .pp-rates .pp-rate[data-armed]{background:var(--brand);color:var(--primary-foreground);box-shadow:none}.pp .pp-knew{background:var(--action);color:var(--on-action);box-shadow:none}@media (max-width:639px){.pp .pp-rate{flex:1 1 0;min-width:0;justify-content:center;padding-inline:12px}}.pp kbd{display:none}@media (hover:hover) and (pointer:fine) and (min-width:640px){.pp kbd{display:inline-grid}
  /* !important: the glyph's own inline display: block. */.pp .pp-touch{display:none!important}}.pp kbd{place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:color-mix(in oklch,currentColor 14%,#0000);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:800;line-height:1}.pp kbd,.pp-next{box-sizing:border-box}.pp-next{width:100%;min-height:52px;padding-inline:24px}.pp-check{gap:12px;padding-top:10px}.pp-ck-title{margin:0 0 12px;color:var(--heading)}.pp-q,.pp-res{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.pp-res{display:flex;flex-direction:column}.pp-q-t{margin:2px 0 16px;font-size:1.1875rem;font-weight:700;line-height:1.35;color:var(--heading);text-wrap:pretty}.pp-opts{display:grid;gap:8px}.pp .pp-opt{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 16px;border-radius:14px;background:var(--surface-3);color:var(--heading);font-size:1rem;font-weight:600;line-height:1.35;text-align:left;box-shadow:inset 0 0 0 1.5px var(--divider);-webkit-user-select:text;user-select:text}.pp .pp-opt[aria-disabled=true]{cursor:default}.pp .pp-opt[aria-disabled=true]:not([data-r]){opacity:.5}.pp .pp-opt[data-r=right]{color:var(--success-ink);box-shadow:inset 0 0 0 2px var(--success-ink)}.pp .pp-opt[data-r=wrong]{color:var(--danger-ink);box-shadow:inset 0 0 0 2px var(--danger-ink)}.pp-fb{min-height:4.4em;margin:14px 0 0;color:var(--body);text-wrap:pretty}.pp-fb b{color:var(--heading)}.pp-res-title{margin:auto 0 0;color:var(--heading);font-variant-numeric:tabular-nums;text-wrap:balance;outline:none}.pp-score{margin:6px 0 0;font-size:1.0625rem;color:var(--heading)}.pp-score,.pp-streak{font-weight:700;font-variant-numeric:tabular-nums}.pp-streak{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--muted-ink)}.pp-streak b{font-weight:800;color:var(--heading)}.pp-streak-to{display:inline-block}.pp-res-line{margin:12px 0 0;font-weight:700;color:var(--brand-ink);text-wrap:pretty}.pp-res .pp-h{margin-top:20px}.pp-res .pp-progress{margin-bottom:auto}.pp-next-pack{box-sizing:border-box;display:block;width:100%;margin-top:24px;padding:18px 18px 16px 20px;border-radius:18px;background:var(--surface-3);box-shadow:inset 4px 0 0 var(--lm),inset 0 0 0 1.5px var(--divider);color:inherit;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media (hover:hover){.pp-next-pack:hover{box-shadow:inset 4px 0 0 var(--lm),inset 0 0 0 1.5px var(--lm)}.pp-next-pack:hover .pp-next-go{box-shadow:var(--shadow-e2)}}.pp-next-pack:active{box-shadow:inset 4px 0 0 var(--lm),inset 0 0 0 1.5px var(--lm)}@layer base{.pp-next-pack:focus-visible{outline-offset:-2px!important}}.pp-next-pack>span{display:block}.pp-next-pack>.pp-next-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-top:12px}.pp-next-pack .pp-next-go{gap:2px;min-height:40px;margin-left:auto;padding:0 12px 0 16px}.pp-next-kicker{margin:0;font-size:var(--text-label);font-weight:700;color:var(--muted-ink)}.pp-next-title{margin:4px 0 0;font-family:var(--font-display);font-size:1.375rem;font-weight:600;line-height:1.2;color:var(--heading);text-wrap:balance}.pp-next-phrase{margin:12px 0 0;font-size:1.0625rem;font-weight:700;color:var(--heading)}.pp-next-def{margin:2px 0 0;color:var(--body);text-wrap:pretty}.pp-next-facts{margin:0;font-size:var(--text-label);font-weight:600;color:var(--muted-ink);font-variant-numeric:tabular-nums}.pp-when>summary{display:flex;align-items:center;gap:6px;width:fit-content;min-height:44px;margin-bottom:4px;font-size:var(--text-label);cursor:pointer;list-style:none}.pp-when>summary::-webkit-details-marker{display:none}.pp-when>summary:after{content:"";width:7px;height:7px;margin-top:-3px;border:solid;border-width:0 2px 2px 0;transform:rotate(45deg)}.pp-when[open]>summary:after{margin-top:3px;transform:rotate(-135deg)}.pp-back-rows{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pp-back-rows li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--divider);font-weight:700;color:var(--heading)}.pp-back-rows small{flex:none;font-size:var(--text-label);font-weight:600;color:var(--muted-ink);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.pp-stop{transition:transform var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) ease-out}.pp .pp-opt,.pp .pp-play,.pp .pp-rate,.pp-small{transition:transform var(--motion-quick) var(--ease-standard),background-color var(--motion-standard) ease,color var(--motion-standard) ease,box-shadow var(--motion-standard) ease}.pp .pp-opt:active:not([aria-disabled]),.pp .pp-play:active,.pp .pp-rate:active,.pp-small:active{transform:scale(.97)}.pp .pp-opt,.pp .pp-play,.pp .pp-rate,.pp-small{transition-duration:var(--motion-standard)}.pp .pp-opt:active:not([aria-disabled]),.pp .pp-play:active,.pp .pp-rate:active,.pp-small:active{transition-duration:var(--motion-quick)}.pp-face{transition:background-color var(--motion-standard) var(--ease-standard)}.pp-card:has(>.pp-flip:active) .pp-face{transition-duration:var(--motion-quick)}.pp-card .ls:not([data-status=failed]):has(.ls-hit:active) .ls-chip{scale:.96}.pp-flipper{transition:transform var(--turn-ms,var(--motion-emphatic)) var(--turn-ease,cubic-bezier(.77,0,.175,1))}.pp-card{transition:transform .28s var(--ease-standard)}.pp-card[data-drag]{transition:none}.pp-wd{transition:opacity var(--motion-quick) ease-out}.pp-turn-bar i{animation:pp-drain 3s linear both}.pp-peek{transition:opacity var(--motion-standard) ease-out}.pp-stamp{transition:opacity var(--motion-quick) var(--ease-exit)}.pp-card[data-later] .pp-stamp{transition:opacity var(--motion-standard) ease-out}.pp-card[data-drag] .pp-stamp{transition:none}.pp-stop[data-later]:after{animation:pp-dot var(--motion-emphatic) var(--ease-standard) both}.pp-overlay{animation:pp-rise .24s var(--ease-standard) both}.pp-q,.pp-res{animation:pp-rise .26s var(--ease-standard) both}.pp-streak-to{animation:pp-rise var(--motion-standard) var(--ease-standard) .18s both}.pp-res .pp-progress-bar i{transition-duration:var(--motion-standard)}}@media (prefers-reduced-motion:reduce){.pp .pp-opt:active:not([aria-disabled]),.pp .pp-play:active,.pp .pp-rate:active,.pp-card .ls:not([data-status=failed]):has(.ls-hit:active) .ls-chip,.pp-small:active{opacity:.78}.pp-back,.pp-card .pp-flipper{transform:none}.pp-face{transition:opacity .15s ease-out}.pp-card[data-later] .pp-stamp,.pp-stamp{transform:none;transition:opacity .15s ease-out}.pp-card[data-face=back] .pp-front,.pp-card[data-face=front] .pp-back{opacity:0}}@keyframes pp-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pp-dot{0%{transform:scale(0)}}@keyframes pp-rise{0%{opacity:0;translate:0 10px}}@media (hover:hover) and (pointer:fine){.pp-return:hover,.pp-small:hover{background:var(--surface-chrome)}.pp .pp-opt:hover:not([aria-disabled]),.pp .pp-rate:hover{box-shadow:inset 0 0 0 1.5px var(--muted-ink),var(--shadow-e1)}.pp .pp-knew:hover{background:color-mix(in oklch,var(--action) 86%,var(--heading));box-shadow:none}.pp-rates[data-ready] .pp-rate:not(.pp-knew):hover:not([aria-pressed=true]){background:color-mix(in oklch,var(--brand-soft) 82%,var(--brand))}.pp .pp-play:hover{background:color-mix(in oklch,var(--on-media) 26%,#0000)}.pp-card[data-face=back] .pp-play:hover{background:var(--surface-chrome-hover)}.pp .pp-flip:hover{background:color-mix(in oklch,var(--on-media) 5%,#0000)}.pp-card[data-face=back] .pp-flip:hover{background:color-mix(in oklch,var(--heading) 3%,#0000)}}.pp-mouse{display:none}@media (hover:hover) and (pointer:fine) and (min-width:640px){.pp-touch{display:none}.pp-mouse{display:inline}}@media (min-width:600px){.pp-how{grid-template-columns:repeat(3,minmax(0,160px));justify-content:space-between}.pp-how p{font-size:var(--text-body)}.pp-start{width:fit-content;min-width:17.5rem}.pp-intro>.pp-note{margin-top:12px}}@media (min-width:768px){.pp-intro{max-width:42rem;padding-top:clamp(16px,4vh,48px)}}@media (min-width:900px){.pp-intro:has(.pp-how){display:grid;max-width:68rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(6,auto) 1fr;grid-template-areas:"back  side" "title side" "facts side" "start side" "note  side" "learn side" ".     side";column-gap:clamp(48px,6vw,112px);align-items:start;padding-top:clamp(24px,7vh,80px)}.pp-intro:has(.pp-how)>.pp-return{grid-area:back;justify-self:start}.pp-intro:has(.pp-how)>.pp-title{grid-area:title}.pp-intro:has(.pp-how)>.pp-facts{grid-area:facts}.pp-intro:has(.pp-how)>.pp-start{grid-area:start;justify-self:start;margin-top:28px}.pp-intro:has(.pp-how)>.pp-note{grid-area:note}.pp-intro:has(.pp-how)>.pp-learn{grid-area:learn;margin-top:16px}.pp-intro:has(.pp-how)>.pp-side{grid-area:side;position:sticky;top:calc(var(--shell-stick-top, 0px) + 16px);margin-top:48px;padding:26px 30px 28px;border-radius:22px;background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--divider)}.pp-side .pp-h{margin-top:0}.pp-side .pp-how .tile{fill:var(--background)}.pp-side .pp-how{grid-template-columns:minmax(0,1fr);gap:14px}.pp-side .pp-how li{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:20px}.pp-side .pp-how p{font-size:var(--text-body)}.pp-side .pp-end{margin-top:22px;padding-top:18px;border-top:1.5px solid var(--divider)}}@media (min-width:1280px){.pp-intro:has(.pp-how){max-width:78rem}.pp-side .pp-how li{grid-template-columns:160px minmax(0,1fr)}}@media (min-width:640px){.pp-frame{width:100%;padding-inline:24px}}@media (min-width:640px) and (min-height:900px){.pp-frame{height:min(100%,860px);align-self:center}}@media (min-width:640px){.pp-bar,.pp-dock{box-sizing:border-box;width:min(640px,100%);margin-inline:auto}.pp-bar{padding-top:max(12px,env(safe-area-inset-top,0px))}.pp-screen{align-items:center;padding-block:12px 16px}.pp-card{max-height:640px;margin-block:auto}.pp-card,.pp-check>*{width:min(640px,100%)}.pp-face{padding:72px 44px}.pp-said{font-size:clamp(26px,6.2cqw,40px)}.pp-def{font-size:clamp(20px,3.6cqw,26px)}.pp-card[data-clip] .pp-front{padding:0}.pp-card[data-clip] .pp-said{font-size:clamp(28px,5.6cqw,40px)}}@media (min-width:640px) and (min-height:501px){.pp-card[data-clip] .pp-clip-line{padding:22px 44px 56px}.pp-peek{left:44px}}.pp-intro .pp-next-pack{margin-top:18px}.pp .pp-again{display:block;margin:10px auto 0}.pp-back[data-long]{gap:6px;padding:22px 20px 64px}.pp-back[data-long] .pp-def{font-size:clamp(15px,4.8cqw,19px);line-height:1.4}.pp-repeat-more>summary{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink);font-weight:700;cursor:pointer;list-style:none}.pp-repeat-more>summary::-webkit-details-marker{display:none}.pp-repeat-more[open]>summary{display:none}.pp-res-line[data-good]{color:var(--heading)}