dialog{color:var(--ink);background:#181716;border:1px solid #776037;border-radius:18px;max-width:620px;width:calc(100% - 28px);max-height:88vh;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}dialog section{border-top:1px solid var(--line);padding:16px 0}dialog h3{font-size:18px}dialog label{display:block;margin-top:18px}dialog .settings-check{display:flex;gap:12px;align-items:center;line-height:1.6}dialog input[type=checkbox]{width:20px;height:20px;flex-shrink:0}dialog summary{cursor:pointer;padding:14px 0;min-height:44px;font-weight:600}dialog details p{line-height:1.8;color:var(--muted)}.completion-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 24px;border:1px solid #c49a37;background:#272217;color:#fff4d3;border-radius:12px;max-width:calc(100% - 32px);width:max-content;z-index:1000;box-shadow:0 8px 30px #0008}.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html[data-font=large]{--text-scale:1.15}html[data-font=larger]{--text-scale:1.3}html[data-font]:not([data-font=standard]) p,html[data-font]:not([data-font=standard]) label,html[data-font]:not([data-font=standard]) button,html[data-font]:not([data-font=standard]) summary,html[data-font]:not([data-font=standard]) .draft-bar,html[data-font]:not([data-font=standard]) .sale,html[data-font]:not([data-font=standard]) .verdict-foot{font-size:calc(14px * var(--text-scale))}html[data-font]:not([data-font=standard]) input:not([type=checkbox]),html[data-font]:not([data-font=standard]) select,html[data-font]:not([data-font=standard]) textarea{font-size:calc(16px * var(--text-scale))}html[data-font]:not([data-font=standard]) small{font-size:calc(12px * var(--text-scale))}
html[data-theme=light]{--ink:#242016;--muted:#655d4e;--paper:#faf8f2;--line:#d9d0bd;--rust:#865f0b;color-scheme:light}html[data-theme=light] body{background:#faf8f2}html[data-theme=light] .panel,html[data-theme=light] dialog,html[data-theme=light] .live-result{background:#fffdf8;border-color:#d9cfb8}html[data-theme=light] .how-to,html[data-theme=light] .evidence-box,html[data-theme=light] .tip,html[data-theme=light] .sample-note,html[data-theme=light] .verdict{background:#f4eddb;color:#242016;border-color:#b49a5d}html[data-theme=light] .how-to p,html[data-theme=light] .evidence-box p,html[data-theme=light] .tip p,html[data-theme=light] .sample-note p,html[data-theme=light] .verdict-foot,html[data-theme=light] .verdict-top,html[data-theme=light] .draft-bar{color:#655d4e}html[data-theme=light] .hero h1 em,html[data-theme=light] .market-value strong,html[data-theme=light] .verdict h2,html[data-theme=light] #price-guidance,html[data-theme=light] .start-link,html[data-theme=light] .sample-note span,html[data-theme=light] .final-review a{color:#805b08}html[data-theme=light] .secondary{color:#5f450b;border-color:#aa905a}html[data-theme=light] .secondary:hover,html[data-theme=light] .steps button[aria-current],html[data-theme=light] .live-result.selected{background:#eee2bd;color:#33270f}html[data-theme=light] input:not([type=file]):not([type=checkbox]),html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;color:#242016;border-color:#c4b79d}html[data-theme=light] .upload,html[data-theme=light] .result-photo{background:#f2ecdd}html[data-theme=light] .result-photo span,html[data-theme=light] .upload small,html[data-theme=light] .collection-row small{color:#655d4e}html[data-theme=light] .table-title span{background:#eee2bd;color:#57400c}html[data-theme=light] .verdict.buy h2{color:#2c642b}html[data-theme=light] .verdict.pass h2{color:#a63321}
@media(max-width:600px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:12px 16px;gap:8px}header nav{margin-left:auto;gap:8px}header nav button{font-size:12px;min-height:44px}dialog{padding:20px}.settings-heading h2{font-size:22px}html[data-font=larger] .field-row{grid-template-columns:1fr}}
/* Light appearance: white surfaces, black text, gold accents. */
html[data-theme=light]{--ink:#111111;--muted:#515151;--paper:#ffffff;--line:#dedede;--rust:#916500;--green:#edbd43}
html[data-theme=light] body,html[data-theme=light] .panel,html[data-theme=light] dialog,html[data-theme=light] .live-result,html[data-theme=light] .how-to,html[data-theme=light] .verdict{background:#ffffff;color:#111111}
html[data-theme=light] .how-to,html[data-theme=light] .verdict{border-color:#c49a37}
html[data-theme=light] .hero h1 em,html[data-theme=light] .market-value strong,html[data-theme=light] .verdict h2,html[data-theme=light] #price-guidance,html[data-theme=light] .start-link,html[data-theme=light] .sample-note span,html[data-theme=light] .final-review a,html[data-theme=light] .hero-mark p{color:#916500}
html[data-theme=light] .how-to p,html[data-theme=light] .evidence-box p,html[data-theme=light] .tip p,html[data-theme=light] .sample-note p,html[data-theme=light] .verdict-foot,html[data-theme=light] .verdict-top,html[data-theme=light] .draft-bar,html[data-theme=light] .upload small,html[data-theme=light] .result-photo span,html[data-theme=light] .collection-row small,html[data-theme=light] footer,html[data-theme=light] .mode{color:#515151}
html[data-theme=light] .evidence-box,html[data-theme=light] .tip,html[data-theme=light] .sample-note,html[data-theme=light] .upload,html[data-theme=light] .result-photo{background:#fffaf0;color:#111111}
html[data-theme=light] .secondary{color:#111111;border-color:#c49a37;background:#ffffff}
html[data-theme=light] .secondary:hover,html[data-theme=light] .steps button[aria-current],html[data-theme=light] .live-result.selected,html[data-theme=light] .table-title span{background:#fff1c6;color:#111111}
html[data-theme=light] .primary,html[data-theme=light] .verdict button{background:linear-gradient(120deg,#eab633,#ffdb75);color:#111111}
html[data-theme=light] .brand .brand-name{color:#111111}html[data-theme=light] .brand .brand-name>span{color:#916500}
html[data-theme=light] .steps b,html[data-theme=light] header nav button span{background:#f4ce69;color:#111111}
html[data-theme=light] input:not([type=file]):not([type=checkbox]),html[data-theme=light] select,html[data-theme=light] textarea{background:#ffffff;color:#111111;border-color:#b7b7b7}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#696969}
html[data-theme=light] .how-note,html[data-theme=light] .sale,html[data-theme=light] .collection-row,html[data-theme=light] .range,html[data-theme=light] footer{border-color:#dedede}
html[data-theme=light] .completion-toast{background:#ffffff;color:#111111;border-color:#c49a37;box-shadow:0 8px 30px #0002}