*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#2e0d45,#4e1675);color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{max-width:500px;text-align:center;background:#ffffff14;border:1px solid rgba(183,113,229,.3);border-radius:24px;padding:40px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}h1{font-size:26px;margin-bottom:12px;margin-top:20px;font-weight:700}.subtitle{font-size:14px;color:#dcbaf2;margin-bottom:32px;line-height:1.6}.qr-box{background:#fff;padding:20px;border-radius:16px;margin-bottom:32px;box-shadow:0 8px 32px #0000004d}.qr-box img{width:100%;max-width:280px;height:auto;border-radius:12px;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.instructions{background:#b771e51f;border:1px solid rgba(183,113,229,.3);border-radius:12px;padding:20px;text-align:left;margin-bottom:20px}.instructions h3{font-size:14px;font-weight:700;margin-bottom:12px;color:#b771e5}.instructions ol{list-style-position:inside;font-size:13px;line-height:1.8;color:#dcbaf2}.instructions li{margin-bottom:10px}.mobile-note{font-size:12px;color:#b1eb99;background:#b1eb991a;border:1px solid rgba(177,235,153,.3);border-radius:8px;padding:12px;margin-top:16px}.footer{margin-top:32px;font-size:12px;color:#fff9}.line-id{font-family:Inter,monospace;font-size:12px;color:#b1eb99;margin-top:12px;word-break:break-all}.steps{margin:0 0 24px;text-align:left}.step{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#b771e51a;border:1px solid rgba(183,113,229,.25);border-radius:12px;margin-bottom:12px}.step-num{font-family:Inter,sans-serif;font-weight:800;font-size:18px;color:#b771e5;min-width:32px;line-height:1.3}.step-title{font-weight:700;font-size:14px;margin-bottom:4px;color:#fff}.step-desc{font-size:13px;color:#dcbaf2;line-height:1.6}