:root{--text:#4a4458;--text-h:#1a1523;--bg:#faf9fe;--card-bg:#fff;--border:#e8e5ef;--accent:#7c3aed;--accent-light:#ede9fe;--accent-glow:#7c3aed26;--code-bg:#f5f3ff;--green:#059669;--green-bg:#ecfdf5;--green-border:#a7f3d0;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;color:var(--text);background:var(--bg);font:16px/1.5 Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}@media (prefers-color-scheme:dark){:root{--text:#a8a3b3;--text-h:#f0edf5;--bg:#0f0d15;--card-bg:#1a1725;--border:#2e2a3a;--accent:#a78bfa;--accent-light:#a78bfa1f;--accent-glow:#a78bfa33;--code-bg:#1e1b2e;--green:#34d399;--green-bg:#34d3991a;--green-border:#34d3994d;--red:#f87171;--red-bg:#f871711a;--red-border:#f871714d}}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse at 20% 0%, var(--accent-glow) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #ec489914 0%, transparent 50%), var(--bg)}body.srr-bg{background:radial-gradient(at 25% 20%,#ffffff26 0%,#0000 55%),linear-gradient(135deg,#4ba9ee 0%,#2286d3 60%,#1a72c2 100%)}*{box-sizing:border-box}.container{justify-content:center;align-items:center;max-width:440px;height:100%;margin:0 auto;padding:24px 16px;display:flex}@media (width>=768px){.container{padding:40px 20px}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;padding:28px 20px;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000a}@media (width>=768px){.card{padding:32px 24px}}.header-icon{margin-bottom:8px;font-size:40px}.campaign-logo{width:100%;max-width:280px;height:auto;margin:0 0 16px;display:block}h1{color:var(--text-h);margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.35}.campaign-badge{color:var(--accent);background:var(--accent-light);letter-spacing:.03em;border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.intro{margin:4px 0 0}.subtitle{color:var(--text);margin:0 0 10px;font-size:15px;line-height:1.6}.note{color:var(--text);background:var(--code-bg);border:1px solid var(--border);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.step{flex-direction:column;gap:12px;margin-top:20px;display:flex}label{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}input{border:2px solid var(--border);background:var(--card-bg);color:var(--text-h);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input:disabled{opacity:.6}.detect-hint{color:var(--accent);align-items:center;gap:4px;margin:-4px 0 0;font-size:13px;font-weight:500;display:flex}.detect-hint:before{content:"✓";font-size:12px}button{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-style:normal;font-weight:700;transition:transform .1s,box-shadow .2s}button:hover:not(:disabled){box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.link-btn{color:var(--accent);background:0 0;padding:4px 0;font-size:14px;font-weight:500;text-decoration:none}.link-btn:hover:not(:disabled){text-decoration:underline}.info{color:var(--text);font-size:14px}.error{color:var(--red);background:var(--red-bg);border:1px solid var(--red-border);border-radius:10px;margin-top:8px;padding:10px 14px;font-size:14px}.success{color:var(--green);background:var(--green-bg);border:1px solid var(--green-border);text-align:center;border-radius:12px;padding:14px 16px;font-size:18px;font-weight:700}.success:before{content:"🎉 "}.tagging{color:var(--accent);text-align:center;font-style:normal}.tagging:before{content:"";border:2px solid var(--accent);vertical-align:middle;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.success-section{gap:16px}.benefit-box{background:var(--accent-light);border:1px solid var(--accent);text-align:center;border-radius:12px;padding:20px}.benefit-title{color:var(--accent);margin:0 0 8px;font-size:18px;font-weight:700}.benefit-title:before{content:"🎁 "}.benefit-desc{color:var(--text-h);margin:0;font-size:14px;line-height:1.6}.download-label{color:var(--text-h);text-align:center;margin:4px 0 0;font-size:14px;font-weight:600}.store-buttons{gap:10px;display:flex}.store-btn{color:var(--text-h);background:var(--border);border:1px solid var(--border);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .1s;display:inline-flex}.store-btn:hover{transform:translateY(-1px)}.srr-container{align-items:center;max-width:520px;padding:32px 16px}@media (width>=768px){.srr-container{padding:48px 20px}}.srr-form{background:#fffffff5;border-radius:20px;flex-direction:column;gap:24px;width:100%;padding:32px 24px;display:flex;box-shadow:0 4px 12px #1e64aa26,0 20px 40px #1e64aa2e}@media (width>=768px){.srr-form{padding:40px 32px}}.srr-header{text-align:center}.srr-steps-indicator{justify-content:center;align-items:center;gap:8px;max-width:200px;margin:0 auto 16px;display:flex}.srr-step-num{background:var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.srr-step-num.active,.srr-step-num.done{color:#fff;background:#0dc4d9}.srr-step-line{background:var(--border);flex:1;max-width:60px;height:2px}.srr-step-line.active{background:#0dc4d9}.srr-title{color:var(--text-h);text-align:center;margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.4}@media (width>=768px){.srr-title{font-size:26px}}.srr-subtitle{color:var(--text);text-align:center;margin:0;font-size:14px;line-height:1.6}.srr-fields{flex-direction:column;gap:20px;display:flex}.srr-field{flex-direction:column;gap:6px;display:flex}.srr-label{color:var(--text-h);text-transform:none;letter-spacing:0;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.badge-required{color:#fff;background:#f04b3f;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.badge-optional{color:#fff;background:#7a8a99;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.srr-help{color:var(--text);margin:0 0 4px;font-size:12px;line-height:1.5}.srr-input{border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s}.srr-input:focus{border-color:#0dc4d9;box-shadow:0 0 0 3px #0dc4d926}.srr-submit{color:#fff;cursor:pointer;background:#0dc4d9;border:none;border-radius:6px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:background .15s}.srr-submit:hover:not(:disabled){box-shadow:none;background:#0aa9bc;transform:none}.srr-submit:disabled{opacity:.5;cursor:not-allowed}.srr-code-step{flex-direction:column;gap:16px;display:flex}.srr-link{color:#0aa9bc;align-self:center}.srr-form .detect-hint{color:#0aa9bc}.debug-box{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:12px}.debug-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:11px}.debug-token{color:#4ade80;word-break:break-all;background:0 0;padding:0;font-size:12px;display:block}