:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,"PingFang SC","Hiragino Sans GB","Microsoft Yahei",sans-serif;color:#46270e;background:#f6f6f7;--orange:#ed3e09;--brown:#7f260b;--paper:#fff0bd}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f6f6f7}button,input,select{font:inherit}.page{width:min(100%,375px);min-height:100vh;margin:0 auto;background:#ffbe6a;box-shadow:0 0 18px rgba(52,30,8,.14);overflow:hidden;padding-bottom:86px}.feedback-bar{position:fixed;z-index:30;top:0;left:50%;transform:translateX(-50%);width:min(100%,375px);height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 17px;background:#fff;color:#000;font-size:14px}.feedback-copy{display:flex;align-items:center;gap:3px;white-space:nowrap}.feedback-copy img{width:15px;height:14px;object-fit:contain}.feedback-bar>button{height:26px;padding:0 9px;border:1px solid #bbb;border-radius:13px;background:#fff;color:#000;font-size:12px}.hero-art{height:255px;margin-top:35px;background:url('/assets/top.png') center top/375px 255px no-repeat}.custom-form-wrap{position:relative;margin-top:-5px;padding-top:43px}.custom-title{position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);width:335px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c1704;text-align:center;background:linear-gradient(#ffd98a,#fff0bc);border:2px solid #ec8c1e;border-radius:5px;box-shadow:0 4px 9px rgba(118,50,5,.18)}.custom-title:before,.custom-title:after{content:"";position:absolute;top:24px;width:48px;height:1px;background:#df6b1c}.custom-title:before{left:14px}.custom-title:after{right:14px}.custom-title b{color:#ea310a;font:700 15px "STKaiti","KaiTi",serif;letter-spacing:.08em}.custom-title span{margin-top:2px;font-size:11px;color:#7d3e18}.parchment{position:relative;min-height:338px;margin:0;padding:54px 23px 25px 94px;background:linear-gradient(90deg,#f4be54 0,#fff1b8 7%,#fff7d3 50%,#fff1b8 93%,#f4be54 100%);border-top:7px solid #ef6d17;border-bottom:7px solid #db4a08;box-shadow:inset 15px 0 18px rgba(213,132,26,.2),inset -15px 0 18px rgba(213,132,26,.2),0 7px 14px rgba(120,50,5,.18)}.parchment:before,.parchment:after{content:"";position:absolute;z-index:1;top:-13px;bottom:-13px;width:24px;border-radius:13px;background:linear-gradient(90deg,#e9590e,#ff9b22 50%,#d33d05);box-shadow:inset 0 0 0 2px rgba(255,205,93,.7),0 3px 7px rgba(107,43,4,.24)}.parchment:before{left:8px}.parchment:after{right:8px}.score-seal{position:absolute;z-index:2;left:28px;top:75px;width:57px;height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #f0a126;border-radius:50%;background:radial-gradient(circle,#fff3b8,#ffd16c);box-shadow:0 2px 8px rgba(146,68,8,.16),inset 0 0 0 4px rgba(255,245,196,.75)}.score-seal strong{color:#e8380a;font-size:24px;line-height:1}.score-seal span{position:absolute;top:65px;width:72px;color:#ea3709;font-size:11px;font-weight:700;text-align:center}.form-row{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}.compact-row{grid-template-columns:1.28fr .72fr}.field{display:grid;gap:4px;min-width:0}.field>span,.gender-field legend{padding:0;color:#6d3518;font-size:12px;font-weight:700}.field input,.field select{width:100%;height:39px;padding:0 9px;border:1px solid #e0a54b;border-radius:5px;outline:none;background:rgba(255,253,231,.92);color:#3c2919;font-size:13px;box-shadow:inset 0 1px 3px rgba(126,72,17,.08)}.field input:focus,.field select:focus{border-color:#ef4e13;box-shadow:0 0 0 2px rgba(239,78,19,.12)}.gender-field{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:0;border:0}.gender-field legend{grid-column:1/-1;margin-bottom:4px}.gender-field label{position:relative}.gender-field input{position:absolute;opacity:0}.gender-field label span{height:39px;display:grid;place-items:center;border:1px solid #e0a54b;border-radius:5px;background:rgba(255,253,231,.92);color:#754423;font-size:13px}.gender-field input:checked+span{border-color:#ec4310;color:#fff;background:linear-gradient(#f46a1f,#d93709);box-shadow:0 2px 4px rgba(181,57,8,.2)}.form-error{min-height:18px;margin:0;color:#d92d09;font-size:11px;line-height:18px}.generate-btn{width:100%;height:43px;border:0;border-radius:22px;color:#fff6d6;background:linear-gradient(#f45715,#cf2f05);box-shadow:inset 0 0 0 1px #ffac4d,0 4px 8px rgba(170,51,5,.24);font-size:15px;font-weight:700;letter-spacing:.06em}.intro-copy{margin:0;padding:18px 24px 12px;color:#542605;font-family:"STKaiti","KaiTi",serif;font-size:14px;font-weight:700;line-height:1.65;background:#ffbe6a}.intro-copy::first-letter{color:#ed2f09}.report-image{width:360px;margin:0 auto}.report-image img{display:block;width:360px;height:auto}.service-note{padding:16px 12px 24px;text-align:center;background:#ffbe6a;color:#392619;font-size:12px}.service-note p{margin:0 0 12px}.service-note div{display:flex;justify-content:center;align-items:center;gap:16px}.service-note button{padding:0;border:0;background:none;color:#d00e28;font-weight:700}.fixed-action{position:fixed;z-index:25;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,375px);height:70px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);padding-bottom:env(safe-area-inset-bottom)}.fixed-action button{display:block;width:335px;height:54px;padding:0;border:0;background:none}.fixed-action img{display:block;width:335px;height:auto}.dialog{position:fixed;z-index:60;inset:0;display:none;place-items:center;padding:22px}.dialog.show{display:grid}.dialog-mask{position:absolute;inset:0;background:rgba(30,15,4,.68)}.dialog-card{position:relative;width:min(100%,335px);padding:30px 23px 22px;border:3px solid #d76417;border-radius:9px;text-align:center;background:linear-gradient(#fff5cf,#ffe09a);box-shadow:inset 0 0 0 4px #f7b541,0 20px 60px rgba(39,18,3,.42)}.dialog-close{position:absolute;right:10px;top:7px;border:0;background:none;color:#854119;font-size:24px}.dialog-seal{width:55px;height:55px;display:grid;place-items:center;margin:auto;border:4px double #e98b25;border-radius:50%;color:#fff6cf;background:#d63808;font:700 27px "STKaiti","KaiTi",serif}.dialog-card h2{margin:14px 0 8px;color:#992407;font-size:20px}.dialog-card p{margin:0 0 17px;color:#714324;font-size:13px;line-height:1.65}.dialog-confirm{width:100%;height:42px;border:0;border-radius:21px;background:#d83a09;color:#fff4d1;font-weight:700}.toast{position:fixed;z-index:80;left:50%;bottom:88px;transform:translate(-50%,10px);padding:9px 15px;border-radius:17px;background:rgba(48,29,16,.9);color:#fff;opacity:0;transition:.2s;font-size:12px;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:16px 0}.feedback-bar{top:16px}.page{border-radius:4px}.fixed-action{bottom:16px;border-radius:0 0 4px 4px}}@media(max-width:360px){.page,.feedback-bar,.fixed-action{width:100%}.hero-art{height:245px;background-size:360px 245px}.custom-title{width:322px}.parchment{padding-left:88px}.score-seal{left:24px}.fixed-action button,.fixed-action img{width:322px}}