/* H1 Build 3: 13 theme catalog. Overrides only appearance; mobile geometry stays inherited from accepted Build 2. */
:root{--reader-scale:1;--theme-focus:var(--accent);}
html[data-theme="midnight"]{color-scheme:dark;--page:#101722;--surface:#182334;--surface2:#202d40;--line:#304154;--ink:#f0ece4;--muted:#aebac8;--accent:#c8aa75;--top:#111c2b;--nav:#172436;--nav-active:#27364b;--control-bg:#111e2e;--primary-bg:#c4a46f;--primary-ink:#152031;--secondary-bg:#2c3d53;--secondary-ink:#e7ebf3;--hero1:#21334a;--hero2:#152437;--nav-ink:#f0ece4;--deep:#101722;--accent-ink:#c8aa75;--hero-ink:#f0ece4;--hero-muted:#aebac8;--hover:#202d40;--input-border:#304154;--muted-bg:#202d40;--toast-bg:#f0ece4;--toast-ink:#101722;--brand-bg:#202d40;--brand-border:#c8aa75;--brand-ink:#c8aa75;--notice-bg:#202d40;--notice-ink:#f0ece4;}
html[data-theme="obsidian"]{color-scheme:dark;--page:#101113;--surface:#1c1e20;--surface2:#282a2d;--line:#484a4c;--ink:#f5f4ed;--muted:#c5c4bb;--accent:#d5c18b;--top:#151617;--nav:#1a1b1d;--nav-active:#323333;--control-bg:#191a1c;--primary-bg:#dfc78d;--primary-ink:#181816;--secondary-bg:#343538;--secondary-ink:#f5f4ed;--hero1:#34322e;--hero2:#1a1c1e;--nav-ink:#f5f4ed;--deep:#101113;--accent-ink:#d5c18b;--hero-ink:#f5f4ed;--hero-muted:#c5c4bb;--hover:#282a2d;--input-border:#484a4c;--muted-bg:#282a2d;--toast-bg:#f5f4ed;--toast-ink:#101113;--brand-bg:#282a2d;--brand-border:#d5c18b;--brand-ink:#d5c18b;--notice-bg:#282a2d;--notice-ink:#f5f4ed;}
html[data-theme="ocean"]{color-scheme:dark;--page:#091b2a;--surface:#10283a;--surface2:#19364a;--line:#31566a;--ink:#ecf6fa;--muted:#b3cad6;--accent:#78d7df;--top:#0c2332;--nav:#0c283b;--nav-active:#19465b;--control-bg:#102a3b;--primary-bg:#74d1d8;--primary-ink:#07303d;--secondary-bg:#21465a;--secondary-ink:#f3fafb;--hero1:#164054;--hero2:#0c2d42;--nav-ink:#ecf6fa;--deep:#091b2a;--accent-ink:#78d7df;--hero-ink:#ecf6fa;--hero-muted:#b3cad6;--hover:#19364a;--input-border:#31566a;--muted-bg:#19364a;--toast-bg:#ecf6fa;--toast-ink:#091b2a;--brand-bg:#19364a;--brand-border:#78d7df;--brand-ink:#78d7df;--notice-bg:#19364a;--notice-ink:#ecf6fa;}
html[data-theme="evergreen"]{color-scheme:dark;--page:#0d1d19;--surface:#172b25;--surface2:#213930;--line:#355c4c;--ink:#f1f6e9;--muted:#b9cdbf;--accent:#c2db8d;--top:#10241e;--nav:#142b23;--nav-active:#294638;--control-bg:#152b24;--primary-bg:#c5da92;--primary-ink:#213320;--secondary-bg:#305443;--secondary-ink:#f0f8ec;--hero1:#254238;--hero2:#132b26;--nav-ink:#f1f6e9;--deep:#0d1d19;--accent-ink:#c2db8d;--hero-ink:#f1f6e9;--hero-muted:#b9cdbf;--hover:#213930;--input-border:#355c4c;--muted-bg:#213930;--toast-bg:#f1f6e9;--toast-ink:#0d1d19;--brand-bg:#213930;--brand-border:#c2db8d;--brand-ink:#c2db8d;--notice-bg:#213930;--notice-ink:#f1f6e9;}
html[data-theme="amethyst"]{color-scheme:dark;--page:#1a1627;--surface:#28223a;--surface2:#342d49;--line:#504366;--ink:#f2eef9;--muted:#c8bfd8;--accent:#d3a8f5;--top:#201b30;--nav:#241e35;--nav-active:#413455;--control-bg:#231d34;--primary-bg:#d3adf0;--primary-ink:#2a1b3d;--secondary-bg:#423656;--secondary-ink:#f4eff8;--hero1:#34284c;--hero2:#221c38;--nav-ink:#f2eef9;--deep:#1a1627;--accent-ink:#d3a8f5;--hero-ink:#f2eef9;--hero-muted:#c8bfd8;--hover:#342d49;--input-border:#504366;--muted-bg:#342d49;--toast-bg:#f2eef9;--toast-ink:#1a1627;--brand-bg:#342d49;--brand-border:#d3a8f5;--brand-ink:#d3a8f5;--notice-bg:#342d49;--notice-ink:#f2eef9;}
html[data-theme="ember"]{color-scheme:dark;--page:#221815;--surface:#32231e;--surface2:#402b25;--line:#67463b;--ink:#faefe5;--muted:#d8c3b5;--accent:#f1b57a;--top:#271b18;--nav:#2c1c19;--nav-active:#53362b;--control-bg:#2c1c19;--primary-bg:#efb77f;--primary-ink:#3c2117;--secondary-bg:#59362b;--secondary-ink:#fff1e4;--hero1:#4c2d25;--hero2:#2c1d1a;--nav-ink:#faefe5;--deep:#221815;--accent-ink:#f1b57a;--hero-ink:#faefe5;--hero-muted:#d8c3b5;--hover:#402b25;--input-border:#67463b;--muted-bg:#402b25;--toast-bg:#faefe5;--toast-ink:#221815;--brand-bg:#402b25;--brand-border:#f1b57a;--brand-ink:#f1b57a;--notice-bg:#402b25;--notice-ink:#faefe5;}
html[data-theme="slate"]{color-scheme:dark;--page:#19202a;--surface:#242e3b;--surface2:#2e3948;--line:#465467;--ink:#f0f4fa;--muted:#bac8d8;--accent:#a3c6e9;--top:#1c2633;--nav:#202c3b;--nav-active:#344456;--control-bg:#202c3c;--primary-bg:#b2d2ef;--primary-ink:#1b2b3d;--secondary-bg:#34475c;--secondary-ink:#f1f5fa;--hero1:#304358;--hero2:#202e40;--nav-ink:#f0f4fa;--deep:#19202a;--accent-ink:#a3c6e9;--hero-ink:#f0f4fa;--hero-muted:#bac8d8;--hover:#2e3948;--input-border:#465467;--muted-bg:#2e3948;--toast-bg:#f0f4fa;--toast-ink:#19202a;--brand-bg:#2e3948;--brand-border:#a3c6e9;--brand-ink:#a3c6e9;--notice-bg:#2e3948;--notice-ink:#f0f4fa;}
html[data-theme="parchment"]{color-scheme:light;--page:#f5efdf;--surface:#fffaf0;--surface2:#eae1d0;--line:#c6b79e;--ink:#332a21;--muted:#625343;--accent:#805b27;--top:#f8f1e5;--nav:#f0e7d6;--nav-active:#e0d2bc;--control-bg:#fffdf6;--primary-bg:#775323;--primary-ink:#fffaf1;--secondary-bg:#e8dcc8;--secondary-ink:#332a21;--hero1:#e6d8bf;--hero2:#faf4e8;--nav-ink:#332a21;--deep:#f5efdf;--accent-ink:#805b27;--hero-ink:#332a21;--hero-muted:#625343;--hover:#eae1d0;--input-border:#c6b79e;--muted-bg:#eae1d0;--toast-bg:#332a21;--toast-ink:#f5efdf;--brand-bg:#eae1d0;--brand-border:#805b27;--brand-ink:#805b27;--notice-bg:#eae1d0;--notice-ink:#332a21;}
html[data-theme="ivory"]{color-scheme:light;--page:#f8f8f4;--surface:#ffffff;--surface2:#f0f0eb;--line:#c5c8c5;--ink:#242b2a;--muted:#57605d;--accent:#33656a;--top:#fafaf6;--nav:#f5f6f2;--nav-active:#e0ebe8;--control-bg:#ffffff;--primary-bg:#255257;--primary-ink:#ffffff;--secondary-bg:#e1eeeb;--secondary-ink:#24484b;--hero1:#e8f0eb;--hero2:#fafcf9;--nav-ink:#242b2a;--deep:#f8f8f4;--accent-ink:#33656a;--hero-ink:#242b2a;--hero-muted:#57605d;--hover:#f0f0eb;--input-border:#c5c8c5;--muted-bg:#f0f0eb;--toast-bg:#242b2a;--toast-ink:#f8f8f4;--brand-bg:#f0f0eb;--brand-border:#33656a;--brand-ink:#33656a;--notice-bg:#f0f0eb;--notice-ink:#242b2a;}
html[data-theme="sandstone"]{color-scheme:light;--page:#f7ebdf;--surface:#fff8f0;--surface2:#efe1d1;--line:#d1b4a0;--ink:#463022;--muted:#725845;--accent:#985438;--top:#f9efe5;--nav:#f5e5d8;--nav-active:#e9cfba;--control-bg:#fffaf4;--primary-bg:#87472b;--primary-ink:#fff9f0;--secondary-bg:#f4dec9;--secondary-ink:#572b20;--hero1:#f4dbc7;--hero2:#fff9f1;--nav-ink:#463022;--deep:#f7ebdf;--accent-ink:#985438;--hero-ink:#463022;--hero-muted:#725845;--hover:#efe1d1;--input-border:#d1b4a0;--muted-bg:#efe1d1;--toast-bg:#463022;--toast-ink:#f7ebdf;--brand-bg:#efe1d1;--brand-border:#985438;--brand-ink:#985438;--notice-bg:#efe1d1;--notice-ink:#463022;}
html[data-theme="sage"]{color-scheme:light;--page:#ebf3e9;--surface:#fafff8;--surface2:#e1ecdf;--line:#b5cbb6;--ink:#263b2b;--muted:#506950;--accent:#3c7150;--top:#f0f7ee;--nav:#e7f0e6;--nav-active:#d1e3d1;--control-bg:#fbfff9;--primary-bg:#356b48;--primary-ink:#fafff8;--secondary-bg:#dcebdd;--secondary-ink:#23452f;--hero1:#d9e9db;--hero2:#f6fdf6;--nav-ink:#263b2b;--deep:#ebf3e9;--accent-ink:#3c7150;--hero-ink:#263b2b;--hero-muted:#506950;--hover:#e1ecdf;--input-border:#b5cbb6;--muted-bg:#e1ecdf;--toast-bg:#263b2b;--toast-ink:#ebf3e9;--brand-bg:#e1ecdf;--brand-border:#3c7150;--brand-ink:#3c7150;--notice-bg:#e1ecdf;--notice-ink:#263b2b;}
html[data-theme="rose"]{color-scheme:light;--page:#faf0f3;--surface:#fffaff;--surface2:#f4e5ec;--line:#d9bdc9;--ink:#402c36;--muted:#715763;--accent:#8c466b;--top:#fcf5f8;--nav:#f7eaf0;--nav-active:#eed5e1;--control-bg:#fffaff;--primary-bg:#833d65;--primary-ink:#fffaff;--secondary-bg:#f1dce6;--secondary-ink:#632945;--hero1:#f3e0e9;--hero2:#fdf7f9;--nav-ink:#402c36;--deep:#faf0f3;--accent-ink:#8c466b;--hero-ink:#402c36;--hero-muted:#715763;--hover:#f4e5ec;--input-border:#d9bdc9;--muted-bg:#f4e5ec;--toast-bg:#402c36;--toast-ink:#faf0f3;--brand-bg:#f4e5ec;--brand-border:#8c466b;--brand-ink:#8c466b;--notice-bg:#f4e5ec;--notice-ink:#402c36;}
html[data-theme="arctic"]{color-scheme:light;--page:#edf5fa;--surface:#fbfdff;--surface2:#e2edf6;--line:#b9ccde;--ink:#1d3548;--muted:#4d6476;--accent:#26648e;--top:#f2f8fc;--nav:#e7f2f9;--nav-active:#d1e6f3;--control-bg:#ffffff;--primary-bg:#205b83;--primary-ink:#ffffff;--secondary-bg:#dcecf7;--secondary-ink:#204969;--hero1:#dbeefa;--hero2:#f8fcff;--nav-ink:#1d3548;--deep:#edf5fa;--accent-ink:#26648e;--hero-ink:#1d3548;--hero-muted:#4d6476;--hover:#e2edf6;--input-border:#b9ccde;--muted-bg:#e2edf6;--toast-bg:#1d3548;--toast-ink:#edf5fa;--brand-bg:#e2edf6;--brand-border:#26648e;--brand-ink:#26648e;--notice-bg:#e2edf6;--notice-ink:#1d3548;}

/* Chrome and content surfaces now follow theme tokens. Never change mobile-nav sizing, positioning or insets. */
body{background:var(--page);color:var(--ink)}
.topbar{background:var(--top);border-bottom-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.mobile-nav{background:var(--nav);border-top-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar,.stat,.panel,.book-card,.topic-card,.result-card{border-color:var(--line)}
.sidebar-label,.side-bottom,.book-card small,.topic-card small,.stat span,.lead,.mini,.muted{color:var(--muted)}
.nav-item{color:var(--muted)}.nav-item.active{background:var(--nav-active);border-color:var(--line);color:var(--ink)}
.nav-item:hover,.book-card:hover,.topic-card:hover{background:var(--hover);border-color:var(--accent)}
.brand-icon{color:var(--brand-ink);border-color:var(--brand-border);background:var(--brand-bg)}
.build-chip,.private-chip,.tag{color:var(--accent);border-color:var(--line);background:var(--surface2)}
.quiet-button{color:var(--ink);border-color:var(--line);background:var(--surface)}
.hero{border-color:var(--line);background:linear-gradient(115deg,var(--hero1),var(--hero2))}
.hero h2{color:var(--hero-ink)}.hero p{color:var(--hero-muted)}
.primary{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-ink)}
.secondary{background:var(--secondary-bg);border-color:var(--line);color:var(--secondary-ink)}
.danger{background:var(--surface2);border-color:var(--line);color:var(--ink)}
input,select,textarea{background:var(--control-bg);border-color:var(--input-border);color:var(--ink)}
input::placeholder{color:var(--muted)}
.pill{background:var(--surface2);border-color:var(--line);color:var(--ink)}
.pill[aria-pressed=true]{background:var(--nav-active);border-color:var(--accent)}
.note{background:var(--surface2);color:var(--ink);border-left-color:var(--accent)}
.note.warning{background:var(--surface2);color:var(--ink);border-left-color:#c56b54}
.statusline{color:var(--ink)}.progress{background:var(--surface2);border-color:var(--line)}
.progress>div{background:linear-gradient(90deg,var(--accent),var(--primary-bg))}
.step:before{background:var(--surface2);color:var(--accent)}
code{background:var(--surface2);color:var(--ink)}.empty{border-color:var(--line)}
.toast{background:var(--toast-bg);color:var(--toast-ink)}
.hadith-text{font-size:calc(1rem * var(--reader-scale));line-height:1.75}
.hadith-text[dir=rtl]{font-size:calc(20px * var(--reader-scale));line-height:1.9}
html[data-reader-size="compact"]{--reader-scale:.92}
html[data-reader-size="comfortable"]{--reader-scale:1}
html[data-reader-size="large"]{--reader-scale:1.2}
.appearance-launch{min-width:40px;min-height:40px;padding:8px 11px;font-size:20px;line-height:1}
.appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:12px 0 26px}
.appearance-tile{background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:15px;padding:10px;text-align:left;min-width:0;display:grid;gap:8px;cursor:pointer}
.appearance-tile:hover{border-color:var(--accent)}
.appearance-tile[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.appearance-sample{height:60px;border-radius:9px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:6px;padding:7px}
.appearance-sample-lines{display:flex;flex-direction:column;gap:5px;padding-top:5px}
.appearance-sample-lines i{display:block;width:90%;height:6px;border-radius:8px;opacity:.72}
.appearance-sample-lines i:nth-child(2){width:65%}
.appearance-sample-dot{width:10px;height:10px;border-radius:50%;margin:5px auto 0}
.appearance-name{font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:4px}
.appearance-name .tick{color:var(--accent)}
.appearance-mode{font-size:11px;color:var(--muted);line-height:1.2}
.reader-choice{display:flex;gap:8px;flex-wrap:wrap}
.reader-choice button[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:2px}
.appearance-summary{color:var(--muted);margin-top:12px}
@media(max-width:650px){.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.appearance-tile,.book-card,.topic-card,.progress>div{transition:none!important}}

/* Compact top actions on narrow iPhones, without touching the accepted bottom navigation. */
@media(max-width:380px){.topbar{gap:6px}.top-actions{gap:6px}.top-actions .quiet-button{padding:7px 9px}.appearance-launch{min-width:36px}.brand{gap:7px}.brand strong{font-size:13px}.brand small{font-size:10px}}