@font-face{font-family:'Barlow Condensed';src:url('runtime/preview/assets/fonts/BarlowCondensed-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
*{box-sizing:border-box} :root{color-scheme:dark;--bg:#11140f;--ink:#f4f0df;--muted:#a1ac93;--mint:#d2fa69;--line:#343d2c}
html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.42;cursor:not-allowed}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}img{max-width:100%;height:auto}[hidden]{display:none!important}
.topbar{max-width:1280px;margin:0 auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650}.brand img{border-radius:8px}.brand small{font-size:14px;font-weight:400;color:var(--muted);margin-left:6px}.topbar nav{display:flex;gap:24px;align-items:center;font-size:13px;color:#b8c1ac}.topbar nav a:hover{color:var(--mint)}.nav-download{padding:7px 15px;border:1px solid #49533d;border-radius:30px}
.pet-hero{max-width:1280px;margin:auto;padding:44px 40px 68px;display:grid;grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) minmax(240px,.88fr);gap:34px;align-items:center}.eyebrow{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:24px;align-items:center}.eyebrow span:first-child{color:var(--mint);border:1px solid #526339;border-radius:5px;padding:4px 8px}.app-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.app-identity h1{font-size:20px;letter-spacing:1px;margin:0}.hero-title{font-size:clamp(45px,4.9vw,70px);line-height:1.22;letter-spacing:-3px;margin:0;font-weight:800}.hero-title span{color:var(--mint)}.lede{font-size:17px;line-height:1.9;color:#c0c8b5;margin:26px 0 16px}.feature-line{font-size:13px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0 17px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 21px;border-radius:12px;font-size:14px;font-weight:650;transition:background .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button-mint{background:var(--mint);color:#202910}.button-mint:hover{background:#e0ffa1}.button-outline{background:transparent;border:1px solid #586249;color:#e1e9d5}.text-link{font-size:13px;color:#c0d79d;text-decoration:underline;text-underline-offset:4px}.hero-note{font-size:11px;color:#8c9c7b;line-height:1.9}
/* Reuse the approved local preview's device shell; no new product mockup. */
.playground{height:676px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.preview-label{position:absolute;top:0;font-size:11px;color:#becba8;text-align:center}.device-wrap{width:238px;height:618px;position:relative}.device{top:34px;left:0;width:238px;height:546px;border-radius:120px;background:linear-gradient(110deg,#67735a 0%,#242a20 15%,#0a0d08 60%,#49523d 100%);padding:12px;position:absolute;box-shadow:0 20px 55px #0009,inset 0 0 0 1px #89947a70}.glass{border-radius:110px;background:#000;padding:1px;box-shadow:0 0 0 1px #000;overflow:hidden}#band-screen{width:212px;height:520px;border-radius:106px;overflow:hidden;user-select:none;position:relative;display:block}.loading-cat{position:absolute;left:20px;bottom:60px;width:172px}.strap{position:absolute;background:#67794a;width:160px;left:39px;height:125px;border-radius:22px;box-shadow:inset 5px 0 10px #adbf8020,inset -4px 0 10px #11170b30;z-index:-1}.strap-top{top:0}.strap-bottom{bottom:0}.strap-line{width:137px;height:100%;margin:0 auto;border-left:1px solid #82966040;border-right:1px solid #82966040}.strap-holes{display:flex;flex-direction:column;align-items:center;gap:11px;padding-top:63px}.strap-holes i{width:29px;height:5px;background:#263020;border-radius:4px;box-shadow:0 1px #a3b98250}.haptic-indicator{position:absolute;bottom:0;margin:0;text-align:center;font-size:10px;color:#a4b391}.device.buzz{animation:haptic .18s linear}@keyframes haptic{20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}.pause-cover{position:absolute;inset:13px;border-radius:106px;background:#000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pause-cover small{color:#b2bea0;font-size:11px}
.controls{background:#1c2118;border:1px solid #303829;border-radius:22px;padding:23px;min-width:0}.console-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.console-heading h2{font-size:17px;margin:0}.console-heading>span{font-size:10px;color:var(--muted)}.console-sub{font-size:12px;color:var(--muted);margin:9px 0 20px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.control-grid button{min-height:42px;background:#2a3123;border-radius:9px;padding:8px 6px;font-size:12px}.control-grid button:hover:not(:disabled){background:#39442d}.control-divider{height:1px;background:var(--line);margin:18px 0}.control-caption{font-size:12px;color:var(--muted);margin:0 0 10px}.full-width{width:100%}.preview-hint{font-size:11px;line-height:1.7;color:#bfd69e;min-height:38px;margin:14px 0 0}.adult-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#c5d0b8;margin-bottom:12px}.adult-toggle input{accent-color:var(--mint);width:16px;height:16px}.control-note{font-size:10px;line-height:1.8;color:#a2af92;margin:12px 0}.text-button{padding:10px 0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:#c1d4a9;min-height:40px}.error-note{font-size:12px;color:#ffcd9e;line-height:1.8}
.section-wrap{max-width:1120px;margin:auto;padding:70px 32px;border-top:1px solid var(--line)}.section-heading{margin-bottom:32px}.section-label{display:block;color:#adbf95;font-size:11px;letter-spacing:1.3px;margin-bottom:12px}.section-heading h2,.download-heading h2{font-size:clamp(28px,3.3vw,42px);line-height:1.35;letter-spacing:-1px;margin:0 0 14px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:640px;margin:0}.personality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.personality-grid article{min-width:0}.personality-grid img{display:block;background:#000;border-radius:24px;width:100%;height:220px;object-fit:contain;padding:25px}.personality-grid h3{font-size:18px;margin:20px 0 9px}.personality-grid p,.growth-note p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.growth-note{display:flex;align-items:center;gap:28px;margin-top:40px;padding:25px;background:#1b2215;border-radius:20px}.growth-note h3{font-size:17px;margin:0 0 8px}.growth-portraits{display:flex;align-items:center;flex-shrink:0;mix-blend-mode:lighten}.growth-portraits img{object-fit:contain}
.download-panel{border:1px solid #425235;background:#1b2414;border-radius:26px;padding:38px}.download-heading{display:flex;gap:20px;align-items:center;margin-bottom:15px}.download-heading h2{margin:0}.download-heading .section-label{margin-bottom:8px}.download-panel>p{font-size:13px;color:#b8c6a4}.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.download-panel .download-tip{font-size:12px;line-height:1.8}.release-facts{margin:26px 0}.release-facts>div{display:grid;grid-template-columns:100px 1fr;gap:16px;border-top:1px solid #34432a;padding:13px 0;font-size:12px;line-height:1.8}.release-facts dt{color:#9eaf88}.release-facts dd{margin:0;color:#d5dfc5}.beta-notice{border-left:2px solid #ad8f58;padding:2px 0 2px 18px}.beta-notice h3{font-size:14px;color:#e6d3b2;margin:0 0 10px}.beta-notice ul{padding-left:17px;margin:0;font-size:12px;line-height:1.9;color:#c8c1ab}.beta-notice li+li{margin-top:7px}.checksum{margin-top:24px;font-size:12px;color:#b5c3a0}.checksum summary{cursor:pointer;min-height:40px;padding:8px 0}.checksum p{line-height:1.9}.checksum code{display:block;word-break:break-all;color:#cfe9af;margin:12px 0 17px;font-size:11px}
.install-preflight{display:flex;gap:24px;align-items:start;padding:18px 22px;border:1px solid #3f4e32;border-radius:14px;margin:26px 0}.install-preflight strong{font-size:13px;color:var(--mint);flex-shrink:0}.install-preflight p{font-size:12px;line-height:1.9;color:#bac9a7;margin:0}.install-steps{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px;list-style:none;padding:0;margin:34px 0 0}.install-steps>li{min-width:0}.step-heading{display:flex;gap:14px;align-items:center}.step-heading>span{color:#a5bb87;font:18px ui-monospace,monospace}.step-heading h3{font-size:20px;margin:0}.install-steps p{font-size:13px;line-height:1.9;color:#b9c3ac;margin:15px 0}.install-steps .step-note{font-size:11px;color:#97a987}.step-note a,.image-credit a,.faq p a{text-decoration:underline;text-underline-offset:3px}.install-steps figure{margin:18px 0 0}.install-steps figure img{display:block;width:100%;height:245px;object-fit:contain;background:#080a07;border-radius:12px}.install-steps figure a{display:block}.install-steps figcaption{font-size:10px;color:#9bab8a;margin-top:9px;line-height:1.8}.download-example{height:273px;margin-top:18px;background:#202a18;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.download-example img{width:72px;height:72px}.download-example strong{font-size:15px}.download-example>span{font-size:12px;color:#9fb68c}.download-example .button{font-size:12px;min-height:40px;margin-top:7px}.image-credit{color:#89997a;font-size:10px;line-height:1.9;margin:32px 0 0}
.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:16px;cursor:pointer;padding:6px 0;min-height:40px}.faq details p{font-size:13px;line-height:1.95;color:#b2bfa3;max-width:860px;margin:16px 0 8px}.site-footer{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center;font-size:11px;color:#95a383;border-top:1px solid var(--line);padding:32px 24px}.site-footer a:hover{color:var(--mint)}
@media(max-width:1100px){.pet-hero{gap:20px;padding:36px 28px 60px;grid-template-columns:minmax(205px,1fr) 250px minmax(225px,1fr)}.controls{padding:18px}.hero-title{font-size:50px}.lede{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.topbar{padding:20px 28px}}
@media(max-width:820px){.pet-hero{grid-template-columns:1fr 1fr;max-width:700px;gap:30px}.intro{grid-column:1/-1}.hero-title br{display:none}.hero-title{font-size:48px;letter-spacing:-2px}.app-identity{margin-bottom:16px}.hero-actions{flex-direction:row;align-items:center;margin:20px 0 15px}.lede{margin:18px 0 10px}.hero-note{margin-bottom:0}.playground{height:660px}.controls{padding:20px}.personality-grid{gap:20px}.personality-grid img{height:170px;padding:15px}.growth-note{gap:16px}.download-panel{padding:28px}.topbar nav{gap:16px}.install-steps figure img{height:205px}.download-example{height:237px}}
@media(max-width:560px){.topbar{padding:17px 20px;gap:12px;align-items:flex-start}.brand{font-size:16px}.brand small{display:none}.topbar nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.nav-download{padding:3px 8px}.pet-hero{display:flex;flex-direction:column;padding:30px 22px 45px;gap:28px}.intro{width:100%}.eyebrow{margin-bottom:20px}.hero-title{font-size:43px;letter-spacing:-2px}.hero-title br{display:block}.hero-actions{gap:18px}.hero-note{font-size:11px}.playground{width:100%;height:662px}.controls{width:100%;max-width:390px;padding:24px}.control-grid button{min-height:46px;font-size:13px}.section-wrap{padding:46px 22px}.personality-grid{grid-template-columns:1fr;gap:28px}.personality-grid article{display:grid;grid-template-columns:116px 1fr;column-gap:20px}.personality-grid img{grid-row:1/3;width:116px;height:132px;padding:8px;border-radius:18px}.personality-grid h3{font-size:17px;margin:8px 0}.personality-grid p{font-size:12px}.growth-note{flex-direction:column;align-items:flex-start;padding:22px}.growth-portraits{align-self:center}.download-panel{padding:24px 20px}.download-heading{gap:12px;align-items:flex-start}.download-heading>img{width:46px}.download-heading h2{font-size:25px}.download-heading .section-label{font-size:10px}.download-actions{flex-direction:column;gap:10px}.release-facts>div{grid-template-columns:1fr;gap:4px}.download-tip{overflow-wrap:anywhere}.install-preflight{flex-direction:column;gap:8px;padding:18px}.install-steps{grid-template-columns:1fr;gap:30px}.install-steps figure img{height:auto;max-height:290px}.download-example{height:245px}.section-heading h2{font-size:28px}.faq summary{font-size:15px}.site-footer{gap:16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.device.buzz{animation:none;transition:none}.button:hover{transform:none}}