:root{color-scheme:light;--bg:#fff7ed;--ink:#583b2c;--orange:#e97b40;--muted:#846853;--round:"Yuanti SC","YouYuan","Arial Rounded MT Bold",ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--round);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #8f5736;outline-offset:7px}.wrap{max-width:1180px;margin:auto;padding-inline:48px}.skip-link{position:fixed;left:15px;top:-80px;z-index:10;background:white;padding:15px}.skip-link:focus{top:15px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:8px;font-size:27px;font-weight:900;letter-spacing:-1px}.brand-paw{font-size:24px}.brand-heart{font-size:20px;color:#eb8665;transform:rotate(15deg);margin-left:0}.coming-soon{font-size:13px;font-weight:700;border:1.5px solid #e9d8c3;padding:10px 17px;border-radius:99px;background:#fffdf7}.coming-soon span{margin-left:8px;color:var(--orange)}.hero{min-height:665px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding-top:24px;padding-bottom:50px}.hero-copy{padding-bottom:30px}.hello-label{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;background:#fbe3b7;padding:9px 15px;border-radius:10px;transform:rotate(-3deg);margin-bottom:20px}h1{font-size:clamp(54px,6.5vw,78px);font-weight:900;letter-spacing:-3px;line-height:1.25;margin:0 0 24px}h1>span{color:var(--orange);white-space:nowrap;text-shadow:0 4px 0 #f7d7a8}.intro{font-size:20px;font-weight:600;line-height:1.85;margin:0 0 28px;color:#80604c}.actions{display:flex;align-items:center;gap:25px}.pet-button{border:0;border-bottom:5px solid #bf5c29;border-radius:19px;padding:17px 24px 14px;background:var(--orange);color:white;cursor:pointer;font-size:17px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 18px #d6874224}.pet-button>span{font-size:24px;vertical-align:-1px;margin-left:18px}.pet-button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #d687422e}.pet-button:active{transform:translateY(3px)}.tech-link{font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}.personality-tags{display:flex;gap:9px;margin-top:30px}.personality-tags span{font-size:12px;font-weight:700;border-radius:99px;padding:8px 13px;background:#f4e5f1;color:#805c7c}.personality-tags span:nth-child(2){background:#f9e1c1;color:#97652f}.personality-tags span:nth-child(3){background:#e4eccd;color:#627044}.hero-art{position:relative;width:100%;max-width:450px;justify-self:center;padding:12px 55px 0}.halo{position:absolute;width:440px;height:440px;max-width:110%;left:-2%;top:95px;background:#fce6b4;border-radius:47% 53% 43% 57%;transform:rotate(-12deg);z-index:-1}.screen{width:100%;border:7px solid #fffdf8;outline:1px solid #f0dbc1;border-radius:36px;overflow:hidden;box-shadow:12px 18px 0 #efcba85c,0 25px 40px -20px #a77954;transform:rotate(5deg);background:#f2d4af;transition:transform .3s}.screen img{width:100%;height:auto;display:block}.speech{position:absolute;left:-15px;top:126px;background:white;border-radius:22px 22px 5px 22px;padding:15px 21px;font-size:17px;font-weight:700;line-height:1.65;transform:rotate(-8deg);box-shadow:0 6px 0 #ecdcc180;transition:transform .2s}.speech strong{font-size:21px;color:#d36d39}.pet-sticker{position:absolute;right:6px;bottom:112px;background:#e3edcb;color:#64743a;border:4px solid #fffdf8;box-shadow:0 5px 0 #cbd4b18a;border-radius:26px;padding:14px 20px;font-weight:800;font-size:13px;text-align:center;line-height:1.4;transform:rotate(12deg)}.pet-sticker b{font-size:23px}.spark{position:absolute;font-family:var(--round);color:#e6a553}.spark-one{top:32px;left:13px;font-size:45px;transform:rotate(-15deg)}.spark-two{top:68px;right:4px;font-size:59px;color:#a2b57c}.concept-note{font-size:11px;text-align:center;color:#927761;margin:26px -20px 0}.hero-art.petted .screen{transform:rotate(1deg) translateY(-4px)}.hero-art.petted .speech{transform:rotate(-3deg) scale(1.05)}.secret{padding-top:26px;padding-bottom:45px}.secret-card{border-radius:30px;background:#f8e4cf;padding:33px 40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.lab-label{font-size:11px;letter-spacing:1px;color:#966c4e;font-weight:800}.secret h2{font-size:29px;font-weight:900;line-height:1.5;margin:9px 0 0;letter-spacing:-.5px}.secret h2>span{color:var(--orange);font-size:22px;margin-left:8px}.secret-copy p{font-size:15px;line-height:1.85;margin:0 0 8px}.secret-copy p:first-child{font-size:19px}.secret-copy p:nth-child(2){color:#88664d}.lab-note{font-size:10px;color:#8b6c55}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:12px;padding-bottom:35px;font-size:12px;color:#93755e}.footer>span:first-child{font-weight:800;color:#70523d}.footer>span:first-child>span{color:var(--orange);margin-inline:5px}.error-page{text-align:center;padding-top:100px}.error-page h1{font-size:42px}.error-page p{margin-bottom:35px}
@media(max-width:1000px){.wrap{padding-inline:32px}.hero{gap:15px;min-height:590px}.hero h1{font-size:60px}.hero-art{padding-inline:42px}.speech{left:-5px;top:98px;font-size:14px;padding:12px 17px}.speech strong{font-size:18px}.pet-sticker{right:-2px;bottom:95px;padding:12px 16px}.pet-sticker b{font-size:20px}.actions{gap:20px}.pet-button{padding:15px 18px 12px;font-size:15px}.pet-button>span{margin-left:10px}.tech-link{font-size:12px}.secret-card{padding:30px;gap:25px}.secret h2{font-size:27px}.secret-copy p:first-child{font-size:17px}.secret-copy p{font-size:14px}.intro{font-size:18px}}
@media(max-width:700px){.wrap{padding-inline:24px}.header{height:80px}.brand{font-size:22px;gap:5px}.brand-paw{font-size:20px}.brand-heart{font-size:16px}.coming-soon{font-size:10px;padding:8px 10px;white-space:nowrap}.coming-soon span{display:none}.hero{grid-template-columns:1fr;gap:23px;padding-top:19px;padding-bottom:22px;min-height:0}.hero-copy{text-align:center;padding:0}.hello-label{font-size:11px;padding:7px 12px;margin-bottom:15px}.hero h1{font-size:clamp(48px,11.9vw,68px);line-height:1.22;letter-spacing:-2px;margin-bottom:18px}.hero h1 br{display:none}.intro{font-size:16px;line-height:1.7;margin-bottom:22px}.intro br{display:none}.actions{justify-content:center;gap:22px}.pet-button{font-size:15px;border-radius:16px;padding:13px 20px 11px}.pet-button>span{font-size:22px}.tech-link{font-size:12px}.personality-tags{justify-content:center;margin-top:23px;gap:8px}.personality-tags span{font-size:10px;padding:6px 10px}.hero-art{max-width:365px;padding:12px 48px 0}.halo{width:330px;height:340px;max-width:110%;top:70px;left:0}.screen{border-width:6px;border-radius:27px;box-shadow:8px 12px 0 #efcba85c,0 20px 30px -20px #a77954}.speech{left:-2px;top:90px;font-size:13px;padding:11px 14px;border-radius:17px 17px 5px 17px}.speech strong{font-size:17px}.pet-sticker{bottom:93px;right:1px;padding:11px 14px;font-size:11px;border-radius:21px}.pet-sticker b{font-size:19px}.spark-one{font-size:30px;left:12px;top:25px}.spark-two{font-size:38px;right:4px;top:40px}.concept-note{font-size:10px;margin-top:22px}.secret{padding-top:10px;padding-bottom:26px}.secret-card{grid-template-columns:1fr;gap:16px;text-align:center;padding:24px 20px;border-radius:25px}.secret h2{font-size:24px}.secret h2 br{display:none}.lab-label{font-size:10px}.secret-copy p:first-child{font-size:16px}.secret-copy p{font-size:13px}.lab-note{font-size:9px}.footer{justify-content:center;flex-wrap:wrap;padding-bottom:25px;gap:9px 14px;font-size:10px}.footer>span:first-child{width:100%;text-align:center}}
@media(max-width:360px){.brand{font-size:19px}.hero h1{font-size:44px}.intro{font-size:14px}.hero-art{padding-inline:40px}.speech{left:-4px}.secret h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep decorative shapes inside the page at every breakpoint. */
.hero-art{isolation:isolate}.halo{max-width:96%;width:400px;left:2%}
@media(max-width:700px){.hero h1 br{display:initial}.hero h1{font-size:49px}.halo{width:300px;height:320px;left:3%}.intro br{display:initial}}
@font-face{font-family:Huninn;src:url('/fonts/huninn-title.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
h1,.secret h2{font-family:Huninn,"PingFang SC",sans-serif;font-weight:400;letter-spacing:0}
.halo{max-width:88%;left:3%}
/* Localized text wraps without pushing the pet off-screen. */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.hero-copy,.secret-heading,.secret-copy{min-width:0}
.intro{max-width:27em;text-wrap:pretty}
h1,.secret h2{font-family:Huninn,var(--round)}
html:not(:lang(zh)) h1,html:not(:lang(zh)) .secret h2{font-family:var(--round);letter-spacing:0}
html:not(:lang(zh)) h1{font-size:clamp(38px,4.4vw,56px);line-height:1.18}
html:not(:lang(zh)) h1>span{white-space:normal;overflow-wrap:break-word}
html:not(:lang(zh)) .secret h2{font-size:26px}
html:not(:lang(zh)) .speech{max-width:220px;font-size:14px}
html:not(:lang(zh)) .speech strong{font-size:17px}
html:not(:lang(zh)) .pet-sticker{max-width:140px;padding:12px;font-size:11px}
html:not(:lang(zh)) .pet-sticker b{font-size:17px;overflow-wrap:anywhere}
.actions,.personality-tags{flex-wrap:wrap}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.intro{margin-inline:auto;max-width:22em}html:not(:lang(zh)) .hero h1{font-size:38px}html:lang(ja) .hero h1{font-size:33px}html:lang(ko) .hero h1{font-size:36px}html:not(:lang(zh)) .speech{max-width:175px;font-size:12px}html:not(:lang(zh)) .speech strong{font-size:14px}html:not(:lang(zh)) .secret h2{font-size:23px}.hello-label{line-height:1.6}.header .coming-soon{max-width:38%;white-space:normal;text-align:center}.concept-note{line-height:1.6}}
.intro{text-wrap:balance}