html[data-theme] { --bg:var(--appearance-bg); --panel:var(--appearance-panel); --stroke:var(--appearance-stroke); --blue:var(--appearance-accent); --muted:var(--appearance-muted); }
html[data-theme] body, html[data-theme] .app-shell { background:var(--appearance-bg) !important; }
html[data-theme] .modal-sheet, html[data-theme] .pretty-menu, html[data-theme] .pretty-dropdown { background:var(--appearance-bg) !important; }
html[data-theme] input:not([type=checkbox]), html[data-theme] .pretty-select-head, html[data-theme] .market-choice { background-color:var(--appearance-field) !important; border-color:var(--appearance-stroke) !important; color:#f5f5f7 !important; }
html[data-theme] .setting-card, html[data-theme] .mode-tabs { border-color:var(--appearance-stroke) !important; }
.screen > header.preset-hud { display:flex !important; align-items:center !important; gap:8px !important; }
.screen > header .preset-hud-copy { flex:1 1 auto !important; min-width:0 !important; }
.screen > header .preset-hud-copy h1 { font-size:clamp(16px,5vw,22px) !important; }
.appearance-controls { display:flex; align-items:center; gap:6px; flex:none; }
.appearance-open,.appearance-controls #open-create { width:36px !important; height:36px !important; min-height:36px !important; padding:0 !important; position:static !important; margin:0 !important; display:grid !important; place-items:center !important; flex:none !important; border-radius:11px !important; }
.appearance-open { background:var(--appearance-panel); border:1px solid var(--appearance-stroke); color:#f5f5f7; }
.appearance-open svg { width:20px; height:20px; }
.language-toggle { display:flex; align-items:center; height:36px; padding:3px; border:1px solid var(--appearance-stroke); border-radius:20px; background:var(--appearance-panel); }
.language-toggle button { width:27px; height:28px; padding:0; border-radius:50%; background:transparent; color:var(--appearance-muted); font-size:10px; font-weight:700; }
.language-toggle .selected { background:#f3f4f6; color:#12151a; }
.appearance-dialog { width:min(380px,calc(100vw - 24px)); border:1px solid var(--appearance-stroke); border-radius:22px; padding:22px 16px 16px; background:var(--appearance-panel); color:#f5f5f7; }
.appearance-dialog::backdrop { background:#000b; }
.appearance-dialog h2 { margin:0 42px 8px 0; font-size:24px; }
.appearance-dialog p { color:var(--appearance-muted); margin:0 0 20px; font-size:14px; }
.appearance-close { position:absolute; right:16px; top:16px; width:36px; height:36px; border:1px solid var(--appearance-stroke); border-radius:11px; background:transparent; color:inherit; font-size:25px; }
.appearance-dialog section { background:var(--appearance-bg); padding:14px; border-radius:16px; border:1px solid var(--appearance-stroke); }
.appearance-dialog h3 { margin:0 0 12px; font-size:17px; }
.theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.theme-grid button { display:flex; align-items:center; gap:8px; background:var(--appearance-field); color:inherit; padding:10px 8px; min-height:50px; border:1px solid var(--appearance-stroke); border-radius:12px; font-size:12px; font-weight:700; }
.theme-grid button.selected { border-color:var(--appearance-accent); box-shadow:inset 0 0 0 1px var(--appearance-accent); }
.theme-grid i { width:26px; height:28px; flex:none; border-radius:6px; background:linear-gradient(135deg,#0b1016 50%,var(--swatch) 50%); }
@media(max-width:350px) { .appearance-controls{gap:4px}.screen > header .preset-profile-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important}.screen > header .preset-hud-copy h1{font-size:16px!important} }

/* NAVIGATION_SINGLE_SELECTION_V4 */
html[data-theme] body .mode-tabs .mode-tab::before,
html[data-theme] body .mode-tabs .mode-tab::after { content:none !important; display:none !important; }
html[data-theme] body .mode-tabs .mode-tab { background-image:none !important; }
html[data-theme] body #presets-screen .appearance-controls #open-create {
  width:36px !important; min-width:36px !important; max-width:36px !important;
  height:36px !important; min-height:36px !important; max-height:36px !important;
  flex:0 0 36px !important; position:static !important; border-radius:50% !important;
  font-size:26px !important; font-weight:400 !important; line-height:1 !important;
  padding:0 !important; color:#101115 !important;
}
html[data-theme] body #presets-screen #open-create::before,
html[data-theme] body #presets-screen #open-create::after { content:none !important; display:none !important; }

/* FINAL_PRESET_PLUS_V1 */
html[data-theme] body #presets-screen .appearance-controls #open-create {
  width:52px !important; min-width:52px !important; max-width:52px !important;
  height:52px !important; min-height:52px !important; max-height:52px !important;
  flex:0 0 52px !important; display:grid !important; place-items:center !important;
  padding:0 !important; margin:0 !important; border:0 !important;
  border-radius:50% !important; font-size:0 !important; line-height:1 !important;
}
#presets-screen #open-create svg { display:block; width:22px; height:22px; }

/* Competitor-sized add button */
html[data-theme] body #presets-screen .appearance-controls #open-create {
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  flex:0 0 42px !important;
}
html[data-theme] body #presets-screen #open-create svg {
  width:18px !important;
  height:18px !important;
}

/* THEME_ACCENTS_V1 */
html[data-theme] body .switch input:checked + span,
html[data-theme] body #analysis-submit,
html[data-theme] body #presets-screen .appearance-controls #open-create {
  background:var(--appearance-accent) !important;
}
html[data-theme] body #presets-screen #open-create svg { stroke:#ffffff !important; color:#ffffff !important; }
html[data-theme] body input[type="checkbox"] { accent-color:var(--appearance-accent) !important; }