.story-profile{min-height:100vh;background:radial-gradient(ellipse at 20% 0,#ece0fc,transparent 50%),#fffcf5;color:#241346;font-family:Nunito,Arial,sans-serif;padding-bottom:50px}.story-profile a{text-decoration:none;color:inherit}.story-profile button{font:inherit;cursor:pointer}.story-profile header{background:#29134e;color:white;min-height:66px;padding:12px 5%;display:flex;gap:25px;align-items:center}.story-profile header>a{display:flex;align-items:center;gap:15px}.story-profile header img{width:110px}.story-profile header>span{font-size:10px;letter-spacing:2px;color:#b9a0d8}.story-profile header>button{margin-left:auto;display:flex;align-items:center;gap:8px;background:none;border:0;color:white;font-size:12px}.profile-container{max-width:1180px;width:90%;margin:auto}.profile-hero{display:flex;align-items:center;gap:40px;padding:55px 0 35px}.profile-portrait{width:170px;height:170px;position:relative;flex-shrink:0}.profile-portrait>img{width:100%;height:100%;object-fit:contain}.profile-portrait button{position:absolute;bottom:10px;right:5px;border:3px solid #fff9e9;border-radius:50%;background:#ffd650;color:#593180;width:40px;height:40px;display:grid;place-items:center}.profile-eyebrow{font-size:10px;letter-spacing:1.5px;color:#a47744;font-weight:800}.profile-hero h1,.profile-picker h1,.profile-welcome h1{font-size:38px;font-weight:1000;margin:10px 0}.profile-hero p,.profile-picker p{color:#8d72a0;font-size:14px}.profile-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:#6824c5;color:white!important;padding:13px 21px;font-size:13px;font-weight:800;cursor:pointer}.profile-picker{padding:60px 0;text-align:center}.profile-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:25px;gap:25px;max-width:900px;margin:35px auto}.profile-choices>button{border:2px solid transparent;border-radius:20px;background:#f0e5f680;padding:20px;display:flex;align-items:center;flex-direction:column;position:relative;gap:10px;color:#64447f}.profile-choices>button[aria-pressed=true]{border-color:#935acc}.profile-add>span,.profile-choices img{width:130px;height:130px;object-fit:contain}.profile-add>span{display:grid;place-items:center;border:2px dashed #c4a9dc;border-radius:50%;color:#9978b0}.profile-choices>button>svg{position:absolute;right:12px;top:12px}.profile-loading,.profile-welcome{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.profile-welcome>img{width:150px}.profile-welcome p{max-width:430px;color:#8c729f;line-height:1.7}.child-profile-form{display:flex;flex-direction:column;gap:20px;padding-top:10px}.form-avatar{width:100px;height:100px;align-self:center}.child-profile-form>label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#75568b}.child-profile-form input{padding:12px;border:1px solid #cdb9db;border-radius:10px;font:inherit}.child-profile-form fieldset{border:1px solid #e7dceb;border-radius:12px;padding:12px}.child-profile-form legend{font-size:13px;color:#89609e}.avatar-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;max-height:270px;overflow:auto}.avatar-options button{background:#f8f3fa;border:2px solid transparent;border-radius:14px;padding:4px;cursor:pointer}.avatar-options button[aria-pressed=true]{border-color:#9966c6;background:#e7d3f6}.avatar-options img{width:100%;aspect-ratio:1;object-fit:contain}.story-profile :focus-visible{outline:3px solid #b889d3;outline-offset:4px}@media(max-width:700px){.profile-hero{flex-direction:column;text-align:center;padding:30px 0;gap:10px}.profile-portrait{width:135px;height:135px}.profile-hero h1,.profile-picker h1,.profile-welcome h1{font-size:29px}.profile-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-add>span,.profile-choices img{width:100px;height:100px}.story-profile header>span{display:none}.profile-picker{padding:30px 0}.avatar-options{grid-template-columns:repeat(4,minmax(0,1fr))}}