:root{color:#4b1507;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.page{background:#f6f2ea;min-height:100vh}.hero{background:linear-gradient(126deg,#ffac2df2 0%,#ff5210fa 38%,#d80d14 100%),radial-gradient(circle at 18% 15%,#ffe4788c,#0000 26%);min-height:calc(100vh - 124px);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";background:repeating-linear-gradient(#0000 0 22px,#ffd16f33 22px 30px),linear-gradient(#ff671a38,#750d0f42);width:min(24vw,180px);height:48vh;position:absolute;bottom:0}.hero:before{clip-path:polygon(0 18%,100% 35%,100% 100%,0 100%);left:0}.hero:after{clip-path:polygon(0 35%,100% 18%,100% 100%,0 100%);right:0}.shine{background:#ffdc8052;border-radius:999px;width:150px;height:16px;position:absolute;transform:rotate(-45deg)}.shine-left{top:7%;left:6%}.shine-right{background:#ffee998a;width:72px;top:10%;right:7%}.coin{z-index:1;aspect-ratio:1;color:#9b5a12;background:radial-gradient(circle at 32% 28%,#fff6b8 0 18%,#f2bd35 52%,#ce7d16 100%);border-radius:50%;place-items:center;width:clamp(44px,7vw,72px);font-weight:800;display:grid;position:absolute;transform:rotate(-24deg);box-shadow:0 12px 26px #6212073d}.coin-one{top:48%;left:7%}.coin-two{top:30%;right:6%}.coin-three{width:clamp(34px,5vw,54px);top:47%;right:12%}.content{z-index:2;align-content:center;gap:28px;width:min(100%,760px);min-height:100vh;margin:0 auto;padding:clamp(42px,6vh,72px) 22px 34px;display:grid;position:relative}.headline{text-align:center;color:#fff8cf;text-shadow:0 5px 10px #5c160073}.headline h1{color:#fff7c3;letter-spacing:0;margin:0;font-size:clamp(42px,9vw,72px);font-weight:900}.headline p{justify-content:center;align-items:center;gap:16px;margin:16px 0 0;font-size:clamp(24px,5vw,40px);font-weight:700;display:flex}.headline span{background:linear-gradient(90deg,#0000,#ffeaa5,#0000);width:clamp(40px,12vw,108px);height:2px;display:block}.generator{gap:18px;display:grid}.qr-panel{background:linear-gradient(#ffa92db8,#e7140ec2 78%);border:2px solid #fff2a6d1;border-radius:24px;width:min(100%,596px);margin:0 auto;overflow:hidden;box-shadow:0 28px 64px #5a060459}.qr-code{margin:clamp(26px,5vw,36px) auto clamp(20px,4vw,28px);display:block;box-shadow:0 16px 34px #68110838;width:min(78vw,480px)!important;height:min(78vw,480px)!important}.qr-code canvas{display:block;width:100%!important;height:100%!important}.cta{color:#6f190d;text-align:center;background:linear-gradient(#fff3b5,#ffd485);padding:22px 18px 26px;font-size:clamp(24px,5vw,34px);font-weight:900}.controls{color:#4b1507;background:#f6f2ea;gap:10px;width:min(100%,596px);margin:0 auto;padding:18px 18px 16px;display:grid}.controls label{font-size:15px;font-weight:700}.controls input{color:#4b1507;background:#fff;border:1px solid #6538213d;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 14px}.controls input:focus{border-color:#ff6a22;box-shadow:0 0 0 4px #ff6a2229}.meta{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.meta span{color:#4b1507a8;font-size:13px}.actions{gap:10px;display:flex}.meta .warn,.error{color:#b84a0c}.meta button{color:#781d0c;cursor:pointer;background:linear-gradient(#fff4bb,#ffc86e);border:1px solid #fff2b8e6;border-radius:8px;min-height:38px;padding:0 14px;font-weight:800}.meta button.primary{color:#fff;background:linear-gradient(#ff7a1c,#ef3e0b);border-color:#f25515}.error{margin:0;font-size:14px}@media (width<=520px){.content{gap:22px;padding-inline:16px}.headline p{gap:10px}.meta{flex-direction:column;align-items:stretch}.actions{width:100%}.actions button{flex:1}.coin-three{display:none}.qr-panel{border-radius:18px}.qr-code{width:min(78vw,390px)!important;height:min(78vw,390px)!important}}