/* NOTTE dark theme (same look as the home page: emerald, gold, Italiana + DM Sans). Only colours, fonts and spacing; the configurator itself is unchanged. */
:root{--bg:#0E1A17;--panel:#16261F;--panel2:#1B2E26;--line:#2B4038;--text:#EEF1EC;--muted:#9DB8AE;--gold:#E3C98E;--emerald:#1B3A31;--ivory:#F2EBDD}
html body{background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
html body header{height:auto;min-height:92px;padding:18px 70px calc(16px);background:var(--bg);border-bottom:1px solid var(--line);padding-top:max(18px,env(safe-area-inset-top))}
html body .back{color:var(--gold);font-size:24px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;left:18px}
html body .logo{font-family:'Italiana',Georgia,serif;font-size:34px;letter-spacing:.36em;color:var(--text);text-indent:.36em;line-height:1}
html body .tag{color:var(--gold);font-size:9px;letter-spacing:.42em;margin-top:9px}
html body .languages button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;min-width:38px;height:34px;font:600 11px 'DM Sans',sans-serif}
html body .languages button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--bg)}
html body .hero h1{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:44px;letter-spacing:.08em;color:var(--text)}
html body .eyebrow{color:var(--gold)}
html body .hero p{color:var(--muted)}
html body .step{background:transparent;border-color:var(--line);color:var(--muted);font-family:'DM Sans',sans-serif;font-weight:600}
html body .step.active{background:var(--gold);border-color:var(--gold);color:var(--bg)}
html body .card{background:var(--panel);border-color:var(--line);box-shadow:0 18px 40px rgba(0,0,0,.28)}
html body .sticky{background:var(--panel);border-color:var(--line)}
html body .viewerTop{color:var(--muted)}
html body .viewer{border-color:var(--line);background:radial-gradient(circle,#fff 0,#faf8f4 55%,#eee8de 100%)}
html body .pill{background:rgba(255,255,255,.92);border-color:#e3dccf;color:#3b352c}
html body .name,html body .section h2{font-family:'Italiana',Georgia,serif;font-weight:400;color:var(--text);letter-spacing:.02em}
html body .summary,html body .sub,html body .browse-label,html body .browse-status,html body .clear-filters,html body .note,html body .gem-hint,html body .field label{color:var(--muted)}
html body .section{border-bottom-color:var(--line)}
html body .opt{background:var(--panel2);border-color:var(--line);color:var(--text);font-family:'DM Sans',sans-serif}
html body .opt small{color:var(--muted)}
html body .opt:hover{border-color:#4a6157}
html body .opt.active{background:var(--gold);border-color:var(--gold);color:var(--bg)}
html body .opt.active small{color:#5b4c2c}
html body .filter-chip,html body .nc-chip,html body .nc-shape,html body .nc-show button{background:var(--panel2);border-color:var(--line);color:var(--text);font-family:'DM Sans',sans-serif}
html body .filter-chip.active,html body .nc-chip.on,html body .nc-show button.on{background:var(--gold);border-color:var(--gold);color:var(--bg)}
html body .nc-shape.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;color:var(--gold)}
html body .nc h3{color:var(--muted);font-family:'DM Sans',sans-serif}
html body .nc-cat{background:var(--panel2);border-color:var(--line);color:var(--text)}
html body .nc-cat b{font-family:'Italiana',Georgia,serif;font-size:17px;color:var(--text)}
html body .nc-cat small,html body .nc-cat i{color:var(--muted)}
html body .nc-cat.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
html body .ring-search,html body .field input{background:var(--panel2);border-color:var(--line);color:var(--text)}
html body .ring-search::placeholder,html body .field input::placeholder{color:#7F9A90}
html body .sum{background:var(--panel2)}
html body .sum b{color:var(--muted)}
html body .sum span{color:var(--text)}
html body .action{font-family:'DM Sans',sans-serif;font-weight:600;border-radius:999px}
html body .share{background:transparent;border:1px solid var(--line);color:var(--text)}
html body .contact{background:var(--gold);color:var(--bg)}
html body .empty-models{color:var(--muted)}
html body .gem-dot{border-color:#5d756b}
@media(max-width:800px){
  html body header{min-height:76px;padding:12px 64px 12px;padding-top:max(12px,env(safe-area-inset-top))}
  html body .logo{font-size:28px;letter-spacing:.34em;text-indent:.34em}
  html body .tag{font-size:7px;letter-spacing:.32em;margin-top:6px}
  html body .back{left:12px;width:38px;height:38px;font-size:20px}
  html body .languages{right:10px}
  html body .languages button{min-width:34px;height:30px}
  html body .hero h1{font-size:30px}
  html body .sticky{background:var(--panel);border-color:var(--line);box-shadow:0 12px 28px rgba(0,0,0,.45)}
  html body .card.configCard{border-radius:24px}
}