@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:92px;height:92px;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);animation:bob 2.8s ease-in-out infinite}.akabeko-icon{width:76px;height:70px}.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}}
