:root{--primary-color:#ff7eb3;--secondary-color:#ff758c;--bg-color:#fff0f5;--text-main:#333;--text-muted:#666;--glass-bg:#ffffffe6;--glass-border:#ffb6c199;--glass-shadow:0 10px 30px #ff758c26;--card-radius:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);background-image:linear-gradient(135deg,#fff5f8 0%,#ffe4e1 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Noto Sans JP,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:1rem;padding:2rem}h1{text-align:center;color:var(--secondary-color);margin-bottom:1rem;font-size:1.6rem;font-weight:700;line-height:1.4}h2{color:var(--text-main);text-align:left;margin-bottom:1rem;font-size:1.15rem;font-weight:700;line-height:1.5}p{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff758c66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff758c99}.btn-primary:active{transform:translateY(1px)}.btn-affiliate{background:linear-gradient(45deg,#ff4757,#ff6b81);margin-top:1rem;animation:2s infinite pulse;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff475766}.btn-affiliate:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.btn-option{border:2px solid var(--glass-border);width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.2rem 1rem;font-size:.95rem;font-weight:700;line-height:1.4;transition:all .2s;box-shadow:0 2px 5px #00000005}.btn-option:hover{border-color:var(--primary-color);background:#fff0f5;transform:translate(5px)}.progress-container{background:#ffe4e1;border-radius:10px;width:100%;height:8px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius:10px;height:100%;transition:width .4s}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}