.profile-shell{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:clamp(1.25rem,4vw,3.5rem);width:min(1180px,100% - 2.5rem);margin-inline:auto;padding-block:clamp(2rem,5vw,5rem);display:grid}.profile-sidebar{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:1.2rem;position:sticky;top:98px}.profile-sidebar nav{margin-block:.7rem 1.2rem;display:grid}.profile-sidebar nav a{border-bottom:1px solid var(--line);color:var(--cocoa-soft);padding-block:.7rem;font-size:.78rem;font-weight:750}.profile-sidebar nav a:hover{color:var(--tomato-dark)}.profile-sidebar>p:last-child{color:var(--muted);margin:0;font-size:.68rem}.profile-content{min-width:0}.profile-page-heading{margin-bottom:2rem}.profile-page-heading h1{letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,6vw,5.4rem);font-weight:500;line-height:.98}.profile-page-heading>p:last-child{max-width:48rem;color:var(--muted)}.profile-form{gap:1.5rem;display:grid}.profile-section-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.profile-section-heading h2,.profile-danger-zone h2{margin:0}.profile-data-note{background:var(--basil-light);color:var(--basil);white-space:nowrap;border-radius:99px;padding:.35rem .65rem;font-size:.62rem;font-weight:800}.profile-intro{color:var(--muted);margin:-.75rem 0 0;font-size:.78rem}.profile-input-with-unit{display:block;position:relative}.profile-input-with-unit .text-input{padding-right:3.2rem}.profile-input-with-unit>span{color:var(--muted);font-size:.72rem;font-weight:700;position:absolute;top:50%;right:.9rem;translate:0 -50%}.profile-preference-grid,.profile-textarea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.profile-preference-grid fieldset,.profile-accessories{border:1px solid var(--line);border-radius:13px;padding:1rem}.profile-preference-grid legend,.profile-accessories legend{color:var(--cocoa-soft);letter-spacing:.05em;text-transform:uppercase;padding-inline:.35rem;font-size:.7rem;font-weight:850}.profile-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.profile-check,.profile-accessory,.profile-switch{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.65rem;min-height:44px;padding:.65rem .75rem;display:flex}.profile-check input,.profile-accessory input,.profile-switch input{width:18px;height:18px;accent-color:var(--tomato);flex:none}.profile-check span{font-size:.7rem;font-weight:700}.profile-switch{align-self:end;min-height:74px}.profile-switch strong,.profile-switch small,.profile-accessory strong,.profile-accessory small{display:block}.profile-switch strong,.profile-accessory strong{font-size:.74rem}.profile-switch small,.profile-accessory small{color:var(--muted);font-size:.64rem;font-weight:500}.profile-accessories{margin-top:1.5rem}.profile-disliked{grid-column:1/-1}.profile-accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.profile-form-actions{justify-content:flex-end;display:flex}.profile-danger-zone{border-color:#e3b1a7;gap:1rem;margin-top:1.5rem;display:grid}.profile-danger-zone>div:first-child>p:last-child{max-width:50rem;color:var(--muted);margin-bottom:0;font-size:.76rem}.profile-delete-button{color:#942719;cursor:pointer;background:#fff1ee;border:1px solid #b62e1b;border-radius:11px;min-height:48px;padding:.8rem 1.1rem;font-size:.76rem;font-weight:850}.profile-delete-button:hover{color:#fff;background:#942719}.profile-delete-button:disabled,.profile-form button:disabled,.profile-form fieldset:disabled{cursor:not-allowed;opacity:.62}@media (max-width:900px){.profile-shell{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.profile-sidebar nav a{border:1px solid var(--line);border-radius:10px;padding:.7rem}.profile-accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.profile-shell{width:min(100% - 1.4rem,680px)}.profile-section-heading,.profile-form-actions{flex-direction:column;align-items:stretch}.profile-preference-grid,.profile-textarea-grid,.profile-accessory-grid,.profile-check-grid,.profile-form .form-grid{grid-template-columns:1fr}.profile-form-actions .button,.profile-delete-button{width:100%}}
