body{color:#313a57;background:radial-gradient(ellipse 70% 420px at 4% 0%,#e9e0ff70,transparent),radial-gradient(ellipse 50% 370px at 95% 3%,#fff2ca66,transparent),linear-gradient(#fff,#fbf8ff);font-family:"Noto Sans JP",sans-serif}
.wrap{width:90%;max-width:1180px;padding:28px 0 70px}.account-back{display:inline-block;margin-bottom:24px;color:#8d79b9;font-size:12px}.hero{width:auto;margin:0;padding:0 0 32px;background:none;overflow:visible}.hero:before,.hero:after{display:none}.hero .eyebrow{display:none}.hero h1{font-family:"M PLUS 2",sans-serif;font-size:clamp(40px,6vw,85px);font-weight:800;letter-spacing:.06em;line-height:1.05;margin:0;background:linear-gradient(#725ad3,#a98ff1 52%,#efb0d5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .account-subtitle{font-size:16px;font-weight:700;letter-spacing:.15em;color:#313a57;margin:10px 0 24px}.hero p{font-size:14px;max-width:650px;color:#74809d}.card{border-color:#e7dff5;background:transparent}.field input{border:1px solid #e0d6f4;border-radius:12px;padding:12px 14px;background:#ffffffba}.field{max-width:620px}.btn{border-radius:999px;border-color:#d9ccef;color:#8065c5}.btn.primary{background:linear-gradient(110deg,#9673eb,#b095f5);border-color:#ac90e9;color:#fff}.btn.primary:hover{background:#9270dc}.btn.danger{border-color:#c88998;color:#8f2942}.profile-avatar-field{display:flex;align-items:center;gap:24px;margin:32px 0}.profile-avatar-preview{display:grid;place-items:center;width:96px;height:96px;flex:0 0 96px;border-radius:50%;border:1px solid #dbcef5;background:#f3edff;color:#9b7bd6;overflow:hidden;font-size:44px}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar-field .btn{margin:0 6px 8px 0}.profile-avatar-field .muted{margin:4px 0;max-width:460px}.avatar-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.profile-avatar-field:has(.avatar-file-input:focus-visible) label{outline:3px solid #9b88d2;outline-offset:3px}
@media(max-width:620px){.wrap{padding-top:24px}.profile-avatar-field{align-items:flex-start;gap:16px}.profile-avatar-preview{width:72px;height:72px;flex-basis:72px}.hero h1{font-size:clamp(36px,10vw,60px)}.profile-avatar-field .btn{font-size:11px;padding:9px 14px}.hero .account-subtitle{font-size:14px}}