@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#edf1ff;color:#202a4b;font-family:'Noto Sans SC',sans-serif}.app{position:relative;isolation:isolate;min-height:100svh;max-width:720px;margin:auto;padding:22px 22px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(150deg,#f9faff 0%,#eff1ff 48%,#f8f4ff 100%)}.glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.65}.glow-a{width:420px;height:420px;background:#c8d3ff;top:-220px;right:-180px}.glow-b{width:360px;height:360px;background:#ead1ff;bottom:-180px;left:-210px}header{display:flex;align-items:center;gap:12px;color:#8490ad;font-size:12px;z-index:2}header a{max-width:220px;color:#4259c8;text-decoration:none;font-weight:700;letter-spacing:.1px;line-height:1.35}.progress{display:flex;gap:4px;flex:1;min-width:45px}.progress i{display:block;height:4px;flex:1;border-radius:99px;background:#dce2f4;transition:background .45s,transform .45s}.progress i.active{background:linear-gradient(90deg,#4e6dea,#8559e8);transform:scaleY(1.3)}#stepCount{font:600 12px Outfit,'Noto Sans SC';white-space:nowrap}.chat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(170px,29vh,250px) 12px 20px}.avatar-wrap{position:fixed;top:76px;left:calc(50% - 62px);width:124px;height:124px;display:grid;place-items:center;pointer-events:none;z-index:4;animation:roam 13s cubic-bezier(.5,0,.4,1) infinite}.orbit{position:absolute;border-radius:50%;border:1px solid #7284ed2b}.orbit-one{width:116px;height:116px;animation:spin 7s linear infinite}.orbit-two{width:93px;height:93px;border-style:dashed;animation:spin 11s linear infinite reverse}.spark{position:absolute;color:#8a75f0;font-size:15px;animation:twinkle 1.4s ease-in-out infinite}.spark-a{left:-5px;top:19px}.spark-b{right:-5px;bottom:22px;animation-delay:.65s}.avatar{position:relative;width:76px;height:76px;border-radius:50%;background:#fff;box-shadow:0 14px 30px #5d62ca42,inset 0 -5px 0 #e8ebff,inset 0 3px 4px #fff;animation:bounce .72s ease-in-out infinite alternate}.ear{position:absolute;top:8px;width:22px;height:30px;background:linear-gradient(150deg,#9bafff,#7057e4);border-radius:14px 14px 7px 7px;z-index:-1;box-shadow:inset 0 3px 4px #fff5}.ear-left{left:-9px;transform:rotate(-30deg);animation:earLeft .7s ease-in-out infinite alternate}.ear-right{right:-9px;transform:rotate(30deg);animation:earRight .7s ease-in-out infinite alternate}.tuft{position:absolute;top:-9px;left:28px;width:23px;height:15px;border-radius:100% 0 100% 0;background:linear-gradient(140deg,#bdc9ff,#8069ec);transform:rotate(-30deg);box-shadow:11px 7px 0 -4px #a99afa}.face{position:absolute;inset:13px 11px 12px;display:block;border-radius:48%;background:linear-gradient(145deg,#fff,#f7f8ff)}.face:before,.face:after{content:'';position:absolute;width:8px;height:4px;border-radius:50%;background:#ffbad1;top:28px}.face:before{left:1px}.face:after{right:1px}.eye{position:absolute;top:16px;width:7px;height:11px;border-radius:50%;background:#3c4874;animation:blink 3.4s infinite}.eye-left{left:15px}.eye-right{right:15px;animation-delay:.06s}.brow{position:absolute;top:11px;width:10px;height:4px;border-top:2px solid #5d6793;border-radius:50%;opacity:.65}.brow-left{left:13px;transform:rotate(-10deg)}.brow-right{right:13px;transform:rotate(10deg)}.mouth{position:absolute;width:14px;height:7px;border-bottom:2px solid #68729d;border-radius:50%;bottom:10px;left:50%;transform:translateX(-50%);animation:smile 2.4s ease-in-out infinite}.mascot-arm{position:absolute;top:61px;width:24px;height:14px;background:linear-gradient(145deg,#fefeff,#e8ebff);border-radius:12px;z-index:-1;box-shadow:0 3px 7px #5864b222}.mascot-arm i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;right:-4px;top:3px}.arm-left{left:8px;transform:rotate(145deg)}.arm-right{right:8px;transform:rotate(35deg);transform-origin:100% 50%;animation:wave 1.2s ease-in-out infinite}.avatar-wrap.thinking .avatar{animation:ponder 1.1s ease-in-out infinite}.avatar-wrap.thinking .eye-right{height:3px;top:20px}.avatar-wrap.thinking .mouth{width:7px;height:4px;border:2px solid #68729d;border-top:0;border-radius:0 0 8px 8px}.avatar-wrap.typing .eye{height:4px;top:20px;border-radius:50%}.avatar-wrap.typing .mouth{width:18px;height:10px;border-bottom-width:3px}.avatar-wrap.celebrate{animation:celebrate .75s ease-in-out 2!important}.avatar-wrap.celebrate .avatar{animation:joy .38s ease-in-out 3}.avatar-wrap.celebrate .eye{height:4px;top:21px}.avatar-wrap.celebrate .mouth{width:21px;height:13px;border:0;background:#f18cae;border-radius:0 0 14px 14px}.avatar-wrap.wave .arm-right{animation:bigWave .22s ease-in-out 7}.avatar-wrap.success .avatar{animation:successJump .45s ease-in-out 4}.avatar-wrap.success .eye{height:4px;top:21px}.avatar-wrap.success .mouth{width:23px;height:15px;border:0;background:#ef91af;border-radius:0 0 15px 15px}.bubble{max-width:490px;padding:19px 23px;border:1px solid #e0e5fa;border-radius:23px 23px 23px 7px;background:#fff;box-shadow:0 12px 35px #202d5610;color:#263455;font-size:clamp(18px,4.6vw,23px);font-weight:700;line-height:1.55}.chat p{margin:13px 0 0;color:#7884a2;font-size:13px}.answer{width:100%;max-width:540px;margin:0 auto auto;min-height:128px}.swap{animation:enter .42s cubic-bezier(.22,.8,.32,1) both}.field{width:100%;border:1px solid #dfe5f5;border-radius:20px;background:#fff;box-shadow:0 12px 32px #253b7510;padding:16px 18px;color:#253252;font:500 17px 'Noto Sans SC';outline:0;transition:border .2s,box-shadow .2s}.field:focus{border-color:#6379ed;box-shadow:0 0 0 4px #6d80ec18}.field.textarea{min-height:128px;resize:vertical}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{min-height:57px;border:1px solid #dde4f5;border-radius:17px;background:#ffffffc9;color:#34415f;font:600 16px 'Noto Sans SC';cursor:pointer;box-shadow:0 7px 20px #3044770a;transition:transform .18s,border .18s,background .18s,color .18s}.choice:hover{transform:translateY(-2px);border-color:#8293ee}.choice.selected{border-color:#5c72e9;background:linear-gradient(135deg,#566fe8,#805be7);color:#fff;box-shadow:0 10px 24px #5a62d43d}.actions{width:100%;max-width:540px;margin:20px auto 0;display:flex;gap:10px}.actions button{height:55px;border:0;border-radius:18px;font:700 16px 'Noto Sans SC';cursor:pointer;transition:transform .18s,opacity .18s}.actions button:active{transform:scale(.98)}.next{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;background:linear-gradient(105deg,#4e6deb,#8059e8);box-shadow:0 12px 25px #4f61d542}.back{display:none;padding:0 15px;color:#64718e;background:#fff;border:1px solid #e2e7f4!important}.back.show{display:block}.success{text-align:center;padding-top:8px}.success .tick{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 19px;border-radius:50%;background:#dcf7ef;color:#18a784;font-size:35px}.success h2{margin:0;color:#213156;font-size:25px}.success p{margin:10px 0;color:#77849e;font-size:14px}@keyframes enter{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes roam{0%,100%{transform:translate(-42vw,0) rotate(-8deg)}22%{transform:translate(39vw,13vh) rotate(12deg)}48%{transform:translate(19vw,53vh) rotate(-10deg)}72%{transform:translate(-42vw,36vh) rotate(9deg)}}@keyframes bounce{to{transform:translateY(-11px) rotate(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes smile{50%{width:18px;height:10px;bottom:8px}}@keyframes earLeft{to{transform:rotate(-43deg)}}@keyframes earRight{to{transform:rotate(43deg)}}@keyframes twinkle{50%{transform:scale(.35) rotate(30deg);opacity:.3}}@keyframes wave{50%{transform:rotate(63deg)}}@keyframes bigWave{50%{transform:rotate(100deg) translateY(-8px)}}@keyframes ponder{50%{transform:translate(10px,4px) rotate(13deg)}}@keyframes celebrate{50%{transform:translate(10vw,-14vh) rotate(18deg) scale(1.14)}}@keyframes joy{50%{transform:translateY(-26px) rotate(16deg) scale(1.1)}}@keyframes successJump{50%{transform:translateY(-38px) rotate(360deg) scale(1.16)}}@media(max-width:500px){.app{padding:18px 18px max(25px,env(safe-area-inset-bottom))}header a{max-width:165px;font-size:11px}.chat{padding-top:178px}.avatar-wrap{top:68px;transform:scale(.86)}.bubble{font-size:19px;padding:17px 18px}.options{grid-template-columns:1fr}.choice{min-height:52px}@keyframes roam{0%,100%{transform:translate(-37vw,0) rotate(-8deg)}22%{transform:translate(34vw,12vh) rotate(12deg)}48%{transform:translate(17vw,49vh) rotate(-10deg)}72%{transform:translate(-36vw,33vh) rotate(9deg)}}}