*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#153960}body{margin:0;background:radial-gradient(ellipse at 50% 36%,#a4dafe 0,#d7eeff 42%,#eff8ff 100%);min-height:100dvh}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8a02d;outline-offset:3px}.top{height:72px;padding:10px clamp(15px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#ffffffdf;border-bottom:1px solid #cfe7f8}.logo{font-weight:950;font-size:28px;text-decoration:none;color:#046db5}.logo small{font-weight:800;font-size:9px;letter-spacing:.08em;display:block;color:#63829d}.return{font-size:13px;font-weight:850;text-decoration:none;color:#0c609d;background:white;border:1px solid #b9d8eb;border-radius:13px;padding:10px 14px}main{max-width:1220px;padding:28px 18px 55px;margin:0 auto}.intro-demo{text-align:center;margin:0 auto 28px;max-width:680px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:#056ba7}.intro-demo h1{font-size:clamp(30px,4vw,48px);margin:12px 0}.intro-demo p{color:#507391;line-height:1.5}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:25px;align-items:stretch}.pet-zone{min-height:580px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 18px 22px;border:1px solid #9dcdf2;border-radius:32px;background:radial-gradient(circle at 50% 40%,#a9e3ff,#22528a 75%);box-shadow:0 15px 42px #21538c15;overflow:hidden}.bubble{position:absolute;top:33px;left:50%;transform:translateX(-50%);min-width:180px;max-width:85%;white-space:normal;text-align:center;border-radius:20px;padding:12px 18px;background:#ffffffec;box-shadow:0 9px 28px #094f8a22;font-weight:850;font-size:14px}.pet{width:min(88%,380px);height:330px;display:flex;justify-content:center;align-items:center;border:none;background:transparent;filter:drop-shadow(0 14px 19px #133f7d4d);transition:transform .25s;z-index:1}.pet img{height:100%;max-width:100%;object-fit:contain;animation:breathe 3s ease-in-out infinite}.pet.wave{animation:wave .6s ease-in-out 2}.pet.eat{animation:eat .38s ease-in-out 3}.pet.bounce{animation:bounce .62s ease-in-out 2}.pet.sleep{filter:brightness(.86);transform:scale(.95)}.pet.hug{animation:hug .7s ease-in-out 2}.fx{min-height:34px;text-align:center;font-size:22px;color:white;letter-spacing:.1em}.action-grid{margin-top:4px;display:grid;width:min(100%,530px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;z-index:2}.action-grid button{color:#195186;border:1px solid #cfe5ff;background:#f7fcff;border-radius:14px;padding:12px 7px;font-weight:800;font-size:13px}.action-grid button span{display:inline-block;margin-left:4px}.action-grid button:hover{background:#dff4ff}.talk-zone{border:1px solid #cae4f5;background:#ffffffed;border-radius:28px;padding:24px;box-shadow:0 15px 42px #21538c16;display:flex;flex-direction:column;gap:10px}.talk-zone h2{margin:0;font-size:23px}.sub,.foot{font-size:13px;color:#557a99;line-height:1.5;margin:0}.messages{height:220px;overflow-y:auto;padding:8px;background:#f3f9ff;border:1px solid #dcecf9;border-radius:15px;display:flex;flex-direction:column;gap:9px}.messages p{max-width:92%;border:1px solid #d8e8f7;border-radius:14px;padding:10px 13px;line-height:1.5;font-size:14px;margin:0;background:white}.messages .user{background:#c9ecff;align-self:flex-end}.messages .assistant{align-self:flex-start}.suggestions{display:flex;gap:6px;flex-wrap:wrap}.suggestions button{background:#eaf7ff;border:1px solid #c1e4fa;color:#184c7b;border-radius:13px;padding:10px 11px;font-size:12px;font-weight:800}#form{display:flex;gap:8px}#question{flex:1;min-width:0;border:1px solid #b7d8ee;border-radius:12px;padding:12px 11px;font-size:14px}#form button{background:#009de9;border:none;border-radius:12px;padding:0 16px;color:white;font-size:22px;font-weight:850}.notice{background:#edf7ff;border-radius:12px;padding:12px;color:#416884;font-size:12px;line-height:1.45}.primary{display:block;padding:15px 18px;text-align:center;text-decoration:none;color:white;background:linear-gradient(105deg,#137be5,#00a9da);font-weight:900;border-radius:15px}.foot{font-size:11px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes breathe{50%{transform:translateY(-5px) scale(1.015)}}@keyframes wave{50%{transform:rotate(5deg) translateY(-8px)}}@keyframes eat{50%{transform:scale(1.08)}}@keyframes bounce{50%{transform:translateY(-32px)}}@keyframes hug{50%{transform:scale(1.07) rotate(-4deg)}}@media(max-width:820px){.two-col{grid-template-columns:1fr}.pet-zone{min-height:495px;padding-top:70px}.pet{height:260px}.talk-zone{padding:18px}.intro-demo{margin-bottom:20px}}@media(max-width:380px){.action-grid button{padding:10px 2px;font-size:11px}.action-grid button span{display:block;margin:4px 0 0}.pet-zone{padding-inline:10px}.bubble{font-size:12px}.messages{height:185px}}@media(prefers-reduced-motion:reduce){.pet,.pet img{animation:none!important;transition:none!important}}

@media(max-width:820px){.pet-zone{padding-top:110px}.pet-zone .pet{height:240px}.pet-zone .bubble{z-index:3}}