/* Banner artwork uses vectors, so every design remains crisp at phone and desktop sizes. */
.appearance-heading{height:auto;padding:0 0 1rem;flex-wrap:nowrap}
html[data-mode=light] .button:not(.secondary){color:var(--bg)}
.profile-banner,.sanctuary-hero,.appearance-mini-sanctuary,.banner-swatch{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 0,var(--banner-a),transparent 75%),var(--banner-b)!important}.profile-banner::before,.sanctuary-hero::before,.appearance-mini-sanctuary::before,.banner-swatch::before{content:"";position:absolute;inset:0;background-image:var(--banner-art);background-size:auto 100%;background-position:right center;background-repeat:no-repeat;opacity:.2;z-index:-1;pointer-events:none}.profile-banner::before{opacity:.14}.sanctuary-orbit{display:none}.profile-banner h1,.profile-banner h2{color:#f3eee5}.profile-banner .profile-selected-title .eyebrow{color:var(--banner-ink)}.profile-banner .badge{color:#e5c67b!important;border-color:#bfa367!important}.profile-banner .rank-badge{color:var(--rank-color)!important;border-color:var(--rank-color)!important}.profile-banner .collectible-title{color:var(--collectible-color)!important;border-color:var(--collectible-color)!important}.profile-banner .profile-badges small{color:inherit}.profile-banner .progress-caption{color:#c7cdd1!important}.sanctuary-hero .sanctuary-title{position:static;display:block;margin-top:1.7rem;max-width:100%;overflow-wrap:anywhere}.appearance-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin:1rem 0 3rem}.appearance-heading h1{font:clamp(2.8rem,5vw,4.9rem)/1.06 Georgia,serif;letter-spacing:-.04em;margin:.5rem 0 1.2rem}.appearance-heading p{max-width:38rem;color:var(--muted);line-height:1.8}.appearance-counts{display:flex;gap:1.3rem;padding-bottom:.5rem}.appearance-counts span{display:flex;flex-direction:column;white-space:nowrap;font-size:.7rem;color:var(--muted);gap:.4rem}.appearance-counts b{font:2.1rem Georgia,serif;color:var(--text)}.appearance-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:2rem;align-items:start}.appearance-preview{position:sticky;top:1rem;min-width:0}.appearance-mini-profile{padding:1.8rem 1rem;text-align:center;border:1px solid var(--line)}.appearance-mini-profile .avatar.large{width:86px;height:86px;margin:.9rem 0}.appearance-mini-profile h2{font:1.6rem Georgia,serif;margin:.6rem 0;overflow-wrap:anywhere}.appearance-mini-profile .decorative-reader-title{font-size:1rem;line-height:1.5}.appearance-mini-profile .profile-badges{gap:.6rem;margin-top:1rem}.appearance-mini-profile .collectible-title{font-size:.7rem}.appearance-mini-profile .exclusive-rank{font-size:.7rem}.appearance-preview-label{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.56rem;color:var(--banner-ink)}.appearance-mini-sanctuary{padding:1.4rem;margin:1rem 0;color:#f3eee5;border:1px solid color-mix(in srgb,var(--banner-ink) 40%,transparent)}.appearance-mini-sanctuary h3{font:1.6rem/1.3 Georgia,serif;margin:.8rem 0}.appearance-mini-sanctuary>span:last-child{font:italic .85rem Georgia,serif;color:var(--banner-ink)}.appearance-preview .small-note{font-size:.7rem!important}.appearance-save{display:grid;gap:.6rem;margin-top:1.5rem}.appearance-save .button{width:100%;white-space:normal}.appearance-save [role=status]{font-size:.75rem;line-height:1.6;color:var(--muted);min-height:3.5rem}.appearance-tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:1.5rem}.appearance-tabs button{font:inherit;font-size:.8rem;white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:1rem .8rem;border-bottom:2px solid transparent;cursor:pointer}.appearance-tabs [aria-selected=true]{color:var(--text);border-color:var(--gold)}.appearance-tools{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.appearance-tools>.check{grid-column:1/-1}.appearance-tools[hidden]{display:none}.appearance-tools .author-field{margin:0}.appearance-studio .author-field input,.appearance-studio .author-field select{min-width:0}.appearance-comfort,.banner-destination{padding:1rem;border:1px solid var(--line);margin:1rem 0}.banner-destination{display:flex;align-items:end;gap:1rem}.banner-destination .author-field{flex:1;margin:0}.banner-destination button{white-space:normal}.appearance-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.theme-card,.banner-card,.decorative-title-card,.saved-appearance-look{border:1px solid var(--line);padding:1rem;min-width:0;background:var(--panel)}.theme-card>.button,.banner-card>.button{width:100%;white-space:normal}.theme-sample{height:145px;padding:1.2rem;background:var(--sample-bg);color:var(--sample-text);border:1px solid var(--sample-panel);display:flex;flex-direction:column;gap:.6rem}.theme-sample span{font:1.1rem Georgia,serif}.theme-sample i{height:3px;background:var(--sample-text);opacity:.3;width:90%}.theme-sample i:nth-of-type(2){width:75%}.theme-sample i:nth-of-type(3){width:60%}.theme-sample b{margin-top:auto;font-size:.5rem;letter-spacing:.15em;color:var(--sample-accent)}.appearance-card-meta{display:flex;gap:.6rem;align-items:center;justify-content:space-between;margin:.8rem 0 1rem}.appearance-card-meta h3{font:1.12rem Georgia,serif;margin:0 0 .3rem}.appearance-card-meta small{font-size:.65rem;color:var(--muted)}.appearance-heart{background:transparent;color:var(--text);border:1px solid var(--line);font-size:1.2rem;width:38px;height:38px;flex-shrink:0;cursor:pointer}.appearance-heart[aria-pressed=true]{color:#df9fbd;border-color:#b76b8e}.banner-swatch{height:135px;padding:1rem;display:flex;align-items:flex-end;color:#f4eee8}.banner-swatch::before{opacity:.5}.banner-swatch span{font:1.1rem Georgia,serif;text-shadow:0 2px 4px #000;background:linear-gradient(90deg,#10151bcc,transparent);padding:.3rem .5rem;max-width:100%}.decorative-title-card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.decorative-title-card>.eyebrow{font-size:.6rem;letter-spacing:.12em;margin:0}.decorative-title-card>p{font:italic 1.3rem/1.45 Georgia,serif;text-align:center;margin:.5rem 0}.decorative-title-card .actions{display:flex;justify-content:space-between;gap:.5rem}.decorative-title-card .button{font-size:.75rem}.author-decoration{border-color:#b79b61}.author-decoration .eyebrow{color:#c6a96e}.look-gallery>form{grid-column:1/-1;border:1px solid var(--line);padding:1.4rem}.saved-appearance-look h3{font:1.3rem Georgia,serif}.saved-appearance-look p{font-size:.8rem;line-height:1.6}.saved-appearance-look .actions{flex-wrap:wrap}.appearance-studio button:focus-visible{outline:2px solid var(--text);outline-offset:3px}.appearance-studio button[aria-pressed=true]:not(.appearance-heart){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
/* Light themes use dark lettering for colorful badges; banner panels stay deliberately dark. */
html[data-mode=light] .collectible-title{color:color-mix(in srgb,var(--collectible-color) 25%,#302b23);border-color:color-mix(in srgb,var(--collectible-color) 45%,#302b23)}html[data-mode=light] .rank-badge,html[data-mode=light] .rank-crest{color:color-mix(in srgb,var(--rank-color) 25%,#302b23);border-color:color-mix(in srgb,var(--rank-color) 45%,#302b23)}html[data-mode=light] .collectible-card .unlock-path{color:var(--text)}html[data-mode=light] .collectible-portrait .collectible-ornament{filter:brightness(.65)}html[data-mode=light] .profile-banner .collectible-portrait .collectible-ornament{filter:none}html[data-mode=light] .author-decoration .eyebrow{color:#705725}html[data-quiet=true] .profile-banner::before,html[data-quiet=true] .sanctuary-hero::before,html[data-quiet=true] .appearance-mini-sanctuary::before{display:none}html[data-quiet=true] .collectible-title,html[data-quiet=true] .exclusive-rank{box-shadow:none;animation:none}
@media(max-width:1000px){.appearance-heading{align-items:flex-start;flex-direction:column}.appearance-layout{grid-template-columns:250px minmax(0,1fr);gap:1rem}.appearance-gallery{gap:.7rem}.appearance-tabs button{padding:.8rem .5rem;font-size:.73rem}.banner-destination{flex-direction:column;align-items:stretch}}
@media(max-width:760px){.appearance-layout{grid-template-columns:1fr}.appearance-preview{position:static;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.appearance-preview>.eyebrow,.appearance-preview>.small-note,.appearance-preview>.textlink,.appearance-preview>p,.appearance-save{grid-column:1/-1}.appearance-preview>.eyebrow{margin:0}.appearance-mini-sanctuary{margin:0}.appearance-save{margin-top:.3rem;grid-template-columns:1fr 1fr}.appearance-save #undo-appearance,.appearance-save [role=status]{grid-column:1/-1}.appearance-save [role=status]{min-height:0}.appearance-tools{margin-top:1rem}.appearance-heading{margin-bottom:2rem}.appearance-tabs{margin-top:1.5rem}.appearance-mini-profile .avatar.large{width:70px;height:70px}}
@media(max-width:440px){.appearance-gallery{grid-template-columns:1fr}.appearance-mini-profile h2{font-size:1.3rem}.appearance-mini-profile{padding:1rem .6rem}.appearance-mini-sanctuary{padding:1rem .8rem}.appearance-mini-sanctuary h3{font-size:1.3rem}.appearance-save .button{padding:12px 10px;font-size:.73rem}.appearance-tools{grid-template-columns:1fr}.appearance-tabs button{font-size:.68rem}.appearance-counts{gap:1.5rem}.appearance-heading h1{font-size:2.8rem}}
.badge:not(.staff-badge){color:#d8b86d;border-color:#887244}html[data-mode=light] .badge:not(.staff-badge){color:#765916;border-color:#9f7e34}.profile-banner .badge:not(.staff-badge){color:#e5c67b!important;border-color:#bfa367!important}