.account__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: var(--sp-8); }
.account__intro { max-width: 32rem; padding-block: var(--sp-5); }
.account__intro h1 { font-size: clamp(2.5rem, 5vw, 4.6rem); line-height: 1.04; margin-block: var(--sp-4); }
.account__panel { padding: var(--sp-5); }
.account__panel form, [data-account-view] { display: grid; gap: var(--sp-4); }
.account__panel [hidden] { display: none !important; }
.account__title { font-size: var(--t-d3); margin: 0; }
.account__status { color: var(--fg); margin-bottom: var(--sp-4); overflow-wrap: anywhere; }
.account__note { font-size: var(--t-sm); margin-block: var(--sp-3); }
.account__ou { display: grid; gap: var(--sp-3); border-top: 1px solid var(--line); padding-top: var(--sp-4); }
.account__ou .account__note { margin-block: 0; text-align: center; }
.account__actions, .account__paths { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.account__actions--between { justify-content: space-between; }
.account__interests { border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--sp-4); display: grid; gap: var(--sp-2); min-width: 0; }
.account__interests legend { padding-inline: var(--sp-2); font-weight: 700; }
.account__interests label { display: flex; align-items: center; gap: var(--sp-3); min-height: 44px; cursor: pointer; }
.account__interests input { width: 20px; height: 20px; flex: none; accent-color: var(--purple-bright); }
.account input[type='text'], .account input[type='email'] { width: 100%; min-width: 0; }
.account button { min-height: 44px; }
.account__records { display:grid; gap:var(--sp-4); margin-block:var(--sp-4); }
.account__record { border:1px solid var(--line); border-radius:var(--r-md); padding:var(--sp-3); overflow-wrap:anywhere; }
.account__record p { white-space:pre-wrap; }
.account button:disabled { cursor: wait; opacity: 0.65; }
@media (max-width: 850px) { .account__grid { grid-template-columns: 1fr; gap: var(--sp-4); } .account__intro { padding-block: 0; } }