*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--ui-ink);color:var(--ui-text);color-scheme:dark;font-family:var(--font-ui);font-size:var(--fontBody);font-weight:var(--weight-body);line-height:1.45;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow-x:hidden;font-variant-numeric:tabular-nums}#app{min-height:100%;height:100dvh;position:relative}.screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;gap:var(--space12);padding:calc(env(safe-area-inset-top) + var(--gutter)) calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + var(--gutter)) calc(env(safe-area-inset-left) + var(--gutter));max-width:var(--sheetMaxWidth);margin:0 auto;animation:screen-in var(--motion-enter) ease-out both}.screen.centered{justify-content:center}.screen.bottom{justify-content:flex-end}@keyframes screen-in{0%{opacity:0}to{opacity:1}}h1,h2,h3{margin:0;font-weight:var(--weight-title);line-height:1.2;letter-spacing:-.01em;text-wrap:balance}h1{font-size:var(--fontTitle)}h2{font-size:var(--fontLead)}h3{font-size:var(--fontBody)}p{margin:0}.lede{font-size:var(--fontLead)}.hint{color:var(--concrete);font-size:var(--fontSmall)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel{background:color-mix(in srgb,var(--ui-panel) var(--alpha-panel),transparent);border:1px solid color-mix(in srgb,var(--ui-text) var(--alpha-panelLine),transparent);border-radius:var(--radiusPanel);padding:var(--gutter);display:flex;flex-direction:column;gap:var(--space12);color:var(--ui-text)}.panel.rise{animation:panel-rise var(--motion-enter) ease-out both}@keyframes panel-rise{0%{opacity:0;transform:translateY(var(--space12))}to{opacity:1;transform:none}}.pill{display:inline-flex;align-items:center;gap:var(--gap);min-height:var(--touchTarget);padding:0 var(--gutter);background:color-mix(in srgb,var(--ui-panel) var(--alpha-panel),transparent);color:var(--ui-text);border-radius:var(--pillRadius);font-weight:var(--weight-label)}.pill-text{min-width:0;text-align:center}.pill .icon{color:var(--on-yellow)}.hud-top{position:absolute;inset:calc(env(safe-area-inset-top) + var(--gap)) calc(env(safe-area-inset-right) + var(--gutter)) auto calc(env(safe-area-inset-left) + var(--gutter));display:flex;justify-content:space-between;gap:var(--gap);z-index:2}.icon{width:var(--iconSize);height:var(--iconSize);flex:none;fill:currentColor}button{min-height:var(--touchTarget);min-width:var(--touchTarget);border:none;border-radius:var(--pillRadius);font:inherit;font-weight:var(--weight-title);cursor:pointer;padding:0 var(--gutter);display:inline-flex;align-items:center;justify-content:center;gap:var(--gap);transition:transform var(--motion-press) ease-out,background-color var(--motion-exit) ease-out;touch-action:manipulation}button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}button:disabled,button[aria-disabled=true]{opacity:var(--alpha-disabled);cursor:default}:focus-visible{outline:var(--focusRing) solid var(--sign-glow);outline-offset:var(--line)}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.primary{min-height:var(--buttonHeight);width:100%;background:var(--taxi-yellow);color:var(--ui-ink);font-size:var(--fontButton)}.secondary{min-height:var(--buttonHeight);background:color-mix(in srgb,var(--ui-text) var(--alpha-ghost),transparent);color:var(--ui-text);font-size:var(--fontButton)}.link{background:none;color:var(--sign-glow);padding:0 var(--gap);font-weight:var(--weight-label);text-decoration:underline;text-underline-offset:var(--focusRing)}.icon-btn{width:var(--touchTarget);padding:0;background:color-mix(in srgb,var(--ui-panel) var(--alpha-panel),transparent);color:var(--ui-text)}.spinner{width:var(--iconSize);height:var(--iconSize);border-radius:50%;border:var(--focusRing) solid currentColor;border-right-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.field{display:flex;flex-direction:column;gap:var(--gap)}.field>label,.field>legend,.field-label{font-size:var(--fontSmall);font-weight:var(--weight-label);color:var(--ui-text);padding:0}fieldset.field{border:0;margin:0;padding:0;min-width:0}input{min-height:var(--inputHeight);width:100%;border-radius:var(--radius);border:var(--line) solid var(--concrete-shade);background:color-mix(in srgb,var(--ui-ink) var(--alpha-scrim),transparent);color:var(--ui-text);padding:0 var(--gutter);font:inherit;font-size:var(--fontBody)}input::placeholder{color:var(--concrete-shade)}input:focus{outline:none;border-color:var(--sign-glow)}input[aria-invalid=true]{border-color:var(--ui-warn)}.field-hint{color:var(--concrete);font-size:var(--fontSmall);font-weight:var(--weight-body)}.field-error{color:var(--ui-warn);font-size:var(--fontSmall);font-weight:var(--weight-label);display:flex;gap:var(--gap);align-items:flex-start}.field-error:empty{display:none}.progress-strip{list-style:none;margin:0;padding:0 var(--gutter);min-height:var(--touchTarget);display:flex;align-items:center;gap:var(--gap);align-self:center}.progress-strip li{display:flex;align-items:center;gap:var(--gap);font-size:var(--fontSmall);font-weight:var(--weight-label);color:var(--concrete)}.progress-strip li+li:before{content:"";width:var(--gutter);height:var(--line);background:var(--concrete-shade)}.progress-strip .mark{width:var(--markSize);height:var(--markSize);transform:rotate(45deg);border:var(--line) solid var(--concrete-shade)}.progress-strip .is-done{color:var(--ui-text)}.progress-strip .is-done .mark{background:var(--ui-marker);border-color:var(--ui-marker)}.progress-strip [aria-current=step]{color:var(--ui-text)}.progress-strip [aria-current=step] .mark{border-color:var(--sign-glow);background:var(--sign-glow)}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.backdrop[data-art=title]{background:var(--sky-day)}.backdrop[data-art=osu]{background:var(--sky-dusk-high)}.backdrop[data-art=creator]{background:var(--concrete-shade)}.backdrop[data-art=madina]{background:var(--laterite)}.backdrop[data-art=east_legon]{background:var(--concrete-shade)}.backdrop img,.backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity var(--motion-art) ease-out}.backdrop .is-loaded{opacity:1}.backdrop.soft img{filter:brightness(var(--alpha-artDim)) saturate(var(--alpha-artSaturate)) blur(var(--artBlur));transform:scale(1.04)}.backdrop.dim img{filter:brightness(var(--alpha-artDim))}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--ui-ink) var(--alpha-scrim),transparent) 0%,transparent 22%,transparent 55%,color-mix(in srgb,var(--ui-ink) var(--alpha-scrim),transparent) 100%)}:where(.screen)>:where(:not(.backdrop)){position:relative;z-index:1}.dialog-backdrop{position:fixed;inset:0;z-index:10;background:color-mix(in srgb,var(--ui-ink) var(--alpha-scrimStrong),transparent);display:flex;align-items:flex-end;justify-content:center;animation:screen-in var(--motion-exit) ease-out both}.dialog{width:100%;max-width:var(--sheetMaxWidth);background-color:var(--glass-sheet);background-image:var(--glass-sheen);border:1px solid var(--glass-edge);border-bottom:0;box-shadow:var(--glass-rim),var(--glass-drop);color:var(--glass-on);transition:var(--glass-cross);border-radius:var(--radiusSheet) var(--radiusSheet) 0 0;padding:var(--space24) calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + var(--gutter)) calc(env(safe-area-inset-left) + var(--gutter));display:flex;flex-direction:column;gap:var(--space12);animation:sheet-up var(--motion-sheet) ease-out both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.dialog:before{content:"";align-self:center;flex:none;width:var(--handle);height:calc(var(--line) * 2);margin-top:calc(var(--space12) * -1);border-radius:var(--pillRadius);background:var(--glass-edge)}@media(prefers-reduced-transparency:reduce){.dialog{background-color:var(--glass-panel);background-image:none}}.dialog .row{display:flex;gap:var(--gap)}.dialog .row button{flex:1}.term{background:none;color:inherit;padding:0;min-height:0;min-width:0;font-weight:inherit;border-radius:0;border-bottom:var(--line) dotted currentColor;position:relative;display:inline;line-height:inherit}.term:after{content:"";position:absolute;inset:calc(var(--space12) * -1) calc(var(--gap) * -1)}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space12)}.boot-mark{font-size:var(--fontDisplay);font-weight:var(--weight-mark)}.boot-text{color:var(--concrete);font-size:var(--fontSmall)}.route-loader{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--space24));transform:translate(-50%);z-index:20}.dialog-backdrop.is-closing{animation:sheet-fade var(--motion-exit) ease-in both}.dialog-backdrop.is-closing .dialog{animation:sheet-down var(--motion-exit) ease-in both}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes sheet-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){html{--motion-press: 0ms !important;--motion-exit: 0ms !important;--motion-enter: 0ms !important;--motion-sheet: 0ms !important;--motion-stagger: 0ms !important;--motion-art: 0ms !important;--motion-beat: 0ms !important;--motion-loaderDelay: 0ms !important;--motion-turn: 0ms !important;--motion-camera: 0ms !important;--motion-pulse: 0ms !important;--motion-scheme: 0ms !important}*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}.spinner{animation:none;border-right-color:currentColor;opacity:var(--alpha-disabled)}.hold-fill{transition-duration:var(--motion-hold)!important}}.wordmark{margin:0;font-weight:var(--weight-mark);letter-spacing:-.02em;line-height:1;color:var(--ui-text);text-shadow:0 var(--line) var(--space12) color-mix(in srgb,var(--ui-ink) var(--alpha-scrim),transparent)}.wordmark--display{font-size:var(--fontDisplay)}.wordmark--small{font-size:var(--fontTitle)}.wordmark-i{position:relative;display:inline-block}.wordmark-dot{position:absolute;left:50%;top:-.32em;width:.42em;height:.42em;transform:translate(-50%)}.wm-lit{fill:var(--ui-marker)}.wm-shade{fill:var(--trotro-green)}.hold{position:relative;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent}.hold-wrap .hint{user-select:none;-webkit-user-select:none}.hold-fill{position:absolute;inset:0;z-index:-1;background:var(--print-gold);transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-exit) ease-out}.hold.is-holding .hold-fill{transform:scaleX(1);transition:transform var(--motion-hold) linear}.hold[aria-busy=true] .hold-fill{transform:scaleX(1);transition:none}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--gap)}.seg button{min-height:var(--touchTarget);padding:0 var(--gap);background:color-mix(in srgb,var(--ui-text) var(--alpha-ghost),transparent);color:var(--ui-text);font-size:var(--fontSmall);font-weight:var(--weight-label)}.seg [aria-pressed=true]{background:var(--ui-text);color:var(--ui-ink)}.chips{display:flex;flex-wrap:wrap;gap:var(--gap)}.chip{min-height:var(--touchTarget);padding:0 var(--gutter);background:color-mix(in srgb,var(--ui-text) var(--alpha-ghost),transparent);color:var(--ui-text);font-weight:var(--weight-label);font-size:var(--fontSmall);text-align:left}.chip[aria-pressed=true]{background:var(--ui-text);color:var(--ui-ink)}.chip--status{display:inline-flex;align-items:center;gap:var(--gap);min-height:0;padding:var(--gap) var(--space12);border-radius:var(--pillRadius)}.chip--status .icon{width:var(--gutter);height:var(--gutter)}.chip--ready{background:var(--sign-glow);color:var(--ui-ink)}.swatches{display:flex;flex-wrap:wrap;gap:var(--space12)}.swatch{width:var(--swatch);height:var(--swatch);border-radius:50%;padding:0;border:var(--focusRing) solid var(--ui-panel);box-shadow:0 0 0 var(--line) var(--concrete-shade)}.swatch[aria-pressed=true]{box-shadow:0 0 0 var(--focusRing) var(--ui-text)}.swatch[aria-pressed=true]:after,.swatch.is-listed:after{content:"";width:var(--markSize);height:var(--markSize);transform:rotate(45deg);background:var(--ui-text);box-shadow:0 0 0 var(--line) var(--ui-ink)}[aria-disabled=true].chip,[aria-disabled=true].seg button{opacity:1;background:none;border:var(--line) dashed var(--concrete-shade);color:var(--concrete)}.toast{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + var(--toast-offset, var(--space24)));width:max-content;max-width:calc(100% - 2 * var(--gutter));display:flex;align-items:center;gap:var(--space12);min-height:var(--touchTarget);padding:0 var(--gap) 0 var(--gutter);color:var(--glass-on);border-radius:var(--radiusPanel);font-weight:var(--weight-label);animation:toast-in var(--motion-enter) ease-out both}.toast>span{padding:var(--gap) 0}.toast .icon{color:var(--on-warn)}.toast.is-leaving{animation:sheet-fade var(--motion-exit) ease-in both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,var(--space12))}to{opacity:1;transform:translate(-50%)}}.icon--up{transform:rotate(180deg)}:root{--glass-base: var(--sc-dark-tint);--glass-on: var(--sc-dark-on);--glass-on-dim: var(--sc-dark-dim);--glass-line: var(--sc-dark-line);--glass-panel: var(--sc-dark-solid);--glass-field: var(--sc-dark-field);--glass-accent: var(--sc-dark-accent);--glass-wash: var(--sc-dark-wash);--glass-gloss: var(--sc-dark-gloss);--glass-shade: var(--sc-dark-shade);--glass-a-shade: var(--alpha-glassShade);--glass-a-highlight: var(--alpha-glassHighlight);--glass-a-specular: var(--alpha-glassSpecular);--glass-a: var(--alpha-glass);--glass-a-solid: var(--alpha-glassSolid);--glass-a-sheet: var(--alpha-glassSheet);--glass-a-edge: var(--alpha-glassEdge);--glass-a-card: var(--alpha-glassCard);--glass-a-well: var(--alpha-glassWell);--on-yellow: var(--sc-dark-yellow);--on-good: var(--sc-dark-good);--on-warn: var(--sc-dark-warn);--on-bad: var(--sc-dark-bad);--on-accent-text: var(--sc-dark-accentText);--on-good-text: var(--sc-dark-goodText);--on-warn-text: var(--sc-dark-warnText);--on-bad-text: var(--sc-dark-badText);--tab-phone: var(--tab-dark-phone);--tab-store: var(--tab-dark-store);--tab-home: var(--tab-dark-home);--tab-map: var(--tab-dark-map);--tab-actions: var(--tab-dark-actions);--tab-wallet: var(--tab-dark-wallet);--need-ink-energy: var(--need-dark-energy);--need-ink-hunger: var(--need-dark-hunger);--need-ink-hygiene: var(--need-dark-hygiene);--need-ink-mood: var(--need-dark-mood);--well-ring: 0 0 0 0 transparent}html[data-scheme=light],html .ph-device{--glass-base: var(--sc-light-tint);--glass-on: var(--sc-light-on);--glass-on-dim: var(--sc-light-dim);--glass-line: var(--sc-light-line);--glass-panel: var(--sc-light-solid);--glass-field: var(--sc-light-field);--glass-accent: var(--sc-light-accent);--glass-wash: var(--sc-light-wash);--glass-gloss: var(--sc-light-gloss);--glass-shade: var(--sc-light-shade);--glass-a-shade: var(--alpha-light-glassShade);--glass-a-highlight: var(--alpha-light-glassHighlight);--glass-a-specular: var(--alpha-light-glassSpecular);--glass-a: var(--alpha-light-glass);--glass-a-solid: var(--alpha-light-glassSolid);--glass-a-sheet: var(--alpha-light-glassSheet);--glass-a-edge: var(--alpha-light-glassEdge);--glass-a-card: var(--alpha-light-glassCard);--glass-a-well: var(--alpha-light-glassWell);--on-yellow: var(--sc-light-yellow);--on-good: var(--sc-light-good);--on-warn: var(--sc-light-warn);--on-bad: var(--sc-light-bad);--on-accent-text: var(--sc-light-accentText);--on-good-text: var(--sc-light-goodText);--on-warn-text: var(--sc-light-warnText);--on-bad-text: var(--sc-light-badText);--tab-phone: var(--tab-light-phone);--tab-store: var(--tab-light-store);--tab-home: var(--tab-light-home);--tab-map: var(--tab-light-map);--tab-actions: var(--tab-light-actions);--tab-wallet: var(--tab-light-wallet);--need-ink-energy: var(--need-light-energy);--need-ink-hunger: var(--need-light-hunger);--need-ink-hygiene: var(--need-light-hygiene);--need-ink-mood: var(--need-light-mood);--well-ring: 0 0 0 1px var(--glass-edge)}:root,html .ph-device{--glass-tint: color-mix(in srgb, var(--glass-base) var(--glass-a), transparent);--glass-solid: color-mix(in srgb, var(--glass-base) var(--glass-a-solid), transparent);--glass-sheet: color-mix(in srgb, var(--glass-base) var(--glass-a-sheet), transparent);--glass-sheen: linear-gradient(180deg, color-mix(in srgb, var(--glass-gloss) var(--glass-a-highlight), transparent), transparent 55%), linear-gradient(0deg, color-mix(in srgb, var(--glass-shade) var(--glass-a-shade), transparent), transparent 62%);--glass-edge: color-mix(in srgb, var(--glass-wash) var(--glass-a-edge), transparent);--glass-rim: inset 0 1px 0 color-mix(in srgb, var(--glass-gloss) var(--glass-a-specular), transparent);--glass-drop: 0 var(--glassShadowY) var(--glassShadowBlur) color-mix(in srgb, var(--ui-ink) var(--alpha-glassShadow), transparent);--glass-filter: blur(var(--glassBlur)) saturate(var(--alpha-glassSaturate));--glass-card: color-mix(in srgb, var(--glass-wash) var(--glass-a-card), transparent);--glass-well: color-mix(in srgb, var(--glass-wash) var(--glass-a-well), transparent);--glass-ghost: color-mix(in srgb, var(--glass-wash) var(--alpha-ghost), transparent);--glass-cross: transform var(--motion-press) ease-out, background-color var(--motion-scheme) ease-in-out, color var(--motion-scheme) ease-in-out, border-color var(--motion-scheme) ease-in-out, box-shadow var(--motion-scheme) ease-in-out, stroke var(--motion-scheme) ease-in-out, fill var(--motion-scheme) ease-in-out}.glass{background-color:var(--glass-tint);background-image:var(--glass-sheen);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-edge);box-shadow:var(--glass-rim),inset 0 -1px color-mix(in srgb,var(--glass-base) var(--alpha-glassShadow),transparent),var(--glass-drop);color:var(--glass-on);transition:var(--glass-cross)}.glass-sheet{background-color:var(--glass-sheet);background-image:var(--glass-sheen);border:1px solid var(--glass-edge);box-shadow:var(--glass-rim),var(--glass-drop);color:var(--glass-on);transition:var(--glass-cross)}.glass-card{background-color:var(--glass-card);border:1px solid var(--glass-card);box-shadow:var(--glass-rim);border-radius:var(--radiusPanel);color:var(--glass-on);transition:var(--glass-cross)}html[data-glass=lite] .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--glass-solid)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background-color:var(--glass-solid)}}@media(prefers-reduced-transparency:reduce){.glass,html[data-glass] .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--glass-panel);background-image:none}.glass-sheet{background-color:var(--glass-panel);background-image:none}}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) :is(.hint,.field-hint){color:var(--glass-on-dim)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) :is(.secondary,.chip,.seg button){background:var(--glass-ghost);color:var(--glass-on)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) :is(.chip[aria-pressed=true],.seg [aria-pressed=true]){background:var(--glass-on);color:var(--glass-base)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) :is([aria-disabled=true].chip,[aria-disabled=true].seg button){background:none;border-color:var(--glass-line);color:var(--glass-on-dim)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) .icon-btn{color:var(--glass-on)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) .link{color:var(--glass-accent)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) :focus-visible{outline-color:var(--glass-accent)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) input{background:var(--glass-field);border-color:var(--glass-line);color:var(--glass-on)}:is(html[data-scheme=light],html .ph-device,html:has(.pop)) :is(.glass,.glass-sheet,.dialog) input::placeholder{color:var(--glass-on-dim)}.icon-well{flex:none;display:inline-grid;place-items:center;width:var(--iconWell);height:var(--iconWell);border-radius:50%;color:var(--ui-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--well, var(--taxi-yellow)),var(--ui-text) var(--alpha-wellLight)),var(--well, var(--taxi-yellow)));box-shadow:var(--glass-rim),var(--well-ring),0 var(--line) var(--gap) color-mix(in srgb,var(--ui-ink) var(--alpha-glassShadow),transparent)}.count-badge{position:absolute;min-width:var(--badge);height:var(--badge);padding:0 calc(var(--gap) / 2);border-radius:var(--pillRadius);background:var(--ui-badge);color:var(--ui-text);font-size:var(--fontSmall);font-weight:var(--weight-mark);line-height:var(--badge);text-align:center;box-shadow:0 0 0 var(--line) var(--glass-tint);pointer-events:none}.icon-well .icon{color:inherit}.hud-art{display:inline-grid;place-items:center}.hud-art>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 var(--line) var(--line) color-mix(in srgb,var(--ui-ink) var(--alpha-glassShadow),transparent))}.icon-well.hud-art[data-art=true]{background:none;box-shadow:none}.icon-well.hud-art[data-art=true]>img{width:112%}.c-sun{--c50:var(--sun-50);--c100:var(--sun-100);--c400:var(--sun-400);--c500:var(--sun-500);--c600:var(--sun-600);--c700:var(--sun-700);--cink:var(--sun-ink);--cf1:var(--sun-400);--cf2:var(--sun-600);--con:var(--sun-on);--clip:var(--sun-700)}.c-mango{--c50:var(--mango-50);--c100:var(--mango-100);--c400:var(--mango-400);--c500:var(--mango-500);--c600:var(--mango-600);--c700:var(--mango-700);--cink:var(--mango-ink);--cf1:var(--mango-400);--cf2:var(--mango-600);--con:var(--mango-on);--clip:var(--mango-700)}.c-aqua{--c50:var(--aqua-50);--c100:var(--aqua-100);--c400:var(--aqua-400);--c500:var(--aqua-500);--c600:var(--aqua-600);--c700:var(--aqua-700);--cink:var(--aqua-ink);--cf1:var(--aqua-400);--cf2:var(--aqua-600);--con:var(--aqua-on);--clip:var(--aqua-700)}.c-palm{--c50:var(--palm-50);--c100:var(--palm-100);--c400:var(--palm-400);--c500:var(--palm-500);--c600:var(--palm-600);--c700:var(--palm-700);--cink:var(--palm-ink);--cf1:var(--palm-400);--cf2:var(--palm-600);--con:var(--palm-on);--clip:var(--palm-700)}.c-tomato{--c50:var(--tomato-50);--c100:var(--tomato-100);--c400:var(--tomato-400);--c500:var(--tomato-500);--c600:var(--tomato-600);--c700:var(--tomato-700);--cink:var(--tomato-ink);--cf1:var(--tomato-600);--cf2:var(--tomato-700);--con:var(--tomato-on);--clip:var(--tomato-800)}.c-bubble{--c50:var(--bubble-50);--c100:var(--bubble-100);--c400:var(--bubble-400);--c500:var(--bubble-500);--c600:var(--bubble-600);--c700:var(--bubble-700);--cink:var(--bubble-ink);--cf1:var(--bubble-600);--cf2:var(--bubble-700);--con:var(--bubble-on);--clip:var(--bubble-800)}.c-grape{--c50:var(--grape-50);--c100:var(--grape-100);--c400:var(--grape-400);--c500:var(--grape-500);--c600:var(--grape-600);--c700:var(--grape-700);--cink:var(--grape-ink);--cf1:var(--grape-600);--cf2:var(--grape-700);--con:var(--grape-on);--clip:var(--grape-800)}.c-lagoon{--c50:var(--lagoon-50);--c100:var(--lagoon-100);--c400:var(--lagoon-400);--c500:var(--lagoon-500);--c600:var(--lagoon-600);--c700:var(--lagoon-700);--cink:var(--lagoon-ink);--cf1:var(--lagoon-600);--cf2:var(--lagoon-700);--con:var(--lagoon-on);--clip:var(--lagoon-800)}.ap{font-family:var(--font-ui);font-weight:500;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.ap) *,:where(.ap) *:before,:where(.ap) *:after{box-sizing:border-box}:where(.ap) img{display:block;object-fit:contain}:where(.ap) button{font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.ap) :is(h1,h2,h3,p,ul){margin:0;padding:0;font:inherit}:where(.ap) ul{list-style:none}.ap-num{font-variant-numeric:tabular-nums}.ap-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:none}.ap-title{font:900 34px/1.02 var(--font-display);letter-spacing:-.005em}.ap-h2{font:900 28px/1.04 var(--font-display)}.ap-money{font:900 24px/1.05 var(--font-display)}.ap-h3{font:800 19px/1.2 var(--font-ui);letter-spacing:-.01em}.ap-strong{font:700 16px/1.35 var(--font-ui)}.ap-body{font:500 15px/1.45 var(--font-ui);color:var(--ink-2)}.ap-meta{font:700 13px/1.3 var(--font-ui);color:var(--ink-3)}.ap-eyebrow{font:900 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.ap-hud{display:flex;flex-direction:column;align-items:center;gap:10px}.ap-hud-row{display:flex;align-items:center;gap:8px;width:100%}.ap-hud-row.is-center{justify-content:center}.ap-chip{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 13px 0 7px;border-radius:var(--r-pill);background:var(--card);color:var(--ink);font:800 14px/1 var(--font-ui);white-space:nowrap;box-shadow:var(--lift-chip)}.ap-chip img{width:27px;height:27px}.ap-chip.is-wallet img{width:40px;height:40px;margin:-6px -2px -6px -6px;transform:rotate(-10deg);filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--pop-lit-24102f) 25%,transparent))}.ap-chip.is-wallet{padding-right:15px}.ap-chip.is-wallet .ap-amt{font:900 20px/1 var(--font-display);letter-spacing:.005em}.ap-chip.is-glass{height:32px;padding:0 12px 0 8px;gap:6px;background:var(--glass);color:var(--pop-lit-ffffff);font:800 13px/1 var(--font-ui);box-shadow:none;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}.ap-chip.is-glass img{width:20px;height:20px}.ap-chip.is-tint{height:34px;padding:0 12px 0 6px;background:var(--c50);color:var(--cink);box-shadow:none;font-size:14px}.ap-chip.is-tint img{width:24px;height:24px}.ap-hudbtn{position:relative;width:44px;height:44px;flex:none;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:var(--lift-chip)}.ap-hudbtn img{width:30px;height:30px}.ap-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--palm-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--pop-lit-4adb8c) 30%,transparent)}.ap-dot.is-pulse{animation:ap-pulse 1.8s ease-out infinite}.ap-badge{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);border:2.5px solid var(--pop-lit-ffffff);background:var(--tomato-600);color:var(--pop-lit-ffffff);font:900 11px/17px var(--font-ui);text-align:center}.ap-fab{display:flex;flex-direction:column;align-items:center;gap:6px}.ap-fab-btn{position:relative;width:60px;height:60px;border-radius:21px;background:var(--card);display:grid;place-items:center;box-shadow:0 4px 0 var(--sunk-2),0 12px 22px -12px color-mix(in srgb,var(--pop-lit-24102f) 60%,transparent)}.ap-fab-btn img{width:42px;height:42px;filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--pop-lit-24102f) 20%,transparent))}.ap-fab-label{padding:4px 8px;border-radius:var(--r-pill);background:var(--glass);color:var(--pop-lit-ffffff);font:900 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ap-tag{display:inline-flex;align-items:flex-start}.ap-tag svg{width:20px;height:20px;flex:none;filter:drop-shadow(0 2px 0 var(--clip))}.ap-tag span{height:26px;padding:0 10px;border-radius:4px 10px 10px;background:var(--cf1);color:var(--con);font:800 13px/26px var(--font-ui);box-shadow:0 2px 0 var(--clip);margin:15px 0 0 -6px;white-space:nowrap}.ap-scrim{position:absolute;inset:0;background:var(--scrim)}.ap-scrim.is-heavy{background:var(--scrim-heavy)}.ap-sheet{position:relative;background:var(--paper);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--lift-sheet);--edge: var(--pop-gutter);padding:10px var(--edge) 32px}.ap-handle{width:48px;height:6px;border-radius:var(--r-pill);margin:0 auto 14px;background:linear-gradient(90deg,var(--tomato-500) 0 33.3%,var(--sun-500) 33.3% 66.6%,var(--palm-500) 66.6% 100%)}.ap-sheet-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.ap-sheet-titles{flex:1;min-width:0}.ap-sheet-titles .ap-title{display:block}.ap-sub{margin-top:4px;display:flex;align-items:center;gap:5px;font:700 15px/1.3 var(--font-ui);color:var(--ink-2)}.ap-sub img{width:20px;height:20px}.ap-sub b{font-weight:900;color:var(--cink, var(--ink))}.ap-sticker{--sz: 58px;position:relative;width:var(--sz);height:var(--sz);flex:none;border-radius:19px;display:grid;place-items:center;border:3px solid var(--pop-lit-ffffff);transform:rotate(-6deg);background:radial-gradient(120% 90% at 25% 10%,color-mix(in srgb,var(--pop-lit-ffffff) 50%,transparent),color-mix(in srgb,var(--pop-lit-ffffff) 0%,transparent) 55%),linear-gradient(160deg,var(--c400),var(--c600));box-shadow:0 4px 0 var(--c700),0 12px 20px -8px color-mix(in srgb,var(--pop-lit-24102f) 45%,transparent)}.ap-sticker img{width:80%;height:80%;transform:translateY(-5px) rotate(6deg) scale(1.14);filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--pop-lit-24102f) 28%,transparent))}.ap-sticker.is-sm{--sz: 44px;border-radius:15px;border-width:2.5px}.ap-iconbtn{width:44px;height:44px;flex:none;border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center;box-shadow:var(--lift-chip);transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-press) var(--ease-out)}.ap-iconbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sunk-2)}.ap-section{margin-top:24px}.ap-section-h{display:flex;align-items:center;gap:8px;margin:0 2px 12px;font:800 18px/1.2 var(--font-ui);color:var(--ink)}.ap-section-h img{width:26px;height:26px}.ap-count{margin-left:auto;min-width:28px;height:26px;padding:0 9px;border-radius:var(--r-pill);background:var(--c100, var(--sunk));color:var(--cink, var(--ink-2));font:900 13px/26px var(--font-ui);text-align:center}.ap-card{background:var(--card);border-radius:var(--r-xl);padding:16px;box-shadow:var(--lift-card)}.ap-stack>*+*{margin-top:12px}.ap-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-tile{position:relative;isolation:isolate;min-height:188px;border-radius:var(--r-xl);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;color:var(--con);text-align:left;background:linear-gradient(155deg,var(--cf1) 0%,var(--cf2) 100%);box-shadow:0 4px 0 var(--clip),0 16px 26px -16px var(--clip);transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-press) var(--ease-out)}.ap-tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--clip)}.ap-tile:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(90% 70% at 20% 0%,color-mix(in srgb,var(--pop-lit-ffffff) 42%,transparent),color-mix(in srgb,var(--pop-lit-ffffff) 0%,transparent) 60%)}.ap-tile:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grain);opacity:.22;mix-blend-mode:overlay;pointer-events:none}.ap-tile-ic{position:absolute;top:8px;left:8px;width:62px;height:62px;transform:rotate(-8deg);filter:drop-shadow(0 6px 5px color-mix(in srgb,var(--pop-lit-24102f) 30%,transparent))}.ap-tile-go{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--pop-lit-ffffff) 94%,transparent);color:var(--cink);display:grid;place-items:center;box-shadow:0 2px color-mix(in srgb,var(--pop-lit-24102f) 12%,transparent)}.ap-tile-go .ap-svg{width:16px;height:16px}.ap-tile-name{font:900 24px/1.02 var(--font-display);margin-top:4px}.ap-tile-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font:800 12px/1 var(--font-ui)}.ap-stackic{display:flex}.ap-stackic>span{width:26px;height:26px;border-radius:50%;background:var(--pop-lit-ffffff);display:grid;place-items:center;box-shadow:0 0 0 2px var(--cf1, var(--pop-lit-ffffff))}.ap-stackic>span+span{margin-left:-6px}.ap-stackic img{width:19px;height:19px}.ap-hero{position:relative;isolation:isolate;border-radius:var(--r-2xl);padding:20px 18px 18px;color:var(--ink);background:var(--sunset);box-shadow:0 5px 0 var(--sunset-lip),0 22px 34px -18px color-mix(in srgb,var(--pop-lit-8c5cff) 80%,transparent)}.ap-hero:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(70% 60% at 15% 0%,color-mix(in srgb,var(--pop-lit-ffffff) 38%,transparent),color-mix(in srgb,var(--pop-lit-ffffff) 0%,transparent) 65%)}.ap-hero:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grain);opacity:.3;mix-blend-mode:overlay;pointer-events:none}.ap-hero-ic{position:absolute;top:-30px;right:6px;width:112px;height:112px;transform:rotate(10deg);filter:drop-shadow(0 12px 10px color-mix(in srgb,var(--pop-lit-24102f) 35%,transparent))}.ap-hero .ap-h2{margin-top:6px;max-width:70%}.ap-hero p{margin-top:8px;font:700 15px/1.4 var(--font-ui);color:var(--ink);max-width:92%}.ap-hero .ap-btn{margin-top:16px}.ap-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border-radius:var(--r-lg);padding:10px 12px 10px 10px;box-shadow:var(--lift-card);transition:transform var(--t-press) var(--ease-out)}.ap-row:active{transform:scale(.985)}.ap-row+.ap-row{margin-top:10px}.ap-row-ic{width:50px;height:50px;flex:none;border-radius:16px;background:var(--c50);display:grid;place-items:center}.ap-row-ic img{width:38px;height:38px;filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--pop-lit-24102f) 18%,transparent))}.ap-row-ic.is-round{border-radius:50%}.ap-row-txt{flex:1;min-width:0}.ap-row-t{display:block;font:800 17px/1.2 var(--font-ui);color:var(--ink)}.ap-row-m{display:block;margin-top:3px;font:700 13px/1.3 var(--font-ui);color:var(--ink-3)}.ap-chev{width:32px;height:32px;flex:none;border-radius:50%;background:var(--c100);color:var(--cink);display:grid;place-items:center}.ap-chev .ap-svg{width:16px;height:16px}.ap-chip.is-on{background:linear-gradient(160deg,var(--grape-600),var(--grape-700));color:var(--pop-lit-ffffff);box-shadow:0 3px 0 var(--grape-800)}.ap-row.is-on{background:var(--grape-50);box-shadow:inset 0 0 0 3px var(--grape-500),var(--lift-card)}.ap-row-ic{position:relative}.ap-row.is-on .ap-row-ic{background:var(--pop-lit-ffffff)}.ap-row.is-on .ap-row-ic:after{content:"";position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2.5px var(--pop-lit-ffffff);background:var(--grape-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 13px no-repeat}.ap-row-val{flex:none;text-align:right;font:900 20px/1 var(--font-display);color:var(--ink)}.ap-row-val small{display:block;margin-top:5px;font:700 12px/1.2 var(--font-ui);color:var(--ink-3)}.ap-list{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--lift-card);overflow:hidden}.ap-list>.ap-row{border-radius:0;box-shadow:none;padding:9px 14px 9px 10px}.ap-list>.ap-row+.ap-row{margin-top:0;border-top:1px solid var(--pop-line)}.ap-list>.ap-row .ap-row-ic{width:44px;height:44px;border-radius:14px}.ap-list>.ap-row .ap-row-ic img{width:34px;height:34px}.ap-list>.ap-row.is-on{box-shadow:inset 0 0 0 3px var(--grape-500)}.ap-list>.ap-row.is-on+.ap-row{border-top-color:transparent}.ap-pill{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:var(--r-pill);font:800 13px/1 var(--font-ui);white-space:nowrap;background:var(--c50, var(--sunk));color:var(--cink, var(--ink-2))}.ap-pill img{width:17px;height:17px;margin-left:-3px}.ap-pill.is-danger{background:linear-gradient(160deg,var(--tomato-600),var(--tomato-700));color:var(--pop-lit-ffffff);box-shadow:0 2px 0 var(--tomato-800)}.ap-pill.is-warn{background:var(--sun-100);color:var(--sun-ink)}.ap-pill.is-ok{background:var(--palm-50);color:var(--palm-ink)}.ap-pill.is-info{background:var(--lagoon-50);color:var(--lagoon-ink)}.ap-pill.is-short{background:var(--tomato-50);color:var(--tomato-ink)}.ap-pill.is-neutral{background:var(--sunk);color:var(--ink-2)}.ap-pill.is-live{background:var(--palm-50);color:var(--palm-ink);letter-spacing:.08em;font-weight:900}.ap-pill.is-sm{height:24px;padding:0 9px;font-size:12px}.ap-chiprow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px calc(-1 * var(--edge, 18px)) 0;padding:2px var(--edge, 18px) 6px}.ap-chiprow::-webkit-scrollbar{display:none}.ap-chiprow .ap-chip{height:44px;padding:0 15px 0 8px;font-size:14px;box-shadow:0 3px 0 var(--sunk-2)}.ap-chiprow .ap-chip img{width:28px;height:28px}.ap-banner{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 10px;border-radius:var(--r-lg);background:var(--c50);box-shadow:inset 0 0 0 2px var(--c100)}.ap-banner img{width:46px;height:46px;flex:none}.ap-banner b{display:block;font:800 16px/1.2 var(--font-ui);color:var(--cink)}.ap-banner span{display:block;margin-top:2px;font:700 13px/1.35 var(--font-ui);color:var(--cink)}.ap-need{background:var(--card);border-radius:var(--r-xl);padding:14px 14px 16px;box-shadow:var(--lift-card)}.ap-need+.ap-need{margin-top:12px}.ap-need-top{display:flex;align-items:center;gap:12px}.ap-need-ic{width:52px;height:52px;flex:none;border-radius:17px;background:var(--c50);display:grid;place-items:center}.ap-need-ic img{width:42px;height:42px;filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--pop-lit-24102f) 20%,transparent))}.ap-need-top .ap-h3{flex:1}.ap-need .ap-meter{margin-top:14px}.ap-need-lines{margin-top:12px}.ap-need-lines li{display:flex;align-items:flex-start;gap:8px;font:700 14px/1.4 var(--font-ui);color:var(--ink-2)}.ap-need-lines li+li{margin-top:6px}.ap-need-lines img{width:20px;height:20px;flex:none;margin-top:0}.ap-need .ap-btn{margin-top:14px}.ap-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;height:12px}.ap-meter i{position:relative;border-radius:var(--r-pill);background:var(--c100);overflow:hidden}.ap-meter i:after{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--f, 0) * 100%);border-radius:inherit;background:linear-gradient(180deg,var(--c400),var(--c600));box-shadow:inset 0 2px color-mix(in srgb,var(--pop-lit-ffffff) 50%,transparent)}.is-low .ap-meter i:after{background:linear-gradient(180deg,var(--tomato-400),var(--tomato-600));animation:ap-blink 1.2s ease-in-out infinite}.ap-btn{--lip: var(--clip, var(--sun-700));display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:0 16px;border-radius:var(--r-pill);font:800 16px/1.15 var(--font-ui);color:var(--con, var(--pop-lit-3d2400));background:linear-gradient(160deg,var(--cf1, var(--sun-400)),var(--cf2, var(--sun-600)));box-shadow:0 4px 0 var(--lip),0 14px 22px -14px var(--lip);transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-press) var(--ease-out)}.ap-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lip)}.ap-btn>img{width:30px;height:30px;margin-left:-4px;filter:drop-shadow(0 2px 1px color-mix(in srgb,var(--pop-lit-24102f) 20%,transparent))}.ap-btn-label{flex:1;text-align:left}.ap-btn.is-center .ap-btn-label{flex:none;text-align:center}.ap-btn-price{flex:none;height:34px;margin-right:-8px;padding:0 12px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--pop-lit-ffffff) 62%,transparent);color:var(--ink);font:900 14px/34px var(--font-ui)}.ap-btn.is-dark{background:var(--ink);color:var(--pop-lit-ffffff);--lip: var(--pop-lit-0e0513);padding:0 8px 0 20px}.ap-btn-arrow{width:38px;height:38px;flex:none;border-radius:13px;background:var(--pop-lit-ffffff);color:var(--ink);display:grid;place-items:center}.ap-btn.is-white{background:var(--pop-lit-ffffff);color:var(--ink);--lip: var(--sunk-2)}.ap-btn.is-sm{width:auto;min-height:44px;padding:0 16px;font-size:14px;gap:6px}.ap-btn.is-sm>img{width:22px;height:22px;margin-left:-4px}.ap-btn:disabled,.ap-btn.is-disabled{background:var(--sunk);color:var(--ink-4);box-shadow:none;transform:none;cursor:not-allowed}.ap-btn:disabled>img,.ap-btn.is-disabled>img{filter:grayscale(1) opacity(.45)}.ap-callbtn{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--pop-lit-ffffff);background:linear-gradient(160deg,var(--palm-400),var(--palm-600));box-shadow:0 4px 0 var(--palm-700)}.ap-callbtn .ap-svg{width:22px;height:22px;fill:currentColor;stroke:none}.ap-callbtn:disabled,.ap-callbtn.is-disabled{background:var(--sunk);color:var(--ink-4);box-shadow:none}.ap-swatches{display:flex;gap:10px;flex-wrap:wrap;padding:4px 3px}.ap-swatch{--sw: var(--pop-lit-1e7bea);position:relative;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--pop-lit-ffffff) 60%,transparent),color-mix(in srgb,var(--pop-lit-ffffff) 0%,transparent) 40%),var(--sw);box-shadow:inset 0 -5px color-mix(in srgb,var(--pop-lit-000000) 16%,transparent),0 3px color-mix(in srgb,var(--pop-lit-24102f) 14%,transparent);transition:transform var(--t-pop) var(--ease-pop)}.ap-swatch.is-light{box-shadow:inset 0 0 0 2px var(--pop-line-2),inset 0 -5px color-mix(in srgb,var(--pop-lit-000000) 7%,transparent),0 3px color-mix(in srgb,var(--pop-lit-24102f) 10%,transparent)}.ap-swatch.is-on{transform:scale(1.08);box-shadow:0 0 0 3px var(--pop-lit-ffffff),0 0 0 6px var(--grape-500),inset 0 -5px color-mix(in srgb,var(--pop-lit-000000) 16%,transparent),0 8px 14px -6px color-mix(in srgb,var(--pop-lit-4e24b5) 60%,transparent)}.ap-swatch.is-on:after{content:"";position:absolute;inset:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 22px no-repeat}.ap-car{display:grid;grid-template-columns:96px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;background:var(--card);border-radius:22px;padding:10px 12px 10px 10px;box-shadow:var(--lift-card)}.ap-car-pad{grid-row:1 / span 2}.ap-car-info{grid-column:2;grid-row:1;align-self:end;min-width:0}.ap-car>.ap-btn{grid-column:3;grid-row:1;align-self:center}.ap-car-foot{grid-column:2 / span 2;grid-row:2;align-self:start}.ap-car+.ap-car{margin-top:10px}.ap-car-pad{position:relative;height:88px;border-radius:17px;display:grid;place-items:center;background:radial-gradient(ellipse 62% 16% at 50% 80%,color-mix(in srgb,var(--pop-lit-24102f) 18%,transparent),color-mix(in srgb,var(--pop-lit-24102f) 0%,transparent) 72%),linear-gradient(180deg,var(--c50),var(--c100))}.ap-car-pad img{width:76px;height:76px;transform:translateY(-6px);filter:drop-shadow(0 4px 3px color-mix(in srgb,var(--pop-lit-24102f) 22%,transparent))}.ap-car-name{font:800 16px/1.2 var(--font-ui)}.ap-car .ap-money{margin-top:2px}.ap-toast{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:var(--r-lg);background:var(--ink);color:var(--pop-lit-ffffff);font:700 14px/1.35 var(--font-ui);box-shadow:var(--lift-float);animation:ap-toast-in var(--t-pop) var(--ease-pop) both}.ap-toast img{width:36px;height:36px;flex:none}.ap-tip{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 10px;border-radius:var(--r-lg);border:2px dashed var(--pop-line-2);background:color-mix(in srgb,var(--pop-lit-ffffff) 55%,transparent);font:700 14px/1.4 var(--font-ui);color:var(--ink-2)}.ap-tip img{width:34px;height:34px;flex:none}.ap-phone{position:relative;width:340px;padding:10px;border-radius:52px;background:linear-gradient(160deg,var(--pop-lit-3b2149) 0%,var(--pop-lit-1b0b24) 100%);box-shadow:inset 0 0 0 2px var(--pop-lit-56346a),inset 0 0 0 5px var(--pop-lit-1b0b24),0 34px 70px -24px color-mix(in srgb,var(--pop-lit-0a020e) 75%,transparent)}.ap-phone-btn{position:absolute;width:5px;border-radius:3px}.ap-phone-btn.is-l1{left:-4px;top:128px;height:46px;background:var(--bubble-500)}.ap-phone-btn.is-l2{left:-4px;top:184px;height:46px;background:var(--bubble-500)}.ap-phone-btn.is-r{right:-4px;top:150px;height:70px;background:var(--sun-500)}.ap-phone-screen{position:relative;overflow:hidden;border-radius:42px;background:var(--paper);height:676px;display:flex;flex-direction:column}.ap-phone-island{position:absolute;top:17px;left:50%;width:20px;height:20px;border-radius:50%;background:var(--pop-lit-150819);box-shadow:inset 0 0 0 4px var(--pop-lit-24102f);transform:translate(-50%);z-index:3}.ap-phone-status{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:50px;padding:4px 26px 0 24px;font:800 14px/1 var(--font-ui)}.ap-phone-status>span{display:flex;align-items:center;gap:5px}.ap-phone-status img{width:20px;height:20px}.ap-battery{position:relative;width:26px;height:13px;border-radius:4px;border:2px solid var(--ink);padding:1.5px}.ap-battery:before{content:"";display:block;height:100%;width:var(--level, 81%);border-radius:1.5px;background:var(--palm-500)}.ap-battery:after{content:"";position:absolute;right:-5px;top:2px;width:2.5px;height:5px;border-radius:0 2px 2px 0;background:var(--ink)}.ap-phone-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;--edge: 16px;padding:6px var(--edge) 28px}.ap-phone-body::-webkit-scrollbar{display:none}.ap-phone-foot{position:relative;z-index:2;flex:none;padding:10px 16px 30px;background:linear-gradient(color-mix(in srgb,var(--pop-lit-fbf6ef) 0%,transparent),var(--paper) 28%)}.ap-phone-top{display:flex;align-items:center;justify-content:space-between}.ap-phone-wall{position:absolute;inset:0 0 auto;height:250px;z-index:0;background:var(--dusk);opacity:.75;-webkit-mask-image:linear-gradient(var(--pop-lit-000000) 35%,transparent);mask-image:linear-gradient(var(--pop-lit-000000) 35%,transparent)}.ap-phone-home{width:120px;height:5px;border-radius:var(--r-pill);background:var(--ink);opacity:.85;margin:0 auto}.ap-app-head{display:flex;align-items:center;gap:12px;margin-top:14px}.ap-app-head .ap-title{font-size:32px}.ap-stat{position:relative;isolation:isolate;border-radius:var(--r-xl);padding:14px 16px;color:var(--con);background:linear-gradient(155deg,var(--cf1),var(--cf2));box-shadow:0 4px 0 var(--clip),0 14px 24px -14px var(--clip)}.ap-stat:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(80% 70% at 15% 0%,color-mix(in srgb,var(--pop-lit-ffffff) 40%,transparent),color-mix(in srgb,var(--pop-lit-ffffff) 0%,transparent) 60%)}.ap-stat:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grain);opacity:.22;mix-blend-mode:overlay}.ap-stat-ic{position:absolute;right:8px;top:-14px;width:76px;height:76px;transform:rotate(8deg);filter:drop-shadow(0 8px 6px color-mix(in srgb,var(--pop-lit-24102f) 30%,transparent))}.ap-stat-val{font:900 38px/1 var(--font-display);margin-top:6px}.ap-stat-m{margin-top:6px;font:800 13px/1.3 var(--font-ui)}.ap-field{display:block}.ap-field+.ap-field{margin-top:12px}.ap-label{display:block;margin:0 2px 6px;font:800 14px/1.2 var(--font-ui);color:var(--ink-2)}.ap-input{display:block;width:100%;min-height:52px;padding:0 16px;border:0;border-radius:var(--r-lg);background:var(--card);color:var(--ink);font:800 16px/1.2 var(--font-ui);box-shadow:inset 0 0 0 2px var(--pop-line-2),0 3px 0 var(--sunk-2)}textarea.ap-input{padding:14px 16px;min-height:96px;resize:vertical}select.ap-input{appearance:none;padding-right:40px}.ap-input::placeholder{color:var(--ink-3);font-weight:700}.ap-input:focus{outline:none;box-shadow:inset 0 0 0 3px var(--c500, var(--grape-500)),0 3px 0 var(--sunk-2)}.ap-input[aria-invalid=true]{box-shadow:inset 0 0 0 3px var(--tomato-500),0 3px 0 var(--sunk-2)}.ap-switch{position:relative;width:54px;height:32px;flex:none;border-radius:var(--r-pill);background:var(--sunk);box-shadow:inset 0 2px 0 var(--sunk-2);transition:background var(--t-press) var(--ease-out)}.ap-switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--pop-lit-ffffff);box-shadow:0 2px color-mix(in srgb,var(--pop-lit-24102f) 18%,transparent);transition:transform var(--t-pop) var(--ease-pop)}.ap-switch[aria-checked=true]{background:linear-gradient(160deg,var(--grape-600),var(--grape-700));box-shadow:0 2px 0 var(--grape-800)}.ap-switch[aria-checked=true]:after{transform:translate(22px)}.ap-bubble{position:relative;max-width:78%;padding:10px 14px;border-radius:20px 20px 20px 6px;background:var(--card);color:var(--ink);font:700 15px/1.35 var(--font-ui);box-shadow:var(--lift-card);align-self:flex-start}.ap-bubble.is-mine{align-self:flex-end;border-radius:20px 20px 6px;background:linear-gradient(160deg,var(--grape-500),var(--grape-600));color:var(--pop-lit-ffffff);box-shadow:0 3px 0 var(--grape-800)}.ap-bubble-time{display:block;margin-top:4px;font:700 11px/1 var(--font-ui);opacity:.7}.ap-row.is-quiet,.ap-row:disabled{background:transparent;box-shadow:none;border:2px dashed var(--pop-line-2);color:var(--ink-3)}.ap-row.is-quiet .ap-row-t,.ap-row:disabled .ap-row-t{color:var(--ink-3)}.ap-row.is-quiet .ap-row-ic img,.ap-row:disabled .ap-row-ic img{filter:grayscale(1) opacity(.5)}.ap-row.is-quiet:active,.ap-row:disabled:active{transform:none}.ap-chip.is-off,.ap-chip:disabled{background:var(--sunk);color:var(--ink-4);box-shadow:none}.ap-chip.is-off img,.ap-chip:disabled img{filter:grayscale(1) opacity(.5)}.ap-appgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px}.ap-app{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--ink)}.ap-app-ic{position:relative;width:60px;height:60px;border-radius:17px;box-shadow:0 3px color-mix(in srgb,var(--pop-lit-24102f) 18%,transparent)}.ap-app-ic img{width:100%;height:100%;border-radius:inherit;display:block}.ap-app-label{font:800 13px/1.15 var(--font-ui);text-align:center;color:var(--ink);max-width:76px}.ap-app:active .ap-app-ic{transform:translateY(2px);box-shadow:none}@keyframes ap-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--pop-lit-4adb8c) 55%,transparent)}70%{box-shadow:0 0 0 9px color-mix(in srgb,var(--pop-lit-4adb8c) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--pop-lit-4adb8c) 0%,transparent)}}@keyframes ap-blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes ap-toast-in{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}@keyframes ap-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes ap-wiggle{0%,to{transform:rotate(-6deg)}30%{transform:rotate(-13deg) scale(1.06)}60%{transform:rotate(-2deg)}}.ap-sheet.is-entering{animation:ap-sheet-in var(--t-sheet) var(--ease-out) both}.ap-sheet.is-entering .ap-sticker{animation:ap-wiggle .62s var(--ease-pop) .18s both}@media(prefers-reduced-motion:reduce){.ap *,.ap *:before,.ap *:after{animation:none!important;transition:none!important}}.pop{--glass-base: var(--card);--glass-tint: var(--card);--glass-solid: var(--card);--glass-sheet: var(--paper);--glass-panel: var(--card);--glass-sheen: none;--glass-filter: none;--glass-edge: transparent;--glass-rim: 0 0 0 0 transparent;--glass-drop: var(--lift-chip);--glass-card: var(--card);--glass-well: var(--sunk);--glass-ghost: var(--sunk);--glass-on: var(--ink);--glass-on-dim: var(--ink-3);--glass-line: var(--pop-line-2);--glass-field: var(--card);--glass-accent: var(--grape-600);--glass-wash: var(--ink);--glass-gloss: var(--pop-lit-ffffff);--glass-shade: var(--ink);--on-yellow: var(--sun-700);--on-good: var(--palm-600);--on-warn: var(--mango-600);--on-bad: var(--tomato-600);--on-accent-text: var(--grape-ink);--on-good-text: var(--palm-ink);--on-warn-text: var(--mango-ink);--on-bad-text: var(--tomato-ink);--tab-phone: var(--grape-600);--tab-store: var(--mango-600);--tab-home: var(--bubble-600);--tab-map: var(--lagoon-600);--tab-actions: var(--sun-700);--tab-wallet: var(--sun-700);--need-ink-energy: var(--sun-700);--need-ink-hunger: var(--mango-600);--need-ink-hygiene: var(--aqua-600);--need-ink-mood: var(--bubble-600);--well-ring: 0 0 0 0 transparent;font-family:var(--font-ui);color:var(--ink)}.pop .glass{background-color:var(--card);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;box-shadow:var(--lift-chip);color:var(--ink)}.pop .glass-card{background-color:var(--card);border-color:transparent;border-radius:var(--r-xl);box-shadow:var(--lift-card);color:var(--ink)}.pop .glass-sheet{background-color:var(--paper);background-image:none;border-color:transparent;color:var(--ink)}.pop .hint,.pop .field-hint{color:var(--ink-3)}.pop .primary{background:linear-gradient(160deg,var(--sun-400),var(--sun-600));color:var(--sun-on);border-radius:var(--r-pill);font-weight:800;box-shadow:0 4px 0 var(--sun-700);transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-press) var(--ease-out)}.pop .primary:active:not(:disabled):not([aria-disabled=true]){transform:translateY(3px);box-shadow:0 1px 0 var(--sun-700)}.pop :is(.secondary,.chip,.seg button,.icon-btn){background:var(--card);color:var(--ink);font-weight:800;box-shadow:var(--lift-chip);border:0}.pop :is(.secondary,.chip,.seg button,.icon-btn):active:not(:disabled):not([aria-disabled=true]){transform:translateY(2px);box-shadow:0 1px 0 var(--sunk-2)}.pop :is(.chip[aria-pressed=true],.seg [aria-pressed=true]){background:linear-gradient(160deg,var(--grape-600),var(--grape-700));color:var(--grape-on);box-shadow:0 3px 0 var(--grape-800)}.pop :is([aria-disabled=true].chip,[aria-disabled=true].seg button){background:var(--sunk);color:var(--ink-4);box-shadow:none;border:0}.pop :is(button:disabled,button[aria-disabled=true]){box-shadow:none}.pop .link{color:var(--grape-ink)}.pop :focus-visible{outline-color:var(--grape-500)}.pop input{background:var(--card);border:2px solid var(--pop-line-2);border-radius:var(--r-md);color:var(--ink)}.pop input::placeholder{color:var(--ink-3)}.pop input:focus{border-color:var(--grape-500)}.pop .icon-well{box-shadow:0 3px color-mix(in srgb,var(--well, var(--sun-500)) 55%,var(--ink))}.pop .count-badge{background:var(--tomato-600);color:var(--pop-lit-ffffff);box-shadow:0 0 0 2.5px var(--pop-lit-ffffff);font-weight:900}.pop.dialog-backdrop{background:var(--scrim)}.pop .dialog{background:var(--paper);border:0;color:var(--ink);box-shadow:var(--lift-sheet);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-top:10px;animation:sheet-up var(--t-sheet) var(--ease-out) both}.pop .dialog:before{width:48px;height:6px;margin:0 auto 4px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--tomato-500) 0 33.3%,var(--sun-500) 33.3% 66.6%,var(--palm-500) 66.6% 100%)}.pop .dialog h3{font-weight:800}html:has(.pop),.pop{--glass-base: var(--sc-light-tint);--glass-on: var(--sc-light-on);--glass-on-dim: var(--sc-light-dim);--glass-line: var(--sc-light-line);--glass-panel: var(--sc-light-solid);--glass-field: var(--sc-light-field);--glass-accent: var(--sc-light-accent);--glass-wash: var(--sc-light-wash);--glass-gloss: var(--sc-light-gloss);--glass-shade: var(--sc-light-shade);--glass-a-shade: var(--alpha-light-glassShade);--glass-a-highlight: var(--alpha-light-glassHighlight);--glass-a-specular: var(--alpha-light-glassSpecular);--glass-a: var(--alpha-light-glass);--glass-a-solid: var(--alpha-light-glassSolid);--glass-a-sheet: var(--alpha-light-glassSheet);--glass-a-edge: var(--alpha-light-glassEdge);--glass-a-card: var(--alpha-light-glassCard);--glass-a-well: var(--alpha-light-glassWell);--on-yellow: var(--sc-light-yellow);--on-good: var(--sc-light-good);--on-warn: var(--sc-light-warn);--on-bad: var(--sc-light-bad);--on-accent-text: var(--sc-light-accentText);--on-good-text: var(--sc-light-goodText);--on-warn-text: var(--sc-light-warnText);--on-bad-text: var(--sc-light-badText);--tab-phone: var(--tab-light-phone);--tab-store: var(--tab-light-store);--tab-home: var(--tab-light-home);--tab-map: var(--tab-light-map);--tab-actions: var(--tab-light-actions);--tab-wallet: var(--tab-light-wallet);--need-ink-energy: var(--need-light-energy);--need-ink-hunger: var(--need-light-hunger);--need-ink-hygiene: var(--need-light-hygiene);--need-ink-mood: var(--need-light-mood);--well-ring: 0 0 0 1px var(--glass-edge)}.toast.glass,.toast{background:var(--ink);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;color:var(--pop-lit-ffffff);border-radius:var(--r-lg);box-shadow:var(--lift-float);font-family:var(--font-ui);font-weight:700}.toast .icon{color:var(--sun-400)}@media(prefers-reduced-motion:reduce){.pop .dialog{animation:none}.pop :is(.primary,.secondary,.chip,.icon-btn){transition:none}}
