/* Theme preferences apply only to the trusted browser shell.
   Native chrome geometry stays 72 / 104 / 28 / 316 px for Chromium view alignment. */
:root {
  --surface:#ffffff; --surface-soft:#edf2e8; --rail-bg:#edf0e9;
  --chrome-bg:#f9faf7; --panel-bg:#fcfdfa; --muted:#657366;
  --subtle:#7e8b7d; --glass:rgba(255,255,251,.79); --wash:248 247 241;
  --home-gradient:linear-gradient(145deg,#e2dfeb,#f3e1d7 48%,#d9e5d5);
  --wallpaper-softness:.32; --accent-text:#fff;
  --ui-font:Inter,"Segoe UI",Arial,sans-serif;
}
:root[data-theme="mountain-dawn"] {
  --ink:#2f4437; --paper:#f8f2ec; --line:#dfddd2;
  --surface:#fffcf7; --surface-soft:#e8ebdf; --rail-bg:#e7e9dc;
  --chrome-bg:#f7f1eb; --panel-bg:#fbf7f1; --muted:#657264;
  --subtle:#7f8978; --glass:rgba(255,251,243,.80); --wash:249 242 232;
  --home-gradient:linear-gradient(145deg,#d3c5df 0%,#eabdc4 32%,#efd5b8 58%,#c9d7bc 85%,#aebfab);
}
:root[data-theme="midnight"] {
  color-scheme:dark;
  --ink:#e3ece2; --paper:#16251e; --line:#35483c;
  --surface:#21342a; --surface-soft:#2b4033; --rail-bg:#1a2c22;
  --chrome-bg:#21342a; --panel-bg:#1c2d24; --muted:#b0c4b2;
  --subtle:#91a995; --glass:rgba(24,42,31,.88); --wash:19 34 25;
  --home-gradient:linear-gradient(145deg,#302c45,#263b36 45%,#14291e 90%);
}
:root[data-font="serif"] { --ui-font:Georgia,"Times New Roman",serif; }
body { color:var(--ink); background:var(--paper); font-family:var(--ui-font); }
button,input,textarea,select { font-family:inherit; }
.rail,.tabbar { background:var(--rail-bg); border-color:var(--line); }
.chrome,.tab.active { background:var(--chrome-bg); border-color:var(--line); }
.tab.active { border-bottom-color:var(--chrome-bg); color:var(--ink); }
.gear-panel { background:var(--panel-bg); border-color:var(--line); }
.statusbar,.panel-foot { background:var(--surface-soft); border-color:var(--line); }
.content { background-color:var(--paper); }
.content.at-home { background-position:center; background-size:cover; background-repeat:no-repeat; }
:root[data-background="landscape"] .content.at-home {
  background-image:linear-gradient(rgb(var(--wash) / var(--wallpaper-softness)),rgb(var(--wash) / var(--wallpaper-softness))),url("themes/mountain-dawn.d4c05f769a.jpg");
  background-attachment:local;
}
:root[data-background="gradient"] .content.at-home { background-image:linear-gradient(rgb(var(--wash) / var(--wallpaper-softness)),rgb(var(--wash) / var(--wallpaper-softness))),var(--home-gradient); }
:root[data-background="none"] .content.at-home { background-image:none; }
.rail-button,.chrome-button,.tab,.tab-close,.window-buttons button { color:var(--muted); }
.rail-button:hover,.chrome-button:hover,.tab-close:hover,.window-buttons button:hover { background:var(--surface-soft); color:var(--ink); }
.rail-button.active,.chrome-button.selected { background:color-mix(in srgb,var(--teal) 14%,var(--surface)); color:var(--teal); }
.window-buttons .window-close:hover { background:#b85d57; color:#fff; }
.address-bar { background:var(--surface-soft); border-color:var(--line); }
.address-bar:focus-within { background:var(--surface); border-color:var(--teal); box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 14%,transparent); }
.address-bar input,.home-search input,.goal-form input,.workspace-search,.note-editor input,.note-editor textarea { color:var(--ink); }
.address-bar svg,.address-bar kbd,.tab>svg,.build-label,.home-meta,.eyebrow { color:var(--subtle); }
input::placeholder,textarea::placeholder { color:var(--subtle)!important; }
.home-hero h1 { color:var(--ink); }
.home-hero h1 em { color:var(--teal); }
.home-hero p,.search-hint,.home-signoff,.recent-empty { color:var(--muted); }
.home-search,.quick-card,.goal-form,.settings-card,.library-item,.note-editor,.note-card,.toast,.find-bar,.workspace-search { background:var(--surface); border-color:var(--line); }
.home-search button,.primary { background:var(--teal); color:var(--accent-text); }
.home-search button:hover,.primary:hover { background:var(--teal); filter:brightness(.94); }
.secondary { background:var(--surface-soft); color:var(--ink); }
.danger { background:color-mix(in srgb,#b96f55 13%,var(--surface)); color:color-mix(in srgb,#b96f55 75%,var(--ink)); }
.quick-card:hover { background:var(--surface); border-color:var(--teal); }
.quick-card strong,.intent-copy strong,.section-heading h2,.workspace-top h1,.settings-card h2,.setting-row strong,.library-item strong,.note-card h3,.note-editor input { color:var(--ink); }
.quick-card>div span,.workspace-top p,.setting-row p,.settings-card>p,.settings-card ul,.note-card p,.note-card small,.note-actions,.item-url,.item-time,.empty-state p { color:var(--muted); }
.library-item .item-url,.library-item .item-time,.recent-row .recent-host,.download-state,.about-grid strong { color:var(--subtle); }
.about-grid span,.empty-state h2,.error-view h1,.recent-row .recent-title { color:var(--ink); }
.intent-card,.active-goal,.bus-card { background:var(--surface-soft); border-color:var(--line); }
.intent-copy span,.intent-card>button,.section-heading>button,.section-heading>span { color:var(--muted); }
.recent-row,.activity-header,.privacy-setting,.note-editor input { border-color:var(--line); }
.gear-text strong,.panel-title h2,.bus-card strong,.activity-header h3,.panel-foot strong { color:var(--ink); }
.gear-text span,.gear-text small,.panel-description,.bus-card span:not(.bus-line):not(.bus-node),.panel-title .eyebrow,.gear-heading h3,.gear-heading>span,.activity-label,.panel-foot p,.request-summary,.navigation-pipeline,.signal-type,.signal-detail,.signal-type time,.statusbar { color:var(--muted); }
.signal { border-color:var(--line); }
.signal:before { box-shadow:0 0 0 2px var(--panel-bg); }
.toggle.on { background:var(--teal); border-color:var(--teal); }
.toggle { background:var(--surface-soft); border-color:var(--line); }
.toggle.on:after { background:var(--accent-text); }
.gear-required { color:var(--subtle); }
:root[data-theme="midnight"] .gear-icon { background:var(--surface-soft)!important; color:var(--muted)!important; }
:root[data-theme="midnight"] .site-icon { background:var(--surface-soft); color:var(--ink); }
:root[data-theme="midnight"] .live-pill { background:var(--surface-soft); border-color:var(--line); color:var(--muted); }
:root[data-theme="midnight"] .restart-notice { background:#453d29; color:#ead9a4!important; }
:root[data-theme="midnight"] .intent-icon,.error-icon { background:var(--surface-soft); color:var(--muted); }
button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
:root:not([data-background="none"]) .home-meta { padding:9px 13px; border:1px solid var(--line); border-radius:8px; background:var(--glass); backdrop-filter:blur(10px); }
:root:not([data-background="none"]) .home-hero { margin-top:25px; margin-bottom:14px; padding:27px 30px 24px; background:var(--glass); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.25); border-radius:18px; box-shadow:0 12px 45px rgba(36,41,28,.05); }
:root:not([data-background="none"]) .home-hero h1 { font-size:49px; margin:16px 0 18px; }
:root:not([data-background="none"]) .home-hero p { margin-bottom:22px; }
:root:not([data-background="none"]) .quick-section,:root:not([data-background="none"]) .recent-section { padding:15px; background:var(--glass); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.25); border-radius:12px; }
:root:not([data-background="none"]) .quick-grid { margin-top:12px; }
:root:not([data-background="none"]) .quick-card { min-height:102px; padding:14px 8px; }
:root:not([data-background="none"]) .intent-card { background:var(--glass); backdrop-filter:blur(10px); margin-top:16px; }
:root:not([data-background="none"]) .recent-section { margin-top:16px; }
:root:not([data-background="none"]) .home-signoff { margin-top:18px; padding:10px 13px; background:var(--glass); border-radius:8px; }
.customize-home { display:flex; align-items:center; gap:6px; margin-left:auto; color:var(--ink); font-size:10px; }
.customize-home svg { width:14px; height:14px; }
.home-signoff .version-pill { margin-left:12px; }
.appearance-link { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.appearance-link h2 { margin-bottom:8px; }
.appearance-link p { color:var(--muted); font-size:11px; line-height:1.7; margin:0; }
.appearance-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.appearance-section-title h2 { margin:0; }
.appearance-section-title>span { font-size:9px; letter-spacing:1.4px; color:var(--subtle); }
.theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.theme-card { text-align:left; border:1px solid var(--line); border-radius:12px; padding:8px 8px 13px; background:var(--paper); min-width:0; }
.theme-card.selected { border-color:var(--teal); outline:2px solid color-mix(in srgb,var(--teal) 30%,transparent); }
.theme-card>strong { display:block; color:var(--ink); font-size:13px; font-weight:600; margin:13px 6px 7px; }
.theme-card>p { color:var(--muted); font-size:10px; line-height:1.7; margin:0 6px; }
.theme-thumbnail { height:132px; border-radius:7px; position:relative; overflow:hidden; display:grid; place-items:center; }
.thumbnail-mountain-dawn { background:url("themes/mountain-dawn.d4c05f769a.jpg") center/cover; }
.thumbnail-classic { background:linear-gradient(145deg,#f7f5ee,#dfe8d9); }
.thumbnail-midnight { background:linear-gradient(145deg,#413951,#254333,#11271b); }
.mini-window { width:70%; height:67%; border:1px solid rgba(255,255,255,.7); background:rgba(255,252,245,.87); border-radius:7px; padding:8px; box-shadow:0 8px 20px #0002; }
.mini-window>span { display:inline-block; width:4px; height:4px; border-radius:50%; background:#a5b2a2; margin-right:3px; vertical-align:top; }
.mini-window>div { width:78%; height:10px; border-radius:4px; background:#d4decf; margin:20px auto 0; box-shadow:0 18px 0 -3px #e0e3d7; }
.thumbnail-midnight .mini-window { background:rgba(22,42,30,.91); border-color:#647c6d; }
.thumbnail-midnight .mini-window>div { background:#516e5a; box-shadow:0 18px 0 -3px #354f40; }
.theme-check { position:absolute; top:8px; right:8px; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--teal); color:var(--accent-text); }
.theme-check svg { width:13px; height:13px; }
.appearance-note,.appearance-footer { font-size:11px!important; color:var(--muted); line-height:1.85; margin-top:18px!important; }
.appearance-colors strong { font-size:12px; color:var(--ink); font-weight:500; }
.appearance-colors p { font-size:11px; color:var(--muted); margin:8px 0 16px; }
.accent-swatches { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.accent-swatch { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#fff; border:2px solid transparent; }
.accent-swatch svg { width:14px; height:14px; }
.accent-swatch.selected { outline:2px solid var(--ink); outline-offset:3px; }
.swatch-emerald { background:#497561; }.swatch-olive { background:#6f7447; }.swatch-terracotta { background:#a9664d; }.swatch-lavender { background:#88739d; }
.custom-accent { display:flex; align-items:center; gap:9px; margin-left:5px; color:var(--muted); font-size:11px; }
.custom-accent input { width:36px; height:30px; border:1px solid var(--line); padding:2px; background:var(--surface); border-radius:5px; cursor:pointer; }
.accent-swatches code { font-family:monospace; color:var(--muted); font-size:11px; margin-left:auto; }
.appearance-fields { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:23px; }
.appearance-field { display:flex; flex-direction:column; gap:10px; min-width:0; }
.appearance-field>span { display:flex; align-items:center; justify-content:space-between; font-size:11px; color:var(--ink); }
.appearance-field select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:var(--paper); font-size:11px; }
.appearance-field input[type="range"] { accent-color:var(--teal); width:100%; margin:2px 0; }
.appearance-field small { color:var(--muted); font-size:10px; }
.appearance-field output { color:var(--subtle); font-family:monospace; }
:root[data-density="compact"] .home { padding:24px 30px 18px; }
:root[data-density="compact"] .home-hero { padding-top:23px; padding-bottom:20px; }
:root[data-density="compact"] .home-hero h1 { font-size:45px; }
:root[data-density="compact"] .home-search { height:50px; }
:root[data-density="compact"] .gears { gap:6px; }
:root[data-density="compact"] .rail-group { gap:8px; }
:root[data-density="compact"] .workspace-view { padding:32px; }
:root[data-density="compact"] .settings-card { padding:18px; margin-bottom:12px; }
:root[data-density="compact"] .privacy-setting { padding:12px 0; }
@media(max-width:1150px) { .theme-grid{gap:9px}.theme-thumbnail{height:105px}.appearance-fields{gap:17px}.appearance-note{font-size:10px!important}.home-hero{max-width:600px}.home-signoff>span:not(.version-pill){max-width:220px} }
@media(max-height:850px) { :root:not([data-background="none"]) .home-hero{padding:22px 25px;margin-top:20px}:root:not([data-background="none"]) .home-hero h1{font-size:44px}.rail-bottom{gap:12px}.theme-thumbnail{height:115px} }

/* Dragon Inferno: fixed browser geometry; all artwork is a bundled local asset. */
:root[data-theme="dragon-inferno"] {
  color-scheme:dark;
  --ink:#f5e7e2;--paper:#0b080a;--line:#51212b;
  --surface:#171013;--surface-soft:#241217;--rail-bg:#0e090c;
  --chrome-bg:#120b0e;--panel-bg:#100b0e;--muted:#c8aaa8;
  --subtle:#b69592;--glass:rgba(19,11,16,.82);--wash:11 8 10;
  --home-gradient:linear-gradient(145deg,#080607,#3c0d16 48%,#7a1d24);
}
:root[data-background="inferno"] .content.at-home {
  background-image:linear-gradient(rgb(var(--wash) / var(--wallpaper-softness)),rgb(var(--wash) / var(--wallpaper-softness))),url("themes/dragon-inferno.699a4ffcf2.jpg");
  background-attachment:local;
}
.thumbnail-dragon-inferno {background:url("themes/dragon-inferno.699a4ffcf2.jpg") 65% center/cover;}
.thumbnail-dragon-inferno .mini-window{background:rgba(20,8,12,.88);border-color:#9b3d48;}
.thumbnail-dragon-inferno .mini-window>div{background:#7b242f;box-shadow:0 18px 0 -3px #42131c;}
.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.inferno-runes{display:flex;flex-direction:column;gap:9px;align-items:flex-start;margin:26px 0 18px;color:#e98b7c;}
.inferno-runes span{font:23px/1.2 Georgia,serif;letter-spacing:13px;text-shadow:0 0 20px #e74739;}
.inferno-runes b{font-size:9px;letter-spacing:4px;font-weight:500;color:#e3b0a5;}
:root[data-theme="dragon-inferno"] .home-hero{max-width:530px;width:58%;margin-top:0;border-color:#6f2838;box-shadow:0 10px 38px #0005,inset 0 1px 0 #aa3c4225;}
:root[data-theme="dragon-inferno"] .home-hero h1{font-size:45px;}
:root[data-theme="dragon-inferno"] .home-hero h1 em{color:color-mix(in srgb,var(--teal) 55%,#ffbcad);text-shadow:0 0 26px #ae203d35;}
:root[data-theme="dragon-inferno"] .home-hero .eyebrow{font-size:8px;letter-spacing:1.2px;}
:root[data-theme="dragon-inferno"] .home-hero p{font-size:12px;}
:root[data-theme="dragon-inferno"] .search-hint>span:last-child{display:none;}
:root[data-theme="dragon-inferno"] .quick-section,:root[data-theme="dragon-inferno"] .intent-card,:root[data-theme="dragon-inferno"] .recent-section{border-color:var(--line);}
:root[data-theme="dragon-inferno"] .gear-icon,:root[data-theme="dragon-inferno"] .site-icon,:root[data-theme="dragon-inferno"] .intent-icon {background:var(--surface-soft)!important;color:var(--muted)!important;}
:root[data-theme="dragon-inferno"] .live-pill{color:var(--ink);background:var(--surface-soft);border-color:var(--line);}
:root[data-theme="dragon-inferno"] .little-dot,:root[data-theme="dragon-inferno"] .local-indicator{background:var(--teal);box-shadow:0 0 9px #c8444955;}
:root[data-theme="dragon-inferno"] .brand-mark span{background:var(--teal);}
:root[data-theme="dragon-inferno"] .signal:before{background:var(--teal);}
:root[data-theme="dragon-inferno"] .primary{box-shadow:0 0 18px #ae203d25;}
:root[data-theme="dragon-inferno"] .intent-copy strong{color:var(--ink);}
:root[data-theme="dragon-inferno"] .restart-notice{background:var(--surface-soft);color:var(--muted)!important;}
@media(max-width:1150px){:root[data-theme="dragon-inferno"] .home-hero{width:70%;max-width:480px;padding:22px}:root[data-theme="dragon-inferno"] .home-hero h1{font-size:37px}.inferno-runes span{font-size:20px;letter-spacing:9px}}
:root[data-theme="dragon-inferno"] .home-hero{margin-left:0;margin-right:auto;}