:root{--marigold-50:#FFF8EC;--marigold-100:#FDEFD2;--marigold-300:#F6C667;--marigold-500:#E8A33D;--marigold-600:#CE8526;--marigold-700:#A4661B;--sage-50:#F1F5F0;--sage-100:#DCE7D8;--sage-400:#7E9E78;--sage-600:#4F6B4A;--sage-800:#2E3F2B;--dusk-100:#E7E4F4;--dusk-300:#B4A9E0;--dusk-500:#7C6CC4;--dusk-700:#4E3F8F;--apricot-300:#F6B6A0;--apricot-500:#E98162;--apricot-700:#B85439;--oat-0:#FFFDF9;--oat-50:#FAF6EF;--oat-100:#F2ECE1;--oat-200:#E5DCCB;--oat-300:#CDC1AC;--oat-500:#8C8270;--oat-700:#5A5346;--oat-900:#2B2620;--night-bg:#1A1712;--night-surface:#241F19;--night-surface-2:#2F2920;--night-border:#3D352B;--night-text:#F4ECDD;--night-text-dim:#B6AB97;--color-bg:var(--oat-0);--color-bg-sunken:var(--oat-50);--color-surface:var(--oat-0);--color-surface-2:var(--oat-50);--color-border:var(--oat-100);--color-border-strong:var(--oat-200);--color-ink:var(--oat-900);--color-ink-secondary:var(--oat-700);--color-ink-muted:var(--oat-500);--color-brand:var(--marigold-500);--color-brand-text:var(--marigold-700);--color-brand-hover:var(--marigold-600);--color-brand-pressed:var(--marigold-700);--color-brand-tint:var(--marigold-50);--color-secondary:var(--sage-600);--color-secondary-soft:var(--sage-100);--color-tertiary:var(--dusk-500);--color-tertiary-soft:var(--dusk-100);--color-delight:var(--apricot-500);--color-delight-soft:var(--apricot-300);--color-success:#4F8A52;--color-info:var(--dusk-500);--color-attention:#C98A2B;--color-danger:#C0573F;--color-focus-ring:rgba(232,163,61,.72);--color-energy:var(--marigold-300);--color-credit:var(--marigold-500);--color-adventure:var(--dusk-500);--on-brand:#2B2010;--gradient-golden-hour:linear-gradient(135deg,var(--marigold-100),var(--apricot-300) 55%,var(--dusk-100));--gradient-stage:radial-gradient(120% 92% at 50% 28%,var(--marigold-50),color-mix(in srgb,var(--marigold-50) 0%,transparent) 72%);--gradient-coin:linear-gradient(155deg,#FBDB94,var(--marigold-500) 52%,var(--marigold-700));--glass-bg:color-mix(in srgb,var(--color-surface) 74%,transparent);--glass-blur:20px;--elev-1:0 1px 2px rgba(74,60,40,.06);--elev-2:0 2px 4px rgba(74,60,40,.06),0 8px 16px rgba(74,60,40,.08);--elev-3:0 4px 8px rgba(74,60,40,.08),0 16px 32px rgba(74,60,40,.10);--elev-glow:0 2px 4px rgba(74,60,40,.06),0 8px 16px rgba(74,60,40,.08),0 0 0 1px rgba(246,198,103,.35),0 8px 30px rgba(232,163,61,.30);--elev-rim:inset 0 1px 0 rgba(255,255,255,.04);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-section:clamp(72px,11vh,152px);--font-display:"Bricolage Grotesque","General Sans",system-ui,sans-serif;--font-body:"Inter",-apple-system,system-ui,sans-serif;--font-serif:"Fraunces",Georgia,serif;--font-num:"Inter",system-ui,sans-serif;--ease-standard:cubic-bezier(.2,0,0,1);--ease-emphasized:cubic-bezier(.2,0,0,1);--ease-exit:cubic-bezier(.4,0,1,1);--dur-instant:100ms;--dur-fast:200ms;--dur-base:320ms;--dur-expressive:640ms;--dur-ambient:3600ms;--z-base:0;--z-raised:10;--z-pethud:150;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-grain:9999;color-scheme:light}[data-theme=dark]{--color-bg:var(--night-bg);--color-bg-sunken:#15120E;--color-surface:var(--night-surface);--color-surface-2:var(--night-surface-2);--color-border:var(--night-border);--color-border-strong:#4A4234;--color-ink:var(--night-text);--color-ink-secondary:var(--night-text-dim);--color-ink-muted:#9A8F7C;--color-brand:var(--marigold-300);--color-brand-text:var(--marigold-300);--color-brand-hover:#FAD688;--color-brand-pressed:var(--marigold-500);--color-brand-tint:rgba(246,198,103,.10);--color-secondary:var(--sage-400);--color-secondary-soft:rgba(126,158,120,.16);--color-tertiary:var(--dusk-300);--color-tertiary-soft:rgba(180,169,224,.16);--color-delight:var(--apricot-300);--color-delight-soft:rgba(246,182,160,.18);--color-success:var(--sage-400);--color-info:var(--dusk-300);--color-attention:var(--marigold-300);--color-danger:#D4775E;--color-focus-ring:rgba(246,198,103,.8);--color-energy:var(--marigold-300);--color-credit:var(--marigold-300);--color-adventure:var(--dusk-300);--on-brand:#2B2010;--gradient-golden-hour:linear-gradient(135deg,#3A2E1C,#4A2F2A 52%,#2E2A47);--gradient-stage:radial-gradient(120% 92% at 50% 26%,rgba(246,198,103,.16),transparent 70%);--glass-bg:color-mix(in srgb,var(--color-surface) 76%,transparent);--elev-1:0 1px 2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);--elev-2:0 2px 6px rgba(0,0,0,.45),0 10px 22px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);--elev-3:0 6px 14px rgba(0,0,0,.5),0 22px 44px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);--elev-glow:0 6px 14px rgba(0,0,0,.5),0 0 0 1px rgba(246,198,103,.30),0 10px 34px rgba(246,198,103,.26),inset 0 1px 0 rgba(255,255,255,.06);color-scheme:dark}:root,[data-theme]{transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05" 1,"ss03" 1;overflow-x:hidden}img,svg{display:block;max-width:100%}svg.lucide{display:inline-block;vertical-align:middle}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0}.t-display-xl{font-size:clamp(44px,6.4vw,74px);line-height:1.03;letter-spacing:-.022em}.t-display-l,.t-display-xl{font-family:var(--font-display);font-weight:600}.t-display-l{font-size:clamp(34px,4.6vw,52px);line-height:1.08;letter-spacing:-.02em}.t-h1{font-size:clamp(28px,3.4vw,34px);line-height:1.15;letter-spacing:-.018em}.t-h1,.t-h2{font-family:var(--font-display);font-weight:600}.t-h2{font-size:clamp(23px,2.5vw,28px);line-height:1.2;letter-spacing:-.014em}.t-h3{font-family:var(--font-display);font-weight:550;font-size:20px;line-height:1.3;letter-spacing:-.01em}.t-body-l{font-size:clamp(17px,1.3vw,19px);line-height:1.55}.t-body{font-size:16px;line-height:1.55}.t-body-s{font-size:14px;line-height:1.5}.t-label{font-size:13px;line-height:1.3;font-weight:500;letter-spacing:.02em}.t-num{font-family:var(--font-num);font-feature-settings:"tnum" 1,"lnum" 1}.t-serif{font-family:var(--font-serif);font-optical-sizing:auto}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-text)}.eyebrow:before{content:"";width:18px;height:1.5px;border-radius:2px;background:currentColor;opacity:.55}.ink-sec{color:var(--color-ink-secondary)}.ink-muted{color:var(--color-ink-muted)}.measure{max-width:62ch}.measure-tight{max-width:52ch}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,80px)}.section{padding-block:var(--space-section);position:relative}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grain{position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.032;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=dark] .grain{opacity:.05;mix-blend-mode:overlay}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.16;will-change:transform}[data-theme=dark] .blob{opacity:.26;filter:blur(90px)}.blob.b1{width:56vw;height:56vw;left:-14vw;top:-10vw;background:var(--blob-1,var(--marigold-300))}.blob.b2{width:48vw;height:48vw;right:-12vw;top:22vh;background:var(--blob-2,var(--apricot-300))}.blob.b3{width:52vw;height:52vw;left:18vw;bottom:-22vw;background:var(--blob-3,var(--dusk-300))}@media (prefers-reduced-motion:no-preference){.blob.b1{animation:drift1 34s ease-in-out infinite alternate}.blob.b2{animation:drift2 42s ease-in-out infinite alternate}.blob.b3{animation:drift3 38s ease-in-out infinite alternate}}@keyframes drift1{to{transform:translate3d(6vw,5vh,0) scale(1.1)}}@keyframes drift2{to{transform:translate3d(-5vw,-4vh,0) scale(1.08)}}@keyframes drift3{to{transform:translate3d(4vw,-6vh,0) scale(1.12)}}.btn{--btn-h:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-h);padding-inline:var(--space-5);border-radius:var(--radius-pill);font-weight:560;font-size:15px;letter-spacing:-.01em;white-space:nowrap;transition:transform var(--dur-instant) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);border:1px solid transparent;position:relative}.btn:active{transform:scale(.975)}.btn-lg{--btn-h:54px;padding-inline:var(--space-8);font-size:17px}.btn-sm{--btn-h:38px;padding-inline:var(--space-4);font-size:14px}.btn-primary{background:var(--color-brand);color:var(--on-brand);box-shadow:var(--elev-2)}.btn-primary:hover{background:var(--color-brand-hover);box-shadow:var(--elev-glow);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-secondary);border-color:color-mix(in srgb,var(--color-secondary) 38%,transparent)}.btn-secondary:hover{background:var(--color-secondary-soft)}.btn-ghost{background:transparent;color:var(--color-ink-secondary)}.btn-ghost:hover{color:var(--color-ink)}.btn-ghost:hover,.btn-tonal{background:var(--color-brand-tint)}.btn-tonal{color:var(--color-brand-text)}.btn-tonal:hover{background:color-mix(in srgb,var(--color-brand) 18%,transparent)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-md)}.paper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elev-1)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);box-shadow:var(--elev-2),inset 0 1px 0 rgba(255,255,255,.4)}[data-theme=dark] .glass{box-shadow:var(--elev-2),inset 0 1px 0 rgba(255,255,255,.06)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;background:var(--color-surface-2);border:1px solid var(--color-border)}.reveal{transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.js .reveal:not(.in){opacity:0;transform:translateY(16px)}.reveal[data-d="1"]{transition-delay:.04s}.reveal[data-d="2"]{transition-delay:.08s}.reveal[data-d="3"]{transition-delay:.12s}.reveal[data-d="4"]{transition-delay:.16s}@media (prefers-reduced-motion:reduce){.js .reveal:not(.in){opacity:1!important;transform:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-60px;z-index:var(--z-toast);background:var(--color-brand);color:var(--on-brand);padding:10px 16px;border-radius:var(--radius-md);transition:top var(--dur-fast) var(--ease-standard)}.skip-link:focus{top:16px}.pet{--pet:220px;--energy:0.55;--eye-x:0;--eye-y:0;--blink:1;--body-1:#FBE6C8;--body-2:#F2C48A;--body-line:#D69A52;--accent:var(--dusk-500);position:relative;width:var(--pet);height:var(--pet);display:grid;place-items:end center;isolation:isolate}.pet-aura{inset:6%;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--color-brand) 60%,transparent),transparent 62%);filter:blur(14px);opacity:calc(.14 + var(--energy) * .5);transform:scale(calc(.86 + var(--energy) * .22));transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.pet-aura,.pet-shadow{position:absolute;z-index:-1;border-radius:50%}.pet-shadow{bottom:1.5%;left:50%;transform:translateX(-50%);width:64%;height:9%;background:radial-gradient(ellipse at center,rgba(122,86,40,.34),transparent 72%);filter:blur(2px)}[data-theme=dark] .pet-shadow{background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 72%)}.pet-bob{position:relative;width:100%;height:94%;transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){.pet--cozy .pet-bob{animation:breathe-cozy var(--dur-ambient) ease-in-out infinite}.pet--toon .pet-bob{animation:breathe-toon calc(var(--dur-ambient) * .92) ease-in-out infinite}}@keyframes breathe-cozy{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.014,1.022) translateY(-1%)}}@keyframes breathe-toon{0%,to{transform:scale(1.03,.97)}50%{transform:scale(.96,1.05) translateY(-2%)}}.pet-face{position:absolute;left:0;right:0;display:grid;justify-items:center}.pet-eyes{display:flex;gap:calc(var(--pet) * var(--eye-gap, .05));align-items:center}.eye{position:relative;width:calc(var(--pet) * var(--eye-w, .15));aspect-ratio:1/1.1;background:radial-gradient(circle at 38% 32%,#fff,#F3ECE0 78%);border-radius:50%;box-shadow:inset 0 -1px 3px rgba(120,86,40,.18);transform:scaleY(var(--blink));transition:transform 70ms var(--ease-standard);overflow:hidden}.eye-iris{left:50%;top:54%;width:70%;translate:calc(-50% + var(--eye-x) * 16%) calc(-50% + var(--eye-y) * 14%);background:radial-gradient(circle at 40% 34%,#4a3a2a,#261c12 70%);transition:translate .18s var(--ease-standard)}.eye-gloss,.eye-iris{position:absolute;aspect-ratio:1;border-radius:50%}.eye-gloss{left:22%;top:16%;width:36%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%)}.eye-gloss.sm{left:58%;top:54%;width:18%;opacity:.7}.pet-mouth{width:calc(var(--pet) * .07);aspect-ratio:2/1;margin-top:calc(var(--pet) * .02);border:2.6px solid var(--body-line);border-top:none;border-radius:0 0 70% 70%;opacity:.8}.pet-cheek{position:absolute;top:56%;width:calc(var(--pet) * .1);aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--apricot-300) 80%,transparent),transparent 70%);border-radius:50%;opacity:.6}.pet-cheek--l{left:6%}.pet-cheek--r{right:6%}.pet--cozy .pet-form{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:82%;height:86%;background:radial-gradient(120% 100% at 32% 22%,var(--body-1),var(--body-2) 78%);border-radius:48% 48% 40% 40%/56% 56% 44% 44%;box-shadow:inset 0 -10px 22px rgba(150,100,44,.2),inset 6px 8px 18px rgba(255,255,255,.45),var(--elev-2)}.pet--cozy .pet-ear{position:absolute;top:-7%;width:30%;height:34%;background:radial-gradient(120% 120% at 40% 20%,var(--body-1),var(--body-2));box-shadow:inset 0 -4px 8px rgba(150,100,44,.18)}.pet--cozy .pet-ear--l{left:4%;border-radius:70% 30% 50% 50%/80% 70% 30% 20%;transform:rotate(-8deg)}.pet--cozy .pet-ear--r{right:4%;border-radius:30% 70% 50% 50%/70% 80% 20% 30%;transform:rotate(8deg)}.pet--cozy .pet-ear:after{content:"";position:absolute;inset:30% 26% 14%;background:radial-gradient(120% 120% at 50% 20%,var(--apricot-300),color-mix(in srgb,var(--apricot-500) 60%,transparent));border-radius:inherit;opacity:.82}.pet--cozy .pet-face{top:25%;--eye-gap:.055;--eye-w:.165}.pet--cozy .pet-nose{width:calc(var(--pet) * .045);aspect-ratio:1.3/1;margin-top:calc(var(--pet) * .025);background:var(--apricot-500);border-radius:50% 50% 50% 50%/40% 40% 60% 60%}.pet--cozy .pet-sweater{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:34%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 86%,#000 4%),var(--accent));border-radius:0 0 40% 40%/0 0 64% 64%;box-shadow:inset 0 6px 12px rgba(0,0,0,.14),inset 0 -8px 14px rgba(0,0,0,.1);overflow:hidden}.pet--cozy .pet-sweater:before{content:"";position:absolute;inset:12% 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 3px,transparent 3px 9px);opacity:.5}.pet--cozy .pet-sweater:after{content:"";position:absolute;top:8%;left:0;right:0;height:16%;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent)}.pet--cozy .pet-tail{position:absolute;bottom:6%;right:-6%;width:22%;height:46%;background:linear-gradient(120deg,var(--body-1),var(--body-2));border-radius:60% 60% 60% 60%/80% 80% 30% 30%;transform-origin:bottom center;transform:rotate(18deg);box-shadow:inset 0 -4px 10px rgba(150,100,44,.18);z-index:-1}@media (prefers-reduced-motion:no-preference){.pet--cozy .pet-tail{animation:tail-sway 5.5s ease-in-out infinite}}@keyframes tail-sway{0%,to{transform:rotate(14deg)}50%{transform:rotate(24deg)}}.pet--toon{--body-1:#D7CCF6;--body-2:#A491DE;--body-line:#7C6CC4;--accent:var(--sage-400)}.pet--toon .pet-form{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:84%;height:88%;background:radial-gradient(120% 110% at 32% 24%,var(--body-1),var(--body-2) 80%);box-shadow:inset 0 -12px 26px rgba(78,63,143,.3),inset 6px 8px 20px rgba(255,255,255,.5),var(--elev-2);border-radius:54% 46% 50% 50%/60% 60% 44% 44%}@media (prefers-reduced-motion:no-preference){.pet--toon .pet-form{animation:blob-morph 7s ease-in-out infinite}}@keyframes blob-morph{0%,to{border-radius:54% 46% 50% 50%/60% 60% 44% 44%}50%{border-radius:48% 52% 46% 54%/56% 64% 42% 46%}}.pet--toon .pet-form:after{content:"";position:absolute;left:18%;top:10%;width:34%;height:26%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.6),transparent 70%);border-radius:50%}.pet--toon .pet-face{top:32%;--eye-gap:.05;--eye-w:.2}.pet--toon .pet-mouth{border-width:2.6px;width:13%}@media (prefers-reduced-motion:no-preference){.pet.is-radiant .pet-bob{animation-duration:calc(var(--dur-ambient) * .62)}}.pet.is-reacting .pet-bob{animation:react-pop .52s var(--ease-standard)}@keyframes react-pop{0%{transform:scale(1)}28%{transform:scale(1.08,.94) translateY(-3%)}55%{transform:scale(.97,1.05) translateY(-7%)}to{transform:scale(1) translateY(0)}}.pet--toon.is-reacting .pet-bob{animation:react-toon .56s var(--ease-standard)}@keyframes react-toon{0%{transform:scale(1.03,.97)}30%{transform:scale(1.22,.8) translateY(-2%)}60%{transform:scale(.82,1.2) translateY(-10%)}to{transform:scale(1.03,.97)}}.pet-heart{position:absolute;left:50%;top:18%;width:16px;height:16px;transform:translateX(-50%);pointer-events:none;opacity:0;z-index:2;background:var(--color-delight);clip-path:path("M8 14C8 14 1 9.5 1 5.2C1 2.8 2.9 1 5 1C6.4 1 7.5 1.8 8 2.8C8.5 1.8 9.6 1 11 1C13.1 1 15 2.8 15 5.2C15 9.5 8 14 8 14Z")}.pet-heart.pop{animation:heart-rise 1.1s var(--ease-standard) forwards}@keyframes heart-rise{0%{opacity:0;transform:translate(-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-40%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.9)}}@media (prefers-reduced-motion:reduce){.pet-aura{opacity:calc(.2 + var(--energy)*.35)}}.app{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}.app-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 80% at 80% -10%,var(--marigold-50),transparent 60%),radial-gradient(100% 70% at 0 110%,var(--color-bg-sunken),transparent 55%),var(--color-bg)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);gap:var(--space-3);padding:10px clamp(14px,3vw,22px);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1);border-bottom:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.topbar,.topbar-pet{display:flex;align-items:center}.topbar-pet{gap:10px;cursor:pointer}.topbar-ava{width:36px;height:36px;border-radius:50%;background:var(--gradient-stage),var(--color-surface-2);border:1px solid var(--color-border);overflow:hidden;position:relative;flex:none}.topbar-ava .pet{--pet:46px;position:absolute;left:50%;bottom:-8px;transform:translateX(-50%)}.topbar-name{font-family:var(--font-display)}.topbar-name,.topbar-title{font-weight:600;font-size:15px}.topbar-title{margin-inline:auto;color:var(--color-ink-secondary)}.wallet{display:flex;gap:8px;margin-left:auto}.wallet,.wpill{align-items:center}.wpill{display:inline-flex;gap:7px;padding:7px 12px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-weight:600;font-size:13.5px}.wpill .lbl{color:var(--color-ink-muted);font-weight:500;font-size:12px}.wpill .coin-ic,.wpill.energy .spark-ic{width:18px;height:18px}.profile-ava{width:34px;height:34px;border-radius:50%;background:var(--gradient-coin);border:1px solid var(--color-border);flex:none;cursor:pointer}.spark-ic{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--marigold-300),transparent 70%);display:grid;place-items:center;flex:none}.spark-ic:before{content:"";width:10px;height:10px;background:var(--color-energy);clip-path:polygon(50% 0,61% 35%,100% 35%,68% 57%,79% 100%,50% 72%,21% 100%,32% 57%,0 35%,39% 35%)}.coin-ic{width:22px;height:22px;border-radius:50%;background:var(--gradient-coin);box-shadow:inset 0 1px 1px rgba(255,255,255,.6);flex:none}.botnav{position:sticky;bottom:0;z-index:var(--z-sticky);grid-template-columns:repeat(4,1fr);align-items:center;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.botnav,.navbtn{display:grid;gap:4px}.navbtn{justify-items:center;padding:7px 0;border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:11px;font-weight:500;transition:color var(--dur-fast);min-height:48px}.navbtn svg{width:23px;height:23px}.navbtn.on{color:var(--color-brand-text)}.navbtn.center .fab{width:52px;height:52px;border-radius:50%;background:var(--color-brand);color:var(--on-brand);display:grid;place-items:center;box-shadow:var(--elev-2);margin-top:-22px;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast)}.navbtn.center .fab:hover{transform:translateY(-2px);box-shadow:var(--elev-glow)}.navbtn.center .fab svg{width:26px;height:26px}.app-main{flex:1;width:100%;max-width:1100px;margin-inline:auto;padding:clamp(16px,3vw,28px)}.petstage{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:radial-gradient(120% 110% at 50% 14%,var(--marigold-50),var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--elev-2);display:grid;place-items:end center;min-height:320px}.petstage:before{content:"";position:absolute;left:50%;top:52%;width:76%;height:52%;transform:translateX(-50%);background:var(--gradient-stage);border-radius:50%}.petstage .pet{position:relative;z-index:1;margin-bottom:22px}.petstage .stage-pet-tap{position:absolute;inset:0;z-index:2;cursor:pointer;background:none}.hud{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.hud .chip{pointer-events:auto}.auth{min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding:24px;position:relative}.auth:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--gradient-golden-hour);opacity:.4}.auth-top{position:fixed;top:16px;right:16px;display:flex;gap:8px}.auth-card{width:100%;max-width:380px;padding:30px 28px 26px;border-radius:var(--radius-2xl);text-align:center;position:relative}.auth-badge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand-text);background:var(--color-brand-tint);padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:18px}.auth-pet{display:grid;place-items:center;margin-bottom:4px;min-height:150px}.auth-card h1{font-family:var(--font-display);font-weight:600;font-size:25px;letter-spacing:-.018em}.auth-card .sub{color:var(--color-ink-secondary);font-size:14.5px;margin-top:6px}.pin-dots{display:flex;justify-content:center;gap:14px;margin:24px 0 22px}.pin-dots .pd{width:15px;height:15px;border-radius:50%;background:transparent;border:2px solid var(--color-border-strong);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast),transform var(--dur-fast)}.pin-dots .pd.filled{background:var(--color-brand);border-color:var(--color-brand);transform:scale(1.08)}.pin-dots.err .pd{border-color:var(--color-attention)}.pin-dots.ok .pd.filled{background:var(--color-success);border-color:var(--color-success)}@keyframes pin-shake{10%,90%{transform:translateX(-1px)}30%,70%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.pin-dots.shake{animation:pin-shake .4s var(--ease-standard)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto}.key{height:60px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elev-1);font-family:var(--font-num);font-size:23px;font-weight:500;color:var(--color-ink);display:grid;place-items:center;transition:transform var(--dur-instant) var(--ease-standard),background var(--dur-fast)}.key:active,.key:hover{background:var(--color-brand-tint)}.key:active{transform:scale(.95)}.key.ghost{background:transparent;border:none;box-shadow:none;color:var(--color-ink-muted)}.key.ghost:hover{background:var(--color-surface-2)}.key svg{width:24px;height:24px}.auth-msg{min-height:20px;margin-top:16px;font-size:13.5px;color:var(--color-ink-muted);transition:color var(--dur-fast)}.auth-msg.err{color:var(--color-attention);font-weight:500}.auth-msg.ok{color:var(--color-success);font-weight:500}.auth-alt{margin-top:18px;font-size:14px;color:var(--color-ink-secondary)}.auth-alt a{color:var(--color-brand-text);font-weight:600}.home-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,2.5vw,28px);align-items:start}@media (max-width:880px){.home-grid{grid-template-columns:1fr}}.hero-card{margin-top:14px;padding:18px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elev-1)}.hero-card .phase{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted)}.hero-card h2{font-family:var(--font-display);font-size:clamp(20px,2.4vw,25px);font-weight:600;letter-spacing:-.016em;margin:6px 0 14px}.hero-card .btn{width:100%}.hero-card.adventure-ready{box-shadow:var(--elev-glow);border-color:color-mix(in srgb,var(--color-brand) 40%,var(--color-border))}.hero-card.returned{background:radial-gradient(120% 120% at 50% 0,var(--color-tertiary-soft),var(--color-surface))}.panel{padding:18px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elev-1)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h3{font-family:var(--font-display);font-size:17px;font-weight:600}.panel-head .count{font-size:13px;color:var(--color-ink-muted)}.emeter{margin:4px 0 14px}.emeter .track{height:10px;border-radius:var(--radius-pill);background:var(--color-bg-sunken);overflow:hidden;border:1px solid var(--color-border)}.emeter .fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--marigold-300),var(--color-brand));box-shadow:0 0 10px color-mix(in srgb,var(--marigold-300) 70%,transparent);transition:width var(--dur-base) var(--ease-standard)}.emeter .cap{display:flex;justify-content:space-between;margin-top:7px;font-size:12px;color:var(--color-ink-muted)}.tasks{display:flex;flex-direction:column;gap:8px}.task{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:background var(--dur-base) var(--ease-standard),opacity var(--dur-base)}.task .ctoggle{width:28px;height:28px;border-radius:50%;border:2.4px solid var(--color-border-strong);flex:none;position:relative;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.task .ctoggle svg{position:absolute;inset:0;margin:auto;width:16px;height:16px;stroke:#fff;stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}.task .tname{font-size:15px;font-weight:500;flex:1}.task .src{font-size:11px;color:var(--color-ink-muted);padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border)}.task.done{background:var(--color-bg-sunken)}.task.done .ctoggle{background:var(--color-success);border-color:var(--color-success)}.task.done .ctoggle svg{stroke-dashoffset:0;transition:stroke-dashoffset .22s var(--ease-standard)}.task.done .tname{text-decoration:line-through;text-decoration-color:var(--color-border-strong)}.task .x,.task.done .tname{color:var(--color-ink-muted)}.task .x{opacity:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;transition:opacity var(--dur-fast),background var(--dur-fast)}.task:hover .x{opacity:1}.task .x:hover{background:var(--color-surface-2);color:var(--color-ink)}@keyframes task-pop{0%{transform:scale(1)}30%{transform:scale(.97)}to{transform:scale(1)}}.task.pop{animation:task-pop .4s var(--ease-standard)}.empty-tasks{text-align:center;padding:18px 10px;color:var(--color-ink-muted);font-size:14.5px}.add-task{display:flex;gap:8px;margin-top:12px}.add-task input{flex:1;height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-sunken);color:var(--color-ink);font-size:14.5px}.add-task input:focus{outline:none;border-color:var(--color-brand)}.adv{margin-top:14px;padding:16px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:radial-gradient(120% 120% at 90% 0,var(--color-tertiary-soft),var(--color-surface));display:flex;align-items:center;gap:14px}.adv .ring{width:46px;height:46px;flex:none;place-items:center;background:conic-gradient(var(--color-adventure) var(--p,40%),var(--color-bg-sunken) 0)}.adv .ring,.adv .ring i{border-radius:50%;display:grid}.adv .ring i{width:36px;height:36px;background:var(--color-surface);place-items:center;color:var(--color-adventure)}.adv b{font-family:var(--font-display);font-size:15px}.adv p{font-size:12.5px;color:var(--color-ink-muted)}.fly-coin{width:26px;height:26px;border-radius:50%;background:var(--gradient-coin);box-shadow:0 4px 12px rgba(206,133,38,.5),inset 0 1px 2px rgba(255,255,255,.7);pointer-events:none}.app-toast,.fly-coin{position:fixed;z-index:var(--z-toast)}.app-toast{left:50%;bottom:86px;transform:translateX(-50%) translateY(20px);padding:11px 18px;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);font-size:13.5px;font-weight:500;opacity:0;transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-standard);display:flex;align-items:center;gap:9px;box-shadow:var(--elev-3)}.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.app-toast .coin-ic{width:16px;height:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 37%,var(--color-surface-2) 63%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-md)}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.ob{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.ob:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--gradient-golden-hour);opacity:.4}.ob-top{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,28px)}.ob-dots{display:flex;gap:7px}.ob-dots .od{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);transition:background var(--dur-fast),width var(--dur-fast)}.ob-dots .od.on{background:var(--color-brand);width:22px;border-radius:var(--radius-pill)}.ob-dots .od.done{background:var(--color-brand);opacity:.5}.ob-body{flex:1;display:grid;place-items:center;padding:8px clamp(16px,4vw,28px) 28px}.ob-card{width:100%;max-width:540px;text-align:center}.ob-stage{min-height:240px;display:grid;place-items:center;margin-bottom:18px;position:relative}.ob-h{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3.4vw,32px);letter-spacing:-.018em}.ob-h .ital{font-family:var(--font-serif);font-style:italic;font-weight:500;color:var(--color-brand-text)}.ob-sub{color:var(--color-ink-secondary);margin-top:8px;font-size:15px}.ob-actions{margin-top:24px;display:flex;gap:10px;justify-content:center}.choice-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}.choice{padding:18px;border-radius:var(--radius-xl);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--elev-1);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast),box-shadow var(--dur-fast);display:grid;justify-items:center;gap:6px}.choice:hover{transform:translateY(-3px);box-shadow:var(--elev-2)}.choice.on{border-color:var(--color-brand);box-shadow:var(--elev-glow)}.choice .cpet{height:130px;display:grid;place-items:end center}.choice b{font-family:var(--font-display);font-size:17px}.choice span{font-size:12.5px;color:var(--color-ink-muted)}.swatches{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}.swatch{width:46px;height:46px;border-radius:50%;cursor:pointer;border:3px solid transparent;box-shadow:var(--elev-1);transition:transform var(--dur-fast)}.swatch:hover{transform:scale(1.1)}.swatch.on{border-color:var(--color-ink)}.vibes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.vibe-c{padding:14px 16px;border-radius:var(--radius-lg);background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;text-align:left;transition:border-color var(--dur-fast),background var(--dur-fast)}.vibe-c.on{border-color:var(--color-brand);background:var(--color-brand-tint)}.vibe-c b{font-family:var(--font-display);font-size:15px;display:block}.vibe-c span{font-size:12.5px;color:var(--color-ink-muted)}.ob-input{width:100%;max-width:320px;height:54px;margin:0 auto;padding:0 18px;border-radius:var(--radius-lg);border:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-display);font-size:20px;text-align:center}.ob-input:focus{outline:none;border-color:var(--color-brand)}.pronouns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.pron{padding:8px 14px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:13px;cursor:pointer}.pron.on{background:var(--color-brand-tint);border-color:var(--color-brand);color:var(--color-brand-text)}.egg{width:150px;height:190px;position:relative}.egg-shell{position:absolute;inset:0;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;background:radial-gradient(120% 120% at 35% 25%,#FFF6E6,var(--egg-c,#F2C48A) 78%);box-shadow:inset 0 -10px 20px rgba(150,100,44,.2),inset 6px 8px 16px rgba(255,255,255,.5),var(--elev-2)}.egg-shell:after{content:"";inset:18% 22% 50%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.5),transparent 70%)}.egg-glow,.egg-shell:after{position:absolute;border-radius:50%}.egg-glow{inset:-20%;background:radial-gradient(circle,color-mix(in srgb,var(--egg-c,#F2C48A) 60%,transparent),transparent 60%);filter:blur(16px);opacity:.5;animation:egg-pulse 2.4s ease-in-out infinite}@keyframes egg-pulse{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.65;transform:scale(1.05)}}@media (prefers-reduced-motion:no-preference){.egg.wobble{animation:egg-wob 1.4s var(--ease-standard)}}@keyframes egg-wob{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-4deg)}88%{transform:rotate(2deg)}}.hatch-burst{position:absolute;inset:0;pointer-events:none}@keyframes burst-fade{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.hatch-burst.go:before{content:"";position:absolute;inset:-30%;border-radius:50%;background:var(--gradient-golden-hour);opacity:.6;animation:burst-fade .8s var(--ease-standard) forwards}.ob .pin-dots{margin:18px 0}.ob .keypad{max-width:260px}.chat{display:flex;flex-direction:column;height:100svh;height:100dvh}.chat-scroll{flex:1;overflow-y:auto;padding:18px clamp(14px,4vw,28px);display:flex;flex-direction:column;gap:12px;max-width:720px;width:100%;margin-inline:auto}.chat-petrow{display:flex;align-items:center;gap:12px;align-self:center;margin:6px 0 4px;color:var(--color-ink-muted);font-size:13px}.chat-petrow .pet{--pet:60px}.cbub{max-width:82%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.5;box-shadow:var(--elev-1)}.cbub.pet{align-self:flex-start;background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-display);border-bottom-left-radius:6px}.cbub.user{align-self:flex-end;background:var(--color-brand-tint);color:var(--color-brand-text);border-bottom-right-radius:6px}.typing{display:inline-flex;gap:4px;align-self:flex-start;padding:14px 16px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:18px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--color-ink-muted);animation:load-dot 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes load-dot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}.parsed{align-self:stretch;max-width:100%}.parsed .pchips{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}.pchip{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--elev-1)}.pchip .box{width:18px;height:18px;border-radius:6px;border:2px solid var(--color-border-strong);flex:none}.pchip input{flex:1;border:none;background:none;color:var(--color-ink);font-size:14.5px}.pchip input:focus{outline:none}.pchip .rm{color:var(--color-ink-muted);cursor:pointer}.chat-composer{padding:12px clamp(14px,4vw,28px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));display:flex;gap:10px;max-width:720px;width:100%;margin-inline:auto}.chat-composer textarea{flex:1;resize:none;height:46px;max-height:120px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);background:var(--color-bg-sunken);color:var(--color-ink);font-size:15px;font-family:var(--font-body)}.chat-composer textarea:focus{outline:none;border-color:var(--color-brand)}.icon-btn{width:46px;height:46px;border-radius:50%;background:var(--color-brand);color:var(--on-brand);display:grid;place-items:center;flex:none;box-shadow:var(--elev-1)}.icon-btn:disabled{opacity:.5}.chat-top{display:flex;align-items:center;gap:12px;padding:12px clamp(14px,4vw,28px);border-bottom:1px solid var(--color-border)}.chat-top .back{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-2);border:1px solid var(--color-border)}.shop-try{display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--radius-xl);background:radial-gradient(120% 120% at 50% 0,var(--marigold-50),var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--elev-1);margin-bottom:16px}.shop-try .tryp{width:96px;height:96px;flex:none;display:grid;place-items:end center}.shop-try .tryp .pet{--pet:110px}.shop-try .meta b{font-family:var(--font-display);font-size:16px;display:block}.shop-try .meta p{font-size:13px;color:var(--color-ink-muted)}.shop-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.shop-tab{padding:8px 16px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer}.shop-tab.on{background:var(--color-brand);color:var(--on-brand);border-color:transparent}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.scard{padding:14px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elev-1);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast);display:flex;flex-direction:column}.scard:hover{transform:translateY(-3px);box-shadow:var(--elev-2)}.scard.equipped{box-shadow:var(--elev-glow);border-color:color-mix(in srgb,var(--color-brand) 40%,var(--color-border))}.scard .sthumb{aspect-ratio:1.3/1;border-radius:var(--radius-md);background:radial-gradient(120% 120% at 40% 20%,var(--marigold-50),var(--color-bg-sunken));display:grid;place-items:center;font-size:34px;margin-bottom:10px}.scard .snm{font-size:14px;font-weight:560}.scard .rarity{font-size:11px;color:var(--color-tertiary)}.scard .sbtn{margin-top:10px}.scard .sbtn .btn{width:100%}.price{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--color-brand-text)}.afford-warn{font-size:12px;color:var(--color-attention);margin-top:8px;text-align:center}.pf-header{text-align:center;padding:22px;border-radius:var(--radius-2xl);background:radial-gradient(120% 120% at 50% 0,var(--marigold-50),var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--elev-2);margin-bottom:18px;position:relative}.pf-header .pet{--pet:120px;margin:0 auto}.pf-days{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.02em;margin-top:6px}.pf-days small{font-size:14px;color:var(--color-ink-muted);font-weight:400;display:block;letter-spacing:0}.pf-badges{display:flex;gap:8px;justify-content:center;margin-top:14px}.pf-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:var(--color-surface-2);border:1px solid var(--color-border)}.pf-badge.earned{background:var(--color-brand-tint);box-shadow:var(--elev-glow)}.pf-sec{margin-bottom:14px}.pf-sec h3{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 4px 8px}.pf-group{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--elev-1)}.pf-row{display:flex;align-items:center;gap:12px;padding:14px 16px}.pf-row+.pf-row{border-top:1px solid var(--color-border)}.pf-row .lbl{flex:1}.pf-row .lbl b{font-weight:500;font-size:15px}.pf-row .lbl span{display:block;font-size:12.5px;color:var(--color-ink-muted)}.pf-row .val{font-size:14px;color:var(--color-ink-muted)}.pf-row.danger b{color:var(--color-danger)}.seg{display:inline-flex;padding:3px;gap:3px;border-radius:var(--radius-pill);background:var(--color-bg-sunken);border:1px solid var(--color-border)}.seg button{padding:6px 13px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:500;color:var(--color-ink-muted)}.seg button.on{background:var(--color-brand);color:var(--on-brand)}.toggle-sw{width:46px;height:27px;border-radius:var(--radius-pill);background:var(--color-border-strong);position:relative;cursor:pointer;transition:background var(--dur-fast);flex:none}.toggle-sw.on{background:var(--color-secondary)}.toggle-sw i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:var(--elev-1);transition:transform var(--dur-fast) var(--ease-standard)}.toggle-sw.on i{transform:translateX(19px)}.topbar{padding-top:calc(10px + env(safe-area-inset-top, 0px));padding-left:max(clamp(14px,3vw,22px),env(safe-area-inset-left,0px));padding-right:max(clamp(14px,3vw,22px),env(safe-area-inset-right,0px))}@media (max-width:760px){.add-task input,.chat-composer textarea,.pchip input{font-size:16px}}@media (hover:none){.task .x{opacity:1}}body:has(.mwp-app-root){background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);line-height:1.55;font-size:16px}