:root{color-scheme:dark;--bg:#070708;--surface:#121214;--raised:#1b1b1f;--text:#f5f5f6;--muted:#a2a2a9;--accent:#ffadcc;--line:#2a2a2e;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text)}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,.gallery:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}img{display:block;max-width:100%}.shell{width:calc(100% - 112px);max-width:1328px;margin:auto}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:156px;flex-shrink:0}.brand img{width:100%;filter:invert(1)}nav{display:flex;gap:32px;font-size:13px;color:#cacacf}nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);border-radius:8px;font-size:12px;padding:13px 18px;display:flex;gap:25px}.nav-cta:hover{border-color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:32px;min-height:648px;padding:48px 0 64px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;line-height:1.4;letter-spacing:2px;font-weight:600;color:var(--accent);margin:0 0 26px}h1{font-size:65px;line-height:1.15;letter-spacing:-3px;margin:0;font-weight:800}h2{font-size:44px;line-height:1.25;letter-spacing:-1.7px;margin:0;font-weight:700}.lede{font-size:17px;color:#bfbfc5;line-height:1.85;margin:28px 0 30px}.actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 24px;min-height:54px;font-size:14px;font-weight:700;border-radius:8px;transition:background .18s,transform .18s,border-color .18s}.primary{background:var(--accent);color:#191015}.primary:hover{background:#ffc9de;transform:translateY(-2px)}.primary:active{transform:translateY(0)}.secondary{background:#101012;border:1px solid #35353a}.secondary:hover{border-color:#a2a2a9}.platform{font-size:11px;color:#888890;margin:21px 0 0}.hero-stage{position:relative;height:500px;display:flex;align-items:center;padding-right:48px}.editor{width:100%;border:1px solid #3a3a40;border-radius:14px;overflow:hidden;background:#101012;box-shadow:0 24px 70px #0008}.window-label{display:flex;justify-content:space-between;padding:14px 18px;font-size:11px;color:#bfbfc5}.editor>img{width:100%}.output{position:absolute;right:0;bottom:0;width:174px;border-radius:16px;overflow:hidden;border:1px solid #606066;box-shadow:0 16px 48px #0009}.output img{width:100%}.stage-caption{position:absolute;left:10px;bottom:6px;color:#85858d;font-size:11px}.promise{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise p{margin:0;display:flex;flex-direction:column;gap:8px}.promise b{font-size:14px;font-weight:500}.promise span{font-size:12px;color:#92929a}.promise>a{font-size:12px;color:var(--accent)}.promise>a span{color:inherit;margin-left:25px}.section{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:40px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 4px}.gallery-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.chips{display:flex;gap:8px}.chip{border:1px solid var(--line);background:transparent;border-radius:6px;padding:12px 20px;font-size:12px;transition:.2s}.chip.active{background:var(--accent);border-color:var(--accent);color:#221018}.chip:hover:not(.active){background:var(--raised)}.gallery-arrows{display:flex;gap:8px}.round{border:1px solid var(--line);background:transparent;border-radius:50%;width:44px;height:44px;font-size:20px;display:grid;place-items:center}.round:hover{border-color:var(--accent);color:var(--accent)}.gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.template{flex:0 0 calc((100% - 60px)/4);min-width:0;text-align:left;padding:0;background:transparent;scroll-snap-align:start}.template[hidden]{display:none}.template-picture{height:370px;background:#121214;border-radius:12px;overflow:hidden;position:relative;border:1px solid #28282e}.template-picture>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.music-card .template-picture>img{object-fit:contain;padding:10px}.template:hover .template-picture>img{transform:scale(1.035)}.preview-action{position:absolute;left:16px;right:16px;bottom:16px;display:block;padding:14px;background:#0d0d10e8;border:1px solid #ffffff30;font-size:12px;text-align:center;opacity:0;transform:translateY(8px);transition:.2s}.template:hover .preview-action,.template:focus-visible .preview-action{opacity:1;transform:none}.template-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0}.template-caption h3{font-size:15px;font-weight:600;margin:0 0 7px}.template-caption p{font-size:11px;margin:0;color:var(--muted)}.template-caption>span{color:#999}.gallery-status{font-size:11px;color:#73737c;margin:20px 0 0}.studio{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;border-top:1px solid var(--line);align-items:center}.body-copy{color:var(--muted);font-size:15px;line-height:1.9;margin:24px 0 0}.feature-tabs{margin-top:35px}.feature-tabs button{background:transparent;display:flex;justify-content:space-between;width:100%;padding:21px 0;border-bottom:1px solid var(--line);font-size:16px;color:#7f7f88;text-align:left;transition:.2s}.feature-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.feature-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.feature-image{height:330px;display:flex;align-items:center;justify-content:center;padding:24px;background:#0b0b0e}.feature-image img{width:100%;max-height:100%;object-fit:contain;border-radius:8px}.feature-caption{padding:30px}.feature-caption h3{font-size:21px;line-height:1.5;margin:0 0 12px}.feature-caption p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 22px}.small-label{color:#797982;font-size:10px}.workflow{display:grid;grid-template-columns:1fr 1.65fr;gap:85px;align-items:center}.workflow-steps{display:grid;gap:36px}.workflow-steps article{padding-left:28px;position:relative}.step-line{position:absolute;left:0;top:4px;width:3px;height:42px;background:#ffadcc}.workflow-steps h3{font-size:19px;font-weight:500;margin:0 0 12px}.workflow-steps p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.compare{position:relative;width:100%;height:380px;background:#121214;overflow:hidden;border:1px solid #34343b;border-radius:12px}.compare-base{width:100%;height:100%;object-fit:contain}.compare-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#0d0d0e}.compare-overlay img{height:100%;width:100%;object-fit:contain}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--accent);pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--accent);color:#1a1115;display:grid;place-items:center;font-size:21px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:2}.compare:focus-within{outline:2px solid var(--accent);outline-offset:5px}.compare-label{position:absolute;top:16px;background:#070708d9;border:1px solid #333;padding:7px 12px;font-size:11px;border-radius:5px;pointer-events:none}.compare-label.left{left:16px}.compare-label.right{right:16px}.compare-note{color:#84848d;font-size:11px;margin:17px 0 0}.download{display:grid;grid-template-columns:1fr 1fr;gap:140px;align-items:center;border-top:1px solid var(--line)}.download h2{font-size:48px}.download-panel{padding:30px;border:1px solid #3b2c35;border-radius:16px;background:#121114}.edition-toggle{display:flex;padding:5px;border-radius:8px;background:#080809;gap:5px}.edition-toggle button{flex:1;border-radius:5px;background:transparent;padding:13px;font-size:14px;color:var(--muted);transition:.2s}.edition-toggle .active{background:#343039;color:#fff}.edition-copy{padding:25px 0}.edition-copy h3{font-size:23px;margin:0 0 14px;font-weight:600}.edition-copy p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;min-height:48px}.edition-copy .edition-feature{color:#dfb9ca;font-size:11px;margin-top:16px;min-height:0}.full{display:flex;width:100%}.download-note{text-align:center;font-size:11px;color:#84818a;margin:17px 0 0}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:100px;padding-top:55px}.faq h2{font-size:34px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;list-style:none;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--accent);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 32px 24px 0}footer{border-top:1px solid var(--line);padding:36px 0;display:flex;align-items:center;gap:30px}footer .brand{width:122px}footer p{font-size:12px;color:#888891;flex:1}footer>a:not(.brand){font-size:12px;color:var(--accent)}footer>span{font-size:10px;color:#777780}dialog{width:min(760px,calc(100% - 32px));max-height:92dvh;border:1px solid #3e3e45;border-radius:16px;background:#101012;color:#fff;padding:24px}dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-top h2{font-size:21px;letter-spacing:0}dialog>img,dialog>video{max-height:65dvh;max-width:100%;margin:auto;object-fit:contain;display:block}dialog [hidden]{display:none}dialog>p{text-align:center;font-size:11px;color:var(--muted)}.switching{animation:swap-in .3s ease-out}@keyframes swap-in{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){h1{font-size:72px}.hero{gap:50px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}h1{font-size:51px}.hero-stage{height:420px;padding-right:25px}.output{width:140px}.stage-caption{font-size:9px}.studio{gap:45px}.template-picture{height:300px}.download{gap:65px}.download h2{font-size:40px}h2{font-size:37px}nav{gap:18px}.nav-cta{gap:10px}.workflow{gap:45px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav{height:76px}.brand{width:122px}nav{display:none}.nav-cta{font-size:10px;padding:12px}.hero{grid-template-columns:1fr;padding:36px 0 42px;gap:18px;min-height:0}h1{font-size:43px;letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.lede{font-size:14px;line-height:1.9;margin:22px 0}.desktop{display:none}.button{font-size:12px;gap:15px;padding:15px 19px}.hero-stage{height:300px;padding-right:28px;align-items:flex-start;padding-top:24px}.output{width:111px;bottom:0}.stage-caption{max-width:200px;bottom:4px;font-size:9px}.window-label{font-size:8px;padding:10px}.platform{font-size:10px}.promise{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:25px 0}.promise b{font-size:12px}.promise span{font-size:10px}.promise>a{font-size:11px}.section{padding-top:65px;padding-bottom:55px}.section-heading{display:block;margin-bottom:26px}h2{font-size:31px;letter-spacing:-1px}.section-heading>p{font-size:12px;line-height:1.8;margin-top:20px}.gallery-tools{gap:10px}.chip{padding:10px 12px;font-size:11px;min-height:44px}.gallery-arrows{display:none}.gallery{gap:15px;margin-right:-20px;padding-right:20px}.template{flex-basis:75%}.template-picture{height:360px}.template-caption h3{font-size:14px}.gallery-status{font-size:10px}.studio{grid-template-columns:1fr;gap:30px}.body-copy{font-size:13px}.feature-tabs{margin-top:20px}.feature-tabs button{font-size:14px;padding:18px 0}.feature-image{height:250px;padding:14px}.feature-caption{padding:24px}.feature-caption h3{font-size:18px}.feature-caption p{font-size:12px}.workflow{grid-template-columns:1fr;gap:32px}.workflow-steps{gap:26px}.workflow-steps h3{font-size:17px}.workflow-steps p{font-size:12px}.compare{height:280px}.compare-label{font-size:9px}.compare-note{font-size:10px;line-height:1.8}.download{grid-template-columns:1fr;gap:30px}.download h2{font-size:34px}.download-panel{padding:22px}.edition-copy h3{font-size:21px}.faq{grid-template-columns:1fr;gap:20px;padding-top:24px}.faq h2{font-size:28px}.faq .eyebrow{margin-bottom:14px}summary{font-size:13px}footer{display:flex;flex-wrap:wrap;gap:20px;padding:28px 0}footer p{flex:1 0 180px;font-size:10px}footer>span{margin-left:auto}dialog{padding:16px}.dialog-top h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.hero,.studio,.download{position:relative;isolation:isolate}.hero:before,.studio:before,.download:before{content:"";position:absolute;z-index:-1;inset:0 calc((min(1328px,100vw - 112px) - 100vw)/2);pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.hero:before{top:-90px;background-image:url(/homepage-a2/assets/background-hero.svg)}.studio:before{background-image:url(/homepage-a2/assets/background-studio.svg)}.download:before{background-image:url(/homepage-a2/assets/background-download.svg)}.hero-stage .editor{border-color:#504049;box-shadow:0 30px 90px #0009,0 0 50px #d76b9820}.download-panel{border-color:#62404f;background:#151015e8}@media(max-width:1100px){.hero:before,.studio:before,.download:before{left:-32px;right:-32px}}@media(max-width:760px){.hero:before,.studio:before,.download:before{left:-20px;right:-20px;background-size:auto 100%;background-position:64% center}.hero:before{top:-76px}.studio:before{background-position:25% center}.download:before{background-position:70% center}}.nav{position:relative;z-index:2}.brand-nest{display:flex;align-items:center;gap:5px;flex-shrink:0}.pet-habitat{position:relative;width:116px;height:78px;--pet-size:84px}.pet-anchor,.logo-pet{position:absolute;left:0;bottom:0;width:var(--pet-size);height:var(--pet-size)}.pet-anchor{pointer-events:none}.logo-pet{padding:0;border:0;background:none;cursor:grab;touch-action:none;border-radius:18px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:3;--look:0deg;--tilt:0deg;transform-origin:0 0}.logo-pet.is-floating{position:fixed;left:0;top:0;bottom:auto;width:112px;height:112px;z-index:1000;contain:layout style;will-change:transform}.logo-pet img{pointer-events:none;-webkit-user-select:none;user-select:none}.logo-pet:focus-visible{outline-offset:0}.pet-visual{position:absolute;inset:0;pointer-events:none}.pet-ghost{z-index:5}.logo-pet[data-motion-ready=true] :is(.pet-body,.pet-body img,.pet-sprite,.pet-action,.pet-play,.pet-emotion,.pet-tail){animation:none!important;transition:none!important}.pet-body{position:absolute;left:0;bottom:6%;width:100%;height:73.6%;display:none;transform-origin:50% 80%}.pet-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.pet-short{opacity:0}.pet-sprite,.pet-action,.pet-play,.pet-emotion,.pet-tail{display:none;position:absolute;width:83.333%;height:83.333%;left:8.333%;bottom:0;background-repeat:no-repeat;transform-origin:50% 85%}.pet-sprite{background-image:url(/mascot-pet-v7/states.webp);background-size:200% 200%;background-position:0 100%}.pet-action,.pet-tail{background-image:url(/mascot-pet-v7/actions.webp);background-size:300% 200%;background-position:0 0}.pet-play{background-image:url(/mascot-pet-v7/play.webp);background-size:300% 200%;background-position:0 0}.pet-emotion{background-image:url(/mascot-pet-v7/emotions.webp);background-size:200% 200%;background-position:0 0}.pet-tail{background-position:0 100%;clip-path:inset(60% 0 0);transform-origin:50% 60%}.pet-visual[data-pose=sleep] .pet-body{display:block;animation:pet-breath 5.8s ease-in-out infinite}.pet-visual:is([data-pose=look],[data-pose=sit],[data-pose=wake],[data-pose=happy],[data-pose=walk],[data-pose=groundwalk]) .pet-sprite{display:block}.pet-visual[data-pose=look] .pet-sprite{transform:rotate(var(--look));transition:transform .25s ease}.pet-visual[data-pose=wake] .pet-sprite{animation:pet-stretch .65s ease-out}.pet-visual[data-pose=happy] .pet-sprite{background-position:100% 100%;animation:pet-joy .6s ease-in-out 2}.pet-visual:is([data-pose=walk],[data-pose=groundwalk]) .pet-sprite{background-position:0 0;animation:pet-steps .58s steps(1) infinite,pet-walk .58s ease-in-out infinite}[data-facing=left] .pet-visual:is([data-pose=walk],[data-pose=groundwalk]) .pet-sprite{scale:-1 1}.pet-visual:is([data-pose=grabbed],[data-pose=airborne],[data-pose=hop],[data-pose=shield],[data-pose=conjure],[data-pose=angry],[data-pose=portal],[data-pose=peek]) .pet-action{display:block}.logo-pet[data-state=grabbed]{cursor:grabbing}.pet-visual[data-pose=grabbed] .pet-action{background-position:0 0;transform-origin:50% 20%;transform:rotate(var(--tilt));transition:transform .1s ease-out;animation:pet-dangle 1.4s ease-in-out infinite}.pet-visual:is([data-pose=airborne],[data-pose=hop]) .pet-action{background-position:50% 0;transform:rotate(var(--tilt));transition:transform .16s ease-out}.pet-visual[data-pose=shield] .pet-action{background-position:0 100%;clip-path:inset(0 0 37%)}.pet-visual[data-pose=shield] .pet-tail{display:block;animation:tail-extend .3s ease-out both}.pet-visual[data-pose=shield][data-phase=impact] .pet-action{animation:pet-brace .65s ease-out both}.pet-visual[data-pose=shield][data-phase=impact] .pet-tail{animation:tail-impact .65s ease-out both}.pet-visual[data-pose=conjure] .pet-action{background-position:100% 0;animation:pet-cast .75s ease-in-out}.pet-visual[data-pose=conjure][data-phase=tail] .pet-action{display:none}.pet-visual[data-pose=conjure][data-phase=tail] .pet-body{display:block}.pet-visual[data-phase=tail] .pet-short{opacity:1}.pet-visual[data-phase=tail] .pet-sleep{animation:tail-appear .9s cubic-bezier(.16,.7,.2,1) both}.pet-visual[data-pose=angry] .pet-action{background-position:50% 100%;animation:pet-angry .34s ease-in-out 3}.pet-visual[data-pose=portal] .pet-action{background-position:100% 0;animation:pet-vanish 1.1s ease-in both}.logo-pet[data-state=hidden]{visibility:hidden;pointer-events:none}.pet-visual[data-pose=peek] .pet-action{background-position:100% 100%;transform-origin:50% 100%;animation:pet-peek 2.4s ease-in-out both}.logo-pet[data-state=peek]{pointer-events:none}.pet-visual:is([data-pose=sprout],[data-pose=return],[data-pose=sniff],[data-pose=groundsleep],[data-pose=play]) .pet-play{display:block}.pet-visual[data-pose=sprout] .pet-play{background-position:0 0;animation:wing-grow .75s ease-out}.pet-visual[data-pose=return] .pet-play{background-position:50% 0;animation:wing-flap .62s steps(1) infinite,pet-flight 1.3s ease-in-out infinite}.pet-visual[data-pose=sniff] .pet-play{background-position:0 100%;animation:pet-sniff 1.5s ease-in-out infinite}.pet-visual[data-pose=groundsleep] .pet-play{background-position:50% 100%;animation:pet-breath 5.8s ease-in-out infinite}.pet-visual[data-pose=play] .pet-play{background-position:100% 100%;animation:pet-joy 1s ease-in-out 2}.pet-visual:is([data-pose=proud],[data-pose=cry],[data-pose=computer],[data-pose=live]) .pet-emotion{display:block}.pet-visual[data-pose=proud] .pet-emotion{background-position:0 0;animation:pet-proud 1.8s ease-in-out}.pet-visual[data-pose=cry] .pet-emotion{background-position:100% 0;animation:pet-sob .85s ease-in-out infinite}.pet-visual[data-pose=computer] .pet-emotion{background-position:0 100%;animation:pet-cast .75s ease-in-out}.pet-visual[data-pose=live] .pet-emotion{background-position:100% 100%;animation:pet-typing 1.2s ease-in-out infinite}.pet-portal{display:none;position:absolute;left:2%;top:42%;width:96%;height:45%;border-radius:50%;background:radial-gradient(ellipse,#010102 50%,#1b0b25 62%,#ee3c9d 66%,#40225b 70%,transparent 76%);box-shadow:0 0 14px #eb37963d;transform:scale(0)}.pet-visual[data-pose=portal] .pet-portal{display:block;animation:black-hole 1.1s ease-in-out both}.pet-heart,.pet-magic{position:absolute;opacity:0;color:#ff73ac}.pet-heart{top:0;left:62%;font-size:12px}.pet-magic{bottom:10%;left:8%;font-size:12px}.pet-visual[data-pose=happy] .pet-heart{animation:pet-heart 1.2s ease-out}.pet-visual:is([data-pose=conjure],[data-pose=sprout],[data-pose=computer]) .pet-magic{animation:pet-magic 1.6s ease-out}@keyframes pet-breath{50%{transform:translateY(-.6px) scale(1.007,1.015)}}@keyframes pet-dangle{50%{translate:0 1.5px}}@keyframes pet-stretch{0%{transform:scale(.92,.85) translateY(3px)}65%{transform:scale(.98,1.03)}}@keyframes pet-cast{25%{transform:rotate(-5deg) scale(.96)}65%{transform:rotate(4deg) scale(1.025)}}@keyframes pet-brace{35%{translate:0 6%}68%{translate:0 -2%}to{translate:0 0}}@keyframes tail-extend{0%{transform:scaleY(.05);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes tail-impact{35%{transform:scale(1.035,.8)}68%{transform:scale(.99,1.04)}to{transform:scale(1)}}@keyframes pet-angry{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes black-hole{0%{transform:scale(0)}30%,70%{transform:scale(1)}to{transform:scale(0)}}@keyframes pet-vanish{0%,20%{transform:scale(1);opacity:1}85%,to{transform:translateY(40%) rotate(12deg) scale(0);opacity:0}}@keyframes pet-peek{0%{transform:translateY(-75%);opacity:0}20%,65%{transform:translateY(-28%);opacity:1}80%{transform:translateY(-28%) rotate(-4deg);opacity:1}to{transform:translateY(-28%);opacity:1}}@keyframes tail-appear{0%{clip-path:circle(0% at 88% 74%)}to{clip-path:circle(120% at 88% 74%)}}@keyframes pet-magic{15%,70%{opacity:1;transform:translateY(-4px) scale(.8)}to{opacity:0;transform:translateY(-12px) scale(.4)}}@keyframes pet-steps{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes pet-walk{25%,75%{translate:0 -1px}}@keyframes pet-joy{50%{transform:translateY(-2px) rotate(2deg)}}@keyframes pet-heart{20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes wing-grow{0%{transform:scale(.92);opacity:.4}60%{transform:scale(1.025)}to{transform:scale(1);opacity:1}}@keyframes wing-flap{0%,to{background-position:50% 0}50%{background-position:100% 0}}@keyframes pet-flight{50%{translate:0 -2px}}@keyframes pet-sniff{50%{transform:rotate(-3deg) translateY(1px)}}@keyframes pet-proud{35%{transform:translateY(-2px) rotate(-3deg)}}@keyframes pet-sob{35%{translate:0 1px}60%{translate:0 0}}@keyframes pet-typing{35%{transform:rotate(.7deg)}70%{transform:rotate(-.7deg)}}@media(max-width:1200px){.pet-habitat{width:104px}.nav{gap:18px}nav{gap:18px}}@media(max-width:1000px){.pet-habitat{width:94px}nav{gap:12px}.nav{gap:12px}}@media(max-width:760px){.brand-nest{gap:0}.pet-habitat{width:100px;height:70px;--pet-size:60px}.pet-anchor,.logo-pet{bottom:5px}.nav{gap:6px}.nav-cta{gap:6px;padding:10px;font-size:10px}.logo-pet.is-floating{width:92px;height:92px}}@media(max-width:380px){.nav .brand{width:102px}.pet-habitat{width:70px;--pet-size:52px}}@media(prefers-reduced-motion:reduce){.logo-pet *{animation:none!important;transition:none!important}.pet-ghost{display:none}}.template:disabled{cursor:default}.template:disabled:hover{transform:none}.template:disabled .preview-action{opacity:0}[data-demo]:disabled{opacity:.45;cursor:default}.pet-menu{position:fixed;z-index:1100;width:152px;padding:8px;background:#19151bee;border:1px solid #ffffff17;border-radius:14px;box-shadow:0 12px 36px #0008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pet-menu[hidden],.pet-orb[hidden]{display:none}.pet-menu-caption{display:block;padding:6px 9px 8px;font-size:10px;letter-spacing:1px;color:#bc92a6}.pet-menu button{display:block;width:100%;text-align:left;padding:9px;border-radius:8px;background:transparent;font-size:12px;color:#ede2e7}.pet-menu button:hover,.pet-menu button:focus-visible{background:#ff82b719;outline:none;color:#ffc5df}.pet-orb{position:fixed;z-index:1001;width:18px;height:18px;padding:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3fa,#ff81bb 38%,#bc216b);box-shadow:0 0 10px #ff479c77,0 0 22px #ff479c28;cursor:pointer;transition:left .45s ease}.pet-orb:before{content:"";position:absolute;inset:-12px;border-radius:50%}@media(prefers-reduced-motion:reduce){.pet-orb{transition:none}}.pet-visual:is([data-pose=sniff],[data-pose=groundsleep]) .pet-play{clip-path:inset(0 3%)}.logo-pet:not(.is-floating){top:0;bottom:auto;left:0}.pet-menu{width:248px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:10px;border-radius:16px;background:#171318f5;box-shadow:0 14px 44px #0009}.pet-menu-caption{padding:5px 8px 10px;color:#e5c7d5;font-size:11px;letter-spacing:.6px}.pet-menu-games{display:grid;grid-template-columns:1fr 1fr;gap:3px}.pet-menu button{min-height:39px;padding:10px 8px;font:inherit;font-size:12px;white-space:nowrap}.pet-menu [data-pet-game=random]{color:#ffb6d6;background:#f2539720}.pet-menu .pet-auto-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:7px;padding-top:12px;border-top:1px solid #ffffff0f;border-radius:0;color:#cbb7c2}.pet-auto-status{color:#a793a0;font-size:10px}.pet-auto-toggle[aria-checked=true] .pet-auto-status{color:#ff9bc7}.pet-menu-note{display:block;padding:3px 8px 2px;color:#8f7f8b;font-size:9px;line-height:1.5}.pet-game-hint{position:fixed;z-index:1003;left:50%;bottom:calc(136px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:calc(100vw - 28px);width:max-content;padding:8px 13px;border:1px solid #ffc3df1b;border-radius:12px;background:#1b131df0;color:#e5bdcf;box-shadow:0 5px 22px #0003;font-size:11px;line-height:1.6;text-align:center;pointer-events:none}.pet-game-action{display:inline-block;margin-left:9px;padding:5px 8px;border-radius:6px;background:#ed589a24;color:#ffd1e6;font-size:11px;pointer-events:auto;cursor:pointer}.pet-game-action:focus-visible{outline:2px solid #ff9bc7;outline-offset:2px}.pet-treat{z-index:1004;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;outline-offset:3px}.pet-treat-wrap{position:relative;display:block;width:23px;height:18px;transform:rotate(-18deg);transition:transform .18s ease,opacity .18s ease;pointer-events:none;filter:drop-shadow(0 2px 6px #ee438d55)}.pet-treat-wrap:before,.pet-treat-wrap:after{content:"";position:absolute;top:4px;width:10px;height:11px;background:linear-gradient(130deg,#ffb6d5,#d94485);clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.pet-treat-wrap:before{left:-7px}.pet-treat-wrap:after{right:-7px;transform:rotate(180deg)}.pet-treat-wrap i{position:absolute;z-index:1;inset:0;border:1px solid #ffd6eaaa;border-radius:7px;background:linear-gradient(135deg,#ffd3e7,#fc75b0 32%,#d3377b 85%);box-shadow:inset 0 -3px 5px #980f5740}.pet-treat-wrap i:after{content:"";position:absolute;left:7px;top:4px;width:7px;height:7px;border:1px solid #ffebf3b3;border-radius:2px;transform:rotate(45deg)}.pet-treat:hover .pet-treat-wrap{transform:rotate(-9deg) scale(1.08)}.pet-treat[data-held=true]{cursor:grabbing}.pet-treat[data-held=true] .pet-treat-wrap{transform:rotate(12deg) scale(1.12)}.pet-treat[data-served=true] .pet-treat-wrap{animation:pet-candy-bob 1.5s ease-in-out infinite}.pet-treat[data-consumed=true] .pet-treat-wrap{animation:pet-candy-eaten .65s ease-in both}.pet-find-target{z-index:1002;padding:0;border:0;border-radius:22px;background:transparent;cursor:pointer;touch-action:manipulation}.pet-find-target:focus-visible{outline:2px dashed #ff9ac4;outline-offset:2px}.pet-find-target:hover{box-shadow:inset 0 0 18px #ff75b30c}@keyframes pet-candy-bob{50%{transform:translateY(-2px) rotate(-12deg)}}@keyframes pet-candy-eaten{45%{transform:translateY(-4px) rotate(-8deg) scale(.85)}to{transform:translateY(-8px) rotate(8deg) scale(.25);opacity:0}}@media(max-width:760px){.pet-menu button{min-height:42px}.pet-game-hint{bottom:calc(112px + env(safe-area-inset-bottom,0px));font-size:10px}}@media(prefers-reduced-motion:reduce){.pet-treat-wrap{transition:none!important;animation:none!important}.pet-game-hint{transition:none}.pet-treat[data-consumed=true] .pet-treat-wrap{opacity:.35}}