.account-page{min-height:100vh;background:var(--paper,#f3efe6);color:var(--ink,#30291f)}
.account-main{max-width:960px;padding-block:clamp(2rem,6vw,5rem)}
.account-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.92rem}
.account-nav a{text-decoration:none}
.account-shell{max-width:720px;margin-inline:auto}
.account-heading{margin-bottom:2rem;text-align:center}
.account-heading h1{margin:.25rem 0 .6rem}
.account-panel{padding:clamp(1.25rem,4vw,2.25rem);border:1px solid color-mix(in srgb,var(--gold,#9b7637) 35%,transparent);border-radius:1rem;background:color-mix(in srgb,#fff 74%,transparent);box-shadow:0 18px 50px rgba(55,42,24,.08)}
.account-grid{display:grid;gap:1.25rem}.account-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-form{display:grid;gap:1rem}.account-form label{display:grid;gap:.4rem;font-weight:600}.account-form input,.account-form textarea,.account-form select{width:100%;padding:.78rem .85rem;border:1px solid #a89980;border-radius:.55rem;background:#fff;color:inherit;font:inherit}.account-form textarea{min-height:9rem;resize:vertical}.account-form input:focus-visible,.account-form textarea:focus-visible,.account-form select:focus-visible{outline:3px solid rgba(155,118,55,.3);outline-offset:2px;border-color:#7b5924}
.account-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.account-actions .button{cursor:pointer}.button.secondary{background:transparent;color:inherit;border:1px solid currentColor}.button[disabled]{cursor:not-allowed;opacity:.55}
.account-message{margin:1rem 0;padding:.8rem 1rem;border-radius:.55rem;background:#eee4d3}.account-message[data-kind="error"]{background:#f8ded9;color:#73291f}.account-message[data-kind="success"]{background:#dfeadd;color:#254925}.account-message:empty{display:none}
.account-help{font-size:.92rem;color:#655c50}.account-list{display:grid;gap:.75rem;padding:0;list-style:none}.account-item{padding:1rem;border:1px solid rgba(91,73,45,.2);border-radius:.7rem;background:rgba(255,255,255,.45)}
.media-row{display:grid;grid-template-columns:72px 1fr auto;gap:.8rem;align-items:center}.media-row img{width:72px;height:56px;object-fit:cover;border-radius:.4rem}.media-row-controls{display:flex;gap:.35rem}.media-row-controls button{min-width:2.25rem;min-height:2.25rem}
.status-pill{display:inline-block;padding:.18rem .55rem;border-radius:99px;background:#e9dfcc;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.account-section{margin-top:2rem}.account-section h2{margin-bottom:.8rem}.hidden{display:none!important}
.terms-list{display:grid;gap:.6rem}.terms-list label{display:flex;align-items:flex-start;gap:.65rem;font-weight:400}.terms-list input{width:auto;margin-top:.25rem}
.account-footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.5rem;border-top:1px solid rgba(91,73,45,.18);font-size:.85rem}
@media(max-width:700px){.account-page .header-inner{align-items:flex-start;flex-direction:column;padding-block:.75rem}.account-nav{width:100%;justify-content:flex-start}.account-grid.two{grid-template-columns:1fr}.account-actions{align-items:stretch}.account-actions .button{width:100%;text-align:center}.account-heading h1{font-size:clamp(2.7rem,14vw,4rem);overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.account-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}