@property --pet{syntax: "<color>"; inherits: true; initial-value: #b9a8ec;}@property --pet-2{syntax: "<color>"; inherits: true; initial-value: #b9a8ec;}@property --pet-strong{syntax: "<color>"; inherits: true; initial-value: #8877b7;}@property --pet-ink{syntax: "<color>"; inherits: true; initial-value: #7665a4;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #7665a4;}@property --accent-fg{syntax: "<color>"; inherits: true; initial-value: #ffffff;}:root{color-scheme:light dark;--fg: #1d1d1f;--muted: #6e6e73;--faint: #8e8e93;--line: rgb(0 0 0 / .08);--line-strong: rgb(0 0 0 / .14);--window: #f4f4f6;--group: #ffffff;--sidebar: #ebebef;--control: #ffffff;--control-line: rgb(0 0 0 / .16);--danger: #d70015;--ok: #248a3d;--card-shadow: 0 1px 2px rgb(0 0 0 / .04), 0 8px 24px rgb(0 0 0 / .05);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--pet: #b9a8ec;--pet-2: #b9a8ec;--pet-strong: #8877b7;--pet-ink: #7665a4;--pet-tile: #b9a8ec;--pet-glyph: #3f3474;--accent: #7665a4;--accent-fg: #ffffff;--care-full: #f08a00;--care-energy: #e0a800;--care-fun: #f0457f;--pet-shadow: 0 30px 60px -28px color-mix(in srgb, var(--pet-strong) 55%, transparent);--gutter: clamp(20px, 4vw, 40px);--width: 1160px;--nav-h: 64px;--radius-card: 16px;--radius-input: 12px;--radius-small: 10px}@media(prefers-color-scheme:dark){:root{--fg: #f5f5f7;--muted: #a1a1a6;--faint: #7c7c80;--line: rgb(255 255 255 / .08);--line-strong: rgb(255 255 255 / .16);--window: #1c1c1e;--group: #2c2c2e;--sidebar: #242426;--control: #3a3a3c;--control-line: rgb(255 255 255 / .14);--danger: #ff453a;--ok: #32d74b;--card-shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px rgb(0 0 0 / .25);--pet: #b9a8ec;--pet-2: #b9a8ec;--pet-strong: #e3dcff;--pet-ink: #bcabef;--accent: #a998db;--accent-fg: #1d1d1f;--care-full: #ff9f0a;--care-energy: #ffd60a;--care-fun: #ff6b9d;--pet-shadow: 0 30px 60px -28px rgb(0 0 0 / .6)}}@media(prefers-reduced-motion:no-preference){:root{transition:--pet .3s var(--ease-out),--pet-2 .3s var(--ease-out),--pet-strong .3s var(--ease-out),--pet-ink .3s var(--ease-out),--accent .3s var(--ease-out),--accent-fg .3s var(--ease-out)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.5;color:var(--fg);background:var(--window);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}a{color:var(--pet-ink);text-decoration-thickness:1px;text-underline-offset:.18em}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:16px;top:12px;z-index:20;padding:10px 16px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-weight:650;text-decoration:none;translate:0 -200%}.skip:focus-visible{translate:0 0}.wrap{width:min(100% - 2 * var(--gutter),var(--width));margin-inline:auto}main{overflow-x:clip}h1,h2,h3{margin:0;font-weight:720;text-wrap:balance}.display{font-size:clamp(2.6rem,1.4rem + 3.5vw,4.25rem);line-height:1.03;letter-spacing:-.035em;font-weight:750}h2{font-size:clamp(2rem,1.3rem + 2.1vw,3rem);line-height:1.07;letter-spacing:-.03em}h3{font-size:1.1875rem;line-height:1.25;font-weight:650;letter-spacing:-.012em}.lead{font-size:clamp(1.0625rem,.98rem + .4vw,1.25rem);line-height:1.5;color:var(--muted);max-width:34em;text-wrap:pretty}.fine{font-size:.875rem;color:var(--muted)}.icon{width:1.25em;height:1.25em;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:48px;padding-inline:22px;border:1px solid transparent;border-radius:999px;font-size:1rem;font-weight:650;letter-spacing:-.01em;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s ease,box-shadow .2s ease}.btn:active{transform:scale(.98)}.btn .icon{width:1.15em;height:1.15em}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 1px 1px #0000000f,0 8px 20px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.btn-primary .icon{margin-top:-.12em}.btn-quiet{background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--fg)}.btn-small{height:36px;padding-inline:16px;font-size:.9375rem}.btn-large{height:56px;padding-inline:30px;font-size:1.0625rem}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:color-mix(in srgb,var(--accent) 86%,var(--fg))}.btn-quiet:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}}.nav{position:sticky;top:0;z-index:10;height:var(--nav-h)}.nav:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--window) 76%,transparent);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--line);opacity:0;transition:opacity .2s ease}.nav.is-stuck:before{opacity:1}.nav-sentinel{position:absolute;top:0;left:0;width:1px;height:8px;pointer-events:none}@media(prefers-reduced-transparency:reduce){.nav:before{background:var(--window);-webkit-backdrop-filter:none;backdrop-filter:none}}.nav-row{position:relative;height:100%;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--fg);font-weight:720;font-size:1.125rem;letter-spacing:-.02em;text-decoration:none}.brand img{width:30px;height:30px}.nav-row>nav{margin-left:auto}.nav-links{display:flex;gap:4px}.nav-links a{display:block;padding:8px 12px;border-radius:999px;color:var(--muted);font-size:.9375rem;font-weight:550;text-decoration:none;transition:color .15s ease,background-color .15s ease}@media(hover:hover)and (pointer:fine){.nav-links a:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent)}}.nav-cta{margin-left:8px}@media(max-width:767px){.nav-row>nav{display:none}.nav-cta{margin-left:auto}}.footer{padding-block:40px 56px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.footer-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.footer .brand{font-size:1rem}.footer .brand img{width:24px;height:24px}.footer-links{display:flex;gap:20px;margin-left:auto}.footer a{color:var(--muted);text-decoration:none}@media(hover:hover)and (pointer:fine){.footer a:hover{color:var(--fg)}}.footer-note{width:100%}.field{display:grid;gap:8px}.field label{font-size:.9375rem;font-weight:600}.input{height:48px;width:100%;padding-inline:16px;border:1px solid var(--control-line);border-radius:var(--radius-input);background:var(--control);color:var(--fg);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.input[aria-invalid=true]{border-color:var(--danger)}@media(prefers-reduced-motion:no-preference){[data-reveal]{transition:opacity .8s var(--ease-out),translate .8s var(--ease-out);transition-delay:calc(var(--i, 0) * .1s)}[data-reveal].reveal-pending{opacity:0;translate:0 36px}[data-reveal].reveal-pending.reveal-instant{transition:none}}.swatch[data-palette=mint]{--fill: #7FD1C7}.swatch[data-palette=peach]{--fill: #F4B49A}.swatch[data-palette=lilac]{--fill: #B9A8EC}.swatch[data-palette=lemon]{--fill: #F2D76B}.swatch[data-palette=graphite]{--fill: #8A8F98}.swatch[data-palette=beige]{--fill: #E4DCC8}.swatch[data-palette=forest]{--fill: #3F7D4E}.swatch[data-palette=eggshell]{--fill: #F3EFE4}.swatch[data-palette=scarlet]{--fill: #D7263D}.swatch[data-palette=persimmon]{--fill: #EC5F2B}.swatch[data-palette=lime]{--fill: #A6D84A}.swatch[data-palette=sage]{--fill: #A3B899}.swatch[data-palette=cobalt]{--fill: #2F5BD3}.swatch[data-palette=mustard]{--fill: #D9A62E}.swatch[data-palette=plum]{--fill: #8E4585}.swatch[data-palette=cocoa]{--fill: #7B5136}.swatch[data-palette=burgundy]{--fill: #7D2335}.swatch[data-palette=ink]{--fill: #2B2D35}.swatch[data-palette=polka]{--fill: radial-gradient(#FFF6F0 0 28%, transparent 30%) 0 0 / 11px 11px, #E04B5A}.swatch[data-palette=candy]{--fill: repeating-linear-gradient(0deg, #FFF4F4 0 5px, #F25A7A 5px 10px)}.swatch[data-palette=pinstripe]{--fill: repeating-linear-gradient(90deg, #2E3B5E 0 6px, #E8E4D8 6px 7.5px)}.swatch[data-palette=checker]{--fill: conic-gradient(#2B2D35 25%, #F4F1EA 0 50%, #2B2D35 0 75%, #F4F1EA 0) 0 0 / 12px 12px}.swatch[data-palette=gingham]{--fill: repeating-linear-gradient(0deg, color-mix(in srgb, #4A8AD8 50%, transparent) 0 4px, transparent 4px 8px), repeating-linear-gradient(90deg, color-mix(in srgb, #4A8AD8 50%, transparent) 0 4px, transparent 4px 8px), #F7F4EE}.swatch[data-palette=chevron]{--fill: linear-gradient(135deg, #3FB4A8 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(225deg, #3FB4A8 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(315deg, #3FB4A8 25%, transparent 25%) 0 0 / 12px 12px, linear-gradient(45deg, #3FB4A8 25%, #F7F3E8 25%) 0 0 / 12px 12px}.swatch[data-palette=hearts]{--fill: radial-gradient(circle at 4.2px 4.6px, #E0405E 0 2.3px, transparent 2.8px) 0 0 / 12px 12px, radial-gradient(circle at 7.8px 4.6px, #E0405E 0 2.3px, transparent 2.8px) 0 0 / 12px 12px, linear-gradient(to bottom, #F7C6D9 0 6.2px, transparent 6.2px) 0 0 / 12px 12px, conic-gradient(from 315deg at 6px 9.6px, #E0405E 0 90deg, transparent 0) 0 0 / 12px 12px, #F7C6D9}.swatch[data-palette=sky]{--fill: #8EC5F2}.swatch[data-palette=rose]{--fill: #F2A7C3}.swatch[data-palette=midnight]{--fill: #4B5894}.swatch[data-palette=sunset]{--fill: linear-gradient(to top, #F6B04B, #F28AA0, #7A5BC4)}.swatch[data-palette=camo]{--fill: radial-gradient(circle at 25% 30%, #454D2B 0 22%, transparent 23%), radial-gradient(circle at 72% 70%, #A39268 0 20%, transparent 21%), radial-gradient(circle at 78% 22%, #454D2B 0 14%, transparent 15%), radial-gradient(circle at 30% 80%, #A39268 0 12%, transparent 13%), #6F7A45}.swatch[data-palette=leopard]{--fill: radial-gradient(circle at 30% 32%, #B97B35 0 9%, #2B1D12 10% 15%, transparent 16%), radial-gradient(circle at 70% 68%, #B97B35 0 9%, #2B1D12 10% 15%, transparent 16%), radial-gradient(circle at 76% 24%, #B97B35 0 6%, #2B1D12 7% 12%, transparent 13%), radial-gradient(circle at 28% 76%, #B97B35 0 6%, #2B1D12 7% 12%, transparent 13%), #E8B86A}.swatch[data-palette=cow]{--fill: radial-gradient(circle at 28% 30%, #222226 0 24%, transparent 25%), radial-gradient(circle at 76% 72%, #222226 0 18%, transparent 19%), #F7F5F0}.swatch[data-palette=tiger]{--fill: repeating-linear-gradient(100deg, #F08A24 0 6px, #1E1612 6px 9px)}.swatch[data-palette=circuit]{--fill: radial-gradient(#E8C35A 0 2.5px, transparent 3px) 0 0 / 11px 11px, repeating-linear-gradient(0deg, transparent 0 10px, #E8C35A 10px 11.5px), #1F6B4A}.swatch[data-palette=rainbow]{--fill: linear-gradient(to bottom, #F7A1A1 0 17%, #F7C79A 0 33%, #F5EB9C 0 50%, #A8E6A3 0 67%, #9CC8F2 0 83%, #C6A8EE 0)}.swatch[data-palette=galaxy]{--fill: radial-gradient(circle at 30% 28%, #FFFFFF 0 3%, transparent 4%), radial-gradient(circle at 68% 52%, #FFFFFF 0 3%, transparent 4%), radial-gradient(circle at 44% 78%, #FFFFFF 0 2%, transparent 3%), radial-gradient(circle at 30% 60%, #6B3FA0, transparent 60%), radial-gradient(circle at 75% 30%, #2E7BC4, transparent 55%), #1B1838}.section{padding-block:clamp(40px,5vw,68px)}.section-head{max-width:44rem;margin-bottom:clamp(28px,3.5vw,44px)}.section-head .lead{margin-top:16px}.pet-box{position:relative;clip-path:inset(0 0 25% 0);pointer-events:none}.pet-img,.pet-box .stage-canvas{position:absolute;inset:0;width:100%;height:100%}.pet-frame{position:absolute;left:0;top:0;transform-origin:0 0}.pet-img{transform-origin:50% 75%;-webkit-user-select:none;user-select:none}.pet-box .stage-canvas{pointer-events:auto;cursor:grab;touch-action:none;opacity:0}.pet-box .stage-canvas.dragging{cursor:grabbing}.pet-box.is-live .stage-canvas{opacity:1;transition:opacity .3s var(--ease-out)}.pet-box.is-live .pet-img{visibility:hidden;transition:visibility 0s .3s}.hero{padding-block:clamp(16px,4vw,56px) clamp(24px,4vw,48px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,5vw,72px)}.hero-copy{max-width:34rem}.hero-sub{margin-top:22px;max-width:28em}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-stage{--edge: clamp(320px, 38.8vw + 22px, 480px);position:relative;width:var(--edge);height:var(--edge)}.hero-stage .pet-box{position:absolute;inset:0;z-index:2}.wash{position:absolute;inset:-6% -14% 6%;z-index:0;background:radial-gradient(50% 50% at 50% 55%,color-mix(in srgb,var(--pet) 58%,transparent),transparent 72%);pointer-events:none}.dock{--inset: max(2%, calc(var(--edge) * .17 - 48px));position:absolute;left:var(--inset);right:var(--inset);top:75%;z-index:1;height:calc(40px + var(--edge) * .0375);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:22px;background:color-mix(in srgb,var(--group) 62%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border:1px solid color-mix(in srgb,var(--group) 88%,transparent);box-shadow:inset 0 1px #ffffff80,0 22px 44px -20px color-mix(in srgb,var(--pet-strong) 70%,transparent)}@media(prefers-reduced-transparency:reduce){.dock{background:var(--group);-webkit-backdrop-filter:none;backdrop-filter:none}}.dock-shadow{position:absolute;left:50%;bottom:100%;width:52%;height:30px;translate:-50% 50%;border-radius:50%;background:radial-gradient(closest-side,rgb(28 20 64 / .26),rgb(28 20 64 / .1) 60%,transparent);clip-path:inset(0 0 50% 0);pointer-events:none}@media(prefers-color-scheme:dark){.dock{background:color-mix(in srgb,var(--group) 70%,transparent);box-shadow:inset 0 1px #ffffff14,0 22px 44px -20px #000000b3}.dock-shadow{background:radial-gradient(closest-side,rgb(0 0 0 / .5),rgb(0 0 0 / .2) 60%,transparent)}}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding-inline:14px 16px;border:0;border-radius:999px;background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg);font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .16s var(--ease-out),background-color .15s ease}.chip .icon{width:1.1em;height:1.1em;color:var(--pet-ink)}.chip:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.chip:hover{background:color-mix(in srgb,var(--fg) 11%,transparent)}}@media(prefers-reduced-motion:no-preference){.hero-stage .pet-box{transform-origin:50% 75%;animation:pet-fall .42s cubic-bezier(.55,0,1,.45) .14s both,pet-land .44s linear .56s both}.hero-stage .dock-shadow{animation:shadow-in .42s cubic-bezier(.55,0,1,.45) .14s both}}@keyframes pet-fall{0%{translate:0 -40%}to{translate:0 0}}@keyframes pet-land{0%{scale:1.155 .75}10%{scale:1.058 .893}20%{scale:1 1}30%{scale:.975 1.052}40%{scale:.978 1.045}50%{scale:.991 1.019}60%{scale:1 1}75%{scale:1.003 .995}to{scale:1 1}}@keyframes shadow-in{0%{opacity:0;scale:.35 1}to{opacity:1;scale:1 1}}@media(max-width:767px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:8px}.hero-copy{max-width:none}.hero-stage{--edge: min(86vw, 360px);justify-self:center;margin-top:-12px}.hero-ctas .btn{flex:1 1 auto}}.feed-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(20px,3.5vw,44px);border-radius:var(--radius-card);background:var(--group);box-shadow:var(--card-shadow)}.rates{display:grid;gap:18px}.rates li{display:flex;align-items:flex-start;gap:14px}.rates .icon{width:22px;height:22px;padding:8px;box-sizing:content-box;border-radius:12px;color:var(--pet-ink);background:color-mix(in srgb,var(--pet) 24%,transparent)}.rates span{padding-top:8px}.rates strong{font-weight:700}.rates-privacy{margin-top:6px;color:var(--muted)}.rates-privacy .icon{color:var(--muted);background:color-mix(in srgb,var(--fg) 6%,transparent)}.demo{container-type:inline-size;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,32px);padding:clamp(16px,2.5vw,28px);border-radius:14px;background:var(--window)}.demo-stage{position:relative;width:clamp(160px,48cqi,240px);aspect-ratio:1}.demo-stage:before{content:"";position:absolute;inset:-10% -18% 8%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pet) 42%,transparent),transparent);pointer-events:none}.demo-stage .pet-box{position:absolute;inset:0;z-index:1}.mini-dock{position:absolute;left:8%;right:8%;top:75%;height:30px;border-radius:12px;background:color-mix(in srgb,var(--group) 70%,transparent);border:1px solid color-mix(in srgb,var(--group) 90%,transparent);box-shadow:0 12px 24px -14px color-mix(in srgb,var(--pet-strong) 70%,transparent)}.mini-dock:before{content:"";position:absolute;left:50%;bottom:100%;width:52%;height:16px;translate:-50% 50%;border-radius:50%;background:radial-gradient(closest-side,rgb(28 20 64 / .24),transparent);clip-path:inset(0 0 50% 0)}.demo-side{display:grid;gap:14px;min-width:0}.demo-count{display:flex;align-items:baseline;gap:10px}.demo-num{display:inline-block;font-size:clamp(3rem,2rem + 3vw,4.5rem);font-weight:750;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:var(--fg);transform-origin:left bottom}.demo-unit{font-size:1.125rem;font-weight:650;color:var(--pet-ink)}@media(max-width:979px){.feed-panel{grid-template-columns:minmax(0,1fr)}}@media(max-width:559px){.demo{grid-template-columns:minmax(0,1fr);justify-items:center}.demo-stage{width:min(100%,240px)}.demo-side{width:100%}}.care-wrap{max-width:46rem}.care-list{display:grid;gap:14px}.care-row{--care: var(--care-full);--level: .82;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px;padding:14px 24px 14px 14px;border-radius:var(--radius-card);background:var(--group);box-shadow:var(--card-shadow)}.care-energy{--care: var(--care-energy);--level: .54}.care-fun{--care: var(--care-fun);--level: .68}.care-row img{width:88px;height:88px}.care-bar{display:block;height:10px;margin-block:10px 10px;border-radius:999px;background:color-mix(in srgb,var(--care) 16%,transparent);overflow:hidden}.care-bar>span{display:block;height:100%;border-radius:inherit;background:var(--care);transform-origin:left center;scale:var(--level) 1}.care-body p{color:var(--muted);font-size:.9375rem}@media(prefers-reduced-motion:no-preference){.care-bar>span{transition:scale 1s var(--ease-out);transition-delay:calc(var(--i, 0) * 90ms + .25s)}.care-row.reveal-pending .care-bar>span{scale:0 1}}.shop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px)}.shop-stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;justify-self:center;border-radius:var(--radius-card);overflow:hidden;background:radial-gradient(70% 55% at 50% 52%,color-mix(in srgb,var(--pet) 55%,transparent),transparent 75%),linear-gradient(180deg,color-mix(in srgb,var(--pet-2) 22%,var(--group)),var(--group));border:1px solid var(--line);box-shadow:var(--pet-shadow),var(--card-shadow)}.shop-stage .pet-box{position:absolute;width:73.06%;aspect-ratio:1;left:50%;top:75%;translate:-50% -75%}.shop-stage:after{content:"";position:absolute;left:50%;top:75%;width:34%;height:22px;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(28 20 64 / .22),transparent);clip-path:inset(0 0 50% 0);transition:opacity .3s ease}.shop-controls .lead{margin-top:16px}.picker{margin-top:28px}.picker-label{margin-bottom:14px;color:var(--muted)}.picker-label strong{color:var(--fg);font-weight:650}.picker-price{margin-left:6px;font-weight:600;color:var(--pet-ink)}.swatch-group+.swatch-group{margin-top:18px}.swatch-group-label{margin-bottom:10px;font-size:.8125rem;font-weight:600;color:var(--muted)}.swatch-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--fill);box-shadow:inset 0 0 0 1px #00000024;cursor:pointer;transition:transform .16s var(--ease-out),box-shadow .2s var(--ease-out)}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #00000024,0 0 0 3px var(--window),0 0 0 5px var(--accent)}.swatch:active{transform:scale(.92)}.swatch:focus-visible{outline-offset:5px;border-radius:50%}@media(hover:hover)and (pointer:fine){.swatch:hover{transform:scale(1.12)}}@media(prefers-color-scheme:dark){.swatch{box-shadow:inset 0 0 0 1px #ffffff29}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 3px var(--window),0 0 0 5px var(--accent)}}.wear{margin-top:clamp(36px,4.5vw,56px)}.wear h3{margin-bottom:16px}.wear-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 14px;scrollbar-width:thin}.wear-row>li{scroll-snap-align:start;display:flex}.wear-card{--rarity: #8e8e93;flex:1;display:grid;justify-items:center;align-content:start;gap:2px;padding:10px 10px 14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--group);color:var(--fg);text-align:center;font:inherit;transition:transform .16s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.wear-card img{width:112px;height:112px}.wear-name{font-size:.9375rem;font-weight:650;line-height:1.25}.wear-meta{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}.wear-rarity{display:block;color:var(--rarity);font-weight:600}.rarity-uncommon{--rarity: #2a9d4b}.rarity-rare{--rarity: #0a7aea}.rarity-epic{--rarity: #9b51e0}.rarity-legendary{--rarity: #c97a00}@media(prefers-color-scheme:dark){.rarity-uncommon{--rarity: #4cd06f}.rarity-rare{--rarity: #4aa3ff}.rarity-epic{--rarity: #c08af5}.rarity-legendary{--rarity: #ffb340}}.wear-card[role=button]{cursor:pointer}.wear-card[role=button]:active{transform:scale(.97)}.wear-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media(hover:hover)and (pointer:fine){.wear-card[role=button]:hover{transform:translateY(-2px);box-shadow:var(--card-shadow)}.wear-card[aria-pressed=true]:hover{box-shadow:inset 0 0 0 1px var(--accent),var(--card-shadow)}}.packs-note{margin-top:12px;max-width:44em}@media(max-width:899px){.shop-grid{grid-template-columns:minmax(0,1fr)}.wear-row{grid-auto-columns:150px}}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;margin-inline:auto}.pal{display:flex;flex-direction:column;align-items:center}.pal img{width:min(100%,230px);aspect-ratio:1}.pal figcaption{padding-top:14px;font-weight:650}.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:clamp(28px,3.5vw,44px);color:var(--muted);font-size:.9375rem}.facts li{display:flex;align-items:center;gap:8px}.facts .icon{color:var(--pet-ink)}@media(max-width:767px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.facts{flex-direction:column;align-items:flex-start}}.privacy-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.privacy-col{padding:clamp(22px,3vw,32px);border-radius:var(--radius-card)}.privacy-counts{background:var(--group);box-shadow:var(--card-shadow)}.privacy-never{box-shadow:inset 0 0 0 1px var(--line-strong)}.privacy-col h3{margin-bottom:18px}.privacy-list{display:grid;gap:12px}.privacy-list li{display:flex;align-items:center;gap:14px;color:var(--fg)}.privacy-list .icon{width:20px;height:20px;padding:8px;box-sizing:content-box;border-radius:12px}.privacy-counts .icon{color:var(--pet-ink);background:color-mix(in srgb,var(--pet) 24%,transparent)}.privacy-never .icon{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong)}.privacy-foot{margin-top:clamp(20px,2.5vw,28px)}.privacy-foot a{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}.privacy-foot .icon{width:1.1em;height:1.1em;transition:translate .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.privacy-foot a:hover{text-decoration:underline}.privacy-foot a:hover .icon{translate:3px 0}}@media(max-width:767px){.privacy-cols{grid-template-columns:minmax(0,1fr)}}.download-wrap{display:grid;justify-items:center;gap:14px;max-width:40rem;text-align:center}.download-icon{width:112px;height:112px;margin-bottom:4px}.download-wrap .lead{margin-inline:auto}.when-available,.when-soon{display:grid;justify-items:center;gap:14px;width:100%;margin-top:10px}[data-release=available] .when-soon,[data-release=soon] .when-available{display:none}.soon-note{color:var(--fg);max-width:30em}.notify{position:relative;width:min(100%,460px);text-align:left}.notify-row{display:flex;gap:10px}.notify-row .input{flex:1;min-width:0}.notify-status{margin-top:10px;min-height:1.5em}.notify-status[data-tone=good]{color:var(--ok);font-weight:600}.notify-status[data-tone=problem]{color:var(--danger)}.notify-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:479px){.notify-row{flex-direction:column}.notify-row .input{flex:none}}.film-head{margin-inline:auto;text-align:center}.film-head .lead{margin-inline:auto}.film-frame{container-type:inline-size;max-width:1120px;margin-inline:auto}.film-stage{position:relative;aspect-ratio:1512 / 982;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--window);box-shadow:var(--pet-shadow);isolation:isolate;-webkit-user-select:none;user-select:none}@container (max-width: 719.98px){.film-stage{aspect-ratio:1}}.film-scene{--k: .74;--fx: 0px;--fy: 0px;position:absolute;left:0;top:0;width:1512px;height:982px;transform-origin:0 0;transform:translate(var(--fx),var(--fy)) scale(var(--k));overflow:hidden;font:13px/1.35 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:var(--fg);pointer-events:none}.film-wallpaper{position:absolute;inset:0;background:radial-gradient(70% 90% at 32% 88%,color-mix(in srgb,var(--pet) 55%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--pet) 28%,var(--group)),color-mix(in srgb,var(--pet-2) 12%,var(--sidebar)))}.film-menubar{position:absolute;inset:0 0 auto;height:28px;display:flex;align-items:center;gap:20px;padding-inline:18px 20px;background:color-mix(in srgb,var(--window) 78%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);font-size:13px;font-weight:500}.film-menu-app{font-weight:650}.film-clock{margin-left:auto}.film-note{position:absolute;left:76px;top:620px;width:320px;height:260px;border-radius:12px;background:var(--group);box-shadow:0 0 0 .5px #0000004d,0 18px 44px -14px #00000052;overflow:hidden;white-space:nowrap}.film-note:before{content:"";position:absolute;inset:0 0 auto;height:30px;border-bottom:1px solid var(--line)}.win-lights>span{position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:#ff5f57}.win-lights>span:nth-child(1){left:12px}.win-lights>span:nth-child(2){left:28px;background:#febc2e}.win-lights>span:nth-child(3){left:44px;background:#28c840}.win-note{padding:46px 20px 0 22px;font-size:13px;line-height:1.3}.win-date{font-size:11px;color:var(--faint)}.win-title{margin:3px 0 12px;font-size:17px;font-weight:700;letter-spacing:-.01em}.win-todos{display:grid;gap:9px}.win-todos li{display:flex;align-items:center;gap:8px}.win-todos .icon{width:17px;height:17px;color:var(--faint)}.win-todos .is-done{color:var(--muted)}.win-todos .is-done .icon{color:var(--accent)}.film-dock{--app: 56px;position:absolute;left:50%;bottom:8px;translate:-50% 0;width:max-content;height:72px;display:flex;align-items:flex-start;gap:8px;padding:4px 8px 0;border-radius:22px;background:color-mix(in srgb,var(--group) 60%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border:1px solid color-mix(in srgb,var(--group) 85%,transparent);box-shadow:var(--pet-shadow)}.dock-app{position:relative;flex:none;display:grid;place-items:center;width:var(--app);height:var(--app);border-radius:23%;color:#fff}.dock-app .icon{width:58%;height:58%}.dock-app img{width:100%;height:100%;scale:1.243}.dock-app.is-open:after{content:"";position:absolute;left:50%;top:calc(100% + var(--app) * .05);width:max(4px,var(--app) * .055);height:max(4px,var(--app) * .055);translate:-50% 0;border-radius:50%;background:color-mix(in srgb,var(--fg) 55%,transparent)}.app-blue{background:#3d8cf5}.app-sky{background:#2fa7f2}.app-yellow{background:#ffcd3c;color:#0000009e}.app-pink{background:#fa3f63}.app-grey{background:#8e8e96}.app-white{background:#fff;box-shadow:inset 0 0 0 1px #0000000f}.glyph-sky{color:#1f8ff0}.glyph-red{color:#f0443a}.app-trash{color:var(--muted)}.app-trash .icon{width:76%;height:76%}.dock-divider{flex:none;width:1px;height:calc(var(--app) * .7);margin:calc(var(--app) * .15) 2px 0;background:var(--line-strong)}@media(prefers-reduced-transparency:reduce){.film-menubar{background:var(--window);-webkit-backdrop-filter:none;backdrop-filter:none}.film-dock{background:var(--group);-webkit-backdrop-filter:none;backdrop-filter:none}}.film-window{--dw-ok: #28a745;--dw-group-line: rgb(0 0 0 / .06);--dw-segment-bg: rgb(0 0 0 / .06);--dw-segment-on: #ffffff;--dw-nav-on: #ffffff;--dw-shadow: 0 .5px 1.5px rgb(0 0 0 / .25);--dw-card-shadow: 0 1px 2px rgb(0 0 0 / .04), 0 8px 24px rgb(0 0 0 / .05);--dw-chip-ring: rgb(0 0 0 / .07);position:absolute;left:552px;top:60px;width:920px;height:660px;display:grid;grid-template-columns:196px 1fr;border-radius:12px;overflow:hidden;background:var(--window);box-shadow:0 0 0 .5px #00000052,0 26px 70px -18px color-mix(in srgb,var(--pet-strong) 45%,rgb(0 0 0 / .4));white-space:nowrap}@media(prefers-color-scheme:dark){.film-window{--dw-ok: #32d74b;--dw-group-line: rgb(255 255 255 / .06);--dw-segment-bg: rgb(255 255 255 / .08);--dw-segment-on: #6b6b6f;--dw-nav-on: rgb(255 255 255 / .1);--dw-shadow: 0 .5px 1.5px rgb(0 0 0 / .6);--dw-card-shadow: 0 1px 2px rgb(0 0 0 / .3);--dw-chip-ring: rgb(255 255 255 / .1);box-shadow:0 0 0 .5px #000c,inset 0 0 0 .5px #ffffff1f,0 26px 70px -18px #0009}}:where(.film-window p){margin:0}.dw-lights{position:absolute;top:19px;left:19px;display:flex;gap:8px;z-index:1}.dw-lights>span{width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px #0003}.dw-lights>span:nth-child(2){background:#febc2e}.dw-lights>span:nth-child(3){background:#28c840}.dw-sidebar{display:flex;flex-direction:column;gap:14px;min-height:0;padding:48px 10px 12px;background:var(--sidebar);border-right:1px solid var(--line)}.dw-me{display:flex;align-items:center;gap:10px;padding:4px 6px}.dw-me-pic{position:relative;flex:none;width:40px;height:40px;overflow:hidden}.dw-me-pic img{position:absolute;left:-14px;top:-11px;width:68px;height:68px;max-width:none}.dw-me-text{display:flex;flex-direction:column;min-width:0}.dw-me-name{font-size:14px;font-weight:650}.dw-me-mood{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.dw-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--dw-ok)}.dw-nav{display:flex;flex-direction:column;gap:2px}.dw-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:13px}.dw-nav-item.is-on{background:var(--dw-nav-on);box-shadow:var(--dw-shadow);font-weight:600}.dw-icon,.dw-action-icon{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--pet-tile);color:var(--pet-glyph);box-shadow:inset 0 0 0 1px var(--dw-chip-ring)}.dw-icon svg{width:15px;height:15px}.dw-get-bips:before{content:"";position:absolute;top:-8px;left:8px;right:8px;height:1px;background:var(--line)}.dw-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.dw-wallet{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--pet) 55%,var(--group)),color-mix(in srgb,var(--pet-2) 25%,var(--group)))}.dw-wallet-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.dw-wallet-total,[data-film-today]{display:inline-block;transform-origin:0 50%}.dw-wallet-total{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.dw-quit{padding:0 4px;font-size:12px;color:var(--faint)}.dw-main{min-width:0;padding:44px 32px 28px;overflow:hidden}.dw-hero{position:relative;display:flex;align-items:center;gap:8px;padding:6px 22px 6px 6px;border-radius:18px;overflow:hidden;background:radial-gradient(60% 110% at 17% 55%,color-mix(in srgb,var(--pet) 60%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--pet) 30%,var(--group)),color-mix(in srgb,var(--pet-2) 10%,var(--group)));border:1px solid var(--dw-group-line);box-shadow:var(--dw-card-shadow)}.dw-hero-stage{position:relative;flex:none;width:184px;height:226px}.dw-hero-stage:before{content:"";position:absolute;left:50%;top:75%;width:118px;height:18px;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(28 20 64 / .24),rgb(28 20 64 / .08) 60%,transparent);clip-path:inset(0 0 50% 0)}.dw-hero-stage img{position:absolute;left:-28px;top:-10.5px;width:240px;height:240px;max-width:none}.dw-hero-main{flex:1;min-width:0}.dw-hero-name{font-size:28px;font-weight:750;letter-spacing:-.02em}.dw-hero-status{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:13px;color:var(--muted)}.dw-hero-hint{margin-top:10px;font-size:13px;color:color-mix(in srgb,var(--fg) 85%,transparent)}.dw-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dw-action{display:inline-flex;align-items:center;gap:7px;padding:4px 13px 4px 4px;border-radius:999px;border:1px solid var(--dw-group-line);background:color-mix(in srgb,var(--group) 82%,transparent);box-shadow:var(--dw-shadow);font-size:12px;font-weight:600}.dw-action-icon{width:22px;height:22px;border-radius:50%}.dw-action-icon svg{width:13px;height:13px}.dw-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dw-card{padding:16px;border-radius:14px;background:var(--group);border:1px solid var(--dw-group-line);box-shadow:var(--dw-card-shadow)}.dw-card-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.dw-card-link{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--pet-ink)}.dw-bars{display:flex;flex-direction:column;gap:9px}.dw-bar-row{--care: var(--dw-ok);display:grid;grid-template-columns:22px 46px 1fr 26px;align-items:center;gap:8px;font-size:12px}.dw-bar-row.is-full{--care: var(--care-full);--fill: .8}.dw-bar-row.is-energy{--care: var(--care-energy);--fill: .7}.dw-bar-row.is-fun{--care: var(--care-fun);--fill: .55}.dw-care-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--care) 16%,transparent);color:var(--care)}.dw-care-icon svg{width:13px;height:13px}.dw-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.dw-bar{height:8px;border-radius:4px;background:var(--dw-segment-bg);overflow:hidden}.dw-bar>span{display:block;height:100%;border-radius:4px;background:var(--care);transform:scaleX(var(--fill));transform-origin:0 50%;transition:transform .4s var(--ease-out)}.dw-week{display:flex;flex-direction:column}.dw-week .dw-card-title{margin-bottom:6px}.dw-week-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dw-week-today{font-size:22px;font-weight:750;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.dw-unit{margin-left:5px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}.dw-week-total{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.dw-chart{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;height:52px;margin-top:8px;align-items:end}.dw-chart>span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}.dw-chart-bar{width:100%;min-height:3px;border-radius:4px 4px 2px 2px;background:color-mix(in srgb,var(--pet) 55%,var(--dw-segment-bg))}.dw-chart>span:nth-child(1) .dw-chart-bar{height:32px}.dw-chart>span:nth-child(2) .dw-chart-bar{height:37px}.dw-chart>span:nth-child(3) .dw-chart-bar{height:16px}.dw-chart>span:nth-child(4) .dw-chart-bar{height:14px}.dw-chart>span:nth-child(5) .dw-chart-bar{height:34px}.dw-chart>span:nth-child(6) .dw-chart-bar{height:33px}.dw-chart>span:nth-child(7) .dw-chart-bar{height:27px}.dw-chart>.is-today .dw-chart-bar{background:var(--pet-strong)}.dw-chart-label{font-size:10px;line-height:1;color:var(--muted)}.dw-chart>.is-today .dw-chart-label{color:var(--fg);font-weight:700}.dw-mode{margin-top:12px;padding:12px 16px}.dw-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dw-mode-text{display:flex;flex-direction:column;gap:1px;min-width:0}.dw-mode-title{font-weight:600}.dw-mode-note{font-size:12px;color:var(--muted)}.dw-segmented{flex:none;display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--dw-segment-bg)}.dw-segmented>span{min-width:50px;padding:3px 12px;border-radius:6px;text-align:center}.dw-segmented>.is-on{background:var(--dw-segment-on);box-shadow:var(--dw-shadow);font-weight:600}.dw-segmented>.is-off{color:var(--faint)}.dw-mode-tip{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.film-pet.pet-box{position:absolute;left:0;top:0;width:240px;height:240px;translate:170px 440px;clip-path:none}.film-pet .stage-canvas{pointer-events:none;cursor:default}.film-pet.is-live:not(.film-live) .stage-canvas{opacity:0}.film-pet.is-live:not(.film-live) .pet-img{visibility:visible}.film-pet.is-live.film-live .film-flip,.film-pet.is-live.film-live .film-shadow{opacity:0;transition:opacity 0s .3s}.film-flip{position:absolute;inset:0}.film-pet[data-flip] .film-flip{scale:-1 1}.film-pose{position:absolute;inset:0;width:100%;height:100%;visibility:hidden}.film-pet[data-pose=walk] .pet-img,.film-pet[data-pose=climb] .pet-img{opacity:0}.film-pet[data-pose=walk] .pose-walk,.film-pet[data-pose=climb] .pose-climb{visibility:visible}.pose-climb{scale:-1 1;translate:32% 25%}.film-pet[data-pose=jump] .pet-img{scale:.94 1.08}.film-pet[data-pose=sit] .pet-img{translate:0 2%}.film-shadow{position:absolute;left:50%;top:75%;width:52%;height:16px;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(28 20 64 / .26),rgb(28 20 64 / .1) 60%,transparent);clip-path:inset(0 0 50% 0)}.film-pet[data-pose=walk] .film-shadow,.film-pet[data-pose=climb] .film-shadow,.film-pet[data-pose=jump] .film-shadow{visibility:hidden}@media(prefers-color-scheme:dark){.film-shadow,.dw-hero-stage:before{background:radial-gradient(closest-side,rgb(0 0 0 / .5),rgb(0 0 0 / .2) 60%,transparent)}}@media(prefers-reduced-motion:no-preference){.film-pet[data-pose=walk] .pose-walk{animation:film-step .25s ease-in-out infinite alternate}.film-pet[data-pose=climb] .pose-climb{animation:film-reach .21s ease-in-out infinite alternate}}@keyframes film-step{to{translate:0 -1.6%}}@keyframes film-reach{0%{translate:32% 25%}to{translate:33.4% 25%}}.film-cursor{position:absolute;left:0;top:0;width:17px;height:25px;max-width:none;overflow:visible;translate:1038.5px 488.5px;transform-origin:1.5px 1.5px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}.film-rings>span{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);opacity:0}.film-steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;max-width:1120px;margin:24px auto 0}.film-steps ol{display:flex;flex-wrap:wrap;gap:14px 40px}.film-steps li{display:flex;align-items:center;gap:12px}.film-chip{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-strong);color:var(--muted);font-size:.875rem;font-weight:650;font-variant-numeric:tabular-nums;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.film-chip>*{grid-area:1 / 1}.film-chip .icon{width:15px;height:15px;visibility:hidden}.film-step-text{display:flex;flex-direction:column;line-height:1.3}.film-step-text b{font-weight:650;color:var(--muted);transition:color .2s ease}.film-step-text span{font-size:.9375rem;color:var(--muted)}.film-steps li[data-state=active] .film-chip,.film-steps li[data-state=done] .film-chip{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.film-steps li[data-state=done] .film-num{visibility:hidden}.film-steps li[data-state=done] .film-chip .icon{visibility:visible}.film-steps li[data-state=active] b,.film-steps li[data-state=done] b{color:var(--fg)}.film-toggle{background:var(--group);box-shadow:inset 0 0 0 1px var(--line)}.film-toggle .icon{display:none}.film-toggle[data-state=pause] .film-ico-pause,.film-toggle[data-state=play] .film-ico-play,.film-toggle[data-state=replay] .film-ico-replay{display:block}@media(hover:hover)and (pointer:fine){.film-toggle:hover{background:color-mix(in srgb,var(--fg) 5%,var(--group))}}@media(max-width:559px){.film-steps,.film-steps ol{flex-direction:column;align-items:stretch}.film-toggle{justify-content:center}}.film-recording body>:not(main),.film-recording main>:not(.film),.film-recording .film-head,.film-recording .film-steps{display:none!important}.film-recording .film{padding:0}.film-recording .film .wrap,.film-recording .film-frame{width:1512px;max-width:none;margin:0}.film-recording .film-stage{border:0;border-radius:0;box-shadow:none}.film-recording [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}