:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;background:#fffaf7;color:#13202b;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 88% 5%,#fff0de 0%,transparent 40%),#fffaf7}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{text-decoration:none;color:inherit}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0eae5;padding:0 clamp(22px,5vw,86px);background:rgba(255,255,255,.85);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand-mark{background:#f68a22;color:white;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:26px;transform:rotate(-12deg)}.topnav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:700}.nav-label{color:#64717d}.phase-pill{border:1px solid #f7d6bb;color:#b46526;border-radius:50px;padding:8px 11px;background:#fff7ee;letter-spacing:.8px}.shell{max-width:1240px;margin:auto;padding:60px 26px 64px}.intro{margin-bottom:42px}.eyebrow,.mini-label{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#9c5012}.eyebrow{margin:0 0 21px}.star{display:inline-block;font-size:18px;margin-right:5px}.intro h1{font-size:clamp(36px,5.8vw,67px);line-height:1.21;letter-spacing:-3px;margin:0 0 18px;font-weight:850}.intro h1 em{font-style:normal;color:#b85a09}.lead{font-size:16px;color:#6e7881;line-height:1.95;margin:0 0 22px}.subpoints{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;color:#6d7480;font-weight:650}.workspace{display:grid;grid-template-columns:1.03fr .97fr;gap:23px;align-items:start}.panel{background:#fff;border-radius:22px;border:1px solid #f0e8e0;box-shadow:0 18px 54px #4c32160b;min-width:0}.configure{padding:34px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:32px}.panel-heading h2{font-size:25px;letter-spacing:-.7px;margin:8px 0}.panel-heading p{font-size:13px;color:#626b76;line-height:1.7;margin:0}.panel-icon{display:grid;place-items:center;flex-shrink:0;background:#fff1e4;width:46px;height:46px;border-radius:14px;color:#f28b2f;font-size:22px}.block{margin-bottom:25px}.step-title{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;margin-bottom:15px}.step-no{display:grid;place-items:center;border-radius:9px;background:#fff0e2;color:#ee7f1d;width:32px;height:32px;font-size:13px}.input-row{display:flex;gap:9px}input{border:1px solid #dedfe1;border-radius:11px;background:#fff;padding:13px 15px;color:#101c26;font-size:16px;min-width:0;outline:none;transition:border-color .16s,box-shadow .16s}input:focus-visible{border-color:#f18b31;box-shadow:0 0 0 3px #ffe7d3}#address{flex:1;width:100%}.btn{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:15px 16px;min-height:48px;font-size:14px;font-weight:800;transition:filter .15s,transform .15s}.btn:not(:disabled):hover{filter:brightness(.96);transform:translateY(-1px)}.btn:focus-visible,.amount-btn:focus-visible{outline:3px solid #fbb876;outline-offset:2px}.btn.small{min-height:46px;padding:11px 16px}.btn.primary{background:#f58220;color:#13202b;box-shadow:0 6px 14px #e8892726}.btn.secondary{background:#fff;border:1px solid #d5dce1;color:#172735}.btn.wide{width:100%}.arrow{margin-left:auto}.hint{font-size:11px;color:#596570;line-height:1.7;margin:10px 0 0}.provider-status{font-size:12px;background:#f7f8f9;border:1px solid #eceff1;border-radius:9px;padding:10px 12px;color:#858f9c;margin-top:13px}.provider-status.success{background:#f0faf5;border-color:#caead5;color:#18794e}.provider-status.error{background:#fff1ef;border-color:#ffd1c9;color:#bd4c36}.divider{border-bottom:1px solid #eef0f1;margin:27px 0}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-btn{border:1.5px solid #e8e9eb;border-radius:14px;background:#fff;min-height:88px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#16212b}.amount-btn strong{font-size:24px;letter-spacing:-.7px}.amount-btn small{font-size:11px;color:#838a93}.amount-btn.selected{border-color:#f58220;background:#fff8f1;color:#a34c05}.amount-btn.selected small{color:#b56c26}.custom-label{font-size:12px;font-weight:650;color:#78838d;display:block;margin:18px 0 8px}.custom-input{width:100%}.notice{font-size:12px;line-height:1.7;padding:12px;border-radius:10px;background:#fff1ec;color:#a8432e;margin-bottom:15px}.privacy-note{text-align:center;color:#626b76;font-size:11px;margin:13px 0 0}.privacy-note span{font-size:17px;color:#f5a151;margin-right:4px}.preview-panel{padding:23px}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 20px}.preview-mode{font-size:11px;color:#647587}.dot{display:inline-block;background:#34bd91;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:4px}.creator-card{border:1px solid #eff0f1;border-radius:17px;overflow:hidden;text-align:center;padding-bottom:27px;background:white}.card-cover{height:147px;background:linear-gradient(125deg,#f6a450,#fbd7a7 46%,#fdf0d9);position:relative;overflow:hidden}.card-cover:before{content:'';height:170px;width:280px;border:1px solid #ffffffa3;border-radius:90px;position:absolute;transform:rotate(40deg);left:-95px;top:35px}.card-cover:after{content:'';height:200px;width:300px;border:1px solid #fff9;border-radius:70px;position:absolute;right:-80px;top:55px;transform:rotate(30deg)}.cover-geometry{position:absolute;border-radius:50%;background:#fff5;filter:blur(.5px)}.g1{width:80px;height:80px;top:-25px;right:90px}.g2{width:32px;height:32px;bottom:13px;left:26%}.cover-label{position:absolute;left:25px;bottom:20px;color:#704822;font-weight:900;font-size:10px;letter-spacing:2px}.avatar{margin:-38px auto 16px;border:5px solid white;position:relative;background:#151e29;color:#f4a333;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:43px;transform:rotate(-9deg)}.creator-card h2{font-size:22px;margin:0 14px 11px;letter-spacing:-.5px}.creator-description{font-size:13px;color:#7a858f;line-height:1.9;margin:0 20px 23px}.recipient{margin:0 24px 20px;background:#f8f9f9;padding:12px 15px;border-radius:10px;text-align:left;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.recipient span{color:#626b76;white-space:nowrap}.recipient strong{font-weight:700;text-align:right;overflow-wrap:anywhere}.waiting{margin:0 24px;padding:35px 12px;border:1.5px dashed #e6e7e9;border-radius:13px}.waiting-icon{display:inline-grid;place-items:center;width:43px;height:43px;background:#fff3e4;border-radius:50%;color:#e8892e;font-size:28px}.waiting h3{font-size:15px;margin:12px 0 9px}.waiting p{color:#626b76;font-size:12px;line-height:1.7;margin:0}.preview-foot{display:flex;gap:6px;align-items:center;padding:17px 10px 3px;font-size:11px;color:#626b76}.invoice-panel{margin:0 24px}.invoice-amount{display:block;font-size:14px;color:#7a838d}.invoice-amount strong{font-size:26px;color:#17232e}.qr-shell{display:inline-grid;place-items:center;border:1px solid #e7eaed;background:white;border-radius:15px;padding:15px;margin:13px 0}.qr-shell img{width:225px;height:225px;max-width:100%}.expiry{font-size:12px;color:#a17438;margin:0 0 14px}.wallet-btn{margin:0 0 9px}.confirmation-warning{font-size:11px;color:#7e8792;line-height:1.75;margin:15px 0 0}.future{text-align:center;margin:84px auto 0;max-width:730px}.future>span{font-size:11px;letter-spacing:1.5px;font-weight:850;color:#c47836}.future h2{font-size:27px;letter-spacing:-1px;margin:12px 0}.future p{font-size:13px;color:#626b76;line-height:1.8}.future-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.future-tags span{border:1px solid #f0ddd0;background:#fff;border-radius:30px;padding:11px 16px;font-size:12px;color:#a16431;font-weight:700}.footer{padding:23px 20px;border-top:1px solid #f3ece7;text-align:center;color:#626b76;font-size:11px}.footer span{color:#eb8d27}[hidden]{display:none!important}@media(max-width:820px){.shell{padding:40px 17px 52px}.intro h1{letter-spacing:-1.8px}.workspace{grid-template-columns:1fr}.configure{padding:25px}.preview-panel{padding:18px}.nav-label{display:none}.topbar{height:66px}.brand{font-size:18px}.brand-mark{width:34px;height:34px;font-size:22px}.future{margin-top:57px}}@media(max-width:420px){.subpoints{gap:12px}.creator-card h2{font-size:19px}.amount-btn strong{font-size:21px}.input-row{gap:6px}#address{font-size:16px}.topbar{padding:0 16px}}

/* Phase 1: small screens, readable controls and invoice fallbacks. */
textarea{font:inherit;font-size:16px;width:100%;min-height:80px;resize:vertical;border:1px solid #bac2c8;border-radius:10px;padding:10px;overflow-wrap:anywhere;margin-bottom:14px}textarea:focus-visible,.invoice-panel:focus-visible{outline:3px solid #a34c05;outline-offset:3px}.unverified{font-size:13px;font-weight:700;color:#8b430d;background:#fff2e4;padding:10px;border-radius:8px}.provider-status{overflow-wrap:anywhere}.qr-shell{display:block;width:min(100%,352px);padding:12px;margin:13px auto}.qr-shell img{display:block;width:100%;height:auto;aspect-ratio:1}.expiry{color:#795019}.phase-pill{white-space:nowrap}.brand{white-space:nowrap}.btn{overflow-wrap:anywhere}.topbar{gap:8px}@media(max-width:420px){.configure{padding:20px}.preview-panel{padding:12px}.invoice-panel,.recipient,.waiting{margin-left:12px;margin-right:12px}.panel-heading{gap:8px}.panel-heading h2{font-size:22px}.phase-pill{font-size:9px;padding:7px}.brand{font-size:16px;gap:7px}.topnav{gap:0}.preview-head{gap:8px}.shell{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.phase-pill,.step-no,.amount-btn.selected small,.future>span{color:#8b430d}.amount-btn small,.custom-label,.creator-description,.invoice-amount,.confirmation-warning,.provider-status,.lead,.subpoints,.privacy-note,.preview-foot,.preview-mode,.waiting p,.future p{color:#596570}

.payment-comment-field{margin:19px 0 23px}.payment-comment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.payment-comment-heading label{font-size:12px;font-weight:700}.payment-comment-heading label span{font-size:10px;color:#596570;font-weight:400;margin-left:5px}.comment-count{font-size:11px;color:#596570;white-space:nowrap}.payment-comment-field textarea{display:block;width:100%;resize:vertical;min-height:88px;border:1px solid #d8dce0;border-radius:11px;background:#fff;color:#13202b;font:inherit;font-size:16px;line-height:1.7;padding:11px 12px}.payment-comment-field textarea:focus-visible{outline:3px solid #9c5012;outline-offset:3px}.payment-comment-field textarea:disabled{background:#f5f6f7;color:#596570}.payment-comment-field textarea[aria-invalid=true]{border-color:#a8432e}.payment-comment-field .hint{font-size:10px;line-height:1.8}
.qr-shell img{image-rendering:pixelated}