:root{--cerynia-blush:#ffc9d9;--cerynia-peach:#ffc4a3;--cerynia-butter:#ffe566;--cerynia-mint:#9fe0c8;--cerynia-lilac:#d4c4f5;--cerynia-sky:#b8e4ff;--cerynia-coral:#ff7a9a;--cerynia-coral-deep:#e84d72;--cerynia-teal:#2f7a68;--cerynia-teal-soft:#5aaa93;--cerynia-ink:#2c2416;--cerynia-muted:#6b5e4e;--cerynia-white:#fffdf6;--cerynia-paper:#fff8e8;--cerynia-memorial:#8a7f72;--cerynia-sunshine:#ffd23f;--cerynia-font-display:"Shantell Sans","Patrick Hand",cursive;--cerynia-font-body:"Nunito","Avenir Next",sans-serif;--cerynia-font-doodle:"Caveat","Patrick Hand",cursive;--cerynia-radius-sm:18px 12px 16px 14px;--cerynia-radius-md:28px 18px 24px 20px;--cerynia-radius-lg:40px 28px 36px 32px;--cerynia-shadow:3px 4px 0 rgba(44,36,22,0.12);--cerynia-shadow-pop:4px 5px 0 rgba(44,36,22,0.18);--cerynia-stroke:2.5px solid var(--cerynia-ink)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font-body),var(--cerynia-font-body);color:var(--cerynia-ink);background-color:var(--cerynia-paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"),radial-gradient(ellipse 70% 45% at 8% 0,var(--cerynia-butter) 0,transparent 55%),radial-gradient(ellipse 55% 40% at 95% 8%,var(--cerynia-sky) 0,transparent 50%),radial-gradient(ellipse 50% 35% at 70% 100%,var(--cerynia-mint) 0,transparent 55%),radial-gradient(ellipse 40% 30% at 0 80%,var(--cerynia-blush) 0,transparent 50%);background-attachment:fixed}a{color:inherit;text-decoration:none}a:hover{color:var(--cerynia-coral-deep)}h1,h2,h3{font-family:var(--font-display),var(--cerynia-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.15}.container{width:min(1080px,calc(100% - 2rem));margin-inline:auto}.brand-icon{display:inline-block;height:clamp(2.9rem,4.8vw,3.6rem);width:auto}.brand-lockup{display:inline-flex;align-items:center;gap:.55rem}.brand-lockup .brand-icon{height:2.8rem}.brand-text{font-family:var(--font-display),var(--cerynia-font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:800;color:var(--cerynia-ink);position:relative;display:inline-block;transform:rotate(-1.5deg)}.brand-text:after{content:"";position:absolute;left:-4%;right:-4%;bottom:.08em;height:.28em;background:var(--cerynia-sunshine);border-radius:50% 40% 50% 45%;z-index:-1;opacity:.85;transform:rotate(-1deg) skewX(-4deg)}.brand-text-hero{font-size:clamp(3rem,7vw,5rem);line-height:.95;transform:rotate(-2deg);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:var(--cerynia-stroke);border-radius:255px 18px 225px 18px/18px 225px 18px 255px;padding:.85rem 1.45rem;font-family:var(--font-display),var(--cerynia-font-display);font-weight:700;font-size:1.05rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;will-change:transform;box-shadow:var(--cerynia-shadow)}.btn:hover{transform:translate(-1px,-3px) rotate(-1.5deg);box-shadow:5px 7px 0 rgba(44,36,22,.16)}.btn:active{transform:translate(1px,1px) rotate(.5deg);box-shadow:1px 1px 0 rgba(44,36,22,.12)}.btn-primary{background:var(--cerynia-coral);color:#fffdf8;border-color:var(--cerynia-ink)}.btn-secondary{color:var(--cerynia-ink)}.btn-secondary,.panel{background:var(--cerynia-white)}.panel{border:var(--cerynia-stroke);border-radius:var(--cerynia-radius-lg);padding:1.35rem;box-shadow:var(--cerynia-shadow);position:relative}.panel:before{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(44,36,22,.12);border-radius:inherit;pointer-events:none}.modal-overlay{position:fixed;inset:0;background:rgba(44,36,22,.45);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:50}.modal-panel{max-width:420px;width:100%;max-height:80vh;overflow-y:auto}.panel-playful{background:linear-gradient(165deg,rgba(255,253,246,.98),rgba(255,229,102,.18)),var(--cerynia-white)}.muted{color:var(--cerynia-muted)}.field{display:block;width:100%;margin-top:6px;padding:.85rem 1rem;border-radius:18px 14px 20px 12px/14px 18px 12px 20px;border:var(--cerynia-stroke);background:var(--cerynia-white);font:inherit;color:var(--cerynia-ink);outline:none;transition:box-shadow .16s ease,transform .16s ease;box-shadow:2px 2px 0 rgba(44,36,22,.08)}.field:focus{box-shadow:3px 4px 0 rgba(232,77,114,.25);transform:translate(-1px,-1px)}.field-otp{letter-spacing:.35em;font-size:1.35rem;font-weight:700;text-align:center;font-family:var(--font-display),var(--cerynia-font-display)}.form-error{color:var(--cerynia-coral-deep);margin:0}.form-info{color:var(--cerynia-teal);margin:0;font-size:.95rem}.auth-shell{max-width:440px;padding:3rem 1rem}.auth-panel{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1.5rem}.auth-switch{margin-top:1rem}.field-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:60% 40% 55% 45%;background:var(--cerynia-sunshine);border:2px solid var(--cerynia-ink);color:var(--cerynia-ink);font-size:.75rem;font-weight:800;cursor:help;flex-shrink:0}.field-tip-bubble{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) rotate(-1deg);width:max-content;max-width:220px;padding:.55rem .75rem;border-radius:16px 12px 18px 14px;background:var(--cerynia-ink);color:var(--cerynia-white);border:2px solid var(--cerynia-ink);font-size:.85rem;font-family:var(--font-doodle),var(--cerynia-font-doodle);font-weight:600;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .14s ease;z-index:5;box-shadow:var(--cerynia-shadow)}.field-tip:focus .field-tip-bubble,.field-tip:focus-visible .field-tip-bubble,.field-tip:hover .field-tip-bubble{opacity:1}.combo-option:hover{background:var(--cerynia-mist)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;gap:1rem;flex-wrap:wrap}.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;grid-gap:2.5rem;gap:2.5rem;padding:2rem 0 3.5rem}.hero-copy{display:grid;grid-gap:1rem;gap:1rem}.hero-kicker{font-family:var(--font-doodle),var(--cerynia-font-doodle);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;color:var(--cerynia-teal);margin:0;transform:rotate(-1deg)}.hero-lede{font-size:clamp(1.05rem,2.2vw,1.2rem);max-width:30rem;line-height:1.55;margin:0}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:.5rem}.hero-visual{display:flex;flex-direction:column;align-items:flex-end}.hero-doodle{position:relative;z-index:1;width:min(48%,190px);aspect-ratio:1;margin:0 2.2rem -2rem 0;pointer-events:none;animation:floaty 6.5s ease-in-out infinite;will-change:transform}.hero-doodle svg{width:100%;height:100%;overflow:visible}.hero-mock{position:relative;z-index:2;width:min(100%,280px);transform:rotate(3deg)}.hero-mock-media{aspect-ratio:4/3;border-radius:var(--cerynia-radius-md);border:var(--cerynia-stroke);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.6),transparent 45%),linear-gradient(135deg,var(--cerynia-mint),var(--cerynia-sky));box-shadow:var(--cerynia-shadow)}.hero-mock-card{background:var(--cerynia-white);border:var(--cerynia-stroke);border-radius:22px 16px 20px 14px/14px 20px 16px 22px;padding:.85rem 1rem;margin:-20px 12px 0;position:relative;box-shadow:var(--cerynia-shadow-pop);display:grid;grid-gap:.4rem;gap:.4rem}.hero-mock-name{font-size:1.05rem}.hero-mock-likes,.hero-mock-name{font-family:var(--font-display),var(--cerynia-font-display);font-weight:700}.hero-mock-likes{display:inline-flex;align-items:center;gap:.35rem;color:var(--cerynia-coral-deep);font-size:.9rem;margin-top:.1rem}.hero-mock-likes svg{width:1rem;height:1rem}.hero-mock-friend-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:var(--cerynia-mint);border:1.5px solid var(--cerynia-ink);color:var(--cerynia-ink)}.steps-grid{display:grid;grid-gap:1.1rem;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:.5rem 0 3rem}.step-card{display:grid;grid-gap:.4rem;gap:.4rem}.step-num{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50% 45% 50% 40%;border:var(--cerynia-stroke);background:var(--cerynia-sunshine);font-family:var(--font-display),var(--cerynia-font-display);font-weight:800}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem 0 3rem;border-top:1.5px dashed rgba(44,36,22,.18)}.scribble-note{font-family:var(--font-doodle),var(--cerynia-font-doodle);font-size:1.25rem;font-weight:700;color:var(--cerynia-coral-deep);transform:rotate(3deg);display:inline-block}.feature-grid{display:grid;grid-gap:1.15rem;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-bottom:4rem}.feature-card{border:var(--cerynia-stroke);border-radius:32px 20px 28px 22px/22px 30px 18px 28px;padding:1.3rem 1.25rem;box-shadow:var(--cerynia-shadow);transition:transform .18s ease,box-shadow .18s ease;position:relative;background:var(--cerynia-white)}.feature-card:after{content:"";position:absolute;top:12px;right:14px;width:14px;height:14px;border:2.5px solid var(--cerynia-ink);border-radius:50% 40% 50% 45%;opacity:.35}.feature-card:first-child{background:color-mix(in srgb,var(--cerynia-blush) 45%,white);transform:rotate(-1deg)}.feature-card:nth-child(2){background:color-mix(in srgb,var(--cerynia-mint) 40%,white);transform:rotate(1deg)}.feature-card:nth-child(3){background:color-mix(in srgb,var(--cerynia-sky) 42%,white);transform:rotate(-.5deg)}.feature-card:nth-child(4){background:color-mix(in srgb,var(--cerynia-butter) 48%,white);transform:rotate(1.2deg)}.feature-card:hover{transform:translateY(-5px) rotate(-1.5deg);box-shadow:var(--cerynia-shadow-pop)}.feature-card h3{margin-top:0;font-size:1.35rem}.nav-chip{padding:.5rem .9rem!important;font-size:.95rem!important;background:var(--cerynia-white)!important;box-shadow:2px 2px 0 rgba(44,36,22,.1)!important}.feed-card{border:var(--cerynia-stroke);border-radius:28px 18px 24px 20px/20px 26px 16px 24px;background:var(--cerynia-white);box-shadow:var(--cerynia-shadow);overflow:hidden}.feed-card img,.feed-card video{border-bottom:var(--cerynia-stroke)}.like-button{display:inline-flex;align-items:center;gap:.4rem;border:none;background:none;padding:.3rem .4rem .3rem 0;margin-left:-.4rem;font-family:var(--font-display),var(--cerynia-font-display);font-weight:700;font-size:.95rem;cursor:pointer;transform-origin:left center;transition:transform .12s ease,color .12s ease}.like-button:disabled{cursor:default}.like-button:not(:disabled):hover{transform:scale(1.06)}.like-button:not(:disabled):active{transform:scale(.94)}.like-button-icon{width:1.15rem;height:1.15rem}.badge-grid{display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.badge-card{border:var(--cerynia-stroke);border-radius:var(--cerynia-radius-sm);padding:.9rem 1rem;background:var(--cerynia-white);box-shadow:var(--cerynia-shadow);display:grid;grid-gap:.3rem;gap:.3rem}.badge-tier-bronze{background:color-mix(in srgb,var(--cerynia-peach) 35%,white)}.badge-tier-silver{background:color-mix(in srgb,var(--cerynia-sky) 35%,white)}.badge-tier-gold{background:color-mix(in srgb,var(--cerynia-sunshine) 35%,white)}.badge-card--locked{opacity:.55;box-shadow:none;border-style:dashed}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:var(--cerynia-stroke);background:var(--cerynia-white);color:var(--cerynia-ink);box-shadow:var(--cerynia-shadow);transition:transform .16s ease,box-shadow .16s ease;flex-shrink:0}.icon-button:hover{transform:translate(-1px,-2px) rotate(-4deg);box-shadow:var(--cerynia-shadow-pop)}.icon-button-icon{width:19px;height:19px}.like-burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.like-burst svg{width:30%;max-width:96px;color:var(--cerynia-white);filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));animation:like-burst-pop .65s ease-out}@keyframes like-burst-pop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.15);opacity:1}45%{transform:scale(.95)}80%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes floaty{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-14px) rotate(-2deg)}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.btn,.feature-card,.hero-doodle{animation:none!important;transition:none!important}}@media (max-width:820px){.hero-shell{grid-template-columns:1fr;padding-top:1rem}.hero-visual{order:-1;align-items:center}.hero-doodle{width:min(50vw,200px);margin:0 0 -1.5rem}.hero-mock{width:min(80vw,240px)}}.pet-avatar-picker{display:grid;justify-items:center;grid-gap:.55rem;gap:.55rem;padding:.35rem 0 .5rem}.pet-avatar-picker--compact{gap:0;padding:0;flex-shrink:0}.pet-avatar-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.pet-avatar-hit{position:relative;width:132px;height:132px;border-radius:50%;border:3px solid var(--cerynia-ink);background:radial-gradient(circle at 35% 30%,#fffdf6,transparent 45%),var(--cerynia-butter);box-shadow:3px 4px 0 rgba(44,36,22,.14);cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,box-shadow .16s ease}.pet-avatar-hit:hover{transform:translate(-1px,-2px) rotate(-1.5deg);box-shadow:5px 6px 0 rgba(44,36,22,.16)}.pet-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.pet-avatar-empty{display:grid;justify-items:center;grid-gap:.15rem;gap:.15rem;color:var(--cerynia-ink)}.pet-avatar-silhouette{width:68px;height:68px;color:var(--cerynia-coral)}.pet-avatar-hint{font-family:var(--font-doodle),var(--cerynia-font-doodle);font-size:1.05rem;font-weight:700;color:var(--cerynia-muted)}.pet-avatar-badge{position:absolute;right:6px;bottom:6px;width:34px;height:34px;border-radius:50%;background:var(--cerynia-coral);border:2.5px solid var(--cerynia-ink);color:#fffdf8;display:grid;place-items:center;font-family:var(--font-display),var(--cerynia-font-display);font-size:1.35rem;font-weight:800;line-height:1;box-shadow:2px 2px 0 rgba(44,36,22,.12)}.pet-avatar-caption{margin:0;font-size:.92rem}.pet-avatar-clear{border:none;background:none;color:var(--cerynia-muted);font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer;padding:0}.pet-avatar-clear:hover{color:var(--cerynia-coral-deep)}.mobile-bottom-nav-shell{display:none}@media (max-width:680px){.desktop-nav{display:none!important}.app-main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom, 0px))!important}.mobile-bottom-nav-shell{display:block}}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--cerynia-white);border-top:var(--cerynia-stroke);padding:.5rem .25rem calc(.5rem + env(safe-area-inset-bottom, 0px))}.mobile-bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem 0;font-family:var(--font-display),var(--cerynia-font-display);font-size:.75rem;color:var(--cerynia-muted);background:none;border:none;cursor:pointer}.mobile-bottom-nav-item[data-active]{color:var(--cerynia-coral-deep)}.mobile-bottom-nav-icon{width:22px;height:22px}.mobile-bottom-nav-scrim{position:fixed;inset:0;z-index:39;background:rgba(44,36,22,.15);border:none;padding:0}.mobile-bottom-nav-more{position:fixed;left:.75rem;right:.75rem;bottom:calc(4.75rem + env(safe-area-inset-bottom, 0px));z-index:40;padding:.5rem;display:grid;grid-gap:.15rem;gap:.15rem}.mobile-bottom-nav-more-link{display:block;padding:.7rem .6rem;border-radius:12px;font-family:var(--font-display),var(--cerynia-font-display)}.mobile-bottom-nav-more-link:hover{background:var(--cerynia-mist,rgba(44,36,22,.06))}.owner-menu{position:relative}.owner-menu summary{list-style:none;cursor:pointer;font-size:.85rem;color:var(--cerynia-muted);text-decoration:underline;padding:.25rem .4rem}.owner-menu summary::-webkit-details-marker{display:none}.owner-menu-list{position:absolute;right:0;top:100%;z-index:20;min-width:11rem;display:grid;background:var(--cerynia-white);border:var(--cerynia-stroke);border-radius:14px;padding:.3rem;box-shadow:var(--cerynia-shadow)}.owner-menu-list a,.owner-menu-list button{text-align:left;background:none;border:none;font:inherit;font-size:.92rem;padding:.5rem .65rem;border-radius:10px;cursor:pointer;color:var(--cerynia-ink)}.owner-menu-list a:hover,.owner-menu-list button:hover{background:rgba(44,36,22,.07)}