@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800&display=swap";:root{--bg: #fff4eb;--bg-accent: #ffe0ef;--surface: #ffffff;--ink: #3a2430;--muted: #8a6574;--line: #ffd0c2;--brand: #e53935;--brand-dark: #c62828;--brand-soft: #ffeceb;--accent: #ff8a65;--sky: #4fc3f7;--danger: #c62828;--danger-bg: #fff1f0;--ok: #2e7d32;--ok-bg: #e8f5e9;--radius: 22px;--shadow: 0 18px 40px rgba(229, 57, 53, .14);font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;line-height:1.55;font-weight:500;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(255,138,101,.35),transparent 32%),radial-gradient(circle at 88% 0%,rgba(79,195,247,.28),transparent 28%),radial-gradient(circle at 80% 80%,rgba(255,128,171,.22),transparent 35%),linear-gradient(180deg,var(--bg) 0%,#fff8f2 45%,var(--bg-accent) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}#root{min-height:100vh}.page{position:relative;max-width:720px;margin:0 auto;padding:28px 16px 48px;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0}.blob-a{width:160px;height:160px;top:-20px;right:-30px;background:#ff8a6559;animation:floaty 6s ease-in-out infinite}.blob-b{width:120px;height:120px;bottom:40px;left:-40px;background:#4fc3f747;animation:floaty 7.5s ease-in-out infinite reverse}.hero,.card,.footer-note{position:relative;z-index:1}.hero{margin-bottom:20px}.hero-brand{display:flex;align-items:center;gap:16px}.akabeko-badge{flex:0 0 auto;width:108px;height:108px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(160deg,#fff,#ffe8e4);border:3px solid #ffb4a8;box-shadow:0 10px #e539351f,var(--shadow);overflow:hidden}.akabeko-icon{width:96px;height:78px}.birth-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.birth-part{display:inline-flex;align-items:center;gap:6px;font-weight:700}.birth-part select{width:auto;min-width:4.5rem}.weekday-label{margin-left:4px;padding:8px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-weight:800;font-size:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#28141e73}.modal-dialog{width:min(100%,420px);background:#fff;border:3px solid #ffc6b8;border-radius:22px;box-shadow:var(--shadow);padding:24px 22px;display:grid;gap:18px;justify-items:center;text-align:center}.complete-card{display:grid;gap:22px}.complete-lead{margin:0;font-size:1.2rem;font-weight:800;text-align:center;color:var(--brand-dark)}.complete-block{display:grid;gap:10px;padding-top:4px;border-top:1px dashed #ffd0c2}.complete-block:first-of-type{border-top:0;padding-top:0}.complete-block p{margin:0;font-weight:700;line-height:1.6}.linkish{display:inline-block;border:0;background:none;padding:0;color:#1565c0;font-weight:800;font-size:.95rem;text-decoration:underline;word-break:break-all;cursor:pointer;text-align:left}.complete-hint{margin:0}.hero-copy{min-width:0}.hero-kicker{margin:0 0 6px;color:var(--brand);font-size:.95rem;font-weight:800;letter-spacing:.02em}.hero h1{margin:0 0 8px;font-size:clamp(1.7rem,5vw,2.15rem);line-height:1.2;font-weight:800;color:var(--ink)}.hero p{margin:0;color:var(--muted);font-size:.95rem}.card{background:var(--surface);border:3px solid #ffc6b8;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px 24px}.form-grid{display:grid;gap:16px}.field{display:grid;gap:8px}.field label,.field-label{font-weight:700;font-size:.95rem}.field .hint{color:var(--muted);font-size:.8rem}.field input,.field select{width:100%;border:2px solid #ffd5c8;border-radius:16px;padding:12px 14px;background:#fffaf7;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #e539351f;background:#fff}.field input:disabled,.field select:disabled{background:#f7f0ed;color:var(--muted)}.radio-row{display:flex;gap:8px}.radio-row-one-line{flex-wrap:nowrap;width:100%}.radio-chip{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:10px 8px;border:2px solid #ffd5c8;border-radius:999px;background:#fffaf7;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.radio-chip input{position:absolute;opacity:0;pointer-events:none}.radio-chip:has(input:checked){background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);box-shadow:0 4px #e539351f}.radio-chip span{white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}button.primary{border:0;border-radius:999px;padding:14px 28px;background:linear-gradient(135deg,#ff7043,#e53935 55%,#d32f2f);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px #b71c1c;transition:transform .12s ease,box-shadow .12s ease}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px #b71c1c}button.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 5px #b71c1c}button.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 4px #b71c1c}button.secondary{border:2px solid #ffd0c2;border-radius:999px;padding:12px 18px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.alert{border-radius:16px;padding:12px 14px;font-size:.95rem;font-weight:700;margin-bottom:4px}.alert.error{background:var(--danger-bg);color:var(--danger);border:2px solid #ffcdd2}.alert.success{background:var(--ok-bg);color:var(--ok);border:2px solid #a5d6a7}.field-error{color:var(--danger);font-size:.82rem;font-weight:700}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floaty{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(12px) scale(1.05)}}@media(max-width:520px){.hero-brand{flex-direction:column;align-items:flex-start}.radio-chip{font-size:.78rem;padding:10px 4px;gap:4px}}
