/* Layout and typography live in styles.css / creator.css for both themes.
   Theme selectors below change paint only, never geometry or visibility. */
:root[data-theme=light]{color-scheme:only light}
:root[data-theme=dark]{color-scheme:dark;--page:#0c0e12;--ink:#f3f4f6;--muted:#a1a7b2;--line:#ffffff16}
.theme-switch{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--muted);flex-shrink:0}
.theme-switch svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-switch:hover{background:#88888818;color:var(--ink)}
[data-theme=dark] body{background:var(--page)}
[data-theme=dark] .site-header{background:#0c0e12ee;border-color:var(--line)}
[data-theme=dark] .nav-wrap nav{color:#a5adba}
[data-theme=dark] .nav-wrap .nav-active{color:var(--ink)}
[data-theme=dark] .button-dark{background:#edf0f5;color:#171b23;box-shadow:0 1px 1px #fff2}
[data-theme=dark] .button-dark:hover{background:#fff;box-shadow:0 4px 16px #0003}
[data-theme=dark] .avatar{background:#252b35;color:#d9dfe9;box-shadow:inset 0 0 0 1px #ffffff12}
[data-theme=dark] .avatar.signed-out{background:transparent;border-color:#ffffff25;color:#c8cdd6}
[data-theme=dark] .collection-intro h1 span{color:#a9b2c1}
[data-theme=dark] .collection-intro p,[data-theme=dark] .eyebrow{color:#a5adba}
[data-theme=dark] .mini-line{background:#9ba7ba}
[data-theme=dark] .separator{color:#737f90}
[data-theme=dark] .plain-button,[data-theme=dark] .finish-toggle{color:#abb4c2}
[data-theme=dark] .plain-button:hover{color:#fff}
[data-theme=dark] .filter{color:#a5adba}
[data-theme=dark] .filter.active{background:#252b35;color:#f5f7fb;box-shadow:inset 0 0 0 1px #ffffff0d}
[data-theme=dark] .filter:hover:not(.active){background:#1b212b;color:#e4eaf4}
[data-theme=dark] .currency-note,[data-theme=dark] .interaction-hint{color:#a0a9b8}
[data-theme=dark] .collectible{box-shadow:0 3px 6px #0006,0 18px 32px -16px #000c}
[data-theme=dark] .card-chrome{background:linear-gradient(135deg,#c6cdd8,#5a6678 22%,#b9c3d1 46%,#798699 72%,#d3dae5);box-shadow:inset 0 0 0 1px #ffffff2b}
[data-theme=dark] .theme-gold .card-chrome,[data-theme=dark] .finish-gold .card-chrome{background:linear-gradient(135deg,#e3d6b8,#8d7b5f 24%,#dacaa6 50%,#958260 75%,#e7d9b8)}
[data-theme=dark] .card-face{box-shadow:inset 0 0 0 1px #ffffff21}
[data-theme=dark] .card-foil{opacity:.14}
[data-theme=dark] .tracking .card-foil{opacity:.4}
[data-theme=dark] .card-caption>span:first-child{color:#d3d8e1}
[data-theme=dark] .card-caption .caption-index{color:#929dac}
[data-theme=dark] .card-entry:hover .card-caption>span:first-child{color:#fff}
[data-theme=dark] .finish-toggle #finish-label{border-color:#ffffff24;color:#c1cbdc;background:#ffffff06}
[data-theme=dark] .summary-label p,[data-theme=dark] .stat>span{color:#a0a8b6}
[data-theme=dark] .stat .decimals{color:#9ca6b7}
[data-theme=dark] .small-stat strong{color:#d0d7e2}
[data-theme=dark] footer{border-color:var(--line);color:#949ead}
[data-theme=dark] .footer-brand{color:#b0bacb}
[data-theme=dark] .footer-end{color:#949ead}
[data-theme=dark] dialog{background:#12161e;border-color:#ffffff1f;box-shadow:0 35px 120px #000b}
[data-theme=dark] dialog::backdrop{background:#02040aaa;backdrop-filter:blur(12px)}
[data-theme=dark] .close-button{background:#262c37;color:#b9c2d1}
[data-theme=dark] .close-button:hover{background:#374050;color:#fff}
[data-theme=dark] .detail-card-stage,[data-theme=dark] .creator-preview{background:radial-gradient(ellipse at 50% 45%,#252e3d,#121720 72%);border-color:var(--line)}
[data-theme=dark] .creator-header,[data-theme=dark] dl,[data-theme=dark] .crop-controls{border-color:var(--line)}
[data-theme=dark] form label,[data-theme=dark] dd,[data-theme=dark] .preview-caption strong{color:#c5cedb}
[data-theme=dark] input:not([type=file]),[data-theme=dark] textarea,[data-theme=dark] select{background:#0d1118;border-color:#3b4657;color:#eef2f8}
[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:#9cbce8;box-shadow:0 0 0 3px #9cbce826}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#96a2b4}
[data-theme=dark] .upload-field{border-color:#3b4657;background:#171d27}
[data-theme=dark] .category-options button,[data-theme=dark] .finish-options button{background:#181e28;border-color:#303947}
[data-theme=dark] .category-options button[aria-pressed=true],[data-theme=dark] .finish-options button[aria-pressed=true]{background:#252f3e;border-color:#a5b8d4;box-shadow:none}
[data-theme=dark] .category-options svg{color:#adbfd7}
[data-theme=dark] .creator-steps button{color:#a5afbf}
[data-theme=dark] .creator-steps button[aria-current]{color:#e0e9f6}
[data-theme=dark] .creator-steps button>span{background:#252d39;color:#a0acbe}
[data-theme=dark] .creator-steps button[aria-current]>span{background:#dfe7f3;color:#172030}
[data-theme=dark] .creator-steps button.completed>span{background:#21392e;color:#b2d8bf}
[data-theme=dark] .share-preview,[data-theme=dark] .about-notice{background:#1b222e;border-color:#ffffff15}
[data-theme=dark] .share-item{border-color:var(--line)}
[data-theme=dark] blockquote{color:#aeb9cc}
[data-theme=dark] .empty-state{border-color:#354052;color:#9faec3}
[data-theme=dark] .empty-state h3{color:#d9e4f5}
[data-theme=dark] .toast{background:#e0e8f5;color:#142033}
[data-theme=dark] .studio-description,[data-theme=dark] .studio-tip,[data-theme=dark] .small-note,[data-theme=dark] .category-options small,[data-theme=dark] .finish-options small,[data-theme=dark] .preview-caption>span,[data-theme=dark] .form-dialog>p,[data-theme=dark] .optional,[data-theme=dark] .value-choice small,[data-theme=dark] .crop-help,[data-theme=dark] .detail-copy>p,[data-theme=dark] dt{color:#a5afbf}
[data-theme=dark] .value-choice input,[data-theme=dark] .crop-controls input[type=range]{accent-color:#b3c9ea}
[data-theme=dark] .crop-controls input[type=range]{background:none}
[data-theme=dark] .form-error{color:#ffabb2}
/* Compact account controls are shared, so mobile navigation never jumps. */
@media(max-width:620px){
 .nav-actions{gap:9px}.theme-switch{width:30px;height:32px}
 .nav-actions .avatar{display:block;width:30px;height:30px}
 .nav-actions .avatar.signed-out{width:auto;padding:6px 10px;font-size:11px;min-height:32px}
 .nav-actions .button-small{font-size:0;width:32px;min-height:32px;padding:0;gap:0}
 .nav-actions .button-small>span{font-size:22px}
}