:root{font-family:Space Grotesk,Noto Sans JP,sans-serif;color:#11233b;background:radial-gradient(circle at top,rgba(246,190,93,.45),transparent 30%),linear-gradient(135deg,#f6efe5,#d9e8f5,#f4f8fb)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;border-radius:999px;padding:.9rem 1.4rem;font:inherit;font-weight:700;color:#f8fafc;background:linear-gradient(135deg,#0f2f52,#2667a7);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 14px 30px #0f2f5238}button:hover:enabled{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.8}.app-shell{display:grid;place-items:center;min-height:100vh;padding:2rem}.panel{width:min(100%,680px);padding:2rem;border:1px solid rgba(17,35,59,.08);border-radius:28px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #1e293b1f}.eyebrow{margin:0 0 .75rem;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2667a7}h1{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.description{margin:1rem 0 1.5rem;max-width:42rem;line-height:1.7}.result{margin-top:1.5rem;padding:1rem 1.2rem;border-radius:18px;background:#0f2f520f;overflow-wrap:anywhere}.error{color:#b42318}@media(max-width:640px){.panel{padding:1.5rem}}