*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fcf7f4;color:#3d2630;font-family:Georgia,serif}main{max-width:650px;margin:0 auto;padding:clamp(64px,11vh,120px) 24px;text-align:center}.eyebrow{letter-spacing:.22em;font:700 12px system-ui;color:#8e5e70}h1{font-size:clamp(42px,8vw,76px);line-height:1.04;margin:30px 0}p{font-size:19px;line-height:1.7}.notice,.upload{background:#fff;border:1px solid #eadde2;border-radius:18px;padding:28px;margin:34px 0;box-shadow:0 4px 26px #3d263010}.notice h2,.upload h2{font-size:24px}.notice p,.upload p{font-size:16px}.pick{display:block;border:2px dashed #be9aab;border-radius:12px;padding:24px;cursor:pointer;font:600 16px system-ui}.pick input{display:block;margin:12px auto 0;max-width:100%}.help,.privacy{font:13px/1.7 system-ui;color:#785d68}.selection{font-weight:700}.challenge{display:flex;justify-content:center;margin-top:20px}button{border:0;border-radius:999px;padding:16px 30px;background:#835269;color:#fff;font-size:16px;margin:24px 0;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}small{display:block;font:13px system-ui;color:#785d68}body{background:radial-gradient(ellipse at 50% 0%,#ffeaf1,#fff7f9,#fffafc)}main{max-width:860px;padding:72px 20px 45px}main>h1{color:#432339}.notice,.upload{max-width:650px;margin:34px auto}.qr-section{margin:88px auto 72px;padding:0 12px}.section-heading{max-width:560px;margin:0 auto 30px}.section-heading h2{font-size:clamp(30px,5vw,45px);line-height:1.15;margin:18px auto;color:#432339}.section-heading p{font-size:16px;color:#855a71}.qr-poster{width:min(100%,410px);margin:auto;background:#fff1f5;padding:15px;box-shadow:0 18px 48px #6b3f5b29;aspect-ratio:720/1040}.qr-poster-inner{width:100%;height:100%;border:2px solid #d3a2b5;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;padding:25px 14px 18px;color:#432339}.qr-top{font:700 11px/1.4 system-ui;letter-spacing:.2em;color:#855a71;margin-bottom:17px}.qr-headline{font:bold clamp(30px,6vw,48px)/1 Georgia,serif}.qr-headline em{font-weight:400}.qr-subhead{font:12px/1.5 system-ui;color:#855a71;margin:16px 0 20px}.qr-code-box{background:#fff;width:min(82%,270px);aspect-ratio:1;padding:12px;display:flex;align-items:center;justify-content:center}.qr-code-box svg{width:100%;height:100%}.qr-callout{font:700 14px system-ui;letter-spacing:.08em;margin-top:22px}.qr-bottom{font:12px/1.5 system-ui;color:#855a71;margin-top:10px}.qr-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px auto 16px}.qr-actions button{margin:0;padding:13px 18px;font-size:13px;font-weight:600}.button-primary{background:#86516c}.button-soft{background:#f2dce6;color:#5d3149}.share-link{max-width:520px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:0 auto;padding:12px;border-radius:12px;border:1px solid #ead1dc;background:#fff}.share-link span{font:13px/1.6 system-ui;overflow-wrap:anywhere}.share-link button{margin:0;font:600 13px system-ui;padding:10px 14px;background:#7f4b66}.qr-footnote,.qr-feedback{font:13px/1.6 system-ui;color:#855a71;max-width:480px;margin:16px auto}@media (max-width:480px){.qr-section{padding:0;margin-top:55px}.qr-poster-inner{padding:17px 12px}.qr-top{margin-bottom:13px}.qr-headline{font-size:clamp(26px,9vw,39px)}.qr-subhead{margin:12px 0}.qr-code-box{width:min(80%,245px)}.qr-callout{margin-top:13px;font-size:11px}.qr-bottom{font-size:10px}.qr-actions button{flex:1 1 140px}}