:root{--charcoal: #17120e;--charcoal-elevated: #221b15;--charcoal-soft: #312a23;--gold: #5b7cff;--gold-muted: #7287e1;--accent2: #39d0ff;--text-primary: #f3ece2;--text-secondary: #a8a29a;--shared-green: #7dc785;--verse-strip: #2d2e44;--note-accent: #a8c0e0;--note-strip: #373535;--quote-accent: #8cc2a6;--quote-strip: #33362c;--task-accent: #c2cc8c;--task-strip: #3c3728;--danger: #e5484d;--on-gold: #02040b;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark;--on-danger: #ffffff;--arabic-font: "Scheherazade New", serif}:root[data-palette=blueLight]{--charcoal: #f7f1e6;--charcoal-elevated: #fffdf8;--charcoal-soft: #f0eee8;--gold: #2e4bf5;--gold-muted: #2d45d4;--accent2: #0e9bd0;--text-primary: #2a2118;--text-secondary: #70685e;--shared-green: #3f8f49;--verse-strip: #dee2fd;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=teal]{--charcoal: #1a0f0e;--charcoal-elevated: #261715;--charcoal-soft: #352624;--gold: #2dd4cf;--gold-muted: #53c4c0;--accent2: #4fa3ff;--text-primary: #f6eae6;--text-secondary: #aba09d;--shared-green: #7dc785;--verse-strip: #273d3a;--note-accent: #a8c0e0;--note-strip: #3b3235;--quote-accent: #8cc2a6;--quote-strip: #36322c;--task-accent: #c2cc8c;--task-strip: #3f3428;--danger: #e5484d;--on-gold: #021416;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=tealLight]{--charcoal: #f8eeea;--charcoal-elevated: #fffbf9;--charcoal-soft: #f0ebe9;--gold: #0a7f88;--gold-muted: #0f6f77;--accent2: #1d6fd8;--text-primary: #2c1714;--text-secondary: #71605d;--shared-green: #3f8f49;--verse-strip: #d8ebec;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=green]{--charcoal: #1b140f;--charcoal-elevated: #271e17;--charcoal-soft: #352c25;--gold: #3ee08f;--gold-muted: #5ece92;--accent2: #b6f36a;--text-primary: #f4ece2;--text-secondary: #aaa39a;--shared-green: #7dc785;--verse-strip: #2c452f;--note-accent: #a8c0e0;--note-strip: #3c3837;--quote-accent: #8cc2a6;--quote-strip: #37382e;--task-accent: #c2cc8c;--task-strip: #403a2a;--danger: #e5484d;--on-gold: #03140b;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=greenLight]{--charcoal: #f3ebdd;--charcoal-elevated: #fcf8f1;--charcoal-soft: #eee9e2;--gold: #117c46;--gold-muted: #156f3f;--accent2: #6e9e12;--text-primary: #2e2318;--text-secondary: #71675b;--shared-green: #3f8f49;--verse-strip: #d9eae1;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=yellow]{--charcoal: #0e0b1f;--charcoal-elevated: #17132e;--charcoal-soft: #26223c;--gold: #ffd23f;--gold-muted: #e4c361;--accent2: #ff9f43;--text-primary: #f1eefb;--text-secondary: #a4a1b0;--shared-green: #7dc785;--verse-strip: #453931;--note-accent: #a8c0e0;--note-strip: #2e2f4a;--quote-accent: #8cc2a6;--quote-strip: #2a2f41;--task-accent: #c2cc8c;--task-strip: #32313d;--danger: #e5484d;--on-gold: #161100;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=yellowLight]{--charcoal: #f2f0fa;--charcoal-elevated: #ffffff;--charcoal-soft: #efeff1;--gold: #8a6400;--gold-muted: #7a5808;--accent2: #e07a10;--text-primary: #1c1638;--text-secondary: #65607a;--shared-green: #3f8f49;--verse-strip: #ece6d6;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=orange]{--charcoal: #0a1020;--charcoal-elevated: #121a30;--charcoal-soft: #21293e;--gold: #ff6a1f;--gold-muted: #e27b4b;--accent2: #ffb13d;--text-primary: #eaf0fa;--text-secondary: #9ea4b0;--shared-green: #7dc785;--verse-strip: #412a2d;--note-accent: #a8c0e0;--note-strip: #2a354c;--quote-accent: #8cc2a6;--quote-strip: #263543;--task-accent: #c2cc8c;--task-strip: #2e363f;--danger: #e5484d;--on-gold: #140800;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=orangeLight]{--charcoal: #eef3f8;--charcoal-elevated: #ffffff;--charcoal-soft: #eeeff0;--gold: #c9480a;--gold-muted: #ad410f;--accent2: #e0890c;--text-primary: #0f1a2b;--text-secondary: #5b6471;--shared-green: #3f8f49;--verse-strip: #f6e2d8;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=red]{--charcoal: #071613;--charcoal-elevated: #0e221d;--charcoal-soft: #1d312c;--gold: #ff4d63;--gold-muted: #e16977;--accent2: #ff9e7a;--text-primary: #e8f5f0;--text-secondary: #9ca9a5;--shared-green: #7dc785;--verse-strip: #3e2b2b;--note-accent: #a8c0e0;--note-strip: #273b3c;--quote-accent: #8cc2a6;--quote-strip: #223c33;--task-accent: #c2cc8c;--task-strip: #2b3d2f;--danger: #e5484d;--on-gold: #1a0306;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=redLight]{--charcoal: #eef6f2;--charcoal-elevated: #ffffff;--charcoal-soft: #eef0ef;--gold: #c21c38;--gold-muted: #a71d34;--accent2: #e8623a;--text-primary: #0c2520;--text-secondary: #596c67;--shared-green: #3f8f49;--verse-strip: #f5dbdf;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=pink]{--charcoal: #0a140f;--charcoal-elevated: #122019;--charcoal-soft: #212f28;--gold: #ff3fa4;--gold-muted: #e25ea3;--accent2: #a26bff;--text-primary: #eaf4ee;--text-secondary: #9ea8a2;--shared-green: #7dc785;--verse-strip: #412635;--note-accent: #a8c0e0;--note-strip: #2a3a39;--quote-accent: #8cc2a6;--quote-strip: #263a30;--task-accent: #c2cc8c;--task-strip: #2e3c2b;--danger: #e5484d;--on-gold: #1a0010;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=pinkLight]{--charcoal: #eff6f1;--charcoal-elevated: #ffffff;--charcoal-soft: #eef0ef;--gold: #c01470;--gold-muted: #a61763;--accent2: #7c3aed;--text-primary: #10261a;--text-secondary: #5c6d63;--shared-green: #3f8f49;--verse-strip: #f5d9e8;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=purple]{--charcoal: #14130a;--charcoal-elevated: #1f1d11;--charcoal-soft: #2e2c20;--gold: #a57bff;--gold-muted: #a688e1;--accent2: #5fa8ff;--text-primary: #f4f1e4;--text-secondary: #a8a69a;--shared-green: #7dc785;--verse-strip: #3a3041;--note-accent: #a8c0e0;--note-strip: #353732;--quote-accent: #8cc2a6;--quote-strip: #303729;--task-accent: #c2cc8c;--task-strip: #393925;--danger: #e5484d;--on-gold: #0b0520;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=purpleLight]{--charcoal: #f7f4e8;--charcoal-elevated: #fffef8;--charcoal-soft: #f0efe8;--gold: #6a3af0;--gold-muted: #6036ce;--accent2: #2f7bf0;--text-primary: #25220f;--text-secondary: #6c6959;--shared-green: #3f8f49;--verse-strip: #e7dffd;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=mono]{--charcoal: #000000;--charcoal-elevated: #0e0e0e;--charcoal-soft: #1a1a1a;--gold: #ffffff;--gold-muted: #e4e4e4;--accent2: #9a9a9a;--text-primary: #ffffff;--text-secondary: #a6a6a6;--shared-green: #7dc785;--verse-strip: #3e3e3e;--note-accent: #a8c0e0;--note-strip: #272a30;--quote-accent: #8cc2a6;--quote-strip: #222b26;--task-accent: #c2cc8c;--task-strip: #2b2c22;--danger: #e5484d;--on-gold: #000000;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=monoLight]{--charcoal: #ffffff;--charcoal-elevated: #ffffff;--charcoal-soft: #f0f0f0;--gold: #111111;--gold-muted: #101010;--accent2: #5a5a5a;--text-primary: #0a0a0a;--text-secondary: #5c5c5c;--shared-green: #3f8f49;--verse-strip: #d9d9d9;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=marble]{--charcoal: #101211;--charcoal-elevated: #191c1a;--charcoal-soft: #282b28;--gold: #f2eee6;--gold-muted: #dbd8d0;--accent2: #9aa0a6;--text-primary: #f2eee6;--text-secondary: #a5a39e;--shared-green: #7dc785;--verse-strip: #444643;--note-accent: #a8c0e0;--note-strip: #30363a;--quote-accent: #8cc2a6;--quote-strip: #2b3730;--task-accent: #c2cc8c;--task-strip: #34382c;--danger: #e5484d;--on-gold: #0b0c0b;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=marbleLight]{--charcoal: #f5f3ef;--charcoal-elevated: #ffffff;--charcoal-soft: #eff0ef;--gold: #3a3d42;--gold-muted: #36393d;--accent2: #9aa0a6;--text-primary: #1f2421;--text-secondary: #686a67;--shared-green: #3f8f49;--verse-strip: #dfe0e1;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=beige]{--charcoal: #1f1812;--charcoal-elevated: #2a2119;--charcoal-soft: #382f27;--gold: #6fcf8e;--gold-muted: #81c291;--accent2: #d9b48a;--text-primary: #f2e9dc;--text-secondary: #aaa297;--shared-green: #7dc785;--verse-strip: #384430;--note-accent: #a8c0e0;--note-strip: #3e3a39;--quote-accent: #8cc2a6;--quote-strip: #3a3b30;--task-accent: #c2cc8c;--task-strip: #423c2b;--danger: #e5484d;--on-gold: #06140b;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=beigeLight]{--charcoal: #efe6d8;--charcoal-elevated: #faf6ef;--charcoal-soft: #ede8e1;--gold: #2f7d4f;--gold-muted: #317148;--accent2: #b88b5e;--text-primary: #3a2e22;--text-secondary: #786d60;--shared-green: #3f8f49;--verse-strip: #deeae3;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=oasis]{--charcoal: #092a1e;--charcoal-elevated: #0f3426;--charcoal-soft: #133f2d;--gold: #f5bd02;--gold-muted: #e3c03a;--accent2: #54c08a;--text-primary: #f8f4ef;--text-secondary: #b8c7be;--shared-green: #7dc785;--verse-strip: #3d4f1f;--note-accent: #a8c0e0;--note-strip: #274a44;--quote-accent: #8cc2a6;--quote-strip: #234b3a;--task-accent: #c2cc8c;--task-strip: #2c4c36;--danger: #e5484d;--on-gold: #04110c;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=oasisLight]{--charcoal: #f8f4ef;--charcoal-elevated: #ffffff;--charcoal-soft: #efe8de;--gold: #1b8354;--gold-muted: #1c744c;--accent2: #dba102;--text-primary: #222222;--text-secondary: #4d5761;--shared-green: #3f8f49;--verse-strip: #dbebe4;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=gulf]{--charcoal: #102126;--charcoal-elevated: #17303a;--charcoal-soft: #1e3b45;--gold: #ef915c;--gold-muted: #daa07d;--accent2: #6fb0c5;--text-primary: #f3f6f9;--text-secondary: #a9c2cb;--shared-green: #7dc785;--verse-strip: #424341;--note-accent: #a8c0e0;--note-strip: #2e4755;--quote-accent: #8cc2a6;--quote-strip: #2a474b;--task-accent: #c2cc8c;--task-strip: #324947;--danger: #e5484d;--on-gold: #060d0f;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=gulfLight]{--charcoal: #f3f6f9;--charcoal-elevated: #ffffff;--charcoal-soft: #e4e9ee;--gold: #c2561d;--gold-muted: #a95223;--accent2: #34778d;--text-primary: #1e3b45;--text-secondary: #4f6470;--shared-green: #3f8f49;--verse-strip: #f5e4db;--note-accent: #3d618f;--note-strip: #e4e9ef;--quote-accent: #3f7a5c;--quote-strip: #e4ece8;--task-accent: #6e7a32;--task-strip: #ebece2;--danger: #b33434;--on-gold: #ffffff;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root[data-palette=classic]{--charcoal: #0e1219;--charcoal-elevated: #131922;--charcoal-soft: #1a212d;--gold: #c9ab76;--gold-muted: #a08857;--accent2: #8e7448;--text-primary: #e9eaf0;--text-secondary: #a9b0bf;--shared-green: #7dc785;--verse-strip: #33301f;--note-accent: #a8c0e0;--note-strip: #22304a;--quote-accent: #8cc2a6;--quote-strip: #1d3330;--task-accent: #c2cc8c;--task-strip: #283021;--danger: #c43d3d;--on-gold: #000000;--wash-rgb: 255 255 255;--inset-opacity: .28;color-scheme:dark}:root[data-palette=classicLight]{--charcoal: #f2ece1;--charcoal-elevated: #fdfdfc;--charcoal-soft: #eae2d1;--gold: #83652e;--gold-muted: #79602f;--accent2: #b08a45;--text-primary: #30281d;--text-secondary: #5b5040;--shared-green: #3f8f49;--verse-strip: #e6d6b2;--note-accent: #56709a;--note-strip: #dce3ec;--quote-accent: #3f7a5c;--quote-strip: #d7e6dc;--task-accent: #6e7a32;--task-strip: #e3e6cf;--danger: #b33434;--on-gold: #f4f8fb;--wash-rgb: 0 0 0;--inset-opacity: .05;color-scheme:light}:root{--tint-fill: color-mix(in srgb, var(--gold) 10%, transparent);--tint-line: color-mix(in srgb, var(--gold) 35%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--charcoal);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.shell{display:grid;grid-template-columns:232px 320px minmax(0,1fr);height:100%}.shell[data-columns="2"]{grid-template-columns:232px minmax(0,1fr)}.column{min-width:0;overflow-y:auto;border-inline-end:1px solid rgb(var(--wash-rgb) / 6%)}.column:last-child{border-inline-end:0}.column-header{position:sticky;top:0;z-index:2;display:flex;box-sizing:border-box;min-height:46px;align-items:center;gap:8px;padding:12px 14px;background:var(--charcoal);border-bottom:1px solid rgb(var(--wash-rgb) / 6%);font-weight:600}.hijri-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;background:var(--charcoal-soft);color:var(--text-secondary);font-size:12px;font-weight:400}.hijri-chip svg{color:var(--gold)}.column-header .subtle{margin-inline-start:auto;color:var(--text-secondary);font-weight:400;font-size:12px}.sidebar{display:flex;flex-direction:column;background:var(--charcoal);padding:8px 8px 10px}.sidebar-top{padding:4px 4px 10px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-toggle,.sidebar-strip{color:var(--text-secondary)}.sidebar-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:7px}.sidebar-toggle:hover,.sidebar-strip:hover{color:var(--text-primary)}.sidebar-toggle kbd,.sidebar-strip kbd{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid rgb(var(--wash-rgb) / 16%);border-radius:4px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600}.sidebar-strip{display:none;flex-direction:column;align-items:center;gap:8px;padding-top:14px;border-inline-end:1px solid rgb(var(--wash-rgb) / 6%);background:var(--charcoal)}.sidebar-strip-chevron{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:5px}.sidebar-strip-label{font-size:10px;font-weight:600;letter-spacing:2px;writing-mode:vertical-rl}@media(width>760px){.shell[data-collapsed=true]{grid-template-columns:36px 320px minmax(0,1fr)}.shell[data-collapsed=true][data-columns="2"]{grid-template-columns:36px minmax(0,1fr)}.shell[data-collapsed=true]>.sidebar{display:none}.shell[data-collapsed=true]>.sidebar-strip{display:flex}}.brand{display:block;text-decoration:none;padding:4px 6px 8px;color:var(--gold);font-family:Poiret One,system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:.02em}.sidebar-search{display:flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid rgb(var(--wash-rgb) / 6%);border-radius:8px;background:var(--charcoal-elevated);color:var(--text-secondary)}.sidebar-search[data-on=true]{border-color:color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold)}.sidebar-search input{border:0;background:none;padding:6px 0}.sidebar-search input:focus{outline:none}.sidebar-nav{flex:1;min-height:0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:7px;color:var(--text-secondary);text-align:start}.nav-item:hover{background:var(--charcoal-elevated);color:var(--text-primary)}.nav-item[data-locked]:not([aria-current=page]){opacity:.45}.nav-item[aria-current=page]{background:var(--gold);color:var(--on-gold);font-weight:600}.nav-item svg{flex:none;width:16px;height:16px}.nav-item>span{flex:1;min-width:0}.nav-item .grip{width:12px;height:14px;margin:0 -6px 0 -4px;opacity:.35;cursor:grab}.nav-item:hover .grip{opacity:.8}.nav-item .key-slot{display:inline-grid;flex:none;place-items:center;width:18px;height:18px}.nav-item .key-slot>*{grid-area:1 / 1}.nav-item .key-slot .grip{margin:0;visibility:hidden}.nav-item:hover .key-slot .grip{visibility:visible}.nav-item:hover .key-slot .nav-key{visibility:hidden}.nav-key{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:4px;color:var(--gold);font-family:inherit;font-size:10.5px;font-weight:600}.nav-item[aria-current=page] .nav-key{border-color:#0006;color:var(--on-gold)}.nav-item[data-dragging]{opacity:.45}.nav-item .pill{flex:none;padding:2px 7px;border-radius:999px;background:rgb(var(--wash-rgb) / 6%);color:var(--text-secondary);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.nav-item[aria-current=page] .pill{background:var(--gold);color:var(--on-gold)}.sidebar-dock{position:relative;padding-top:10px;border-top:1px solid rgb(var(--wash-rgb) / 6%)}.sidebar-dock .account{display:flex;align-items:center;gap:8px;width:100%;padding:6px;border-radius:8px;text-align:start}.sidebar-dock .account:hover{background:var(--charcoal-elevated)}.sidebar-dock .who{min-width:0}.sidebar-dock .who,.sidebar-dock .who b{display:block;overflow:hidden;color:var(--text-primary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-dock .who small{color:var(--text-secondary);font-size:11px}.sidebar-dock .ghost-button{margin-top:8px;width:100%;padding:5px 10px;font-size:12px}.sidebar-dock .dock-row{display:flex;align-items:center;gap:8px}.sidebar-dock .dock-row .account{flex:1;min-width:0}.sidebar-dock .dock-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid rgb(var(--wash-rgb) / 6%);border-radius:8px;background:var(--charcoal-elevated);color:var(--gold)}.sidebar-dock .dock-icon svg{width:15px;height:15px}.sidebar-dock .privacy-link{display:block;margin-top:8px;color:var(--text-secondary);font-size:11px;text-align:center;text-decoration:none}.sidebar-dock .privacy-link:hover{color:var(--gold)}.row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;text-align:start;border-bottom:1px solid rgb(var(--wash-rgb) / 4%)}.row:hover{background:var(--charcoal-elevated)}.row[aria-current=true]{background:var(--charcoal-soft)}.row .number{flex:none;width:26px;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;font-size:12px}.row .title{min-width:0}.row .title b{display:block;font-weight:600}.row .title small{color:var(--text-secondary);font-size:11px}.row .arabic{margin-inline-start:auto;color:var(--gold-muted);font-family:var(--arabic-font);font-size:18px}.ayah-list{padding:4px 20px 80px}.ayah{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:12px;padding:10px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 5%)}.ayah>*{grid-column:2}.ayah>.no{display:flex;align-items:center;justify-content:flex-end;gap:10px;grid-row:2;grid-column:1;align-self:start;color:var(--text-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600;line-height:calc(var(--ar-size, 28px) * 1.7);text-align:end}.ayah-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ayah-top .marks{display:flex;gap:10px;margin-inline-start:auto;color:var(--gold-muted);font-size:11px}.arabic-line{direction:rtl;text-align:right;font-family:var(--arabic-font);line-height:2}.word-flow{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px 14px;direction:rtl}.word{display:flex;flex-direction:column;align-items:center;gap:10px}.word .ar{font-family:var(--arabic-font);line-height:1.55}.word .tr{color:var(--gold-muted);font-size:11px;direction:ltr}.word-flow[data-lit=true] .word{opacity:.45}.word-flow[data-lit=true] .word[data-active=true]{border-radius:6px;background:color-mix(in srgb,var(--gold) 22%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent),0 0 0 4px color-mix(in srgb,var(--gold) 85%,transparent);opacity:1}.word[data-active=true] .ar,.word[data-active=true] .tr{color:var(--gold)}.translit-line{margin-top:8px;color:var(--text-secondary);font-style:italic}.translation{margin-top:8px;color:color-mix(in srgb,var(--text-primary) 88%,transparent);line-height:1.6}.translation .who{display:block;margin-bottom:2px;color:var(--gold-muted);font-size:11px;font-style:normal}.panel{padding:18px 20px;color:var(--text-secondary);line-height:1.6}.panel h2{margin:0 0 8px;color:var(--text-primary);font-size:15px}.chip-bar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.chip{padding:4px 10px;border:1px solid var(--gold-muted);border-radius:999px;color:var(--text-secondary);font-size:12px}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:600}.gold-button{padding:7px 14px;border-radius:7px;background:var(--gold);color:var(--on-gold);font-weight:600}.ghost-button{padding:7px 14px;border:1px solid var(--gold-muted);border-radius:7px;color:var(--gold-muted);font-weight:600}.loading,.error{padding:18px 20px;color:var(--text-secondary)}.error{color:var(--danger)}input[type=email],input[type=password],input[type=search],input[type=text]{width:100%;padding:7px 10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:7px;background:var(--charcoal-elevated);color:var(--text-primary)}dialog{width:min(380px,calc(100vw - 32px));padding:18px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated);color:var(--text-primary)}dialog::backdrop{background:#0000008c}.field{margin-bottom:10px}.field label{display:block;margin-bottom:4px;color:var(--text-secondary);font-size:12px}.back-button,.menu-fab{display:none}@media(width<=1100px){.shell{grid-template-columns:64px 300px minmax(0,1fr)}.shell[data-columns="2"]{grid-template-columns:64px minmax(0,1fr)}.sidebar .nav-item span,.sidebar-toggle,.sidebar-search input,.sidebar-dock .who,.sidebar-dock .role,.sidebar-dock .ghost-button{display:none}.brand{overflow:hidden;padding:4px 0 8px;text-align:center;font-size:13px}.sidebar-search{justify-content:center}}@media(width<=760px){.shell,.shell[data-columns="2"]{grid-template-columns:minmax(0,1fr)}.column{display:none;border-inline-end:0}.column[data-active=true]{display:block}.sidebar .nav-item span,.sidebar-search input,.sidebar-dock .who,.sidebar-dock .role,.sidebar-dock .ghost-button{display:revert}.sidebar{padding:10px 12px 24px}.brand{padding:4px 6px 8px;text-align:start;font-size:22px}.back-button{display:inline-flex;align-items:center;gap:4px;color:var(--gold)}.menu-fab{position:fixed;inset:auto 16px 16px auto;z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:18px;box-shadow:0 6px 18px #00000073}}.column.wide{padding-bottom:60px}.column-tools{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.column-tools.row{flex-direction:row;flex-wrap:wrap}.column-foot{padding:10px 14px 20px;font-size:11px}.subtle{color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ayatloom-prominent{padding:6px 14px;border-radius:7px;background:var(--gold);color:var(--on-gold);font-weight:600}.ayatloom-prominent:disabled{opacity:.45}.link-button{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:var(--gold-muted);font-size:11px;text-align:start}.link-button.danger{color:#c9635c}.pill{padding:0 5px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;color:var(--gold);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600}.select select{padding:5px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:7px;background:var(--charcoal-elevated);color:var(--text-primary);font:inherit}.segmented{display:inline-flex;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:8px}.segmented button{padding:5px 12px;color:var(--text-secondary);font-size:12px}.segmented button[aria-pressed=true]{background:var(--gold);color:var(--on-gold);font-weight:600}.chip-bar.wrap{border-bottom:0;padding:8px 0}.chip .pill{margin-inline-start:5px}.list-group h3{margin:0;padding:12px 14px 4px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.list-group h3 small{margin-inline-start:6px;color:var(--text-secondary);font-weight:400;text-transform:none}.group-toggle{display:flex;align-items:baseline;gap:8px;width:100%;padding:12px 14px 4px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.group-toggle small{margin-inline-start:auto;color:var(--text-secondary);font-weight:400;text-transform:none}.sort-bar{display:flex;gap:8px}.sort-chip{flex:1;padding:5px 8px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:8px;text-align:start}.sort-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.sort-chip .label{display:block;color:var(--text-secondary);font-size:10px;letter-spacing:.03em;text-transform:uppercase}.sort-chip .dirs{display:flex;gap:6px;font-size:11px}.sort-chip .dirs span{color:color-mix(in srgb,var(--text-secondary) 65%,transparent)}.sort-chip .dirs span[data-on=true]{color:var(--gold);font-weight:700}.surah-row .count,.root-row .count,.tag-row .count{margin-inline-start:auto;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.surah-row .title small{color:var(--gold)}.surah-row{align-items:baseline}.surah-row .number{color:var(--text-primary);font-size:16px;font-weight:600;text-align:end}.surah-row[data-locked=true]{opacity:.35}.tag-group{margin:4px 8px;border-inline-start:3px solid var(--gold)}.tag-band{background:color-mix(in srgb,var(--gold) 9%,transparent)}.tag-band .title{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tag-band .fold{display:inline-grid;flex:none;place-items:center;margin-inline-end:-4px;color:var(--text-secondary);cursor:pointer}.tag-gap{height:8px}.tag-rename-button{display:inline-grid;flex:none;place-items:center;padding:2px;border-radius:4px;color:var(--text-secondary);cursor:pointer}.tag-rename-button:hover{color:var(--gold)}.tag-rename{flex:1;min-width:0;padding:2px 6px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:6px;background:transparent;color:var(--text-primary);font:inherit}.tag-row .count[data-empty=true]{padding:2px 6px;border-radius:999px;background:var(--danger);color:var(--on-danger);font-weight:600}.lesson-row{position:relative;align-items:flex-start}.lesson-row .lead-icon{flex:none;width:16px;height:16px;margin-top:2px;color:var(--gold)}.lesson-row .lock-icon{flex:none;width:12px;height:12px;margin-top:3px;color:var(--gold-muted)}.lesson-row .rename{display:grid;flex:none;place-items:center;width:20px;height:20px;color:var(--gold-muted)}.lesson-row .title{flex:1;min-width:0}.notice{margin:10px 14px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:10px;background:var(--charcoal-elevated)}.notice h3{margin:0 0 6px;color:var(--gold);font-size:13px}.flow{padding:8px 14px 60px}.verse-card{margin-bottom:12px}.verse-card .rule{height:2px;background:color-mix(in srgb,var(--gold) 27%,transparent)}.verse-card .body{display:flex;gap:18px;padding:12px 0}.verse-card .studied-toggle{flex:none;color:var(--text-secondary)}.verse-card .studied-toggle[aria-pressed=true]{color:var(--gold)}.verse-card .meta{flex:none;width:150px}.verse-card .verse-title{color:var(--gold);font-size:20px;font-weight:600;text-align:start}.verse-card .place{display:block;margin-top:2px;color:var(--text-secondary);font-size:11px}.verse-card .text{min-width:0;flex:1}.arabic-line.centred{text-align:center;line-height:2.1}.annotation{margin-top:10px;padding:10px 12px;border-radius:8px;background:var(--charcoal-elevated)}.annotation .label,.themes-card .label,.flow-note .label,.flow-quote .label{display:block;margin-bottom:4px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.annotation p{margin:0;color:var(--text-primary);line-height:1.6}.detail-head{padding:14px}.detail-head h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--gold);font-size:19px}.detail-head h2 svg{width:17px;height:17px;color:var(--gold)}.detail-head .lock-icon{width:13px;height:13px;color:var(--gold-muted)}.detail-head .lock-icon.muted{opacity:.5}.detail-head .progress{margin-inline-start:auto;color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.detail-head .meta{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 0;color:var(--text-secondary);font-size:12px}.transcript{margin:0 14px 10px;color:var(--text-secondary)}.transcript summary{cursor:pointer;color:var(--gold-muted);font-size:12px}.transcript p{white-space:pre-wrap;line-height:1.6}.themes-card{margin-bottom:12px;padding:12px;border:1px solid rgb(var(--wash-rgb) / 6%);border-radius:12px;background:var(--charcoal-elevated)}.tag-chip{border-color:color-mix(in srgb,var(--tag-color, var(--gold)) 60%,transparent);color:var(--tag-color, var(--gold))}.flow-heading{display:flex;align-items:center;gap:10px;margin:16px 0 4px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.flow-heading:after{flex:1;height:1px;background:color-mix(in srgb,var(--gold) 35%,transparent);content:""}.flow-separator{padding:8px 0;color:var(--gold-muted);font-family:var(--arabic-font);font-size:20px;text-align:center}.flow-note,.flow-quote{position:relative;margin-bottom:12px;padding:12px 12px 12px 16px;border-radius:10px;background:var(--charcoal-elevated)}.flow-note:before,.flow-quote:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);content:""}.flow-note p,.flow-quote blockquote{margin:0;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.flow-quote .comment{margin-top:6px;color:var(--text-secondary);font-style:italic}.flow-quote .source{margin-top:6px;color:var(--gold-muted);font-size:11px;font-weight:600}.quotes-new{display:flex;align-items:center;gap:8px;padding:12px 16px 4px}.quote-new-button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:999px;color:var(--gold);font-size:12px;font-weight:600}.quote-filters{display:flex;overflow-x:auto;gap:8px;padding:0 16px 14px;scrollbar-width:none}.quote-filters button{flex:none;padding:6px 10px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:999px;background:var(--charcoal-elevated);color:var(--gold);font-size:12px;font-weight:600}.quote-filters button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 22%,transparent)}.quotes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:60%;padding:24px;color:var(--text-secondary);text-align:center}.quotes-empty h2{margin:6px 0 0;color:var(--text-primary);font-size:17px}.quotes-empty p{max-width:360px;margin:0;font-size:13px}.quote-grid{display:grid;align-items:stretch;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.quote-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 34px 14px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:12px;background:var(--charcoal-elevated);cursor:pointer;text-align:center}.quote-card .mark{width:22px;height:22px;color:color-mix(in srgb,var(--gold) 60%,transparent)}.quote-card .body{display:-webkit-box;overflow:hidden;margin:auto 0;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:8}.quote-card .source{margin:0;color:var(--gold);font-size:12px;font-weight:600}.quote-card .comment{margin:0;color:var(--text-secondary);font-size:12px;font-style:italic}.quote-card .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding-top:2px}.quote-chip{padding:3px 8px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:999px;background:var(--charcoal-soft);color:var(--text-primary);font-size:10px;font-weight:600;white-space:nowrap}[data-design=classic]:is(.quote-card,.qd-card){--q-bg: var(--charcoal-elevated);--q-border: color-mix(in srgb, var(--gold) 35%, transparent);--q-text: var(--text-primary);--q-accent: color-mix(in srgb, var(--gold) 60%, transparent);--q-source: var(--gold);--q-muted: rgb(163 163 163 / 80%);--q-chip: var(--charcoal-soft)}[data-design=navy]:is(.quote-card,.qd-card){--q-bg: #0f1a33;--q-border: #c9ab76;--q-text: #f3ead7;--q-accent: #c9ab76;--q-source: #c9ab76;--q-muted: #cfc6b0;--q-chip: rgb(255 255 255 / 8%);--q-font: "Cormorant Garamond", Georgia, serif;--q-style: italic;--q-weight: 500;--q-size: 23px;--q-scale: 1.15}[data-design=paper]:is(.quote-card,.qd-card){--q-bg: #f4ebdd;--q-border: #d9c6a5;--q-text: #2a2118;--q-accent: #8a6a3a;--q-source: #8a6a3a;--q-muted: #8a7a63;--q-chip: rgb(42 33 24 / 8%);--q-icon: #8a6a3a;--q-font: "Cormorant Garamond", Georgia, serif;--q-style: italic;--q-weight: 500;--q-size: 23px;--q-scale: 1.15}[data-design=night]:is(.quote-card,.qd-card){--q-bg: linear-gradient(145deg, #1b2440 0%, #3a2346 100%);--q-border: transparent;--q-text: #f1f2f6;--q-accent: #e8cfa0;--q-source: #e8cfa0;--q-muted: #b9b2c8;--q-chip: rgb(255 255 255 / 8%)}[data-design=emerald]:is(.quote-card,.qd-card){--q-bg: #0f2a24;--q-border: #c9ab76;--q-inset: inset 0 0 0 7px #0f2a24, inset 0 0 0 8px #c9ab76;--q-text: #f1e6cc;--q-accent: #c9ab76;--q-source: #c9ab76;--q-muted: #a9b8ae;--q-chip: rgb(255 255 255 / 7%);--q-font: "Playfair Display", Georgia, serif;--q-style: italic;--q-weight: 500}[data-design=parchment]:is(.quote-card,.qd-card){--q-bg: radial-gradient(circle at 50% 40%, #f1e3c3, #d9c193 75%, #c9ab76);--q-border: transparent;--q-text: #3b2a14;--q-accent: #5a4220;--q-source: #3b2a14;--q-muted: #5a4220;--q-chip: rgb(59 42 20 / 8%);--q-icon: #5a4220;--q-font: "EB Garamond", Georgia, serif;--q-style: italic;--q-size: 22px;--q-scale: 1.1}[data-design=marble]:is(.quote-card,.qd-card){--q-bg: linear-gradient(135deg, #f4f4f2, #e3e3e0 40%, #f7f7f5 55%, #dcdcd8);--q-border: #d4d4d0;--q-text: #2a2d33;--q-accent: #8e8e8a;--q-source: #6b6e75;--q-muted: #6b6e75;--q-chip: color-mix(in srgb, var(--charcoal-soft) 6%, transparent);--q-icon: #6b6e75;--q-font: "Libre Baskerville", Georgia, serif;--q-size: 18px;--q-scale: .9}[data-design=illumination]:is(.quote-card,.qd-card){--q-bg: #0d0d0f;--q-border: transparent;--q-text: #f2e6c9;--q-accent: #c9ab76;--q-source: #c9ab76;--q-muted: #cfc2a3;--q-chip: rgb(255 255 255 / 7%);--q-font: Amiri, Georgia, serif;--q-size: 20px}[data-design=sunset]:is(.quote-card,.qd-card){--q-bg: linear-gradient(160deg, #f6b26b, #d9707a 50%, #6a4c93);--q-border: transparent;--q-text: #fff8f0;--q-accent: #fff3e6;--q-source: #fff3e6;--q-muted: #fff3e6;--q-chip: rgb(255 255 255 / 16%);--q-icon: #fff3e6;--q-font: "Playfair Display", Georgia, serif;--q-style: italic;--q-weight: 500}[data-design=sand]:is(.quote-card,.qd-card){--q-bg: #ead9bd;--q-border: transparent;--q-text: #5a2a14;--q-accent: #8a3b1f;--q-source: #8a3b1f;--q-muted: #5a2a14;--q-chip: rgb(90 42 20 / 8%);--q-icon: #8a3b1f;--q-font: Lora, Georgia, serif;--q-style: italic;--q-weight: 500}[data-design=plain]:is(.quote-card,.qd-card){--q-bg: #fff;--q-border: #e5e5e5;--q-text: #111;--q-accent: #111;--q-source: #555;--q-muted: #999;--q-chip: rgb(0 0 0 / 5%);--q-icon: #555;--q-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--q-weight: 600;--q-size: 19px;--q-scale: .95}[data-design=burgundy]:is(.quote-card,.qd-card){--q-bg: radial-gradient(circle at 50% 30%, #6b1d2a, #3d0d16);--q-border: transparent;--q-text: #f3e2c7;--q-accent: #d9b26f;--q-source: #d9b26f;--q-muted: #d9c4a3;--q-chip: rgb(255 255 255 / 8%);--q-font: "Cormorant Garamond", Georgia, serif;--q-style: italic;--q-weight: 500;--q-size: 23px;--q-scale: 1.15}[data-design=starry]:is(.quote-card,.qd-card){--q-bg: radial-gradient(rgb(255 255 255 / 33%) 1px, transparent 1.2px) 0 0 / 24px 24px, radial-gradient(rgb(255 255 255 / 17%) 1px, transparent 1.2px) 8px 5px / 15px 15px, #0a1022;--q-border: transparent;--q-text: #e8ecff;--q-accent: #9fb4ff;--q-source: #9fb4ff;--q-muted: #c6d0ff;--q-chip: rgb(255 255 255 / 8%);--q-font: Spectral, Georgia, serif;--q-style: italic}[data-design=tile]:is(.quote-card,.qd-card){--q-bg: #fbfaf6;--q-border: transparent;--q-inset: inset 0 0 0 7px #fbfaf6, inset 0 0 0 9px #1f4f8f;--q-text: #163a6b;--q-accent: #2f7fbf;--q-source: #2f7fbf;--q-muted: #163a6b;--q-chip: rgb(31 79 143 / 8%);--q-icon: #1f4f8f;--q-font: "Libre Baskerville", Georgia, serif;--q-style: italic;--q-size: 18px;--q-scale: .9}.quote-card[data-design]{border-color:var(--q-border);background:var(--q-bg);box-shadow:var(--q-inset, none)}.quote-card[data-design] .mark{color:var(--q-accent)}.quote-card[data-design] .body{color:var(--q-text);font-family:var(--q-font, Georgia, "Times New Roman", serif);font-size:var(--q-size, 20px);font-style:var(--q-style, normal);font-weight:var(--q-weight, 400)}.quote-card[data-design] .source{color:var(--q-source)}.quote-card[data-design] .dates{color:var(--q-muted)}.quote-card[data-design] .quote-chip:not(.verse){border-color:color-mix(in srgb,var(--q-source) 35%,transparent);background:var(--q-chip);color:var(--q-text)}.quote-card[data-design] .quote-chip.verse{border-color:var(--q-source);color:var(--q-source)}.quote-card[data-design] .quote-marks>:is(button,a),.quote-card[data-design] .quote-actions>button,.quote-card[data-design] .quote-actions>div>button:first-child{color:var(--q-icon, var(--gold-muted))}.quote-card[data-design=night] .body{text-shadow:0 0 20px rgb(201 171 118 / 25%)}.quote-card[data-design=paper] .source{font-size:11px;letter-spacing:.08em;text-transform:uppercase}:is(.quote-card,.qd-card)[data-design=illumination]:before,:is(.quote-card,.qd-card)[data-design=illumination]:after,:is(.quote-card,.qd-card)[data-design=tile]:after{position:absolute;z-index:0;content:"";pointer-events:none}.quote-card[data-design] :is(.quote-marks,.quote-actions){z-index:1}:is(.quote-card,.qd-card)[data-design=illumination]:before{inset:6%;border:1.5px solid #c9ab76;border-radius:8px}:is(.quote-card,.qd-card)[data-design=illumination]:after{inset:calc(6% + 7px);border:.8px dashed #c9ab76;border-radius:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cpath d='M5 0l5 10-5 10-5-10z' fill='%23c9ab76'/%3E%3C/svg%3E") left 8px top -7px / 8px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cpath d='M5 0l5 10-5 10-5-10z' fill='%23c9ab76'/%3E%3C/svg%3E") right 8px top -7px / 8px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cpath d='M5 0l5 10-5 10-5-10z' fill='%23c9ab76'/%3E%3C/svg%3E") left 8px bottom -7px / 8px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cpath d='M5 0l5 10-5 10-5-10z' fill='%23c9ab76'/%3E%3C/svg%3E") right 8px bottom -7px / 8px 14px no-repeat;background-origin:border-box}:is(.quote-card,.qd-card)[data-design=tile]:after{inset:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M1 1h16L9 15z' fill='none' stroke='%231f4f8f' stroke-width='2'/%3E%3C/svg%3E") left top / 16px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M1 1h16L9 15z' fill='none' stroke='%231f4f8f' stroke-width='2'/%3E%3C/svg%3E") right top / 16px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M1 15h16L9 1z' fill='none' stroke='%231f4f8f' stroke-width='2'/%3E%3C/svg%3E") left bottom / 16px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M1 15h16L9 1z' fill='none' stroke='%231f4f8f' stroke-width='2'/%3E%3C/svg%3E") right bottom / 16px 14px no-repeat}.quotes-page{position:relative}.quote-design-toggle{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:999px;color:var(--gold);font-size:12px;font-weight:600;cursor:pointer}.quote-design-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 18%,transparent)}.shape-icon{display:inline-block;flex:none;border:1.5px solid currentcolor;border-radius:2px}.shape-icon[data-shape=square]{width:11px;height:11px}.shape-icon[data-shape=wide]{width:16px;height:10px}.qd-backdrop{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:#0000008c}.qd-window{display:flex;flex-direction:column;width:min(1060px,100%);max-height:min(820px,100%);padding:18px 20px 20px;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:16px;background:var(--charcoal-elevated);box-shadow:0 30px 80px #0009;color:var(--text-primary)}.qd-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.qd-head h2{margin:0;font-size:17px;font-weight:700}.qd-head .hint{overflow:hidden;color:var(--text-secondary);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.qd-head .close{display:grid;flex:none;width:28px;height:28px;margin-inline-start:auto;place-items:center;border-radius:50%;background:var(--charcoal-soft);color:var(--text-secondary);cursor:pointer}.qd-grab{display:none}.qd-label{margin:6px 0 8px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.1em}.qd-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}.qd-seg{display:inline-flex;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:8px}.qd-seg button{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;color:var(--text-secondary);font-size:13px;cursor:pointer}.qd-seg button[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}.qd-reset{margin-inline-start:auto;padding:5px 12px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:999px;color:var(--gold);font-size:12.5px;white-space:nowrap;cursor:pointer}.qd-scroll{min-height:0;margin:0 -20px;padding:2px 20px 4px;overflow-y:auto}.qd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 12px}.qd-item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0;color:inherit;text-align:start;cursor:pointer}.qd-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;width:100%;aspect-ratio:1 / 1;padding:10%;overflow:hidden;border:1px solid var(--q-border);border-radius:8px;background:var(--q-bg);box-shadow:var(--q-inset, none);container-type:inline-size;text-align:center}.qd-card[data-shape=wide]{aspect-ratio:16 / 9}.qd-item[aria-pressed=true] .qd-card{outline:2.5px solid var(--gold);outline-offset:3px}.qd-card .check{position:absolute;z-index:2;top:6px;right:6px;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--gold);color:var(--on-gold);font-size:11px;font-weight:700}.qd-card .mark{flex:none;width:11cqi;height:11cqi;color:var(--q-accent)}.qd-card .text{display:-webkit-box;overflow:hidden;color:var(--q-text);font-family:var(--q-font, Georgia, serif);font-size:calc(10cqi * var(--q-scale, 1));font-style:var(--q-style, normal);font-weight:var(--q-weight, 400);line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:4}.qd-card .src{overflow:hidden;max-width:100%;color:var(--q-source);font-size:5cqi;font-weight:600;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.qd-card .date{color:var(--q-muted);font-size:4.6cqi}.qd-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;font-size:12.5px;font-weight:600}.qd-name .num{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--gold);color:var(--on-gold);font-size:9.5px;font-weight:700}.qd-name .badge{padding:1px 6px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:9.5px}@media(max-width:760px){.qd-backdrop{place-items:end stretch;padding:0}.qd-window{width:100%;max-height:calc(100dvh - 56px);padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.qd-scroll{margin:0 -16px;padding:2px 16px 4px}.qd-grab{display:block;width:38px;height:5px;margin:0 auto 10px;border-radius:3px;background:rgb(var(--wash-rgb) / 22%)}.qd-head{flex-wrap:wrap}.qd-head .hint{order:3;width:100%;white-space:normal}.qd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}}.quote-date-chips{position:relative;display:flex;flex-wrap:wrap;gap:6px}.quote-date-chips button{padding:5px 12px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;color:var(--gold);font-size:13px;cursor:pointer}.quote-date-chips button[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold);font-weight:700}.quote-date-chips .quote-date-input{position:absolute;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.quote-filters-row{display:flex;align-items:flex-start;gap:8px;padding-inline-end:16px}.quote-filters-row .quote-filters{flex:1;min-width:0}.quote-list-menus{display:flex;flex:none;gap:6px}.quote-list-menu{position:relative}.quote-list-menu>button{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;color:var(--text-primary);font-size:12px;white-space:nowrap;cursor:pointer}.quote-list-menu .menu[data-align=start]{right:auto;left:0}.quotes-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 14px}.quotes-toolbar .spacer{flex:1}@media(max-width:760px){.quotes-toolbar .quote-design-toggle .label{display:none}}.quote-new-button.filled{border-color:var(--gold);background:var(--gold);color:var(--on-gold);font-weight:700}.quote-list-menu .menu{position:absolute;z-index:25;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;min-width:190px;padding:5px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073}.quote-list-menu .menu button{padding:6px 10px;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:start;cursor:pointer}.quote-list-menu .menu button:hover{background:var(--gold);color:var(--on-gold)}.quote-list-menu .menu button[aria-checked=true]{color:var(--gold)}.quote-list-menu .menu button[aria-checked=true]:hover{color:var(--on-gold)}.quote-group-head{display:flex;gap:8px;margin:6px 16px -4px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.08em}.quote-group-head em{color:var(--text-secondary);font-style:normal;font-weight:500;letter-spacing:0}.quote-grid{container-type:inline-size}.quote-card[data-shape]{align-self:start;min-height:0}.quote-card[data-shape=square]{aspect-ratio:1 / 1}.quote-card[data-shape=wide]{grid-column:span 2;aspect-ratio:16 / 9}.quote-card[data-shape=square] .body{-webkit-line-clamp:6}.quote-card[data-shape=wide] .body{-webkit-line-clamp:4}@container (max-width: 600px){.quote-card[data-shape=wide]{grid-column:auto}}.quote-chip.chip-placeholder{visibility:hidden}.quote-chip.verse{border-color:var(--gold);background:none;color:var(--gold)}.quote-card .dates{display:flex;align-items:center;gap:4px;margin:0;color:#a3a3a3cc;font-size:10px}.quote-actions{position:absolute;top:8px;right:8px;display:flex;cursor:default}.quote-actions button{display:grid;width:26px;height:26px;place-items:center;color:var(--gold-muted)}.quote-actions button[data-on=true]{color:var(--gold)}.quote-marks{position:absolute;top:8px;left:8px;display:flex;cursor:default}.quote-marks button,.quote-marks a{display:grid;width:26px;height:26px;place-items:center;color:var(--gold-muted)}.quote-marks button[data-on=true],.quote-marks .quote-mark-on{color:var(--gold)}.share-anchor,.quote-link,.quote-bin{position:relative}.quote-link-pop,.quote-bin-menu{position:absolute;z-index:30;top:100%;right:0;display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:10px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073;text-align:start;cursor:default}.quote-link-pop{width:380px;max-width:calc(100vw - 32px)}.quote-link-pop[data-side=right]{right:auto;left:0}.quote-bin-menu{min-width:200px}.quote-link-title{padding:6px 8px 2px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.quote-link-note{margin:2px 8px 4px;color:var(--text-secondary);font-size:12px}.quote-link-current{display:flex;gap:8px;margin:2px 4px 4px;padding:5px 4px 5px 10px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:12px;color:var(--gold);font-size:13px}.quote-link-pop input{margin:2px 4px 4px}.quote-link-list{display:flex;overflow-y:auto;flex-direction:column;max-height:320px}.quote-actions .quote-link-pop button,.quote-actions .quote-bin-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:auto;padding:6px 10px;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:start}.quote-actions .quote-link-current button{width:22px;height:22px;padding:0;justify-content:center;color:var(--gold)}.quote-actions .quote-link-list button[aria-selected=true],.quote-actions .quote-bin-menu button:hover{background:var(--charcoal-soft)}.quote-link .label,.quote-link-current .label{flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal}.quote-link-pop .quote-link-list button,.quote-link-current{align-items:flex-start}.quote-link-pop small{padding-top:2px}.quote-actions .quote-link-current button.label{width:auto;height:auto;padding:0;justify-content:flex-start;color:var(--gold);font-size:13px;text-align:start}.quote-actions .quote-link-current button.label:hover{text-decoration:underline;text-underline-offset:3px}.quote-link-pop small,.quote-bin-menu small{flex:none;color:var(--text-secondary);font-size:11px}.quote-actions .quote-bin-menu button.danger{color:var(--danger, #e57373)}.share-menu{position:absolute;z-index:30;top:100%;right:-60px;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:6px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:10px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073;text-align:start}.share-menu button{display:flex;align-items:center;gap:8px;width:100%;height:auto;padding:6px 10px;border-radius:6px;color:var(--text-primary);font-size:14px}.share-menu button:hover{background:var(--charcoal-soft)}.share-menu button[data-shared]{color:var(--shared-green)}.share-menu p{margin:4px 10px 2px;color:var(--text-secondary);font-size:12px}.app-confirm{position:fixed;z-index:60;inset:0;display:grid;place-items:center;background:#00000059}.app-confirm .box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:14px;background:var(--charcoal-elevated);box-shadow:0 6px 36px #00000073}.app-confirm p{max-width:340px;margin:-6px 0 0;color:var(--text-secondary);font-size:13px;text-align:center}.app-confirm h2{margin:0;color:var(--text-primary);font-size:15px}.app-confirm .buttons{display:flex;gap:8px}.app-confirm button{min-width:100px;padding:0 14px;white-space:nowrap;height:28px;border-radius:8px;font-size:14px;font-weight:600}.app-confirm .cancel{background:var(--charcoal-soft);color:var(--text-primary)}.app-confirm .danger{background:#b33333;color:#fff}.bookmarks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:60%;color:var(--text-secondary);text-align:center}.bookmarks-empty h2{margin:6px 0 0;color:var(--text-primary);font-size:17px}.bookmarks-empty p{max-width:360px;margin:0;font-size:13px}.panel-label{margin-bottom:-6px;color:var(--gold-muted);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.picker-menu{position:relative;align-self:flex-start;max-width:100%}.picker-menu>button{display:flex;align-items:center;justify-content:space-between;gap:6px;max-width:100%;padding:3px 8px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:6px;background:rgb(var(--wash-rgb) / 5%);color:var(--text-primary);font-size:13px}.picker-menu>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-menu>button:disabled{opacity:.45}.picker-list{position:absolute;z-index:40;top:calc(100% + 4px);left:0;display:flex;overflow-y:auto;flex-direction:column;min-width:100%;max-height:50vh;padding:5px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073}.picker-list.floating{position:fixed;width:max-content;max-width:min(560px,calc(100vw - 24px))}.picker-value{display:grid;min-width:0}.picker-value>span{grid-area:1 / 1}.picker-value>.sizer{visibility:hidden}.picker-list.right{right:0;left:auto;min-width:180px}.picker-list button{width:100%;padding:4px 9px;border-radius:5px;color:var(--text-primary);font-size:13px;text-align:start;white-space:nowrap}.picker-list button:hover{background:var(--gold);color:var(--on-gold)}.picker-list hr{margin:4px 6px;border:0;border-top:1px solid rgb(var(--wash-rgb) / 10%)}.clear-filter{align-self:flex-start;color:var(--gold);font-size:12px}.bookmarks-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px 4px}.bookmarks-toolbar .spacer{flex:1}.bookmarks-toolbar .quote-new-button:disabled{opacity:.45;cursor:default}.bookmarks-tool,.bookmarks-filter>button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;color:var(--text-primary);font-size:12px;white-space:nowrap;cursor:pointer}.bookmarks-filter>button[data-on]{border-color:var(--gold);color:var(--gold)}.bookmarks-filter .badge{display:grid;min-width:16px;height:16px;place-items:center;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:10px;font-weight:700}.quote-list-menu .menu.bookmarks-filter-menu{left:0;right:auto;gap:10px;min-width:240px;padding:12px}.bookmarks-search{width:180px;height:28px;padding:0 10px;border:1px solid var(--gold);border-radius:7px;background:transparent;color:var(--text-primary);font-size:12px}.bookmarks-view button{display:inline-flex;align-items:center;gap:5px}.bookmark-main{display:flex;overflow-y:auto;flex-direction:column;gap:10px;height:calc(100% - 92px);min-width:0;padding:8px 18px 24px}.bookmark-count{margin:0;color:var(--text-secondary);font-size:12px}.bookmark-nomatch{display:grid;min-height:160px;margin:0;place-items:center;color:var(--text-secondary)}.bookmark-groups{display:flex;flex-direction:column;gap:18px}.bookmark-group{display:flex;flex-direction:column;gap:8px}.bookmark-group>header{display:flex;align-items:center;gap:8px;color:var(--gold-muted)}.bookmark-group>header .title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.bookmark-group>header .count{flex:1;color:var(--text-secondary);font-size:10px}.kind-order{position:relative;color:var(--text-secondary)}.bookmark-grid{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.bookmark-tile{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;border:1px solid rgb(var(--wash-rgb) / 9%);border-radius:12px;background:var(--charcoal-elevated);text-align:center;cursor:pointer}.bookmark-verse{grid-column:span 2;display:flex;min-width:0}.bookmark-grid .bookmark-verse>*,.bookmark-grid .bookmark-word>.root-flow-card{flex:1;min-width:0;margin:0}@media(max-width:760px){.bookmark-verse{grid-column:auto}}.bookmark-word{position:relative;grid-column:span 2;display:flex;min-width:0}.bookmark-word>.root-flow-card{flex:1}.bookmark-word>.bookmark-flag{position:absolute;top:10px;right:12px;color:var(--gold)}@media(max-width:760px){.bookmark-word{grid-column:auto}}.bookmark-quote{display:flex;min-width:0}.bookmark-quote>.quote-card{flex:1;max-width:none;margin:0}.bookmark-tile:hover{border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.bookmark-tile>header{display:flex;align-items:center;justify-content:space-between}.bookmark-badge{flex:none;padding:1px 8px;border-radius:999px;background:var(--kind-color);color:#000;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bookmark-flag{display:grid;color:var(--gold);cursor:pointer}.bookmark-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}.bookmark-body .kind-icon{color:var(--kind-color)}.bookmark-tile .card-arabic,.bookmark-tile .card-root{text-align:center}.bookmark-tile .card-arabic:not(.word){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bookmark-tile .card-quote{display:-webkit-box;overflow:hidden;font-size:17px;overflow-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:4}.bookmark-tile .card-title{align-items:center}.bookmark-date{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;color:var(--text-secondary);font-size:11px}.bookmark-list{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 9%);border-radius:10px}.bookmark-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 7%);background:var(--charcoal-elevated);cursor:pointer}.bookmark-row:last-child{border-bottom:0}.bookmark-row:hover{background:var(--charcoal-soft)}.bookmark-row .bookmark-badge{min-width:64px;text-align:center}.bookmark-row .text{display:flex;flex:1;flex-direction:column;min-width:0}.bookmark-row b{overflow:hidden;color:var(--text-primary);font-size:13.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.bookmark-row small{overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.bookmarks-toolbar{flex-wrap:nowrap;overflow-x:auto;padding:8px 14px 4px;scrollbar-width:none}.bookmarks-toolbar>*{flex:none}.bookmarks-toolbar .spacer,.bookmarks-view .label{display:none}.bookmark-main{height:auto;padding:8px 14px 24px}.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookmark-tile{padding:10px}.bookmark-tile .card-arabic{font-size:17px}.bookmark-tile .card-quote{font-size:14px}}.card-arabic{margin:0;color:var(--text-primary);font-family:var(--arabic-font);font-size:20px;line-height:1.8;text-align:right}.card-arabic.word{color:var(--gold);font-size:30px;text-align:center}.card-title{display:flex;flex-direction:column;gap:1px}.card-title b{color:var(--text-primary);font-size:14px;font-weight:600}.card-title small{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-secondary{display:-webkit-box;overflow:hidden;margin:0;color:var(--text-secondary);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-secondary[data-lines="1"]{-webkit-line-clamp:1}.card-secondary[data-lines="4"]{-webkit-line-clamp:4}.card-root{margin:0;color:var(--text-secondary);font-family:var(--arabic-font);font-size:13px;text-align:right}.card-quote{margin:0;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:20px}.todo-panes{display:grid;grid-template-columns:minmax(200px,max-content) minmax(0,1fr);height:calc(100% - 48px);min-height:0;background:var(--charcoal)}.todo-panes[data-detail=true]{grid-template-columns:minmax(200px,max-content) minmax(0,1fr) var(--todo-detail-width, 520px)}.todo-rail{display:flex;overflow-y:auto;flex-direction:column;padding:12px 0 10px;border-inline-end:1px solid color-mix(in srgb,var(--charcoal-soft) 85%,transparent);background:var(--charcoal-elevated)}.todo-rail hr{width:calc(100% - 24px);margin:8px 12px;border:0;border-top:1px solid color-mix(in srgb,var(--charcoal-soft) 70%,transparent)}.todo-band-group{margin:10px 24px 12px;border-inline-start:3px solid var(--gold)}.todo-band-group>.todo-row{padding-inline-start:20px}.todo-band{display:flex;align-items:center;gap:6px;padding:7px 12px 7px 8px;background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.todo-band[data-over=true]{outline:1.5px dashed var(--gold);outline-offset:-1.5px}.todo-band button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.todo-band .fold,.todo-band .icon{display:grid;place-items:center;padding:2px;color:var(--text-secondary)}.todo-band .icon:hover,.todo-band .fold:hover{color:var(--gold)}.todo-band .spacer{flex:1}.todo-band .grip{width:10px;color:var(--text-secondary);cursor:grab;letter-spacing:0}.todo-band .grip[data-off=true]{visibility:hidden}.todo-band input{min-width:0;padding:1px 6px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:5px;background:transparent;color:var(--gold);font:inherit;letter-spacing:normal;text-transform:none}.todo-inline-add{display:block;box-sizing:border-box;width:calc(100% - 20px);margin:6px 0 2px 20px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:6px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px}.todo-row[data-drop-over=true],.question-list li[data-drop-over=true]{box-shadow:inset 0 2px 0 var(--gold)}.todo-rail-head{margin:16px 22px 4px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.todo-pane[data-drop=true]{outline:1.5px dashed var(--gold);outline-offset:-1.5px}.todo-rail .spacer{flex:1;min-height:8px}.todo-pane[data-muted=true]:not([data-on=true]){opacity:.5}.todo-pane{display:flex;box-sizing:border-box;width:calc(100% - 16px);align-items:center;gap:10px;margin:0 8px;padding:8px 14px;border-radius:8px;color:var(--text-secondary);font-size:14px;text-align:start}.todo-pane svg{flex:none;width:20px}.todo-pane .title{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.todo-pane .count{margin-inline-start:auto;padding-inline-start:12px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.todo-pane[data-on=true]{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--text-primary)}.todo-pane[data-on=true] svg,.todo-pane[data-on=true] .count{color:var(--gold)}.todo-pane.todo-inbox{display:grid;grid-template-columns:auto 1fr auto;row-gap:2px;margin:4px 8px 10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold) 33%,transparent);border-radius:10px;background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold)}.todo-pane.todo-inbox .title{font-weight:700}.todo-pane.todo-inbox .count{font-size:18px;font-weight:700}.todo-pane.todo-inbox .hint{grid-column:1 / -1;color:var(--text-secondary);font-size:11.5px}.todo-pane.todo-inbox[data-on=true]{border-color:color-mix(in srgb,var(--gold) 60%,transparent);background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.new-list-button,.new-list{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--gold);font-size:14px}.new-list input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;outline:none}.todo-list{display:flex;flex-direction:column;min-width:0;min-height:0}.todo-head{display:flex;align-items:center;gap:12px;padding:22px 24px 14px}.todo-head>div{flex:1;min-width:0}.todo-head h2{margin:0 0 4px;color:var(--gold);font-size:32px;font-weight:700}.todo-rename-button{display:inline-grid;place-items:center;margin-inline-start:10px;padding:4px;border-radius:6px;color:var(--text-secondary);vertical-align:middle}.todo-rename-button:hover{color:var(--gold)}.todo-rename{width:min(100%,420px);margin:0 0 4px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:8px;background:transparent;color:var(--gold);font:inherit;font-size:32px;font-weight:700}.todo-head p{margin:0;color:var(--text-secondary);font-size:14px}.todo-options{display:inline-flex;align-items:center;gap:2px;height:34px;color:var(--text-primary)}.todo-scroll{overflow-y:auto;flex:1;padding-bottom:12px}.todo-group{display:flex;justify-content:space-between;margin:0;padding:14px 24px 4px;color:var(--text-secondary);font-size:13px;font-weight:600}.todo-group span:last-child{font-size:12px;font-variant-numeric:tabular-nums}.todo-row{position:relative;display:flex;align-items:center;gap:12px;padding:11px 24px}.todo-row>.todo-star{margin-inline-start:-6px}.todo-row:after{position:absolute;right:0;bottom:0;left:56px;height:1px;background:color-mix(in srgb,var(--charcoal-soft) 50%,transparent);content:""}.todo-row:hover{background:color-mix(in srgb,var(--charcoal-soft) 55%,transparent)}.todo-row[data-selected=true]{background:var(--charcoal-elevated)}.todo-complete{display:grid;flex:none;box-sizing:border-box;width:22px;height:22px;place-items:center;border:1.6px solid rgb(158 133 92 / 85%);border-radius:50%}.todo-complete[data-done=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.todo-body{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;text-align:start}.todo-body .title{color:var(--text-primary);font-size:14px}.todo-body .title[data-done=true]{color:var(--text-secondary);text-decoration:line-through}.todo-body .meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--gold-muted);font-size:12px;font-weight:500}.todo-star{display:grid;flex:none;width:28px;height:28px;place-items:center;color:#a3a3a37f}.todo-star[data-on=true]{color:var(--gold)}.todo-trash-row{position:relative;display:flex;align-items:center;gap:12px;padding:11px 24px;color:var(--text-secondary)}.todo-trash-row:after{position:absolute;right:0;bottom:0;left:52px;height:1px;background:rgb(var(--wash-rgb) / 8%);content:""}.todo-trash-row .text{display:grid;flex:1;gap:2px;min-width:0}.todo-trash-row .text b{overflow:hidden;color:var(--text-primary);font-weight:500;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--text-primary) 55%,transparent);text-overflow:ellipsis;white-space:nowrap}.todo-trash-row .text small{font-size:12px}.todo-trash-row button{flex:none;padding:5px 12px;font-size:13px}.todo-trash-row button.danger{border-color:color-mix(in srgb,var(--danger) 60%,transparent);color:var(--danger)}.todo-empty{padding:28px 24px 0}.todo-empty h3{margin:0 0 6px;color:var(--text-primary);font-size:18px}.todo-empty p{margin:0;color:var(--text-secondary);font-size:14px}.todo-completed{display:flex;align-items:center;gap:8px;width:100%;padding:16px 24px 4px;color:var(--text-primary);font-size:13px;font-weight:600}.todo-completed svg{transition:transform .15s}.todo-completed[aria-expanded=false] svg{transform:rotate(-90deg)}.todo-completed .count{color:var(--text-secondary);font-variant-numeric:tabular-nums}.todo-add{display:flex;align-items:center;gap:12px;margin:12px 16px;padding:13px 14px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:8px;background:rgb(var(--wash-rgb) / 7%);color:var(--gold)}.todo-add:focus-within{border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.todo-add input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;font-size:14px;outline:none}.todo-add button{color:var(--gold);font-size:14px;font-weight:600}.todo-detail{position:relative;display:flex;flex-direction:column;min-height:0;border-inline-start:1px solid color-mix(in srgb,var(--charcoal-soft) 85%,transparent);background:var(--charcoal-elevated)}.detail-head{display:flex;align-items:center;gap:10px;padding:14px 16px}.detail-head input,.detail-head textarea.detail-title{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;font-size:18px;font-weight:600;outline:none}.detail-head .close{display:grid;width:28px;height:28px;place-items:center;color:var(--text-secondary)}.detail-scroll{display:flex;overflow-y:auto;flex:1;flex-direction:column}.todo-detail hr{width:calc(100% - 20px);margin:0 10px;border:0;border-top:1px solid color-mix(in srgb,var(--charcoal-soft) 70%,transparent)}.step-row{display:flex;align-items:center;gap:10px;padding:6px 16px}.step-row>button:first-child{display:grid;color:var(--gold-muted)}.step-row>button[data-done=true]{color:var(--gold)}.step-row span{flex:1;color:var(--text-primary);font-size:14px}.step-row span[data-done=true]{color:var(--text-secondary);text-decoration:line-through}.step-row .remove{color:#a3a3a38c}.step-add{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--gold)}.step-add svg{width:18px}.step-add input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;font-size:14px;outline:none}.detail-row{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--text-secondary);font-size:14px;text-align:start}.detail-row svg{flex:none;width:18px}.detail-row svg[data-on=true]{color:var(--gold)}.detail-row .label{flex:1;color:var(--text-primary)}.detail-row .value{color:var(--gold-muted);font-size:12px}.detail-row.verse{padding:12px 16px}.detail-row .chevron{width:auto;color:var(--text-secondary)}.note-label{padding:12px 16px 4px;color:var(--text-secondary);font-size:12px;font-weight:600}.todo-detail textarea{min-height:100px;margin:0 12px 8px;padding:4px;border:0;background:none;color:var(--text-primary);font:inherit;font-size:14px;outline:none;resize:vertical}.detail-delete{display:flex;align-items:center;gap:8px;padding:14px 16px;color:#d95952;font-size:14px}.todo-menu{position:fixed;z-index:70;display:flex;flex-direction:column;min-width:200px;padding:5px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073}.todo-menu button{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 4px;border-radius:5px;color:var(--text-primary);font-size:13px;text-align:start}.todo-menu button[data-danger=true]{color:#e6645c}.todo-menu button:hover{background:var(--gold);color:var(--on-gold)}.tag-menu-wrap{position:fixed;z-index:70;display:flex;align-items:flex-start;gap:4px}.tag-menu-wrap .todo-menu{position:static}.tag-menu button[data-open=true]{background:var(--gold);color:var(--on-gold)}.tag-menu .more{margin-inline-start:auto}.tag-groups{width:240px;margin-top:26px}.tag-groups .choices{display:flex;overflow-y:auto;flex-direction:column;max-height:280px}.tag-groups input{margin:2px 2px 4px;padding:4px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:5px;background:transparent;color:var(--text-primary);font:inherit;font-size:12px}.tag-groups .caption{padding:4px 8px 2px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tag-groups button:disabled{color:var(--text-secondary);cursor:default}.tag-groups button:disabled:hover{background:none;color:var(--text-secondary)}.tag-groups small{margin-inline-start:4px;font-size:11px}.todo-menu .check{display:grid;width:16px;place-items:center}.todo-menu hr{margin:4px 6px;border:0;border-top:1px solid rgb(var(--wash-rgb) / 10%)}.note-body{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.notes-body{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.notes-list{border-inline-end:1px solid rgb(var(--wash-rgb) / 6%)}.note-row{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-bottom:1px solid rgb(var(--wash-rgb) / 5%)}.note-row[data-selected=true]{border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-radius:8px;background:color-mix(in srgb,var(--gold) 7%,transparent)}.note-row .body{flex:1;min-width:0;text-align:start}.note-row .line{display:flex;align-items:baseline;gap:6px}.note-row .key{color:var(--gold);font-size:11px}.note-row .title{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.note-row .preview{margin-top:2px;overflow:hidden;color:var(--text-secondary);font-size:11px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-row .bookmark{flex:none;color:var(--text-secondary)}.note-row .bookmark[aria-pressed=true]{color:var(--gold)}.note-detail{padding:16px 20px 40px}.note-detail h2{margin:0 0 6px;color:var(--gold);font-size:18px}.note-list{display:flex;flex-direction:column;min-height:0}.note-tools{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.note-tools .row{display:flex;gap:8px}.note-tools input{flex:1;min-width:0}.new-note{display:inline-flex;flex:none;align-items:center;gap:5px}.segmented.fill{display:flex}.segmented.fill button{flex:1}.note-rows{overflow-y:auto;flex:1;padding:0 6px}.note-list .note-row{position:relative;align-items:flex-start;margin:2px 0;padding:8px;border:1px solid transparent;border-bottom-color:transparent;border-radius:8px;cursor:pointer}.note-list .note-row[data-selected=true]{border-color:color-mix(in srgb,var(--gold) 60%,transparent);background:color-mix(in srgb,var(--gold) 7%,transparent)}.note-list .note-row[data-drop=true]:before,.note-drop-end{position:absolute;top:-2px;right:8px;left:8px;height:2px;border-radius:999px;background:var(--gold);content:""}.note-drop-end{position:relative;top:0;display:block}.note-list .grip{padding-top:2px;color:var(--text-secondary);cursor:grab}.note-list .text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.note-list .line{display:flex;align-items:baseline;gap:6px;min-width:0}.note-list .key{flex:none;color:var(--gold);font-size:12px;font-weight:700}.note-list .title{overflow:hidden;color:var(--text-primary);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.note-list .preview{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-list .bookmark{flex:none;color:var(--text-secondary)}.note-list .bookmark[data-on=true]{color:var(--gold)}.verse-link{color:#0a84ff;text-decoration:underline}.drag-hint{margin:0;padding:6px 0;color:var(--text-secondary);font-size:10px;text-align:center}.note-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;color:var(--text-secondary);text-align:center}.note-empty.large{height:calc(100% - 48px)}.note-empty h3{margin:6px 0 0;color:var(--text-primary);font-size:16px}.note-empty p{max-width:320px;margin:0;font-size:13px}.note-editor{display:flex;overflow-y:auto;flex-direction:column;gap:14px;height:calc(100% - 48px);padding:22px;background:var(--charcoal)}.note-head{display:flex;align-items:center;gap:10px}.note-head input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;font-size:22px;font-weight:600;outline:none}.note-bookmark{display:grid;color:var(--text-secondary)}.note-bookmark[data-on=true]{color:var(--gold)}.note-head .bordered{padding:3px 10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:rgb(var(--wash-rgb) / 6%);color:var(--text-primary);font-size:13px}.note-head .danger-text{color:#ff453a}.note-box{min-height:220px;padding:12px;border-radius:10px;background:var(--charcoal-elevated)}.note-box textarea{width:100%;min-height:220px;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;font-size:14px;line-height:1.5;outline:none;resize:vertical}.note-text{margin:0;color:var(--text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap}.note-hint{margin:-8px 0 0;color:var(--text-secondary);font-size:12px}.note-backlinks,.note-cited{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.note-backlinks h4,.note-cited h4{margin:6px 0 0;color:var(--gold);font-size:12px;font-weight:600}.note-backlinks button{color:var(--text-primary);font-size:14px;text-align:start}.note-backlinks .note-hint{margin:0}.note-cited{align-items:stretch;gap:0}.cited-row{display:flex;gap:18px;padding:16px 0;border-top:2px solid color-mix(in srgb,var(--gold) 27%,transparent)}.cited-meta{display:flex;flex:0 0 110px;flex-direction:column;align-items:flex-start;gap:4px}.cited-key{color:var(--gold);font-size:30px;font-weight:800;line-height:1.1}.cited-meta .surah{color:var(--text-secondary);font-size:12px}.cited-meta .go{margin-top:6px;color:var(--gold-muted);font-size:10px}.cited-body{flex:1;min-width:0}.cited-section{display:flex;flex-direction:column;gap:4px;padding-bottom:10px}.cited-section.divided{padding-top:6px;border-top:1px solid rgb(var(--wash-rgb) / 8%)}.cited-section .name{color:var(--gold-muted);font-size:10px;font-weight:600}.cited-section .arabic{margin:0;color:var(--text-primary);font-family:var(--arabic-font);font-size:30px;line-height:1.8;text-align:right}.cited-section p{margin:0;color:var(--text-primary);font-size:14.5px;line-height:1.55}.word-flow.right{justify-content:flex-start}.search-split{display:grid;grid-template-columns:max-content minmax(0,1fr);height:calc(100% - 48px);min-height:0;background:var(--charcoal)}.search-rail{display:flex;overflow-y:auto;flex-direction:column;gap:2px;padding:12px 10px;border-inline-end:1px solid rgb(163 163 163 / 14%);background:var(--charcoal-elevated)}.rail-title{padding:0 8px 4px;color:var(--text-secondary);font-size:12px;font-weight:600}.rail-title.scope{padding-top:14px}.scope-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;color:var(--text-secondary);font-size:14px;text-align:start;white-space:nowrap}.scope-row[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold)}.scope-row .check{display:grid;flex:none;box-sizing:border-box;width:13px;height:13px;place-items:center;border:1.25px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:3px;color:var(--on-gold)}.scope-row[aria-pressed=true] .check{border-color:var(--gold);background:var(--gold)}.sort-segment{display:flex;gap:3px;margin:2px 4px 0;padding:3px;border-radius:8px;background:#a3a3a31f}.sort-segment button{display:flex;flex:1;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.sort-segment button[aria-pressed=true]{border-color:color-mix(in srgb,var(--gold) 45%,transparent);background:color-mix(in srgb,var(--charcoal) 65%,transparent);color:var(--gold)}.search-main{display:flex;flex-direction:column;min-width:0;min-height:0}.search-chrome{display:flex;flex-direction:column;gap:10px;padding:12px 16px 8px}.search-field{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;background:var(--charcoal-elevated);color:var(--gold-muted)}.search-field input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font:inherit;font-size:14px;outline:none}.search-field .clear{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--text-secondary);color:var(--charcoal)}.search-chrome .drag-hint{padding:0;font-size:10px;text-align:start}.search-results{overflow-y:auto;flex:1;padding:0 16px 40px}.search-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--text-secondary);text-align:center}.search-empty h3{margin:0;font-size:15px;font-weight:600}.search-group{display:flex;flex-direction:column;gap:1px;margin-bottom:14px}.search-group[data-drop=true]{outline:1px dashed color-mix(in srgb,var(--gold) 30%,transparent);outline-offset:2px;border-radius:8px}.group-head{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:grab}.group-head .grip{color:var(--text-secondary)}.group-head button{display:flex;flex:1;align-items:center;gap:8px;color:var(--text-secondary)}.group-head b{flex:1;color:var(--gold);font-size:13px;text-align:start}.group-head .count{font-size:12px}.history-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0;color:var(--gold-muted);font-size:13px;font-weight:600}.history-head button{color:var(--gold);font-size:12px;font-weight:600}.hit-row{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;border-radius:6px;background:var(--charcoal-elevated);text-align:start}.hit-row:hover{background:color-mix(in srgb,var(--charcoal-elevated) 80%,var(--gold) 6%)}.hit-row .line{display:flex;align-items:baseline;gap:8px}.hit-row b{color:var(--gold);font-size:14px}.hit-row .subtitle{overflow:hidden;color:var(--text-secondary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.hit-row .detail{display:-webkit-box;overflow:hidden;color:var(--text-primary);font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hit-row.history{flex-direction:row;align-items:center}.history-query{display:flex;flex:1;align-items:center;gap:10px;min-width:0;color:var(--text-primary);text-align:start}.history-query svg{color:var(--gold-muted)}.history-query span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-remove{padding:6px;color:var(--text-secondary)}.stats-page{display:flex;flex-direction:column;gap:14px;padding:28px}.stats-pair{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(width<980px){.stats-page{padding:28px 24px}}.stats-tile{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:14px;background:var(--charcoal-elevated)}.stats-title{margin:0;color:var(--gold-muted);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.stats-title.large{font-size:13px;letter-spacing:1.2px}.stats-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.stats-title-row.top{align-items:flex-start}.stats-title-row>div:not(.segmented){display:flex;flex-direction:column;gap:4px}.stats-caption{margin:0;color:var(--text-secondary);font-size:11px}.stats-title+.stats-caption,div>.stats-title+small.stats-caption{display:block;margin-top:2px;opacity:.8}.stats-head{display:flex;align-items:baseline;gap:10px;margin:0}.stats-head b{color:var(--text-primary);font-size:30px;font-variant-numeric:tabular-nums}.stats-head span{color:var(--text-secondary);font-size:12px}.stat-progress{overflow:hidden;height:8px;border-radius:999px;background:var(--charcoal-soft)}.stat-progress span{display:block;height:100%;border-radius:999px;background:var(--gold)}.stat-boxes{display:flex;align-items:flex-start;gap:8px}.stat-box{display:flex;flex:1 1 0;flex-direction:column;gap:2px;min-width:0;padding:7px 8px 7px 12px;border-radius:6px;background:var(--charcoal-soft);box-shadow:inset 3px 0 0 var(--edge)}.stat-box .line{overflow:hidden;color:var(--text-primary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.stat-box small{overflow:hidden;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.stats-streak{display:flex;align-items:baseline;gap:10px;margin:0}.stats-streak b{color:var(--gold);font-family:ui-rounded,system-ui,sans-serif;font-size:36px;font-variant-numeric:tabular-nums}.stats-streak span{color:var(--text-secondary);font-size:14px}.chain{display:flex;align-items:center}.chain-step{display:inline-flex;align-items:center}.chain .joint{width:8px;height:3px}.chain .joint[data-on=true]{background:#6d9b78}.chain .ring{box-sizing:border-box;width:18px;height:18px;border:1.5px dashed rgb(160 160 160 / 35%);border-radius:50%}.chain .ring[data-read=true]{border:0;background:#6d9b78}.chain .ring[data-run=true]{border:2px solid var(--gold)}.pace-pills{display:flex;gap:8px}.pace-pill{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 10px;border-radius:10px;background:var(--charcoal-soft)}.pace-pill small{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.pace-pill b{overflow:hidden;max-width:100%;color:var(--gold);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.theme-row{display:flex;align-items:center;gap:10px}.theme-name{overflow:hidden;flex:0 0 190px;color:var(--text-primary);font-size:12px;text-align:start;text-overflow:ellipsis;white-space:nowrap}.theme-track{position:relative;flex:1;height:10px;border-radius:999px;background:var(--charcoal-soft)}.theme-track .span{position:absolute;top:0;min-width:10px;height:10px;border-radius:999px;opacity:.35}.theme-track .dot{position:absolute;top:1px;width:8px;height:8px;border-radius:50%}.theme-count{flex:0 0 54px;color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums;text-align:end}.theme-axis{position:relative;height:20px;margin:0 64px 0 200px;color:#a0a0a0bf;font-size:10px;font-variant-numeric:tabular-nums}.theme-axis span{position:absolute;top:0;padding-top:6px;background:linear-gradient(#a0a0a059,#a0a0a059) no-repeat 0 0 / 1px 4px;line-height:1;white-space:nowrap}.segmented.compact button{padding:3px 10px;font-size:11px}.stats-tile.zaman{padding:14px}.zaman-header{display:flex;align-items:center;gap:12px}.zaman-header .stats-title{font-size:12px;letter-spacing:1.2px}.zaman-header .meta{overflow:hidden;margin-left:auto;text-overflow:ellipsis;white-space:nowrap}.month-stepper{display:inline-flex;gap:2px}.month-stepper button{display:grid;width:22px;height:20px;place-items:center;color:var(--gold)}.month-stepper button:disabled{opacity:.35}.month-grid{display:flex;align-items:flex-start;gap:16px}.month-column{display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0;max-width:186px}.month-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.month-head b{color:var(--text-primary);font-size:13px;font-weight:600;white-space:nowrap}.studied-pill{padding:1px 7px;border-radius:999px;background:#6d9b7838;color:#6d9b78;font-size:10px;font-weight:700;white-space:nowrap}.month-days{display:grid;gap:3px;grid-template-columns:repeat(7,minmax(0,24px))}.month-days .weekday{height:14px;color:var(--gold-muted);font-size:10px;font-weight:700;text-align:center}.month-days .day{display:grid;box-sizing:border-box;aspect-ratio:1;place-items:center;border-radius:4px;color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600}.month-days .day[data-level="3"],.month-days .day[data-level="4"]{color:var(--on-gold)}.month-days .day[data-today=true]{border:1.25px solid var(--gold)}.month-days .day[data-today=true]:not([data-level="3"],[data-level="4"]){color:var(--gold)}.month-days .day[data-future=true]{border:1px dashed rgb(160 160 160 / 30%);color:#a0a0a073}.year-strip{display:flex;flex-direction:column;gap:8px}.year-grid{display:grid;gap:2px 0;grid-template-columns:30px 1fr}.month-labels,.year-days{display:grid;gap:3px;grid-template-columns:repeat(var(--weeks),minmax(0,18px))}.month-labels{height:14px;color:var(--text-secondary);font-size:10.5px}.month-labels span{white-space:nowrap}.year-days{grid-auto-flow:column;grid-template-rows:repeat(7,auto)}.year-days span{aspect-ratio:1}.year-days .cell{border-radius:3px}.year-days .cell[data-today=true]{box-shadow:inset 0 0 0 1.25px var(--gold)}.weekday-labels{display:grid;gap:3px;grid-template-rows:repeat(7,1fr);color:#a0a0a0bf;font-size:10px}.weekday-labels span{display:flex;align-items:center}.year-footer{display:flex;align-items:center;gap:18px;color:var(--text-secondary);font-size:12px}.year-footer .legend{display:inline-flex;align-items:center;gap:4px;color:#a0a0a0bf;font-size:10.5px}.year-footer .legend i{width:10px;height:10px;border-radius:2px}.stats-empty{display:grid;min-height:120px;margin:0;place-items:center;color:var(--text-secondary);font-size:14px}.topic-cards{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.topic-card{display:flex;flex-direction:column;gap:5px;padding:9px 10px 10px;border-radius:10px;background:var(--charcoal-soft);box-shadow:inset 0 3px 0 var(--tint)}.topic-head{display:flex;flex-direction:column;gap:1px;text-align:start}.topic-head .name{color:color-mix(in srgb,var(--tint) 55%,var(--text-primary));font-size:12px;font-weight:600;white-space:nowrap}.topic-head .total{display:flex;align-items:baseline;gap:5px}.topic-head .total b{color:var(--text-primary);font-size:20px;font-variant-numeric:tabular-nums;font-weight:600}.topic-head .total small{color:var(--text-secondary);font-size:10px;white-space:nowrap}.topic-row{display:flex;flex-direction:column;gap:2px;text-align:start}.topic-row .line{display:flex;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:10px;white-space:nowrap}.topic-row .line span:last-child{font-variant-numeric:tabular-nums}.topic-row .bar{display:block;height:3px}.topic-row .bar span{display:block;height:100%;border-radius:999px;background:var(--tint);opacity:.85}.surah-progress{display:grid;gap:6px 8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.surah-progress-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:var(--charcoal-soft)}.surah-progress-row[data-current=true]{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 10%,transparent)}.surah-progress-row .number{flex:0 0 22px;color:var(--gold-muted);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;text-align:end}.surah-progress-row[data-current=true] .number,.surah-progress-row[data-done=true] .number{color:var(--gold)}.surah-progress-row .name{overflow:hidden;flex:0 1 78px;min-width:64px;max-width:92px;color:var(--text-primary);font-size:12px;text-align:start;text-overflow:ellipsis;white-space:nowrap}.surah-progress-row[data-current=true] .name{color:var(--gold);font-weight:600}.surah-progress-row .bar{overflow:hidden;flex:1;height:6px;border-radius:999px;background:rgb(var(--wash-rgb) / 18%)}.surah-progress-row .bar span{display:block;height:100%;border-radius:999px}.surah-progress-row .percent{min-width:30px;color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600;text-align:end}.stats-footnote{margin:4px 0 0;color:var(--text-secondary);font-size:10px;opacity:.85;text-align:center}.footnote{margin-top:10px;font-size:11px;line-height:1.5}.greeting{padding:8px 24px 10px}.greeting h1{margin:0 0 8px;line-height:1.1;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:600}.greeting .summary{margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.6}.today-bento{display:grid;gap:16px;grid-template-columns:380px minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;padding:14px 28px 32px}.today-bento[data-prayer=false]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.bento-left,.bento-right{display:flex;flex-direction:column;gap:16px;min-width:0}.bento-mid{display:flex;flex-direction:column;min-width:0}.bento-right>.discovery{flex:1 1 auto}.bento-right>.questions{flex:1 1 auto}.today .tile{padding:22px;border-radius:14px}.today .tile.questions{padding:18px}.today .eyebrow{display:block;color:var(--gold);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.today .eyebrow:after{display:block;width:36px;height:1px;margin-top:6px;background:var(--gold);content:""}.today .card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.today .card-top .count{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.today .tile h2{margin:12px 0;color:var(--gold);font-size:22px;font-weight:600}.verse-meta{display:grid;gap:6px;margin:0 0 14px}.verse-meta div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:10px}.verse-meta dt{color:var(--gold-muted);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}.verse-meta dd{margin:0;color:var(--text-secondary);font-size:11px}.card-scroll{flex:1;min-height:0;overflow-y:auto}.tile .word-flow,.tile .arabic-line{justify-content:center;text-align:center}.meal{margin-top:14px}.meal .who{display:block;margin-bottom:2px;color:var(--gold-muted);font-size:11px;font-weight:600}.meal p{margin:0;line-height:1.6}.link-button{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--gold);font-size:13px;font-weight:600}.verse-pager{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--gold) 28%,transparent)}.verse-pager .step{display:grid;flex:none;place-items:center;width:28px;height:28px;color:var(--gold)}.verse-pager .step:disabled{opacity:.35}.verse-pager .dots{display:grid;flex:1;gap:7px;justify-items:center}.verse-pager .dots small{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.verse-pager .dot-row{display:flex;align-items:center;gap:7px}.verse-pager .dot-row i{width:10px;height:10px;border-radius:999px;background:rgb(var(--wash-rgb) / 22%)}.verse-pager .dot-row i[data-on=true]{background:var(--gold)}.verse-pager .dot-row i[data-now=true]{outline:2px solid color-mix(in srgb,var(--gold) 50%,transparent);outline-offset:2px}.today .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.today .actions button{display:inline-flex;align-items:center;gap:6px}.discovery .root-hero{display:flex;align-items:center;gap:16px;margin-top:14px}.discovery .lemma{display:grid;flex:none;box-sizing:border-box;place-items:center;width:116px;height:116px;padding:14px;overflow:hidden;white-space:nowrap;border:1.5px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;color:var(--gold);font-family:var(--arabic-font);font-size:36px;direction:rtl}.discovery .about{display:grid;gap:6px;min-width:0}.discovery .about b{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:600}.discovery .meaning{font-family:Georgia,Times New Roman,serif;font-size:15px}.discovery .root-line{display:flex;align-items:baseline;gap:8px}.discovery .root-line small{color:var(--gold-muted);font-size:11px;font-weight:600}.discovery .root-line .ar{font-family:var(--arabic-font);font-size:16px;direction:rtl}.discovery .root-line code{color:var(--text-secondary);font-size:12px}.discovery .stats{margin:14px 0 0;font-size:11px}.discovery .root-letters{display:grid;gap:10px;margin-top:14px}.discovery .root-letters>small{color:var(--gold-muted);font-size:11px;font-weight:600}.discovery .tiles{display:flex;gap:8px;justify-content:center;direction:rtl}.discovery .letter{display:grid;place-items:center;gap:2px;width:58px;height:66px;border-radius:10px;background:color-mix(in srgb,var(--gold-muted) 12%,transparent)}.discovery .letter b{color:var(--gold);font-family:var(--arabic-font);font-size:24px;font-weight:400}.discovery .letter small{color:var(--text-secondary);font-size:10px}.today .questions{display:flex;flex-direction:column}.question-list{flex:1;min-height:0;overflow-y:auto;margin:10px 0 0;padding:0;list-style:none}.question-list li{display:flex;align-items:center;gap:10px;padding:8px 0}.question-list li+li{border-top:1px solid rgb(var(--wash-rgb) / 6%)}.question-list .tick{flex:none;width:18px;height:18px;border:1.5px solid var(--gold-muted);border-radius:999px}.question-list .label{flex:1;min-width:0;text-align:start}.question-list .label b{display:block;overflow:hidden;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.question-list .label small{color:var(--gold);font-size:10px;font-weight:600}.question-list .star{flex:none;color:color-mix(in srgb,var(--text-secondary) 45%,transparent)}.question-list .star[data-on=true]{color:var(--gold)}.question-list .todo-band-group{margin:8px 0 10px}.question-list .todo-band-group>ul{margin:0;padding:0 0 0 16px;list-style:none}.todo-segment{display:inline-flex;overflow-x:auto;max-width:70%;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:8px;white-space:nowrap}.todo-segment button{flex:none;padding:3px 10px;color:var(--text-secondary);font-size:12px}.todo-segment button+button{border-inline-start:1px solid rgb(var(--wash-rgb) / 10%)}.todo-segment button[aria-selected=true]{background:var(--gold);color:var(--on-gold)}.today .add-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border-radius:8px;background:rgb(var(--wash-rgb) / 5%);color:var(--gold);font-size:13px;font-weight:600}.letter-group{border-bottom:1px solid rgb(var(--wash-rgb) / 5%)}.letter-header{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;text-align:start}.letter-header .twisty{width:12px;color:var(--text-secondary);font-size:11px;transition:transform .15s ease}.letter-header[data-open=true] .twisty{color:var(--gold);transform:rotate(90deg)}.letter-header .letter{min-width:28px;color:var(--gold);font-family:var(--arabic-font);font-size:22px;text-align:center}.letter-header[data-open=true] .letter{font-size:28px}.letter-header .name{font-size:17px;font-weight:600}.letter-header[data-open=true]{background:color-mix(in srgb,var(--gold) 6%,transparent);box-shadow:inset 2px 0 0 var(--gold)}.root-row{box-shadow:inset 2px 0 0 var(--gold)}.root-row[aria-current=true]{background:var(--charcoal-soft)}.root-row .count{color:var(--gold-muted)}.letter-header[data-open=true] .name{color:var(--gold)}.letter-header .count{margin-inline-start:auto;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-muted);font-size:10px;font-variant-numeric:tabular-nums}.root-row{align-items:flex-start}.letter-group{display:grid;grid-template-columns:max-content minmax(0,1fr) auto}.root-ai-note{margin:0;padding:12px 14px 18px;color:var(--text-secondary);font-size:11.5px;line-height:1.45}.root-ai-note .link-button{padding:0;color:var(--gold);font-size:inherit;font-weight:600}.letter-group>.letter-header{grid-column:1 / -1}.letter-group>.root-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.root-row .lemma{white-space:nowrap;color:var(--gold);font-family:var(--arabic-font);font-size:22px;text-align:center}.root-row .title b{display:block;font-weight:600}.root-row .title small{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.root-pick{display:grid;height:calc(100% - 48px);place-content:center;justify-items:center;gap:10px;color:var(--text-secondary)}.root-pick .glyph{color:var(--gold-muted);font-family:var(--arabic-font);font-size:40px}.root-split{display:grid;grid-template-columns:minmax(280px,40%) minmax(0,1fr);height:calc(100% - 48px);min-height:0;background:var(--charcoal)}.root-left,.root-right{display:flex;overflow-y:auto;flex-direction:column;min-width:0}.root-left{gap:14px;padding:20px 16px 20px 24px;border-inline-end:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.root-right{gap:16px;padding:20px 24px 20px 16px}@media(width<900px){.root-split{display:block;overflow-y:auto}.root-left,.root-right{overflow:visible;padding:0 24px;border:0}.root-left{gap:22px;padding-top:28px}.root-right{padding-top:22px;padding-bottom:28px}}.root-back{align-self:flex-start;color:var(--gold)}.root-tile{display:flex;flex-direction:column;gap:12px;margin:0;padding:20px;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:14px;background:var(--charcoal-elevated)}.root-eyebrow{color:var(--gold-muted);font-size:12px;font-weight:600;text-transform:uppercase}.root-eyebrow-count{display:flex;align-items:center;gap:8px}.root-sub{margin:0;color:var(--text-secondary);font-size:14px}.root-sub.small{font-size:12px}.root-hint{margin:0;color:#a3a3a3e5;font-size:10px}.root-hero-card{position:relative;gap:16px;padding:28px;container-type:inline-size}@container (max-width: 440px){.hero-row{flex-direction:column;align-items:flex-start;gap:14px}}.root-line .arabic,.root-line .latin,.gold-chips>span:not(:last-child){white-space:nowrap}.hero-row{display:flex;align-items:center;gap:20px}.hero-word{display:grid;flex:none;box-sizing:border-box;width:156px;height:156px;padding:18px;overflow:hidden;white-space:nowrap;place-items:center;border:1.5px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:50%;color:var(--gold);font-family:var(--arabic-font);font-size:42px;line-height:1.2;text-align:center}.hero-text{display:flex;flex-direction:column;gap:8px;min-width:0}.hero-text h2{margin:0;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:600}.hero-title-button{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.hero-title-button .gold-count{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:13px}.hero-title-button[aria-pressed=true]{color:var(--gold)}.hero-text .meaning{margin:0;color:color-mix(in srgb,var(--text-primary) 90%,transparent);font-family:Georgia,Times New Roman,serif;font-size:17px}.root-line{display:flex;align-items:baseline;gap:8px;margin:0}.root-line .label{color:var(--gold-muted);font-size:12px;font-weight:600}.root-line .arabic{color:var(--text-primary);font-family:var(--arabic-font);font-size:18px}.root-line .latin{color:var(--text-secondary);font-family:ui-monospace,Menlo,monospace;font-size:13px}.hero-body{margin:0;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.55}.gold-chips{display:flex;flex-wrap:wrap;gap:10px}.gold-chips span{padding:5px 10px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:13px;font-weight:600}.root-timeline{position:relative;height:40px}.root-timeline .axis{position:absolute;top:18px;right:0;left:0;height:2px;border-radius:999px;background:color-mix(in srgb,var(--gold) 35%,transparent)}.root-timeline .medina{position:absolute;top:6px;width:1px;height:28px;background:color-mix(in srgb,var(--gold) 25%,transparent)}.root-timeline .tick{position:absolute;width:2px;border-radius:999px;background:var(--gold)}.timeline-labels{display:grid;grid-template-columns:repeat(4,1fr);color:var(--gold-muted);font-size:12px;font-weight:600}.timeline-labels span:nth-child(2),.timeline-labels span:nth-child(3){text-align:center}.timeline-labels span:last-child{text-align:end}.root-rows{display:flex;flex-direction:column;gap:6px}.root-pick-row{display:flex;align-items:center;gap:14px;padding:8px 10px;border:1px solid var(--tint-line);border-radius:8px;background:var(--tint-fill);text-align:start}.root-pick-row[data-on=true]{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.root-pick-row.dense{gap:10px}.derived-tools{display:flex;gap:8px;align-items:center;margin-bottom:10px}.derived-search{flex:1;min-width:0}.derived-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-flow:row dense;gap:6px}.derived-grid>.derived-row{grid-template-columns:minmax(0,1fr) auto auto 13px}.derived-chevron{color:var(--text-secondary);transform:rotate(-90deg);transition:transform .15s}.derived-row[data-on=true] .derived-chevron{color:var(--gold);transform:none}.derived-forms{display:flex;grid-column:1 / -1;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:10px;background:rgb(var(--wash-rgb) / 3%)}.derived-forms-head{display:flex;align-self:stretch;align-items:baseline;justify-content:space-between;gap:8px;color:var(--gold);font-size:12px;font-weight:600}.derived-go{display:none}html[data-device=phone] .derived-go{display:inline-flex}.derived-forms-grid{display:grid;align-self:stretch;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px}.derived-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:3px 8px;border:1px solid transparent;border-radius:6px;background:rgb(var(--wash-rgb) / 4%);text-align:start}.derived-form[data-on=true]{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.derived-form .derived-text b{font-size:12px}.derived-form[data-on=true] .derived-text b{color:var(--gold)}.derived-form .derived-text small{font-size:10.5px;-webkit-line-clamp:1}.derived-form .derived-word{min-width:0;font-size:18px}.derived-form .gold-count{font-size:10px}.derived-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 10px;border:1px solid transparent;border-radius:8px;background:#00000038;text-align:start}.derived-row[data-on=true]{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.derived-row .derived-word{min-width:0;font-size:21px}.derived-row .derived-text b{font-size:13px}.derived-row .derived-text small{font-size:11px;-webkit-line-clamp:1}.derived-row[data-on=true] .derived-text b{color:var(--gold)}.derived-word{min-width:88px;color:var(--gold);font-family:var(--arabic-font);font-size:24px;text-align:right}.derived-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.derived-text b{overflow:hidden;color:var(--text-primary);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.root-pick-row[data-on=true] .derived-text b,.root-pick-row[data-on=true] .dense-name{color:var(--gold)}.derived-text small{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gold-count{padding:2px 7px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.dense-name{overflow:hidden;flex:1;color:var(--text-primary);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.dense-bar{display:flex;justify-content:flex-end;width:48px;height:4px}.dense-bar span{height:4px;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,transparent)}.root-pick-row[data-on=true] .dense-bar span{background:color-mix(in srgb,var(--gold) 45%,transparent)}.root-all{align-self:flex-start;color:var(--gold);font-size:12px;font-weight:600}.root-list-head{display:flex;align-items:center;justify-content:space-between}.root-list-head h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.root-verses{display:flex;flex-direction:column;gap:12px}.root-verse{display:flex;overflow:hidden;border:.5px solid rgb(var(--wash-rgb) / 8%);border-radius:10px;background:var(--charcoal-elevated);cursor:pointer}.root-verse-body{flex:1;min-width:0}.root-verse.placeholder{min-height:140px;cursor:default}.root-verse header{display:flex;align-items:baseline;gap:8px;padding:10px 12px}.root-verse header b{flex:1;color:var(--text-primary);font-size:18px;font-weight:700}.root-verse header .key{color:var(--gold);font-variant-numeric:tabular-nums}.root-verse header .place{color:var(--text-secondary);font-size:12px}.root-verse header .open{color:var(--gold-muted)}.root-verse .content{padding:0 12px 12px}.root-verse .meals[data-after-arabic=true]{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--gold) 16%,transparent)}.root-verse .meal+.meal{margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}.root-verse .meal .name{display:block;margin-bottom:6px;color:var(--gold-muted);font-size:12px;font-weight:600}.root-verse .meal[data-first=true] .name{color:var(--gold)}.root-verse .meal p{margin:0;color:var(--text-primary);line-height:1.5}.root-attribution{margin:8px 0 0;color:#a3a3a3d9;font-size:10px;text-align:center}.hatim-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;background:var(--charcoal-elevated);border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.hatim-header .ring{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:999px;background:conic-gradient(var(--gold) calc(var(--percent, 0) * 1%),var(--charcoal-soft) 0)}.hatim-header .ring span{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--charcoal-elevated);color:var(--gold);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700}.hatim-header .who b{display:block;font-size:14px}.hatim-header .who small{color:var(--text-secondary);font-size:11px}.hatim-header .pace{display:flex;gap:6px}.pace-chip{display:block;padding:4px 10px;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:7px;background:rgb(var(--wash-rgb) / 4%);text-align:center}.pace-chip small{display:block;color:var(--text-secondary);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.pace-chip b{color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums}.hatim-header .last-read{margin-inline-start:auto;padding:7px 14px;border-radius:7px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font-size:12px;font-weight:600}.ayah-pane{display:block}.ayah[data-focused=true]{background:color-mix(in srgb,var(--gold) 8%,transparent)}.ayah[data-resume=true],.ayah[data-read-today=true]{border-inline-start:3px solid var(--gold);padding-inline-start:10px}.ayah-top .marks .pair{display:inline-flex;align-items:center;gap:3px}.ayah-top .marks em{color:var(--gold);font-size:10px;font-style:normal;font-weight:600}.translation[data-first=true]{color:var(--text-primary);font-weight:500}@media(width<=980px){.todo-panes,.todo-panes[data-detail=true],.notes-body,.search-split{grid-template-columns:minmax(0,1fr)}.todo-rail,.search-rail,.notes-list{border-inline-end:0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.todo-rail{flex-flow:row wrap;gap:4px}.todo-detail{border-inline-start:0;border-top:1px solid rgb(var(--wash-rgb) / 6%)}.verse-card .body{flex-direction:column;gap:8px}.verse-card .meta{width:auto}}.idea-body{display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,675px);height:calc(100% - 48px);min-height:520px}.idea-graph{display:flex;flex-direction:column;min-width:0;min-height:0}.idea-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--charcoal-elevated)}.idea-toolbar .eyebrow{color:var(--gold-muted);font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.idea-toolbar .chips{display:flex;flex-wrap:wrap;gap:6px}.idea-toolbar .spacer{flex:1;min-width:8px}.idea-chip{padding:5px 10px;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:999px;color:var(--text-secondary);font-size:12px}.idea-chip[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold)}.idea-center{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:999px;color:var(--gold);font-size:12px;font-weight:600}.idea-stage{display:flex;flex:1;flex-direction:column;min-height:0;background:var(--charcoal)}.idea-focus{display:flex;flex:1;flex-direction:column;min-height:0;outline:none}.idea-trail{display:flex;align-items:center;gap:8px;padding:8px 16px;background:color-mix(in srgb,var(--charcoal-soft) 60%,transparent)}.idea-trail .icon{display:grid;place-items:center;color:var(--gold)}.idea-trail .icon:disabled{color:var(--text-secondary);opacity:.4}.idea-trail .steps{display:flex;overflow-x:auto;flex:1;align-items:center;gap:4px;min-width:0;scrollbar-width:none}.idea-trail .step{display:inline-flex;flex:none;align-items:center;gap:4px}.idea-trail .step .sep{color:var(--gold-muted)}.idea-trail .step button{color:var(--text-secondary);font-size:12px;white-space:nowrap}.idea-trail .step button[data-on=true]{color:var(--gold);font-weight:600}.idea-trail .text{display:inline-flex;flex:none;align-items:center;gap:5px;color:var(--text-primary);font-size:12px;font-weight:600}.idea-trail .text.gold{color:var(--gold)}.idea-trail .menu-anchor{position:relative}.idea-trail .menu-backdrop{position:fixed;z-index:40;inset:0}.idea-menu{position:absolute;z-index:41;top:calc(100% + 6px);right:0;display:flex;overflow-y:auto;flex-direction:column;width:260px;max-height:60vh;padding:5px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073}.idea-menu button{padding:4px 9px;border-radius:5px;color:var(--text-primary);font-size:13px;text-align:start}.idea-menu button:hover{background:var(--gold);color:var(--on-gold)}.idea-canvas{position:relative;flex:1;min-height:420px;margin:24px}.idea-canvas svg{position:absolute;inset:0}.idea-canvas .no-links{position:absolute;top:calc(50% + 62px);right:0;left:0;margin:0;color:var(--text-secondary);font-size:14px;text-align:center}.idea-node{cursor:pointer}.idea-node[data-role=center]{cursor:default}.idea-node .center-label{fill:var(--text-primary);font-size:15px;font-weight:600}.idea-node .inner-label{fill:var(--text-secondary);font-size:12px}.idea-node .inner-label[data-on=true]{fill:var(--text-primary);font-weight:600}.idea-node .outer-label{fill:var(--text-secondary);font-size:10px}.idea-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--gold-muted);text-align:center}.idea-empty h2{margin:0;color:var(--text-primary);font-size:15px}.idea-empty p{max-width:320px;margin:0;color:var(--text-secondary);font-size:13px;white-space:pre-line}.idea-empty p.wide{max-width:420px}.idea-empty .ayatloom-prominent{margin-top:8px}.idea-none{display:grid;flex:1;margin:0;place-items:center;color:var(--text-secondary);font-size:14px}.idea-rail{display:flex;overflow-y:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;border-inline-start:1px solid rgb(var(--wash-rgb) / 6%);background:var(--charcoal-elevated)}.idea-rail>.eyebrow{color:var(--gold-muted);font-size:12px}.idea-rail h2{margin:-8px 0 0;color:var(--gold);font-size:20px;font-weight:600}.idea-rail .meta{display:flex;align-items:center;gap:6px;margin:-6px 0 0;color:var(--text-secondary);font-size:12px}.idea-rail .meta .dot{width:8px;height:8px;border-radius:50%}.idea-rail .pick{margin-top:8px}.idea-rail .ayatloom-secondary{margin-top:4px;padding:10px 16px;border:1px solid rgb(158 133 92 / 55%);border-radius:999px;color:var(--gold-muted);font-weight:600}.bridge-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:12px;border-radius:10px;background:var(--charcoal-soft)}.bridge-card h3{margin:0;color:var(--gold);font-size:12px;font-weight:600}.bridge-card .label{color:var(--gold-muted);font-size:10px;font-weight:600}.bridge-card .ayatloom-prominent{align-self:flex-start;margin-top:4px}.bridge-verse{display:flex;flex-direction:column;gap:4px;padding:4px 0}.bridge-verse button{align-self:flex-start;color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.bridge-verse .arabic{margin:0;color:var(--text-primary);font-family:var(--arabic-font);font-size:18px;line-height:1.7;text-align:right}.bridge-verse span{color:var(--text-secondary);font-size:12px}.bridge-card .quote-line{display:-webkit-box;overflow:hidden;margin:0;color:var(--text-primary);font-size:12px;font-style:italic;-webkit-box-orient:vertical;-webkit-line-clamp:4}.bridge-card .lesson-line{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:12px;text-align:start}.bridge-card .lesson-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neighbour{display:flex;align-items:center;gap:8px;width:100%;text-align:start}.neighbour .dot{flex:none;width:7px;height:7px;border-radius:999px}.neighbour .name{overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.neighbour[data-on=true] .name{color:var(--gold)}.neighbour .badge{margin-inline-start:auto;color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.bridge-card .footnote{margin:4px 0 0;color:var(--text-secondary);font-size:10px;line-height:1.4;opacity:.85}.reader-body[data-studio=true]{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start}.verse-studio{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:12px 14px 40px;border-inline-start:1px solid rgb(var(--wash-rgb) / 6%);background:var(--charcoal-elevated)}.studio-head h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--gold);font-size:20px}.studio-head .close{margin-inline-start:auto;color:var(--text-secondary);font-size:20px}.studio-block{padding:10px 0;border-top:1px solid rgb(var(--wash-rgb) / 6%)}.studio-block h3{margin:0 0 6px;color:var(--gold);font-size:13px;font-weight:700}.studio-note b{display:block;font-size:13px}.studio-note p{margin:2px 0;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.linked-counts{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0;padding:0;list-style:none;color:var(--text-secondary);font-size:11px}.studio-quote{margin:6px 0;padding-inline-start:10px;border-inline-start:2px solid var(--gold);color:var(--text-primary);font-style:italic}.ayah-play{display:inline-flex;color:var(--gold)}.ayah-studio{color:var(--gold-muted);font-size:10px}.ayah[data-playing=true]{background:color-mix(in srgb,var(--gold) 6%,transparent)}.chip-spacer{flex:1}.prayer-card,.holy-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 14%,transparent);border-radius:16px;background:var(--charcoal-elevated)}.prayer-hero{position:relative;height:168px;margin:14px 14px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:14px;background:#121214}.prayer-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.prayer-hero .scrim{position:absolute;inset:0;background:#00000045}.prayer-hero-body{position:relative;display:flex;align-items:flex-end;gap:12px;height:100%;padding:18px}.prayer-hero .where{display:grid;gap:6px;flex:1;min-width:0}.prayer-hero .where small{color:var(--photo-ink, var(--gold));opacity:.8;font-size:11px}.prayer-hero .where b{color:var(--photo-ink, var(--gold));font-size:22px;font-weight:600}.prayer-hero .where select{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.prayer-hero .where{position:relative}.prayer-hero .when{display:grid;gap:4px;justify-items:end;text-align:end}.prayer-hero .event{color:var(--photo-ink, var(--gold));font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.prayer-hero .big{color:var(--photo-ink, var(--gold));font-size:38px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.05}.prayer-hero .when small{color:var(--photo-ink, var(--gold));opacity:.8;font-size:11px}.prayer-card .pad{padding:18px}.prayer-list{margin:8px 0 0;padding:0 10px 10px;list-style:none}.prayer-list li{display:flex;align-items:center;gap:12px;padding:13px 14px;color:var(--text-secondary)}.prayer-list li+li{box-shadow:inset 0 1px rgb(var(--wash-rgb) / 7%)}.prayer-list .label{flex:1;min-width:0;color:var(--text-primary);font-size:14px}.prayer-list .at{color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums}.prayer-list li[data-on=true]{margin:4px 0;padding:12px 14px;border:1.25px solid var(--gold);border-radius:12px;background:color-mix(in srgb,var(--charcoal) 55%,transparent);box-shadow:none;color:var(--gold)}.prayer-list li[data-on=true]+li{box-shadow:none}.prayer-list li[data-on=true] .label{display:grid;gap:2px;color:var(--gold)}.prayer-list li[data-on=true] .label b{font-size:14px;font-weight:600}.prayer-list li[data-on=true] .label small{font-size:12px;font-variant-numeric:tabular-nums}.prayer-list .left{display:grid;gap:2px;justify-items:end}.prayer-list .left small{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.prayer-list .left b{color:var(--gold);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.05}.prayer-list .bell{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:999px;color:var(--text-secondary)}.prayer-list .bell[data-on=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)}.prayer-list .bell:disabled{opacity:.4}.holy-card header{display:grid;gap:4px;padding:14px 16px 8px}.holy-card header .eyebrow{color:var(--gold-muted);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.holy-card header small{font-size:12px}.holy-next{display:grid;gap:6px;justify-items:center;margin:0 14px 6px;padding:14px 12px;border:1px solid var(--tint-line);border-radius:10px;background:var(--tint-fill);text-align:center}.holy-next>small:first-child{color:var(--gold-muted);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.holy-next b{color:var(--gold);font-size:17px;font-weight:700}.holy-next small{font-size:12px}.holy-days{margin:0;padding:0;list-style:none}.holy-days li{display:flex;align-items:baseline;gap:10px;padding:11px 16px;border-top:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.holy-days .when{flex:none;min-width:108px;color:var(--gold);font-size:12px;font-weight:600}.holy-days .what{flex:1;min-width:0;color:var(--text-primary);font-size:13px;font-weight:600}.holy-days small{flex:none;font-size:11px}.note-editor{width:100%;padding:10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal-elevated);color:var(--text-primary);font:inherit;line-height:1.6;resize:vertical}.source-form{padding:14px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.source-form h3{margin:0 0 10px;color:var(--gold);font-size:13px;letter-spacing:.03em;text-transform:uppercase}.source-list{padding:8px 14px 40px}.source-row{padding:10px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 5%)}.source-row .meta{margin:2px 0;font-size:12px}@media(width<=980px){.idea-body,.reader-body[data-studio=true]{grid-template-columns:minmax(0,1fr)}.idea-rail,.verse-studio{position:static;max-height:none;border-inline-start:0;border-top:1px solid rgb(var(--wash-rgb) / 6%)}}.tag-field .token-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--gold) 14%,transparent);border-radius:8px;background:var(--charcoal-elevated)}.tag-field .token-box input{flex:1;min-width:90px;padding:2px 0;border:0;background:none}.tag-field .token-box input:focus{outline:none}.token{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 9px;border:1px solid color-mix(in srgb,var(--tag-color, var(--gold)) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag-color, var(--gold)) 12%,transparent);font-size:12px}.token .name{color:var(--text-primary)}.token .remove,.chip .remove{color:var(--text-secondary);font-size:13px;line-height:1;padding:0 3px}.token .remove:hover,.chip .remove:hover{color:var(--danger)}.token-suggestions{display:flex;flex-direction:column;margin-top:4px;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:8px;background:var(--charcoal-elevated)}.token-suggestions button{display:flex;align-items:center;gap:8px;padding:6px 10px;text-align:start}.token-suggestions button:hover{background:var(--charcoal-soft)}.token-suggestions .dot{flex:none;width:8px;height:8px;border-radius:999px}.token-suggestions .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-suggestions small{color:var(--gold-muted);font-size:10px;text-transform:uppercase}.group-ask{padding:4px}.group-ask .group-ask-title{padding:6px 10px 4px;color:var(--text-secondary);font-size:12px}.group-ask button{border-radius:6px}.group-ask button[aria-selected=true]{background:var(--gold);color:var(--on-gold)}.group-ask button[aria-selected=true] small{color:var(--on-gold);text-transform:none}.group-ask button small{text-transform:none}.group-ask button.muted:not([aria-selected=true]){color:var(--text-secondary)}.group-ask button.gold:not([aria-selected=true]){color:var(--gold)}.group-ask .group-ask-new{margin:4px 6px 6px}.tag-field .hint{margin:4px 0 0;font-size:10.5px}.tag-field[data-compact=true] .token-box{padding:4px 6px;font-size:12px}dialog.quote-editor{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}dialog.quote-editor h2{margin:0 0 12px;color:var(--gold);font-size:17px}dialog.quote-editor .field{margin-bottom:14px}dialog.quote-editor .field>label{display:block;margin-bottom:6px;color:var(--gold-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}dialog.quote-editor .sub-label{display:block;margin:8px 0 4px;color:var(--text-secondary);font-size:11px}dialog.quote-editor textarea,dialog.quote-editor input{width:100%;margin-bottom:6px;padding:7px 10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:7px;background:var(--charcoal);color:var(--text-primary);font:inherit;line-height:1.5;resize:vertical}dialog.quote-editor .row{display:flex;gap:8px;align-items:start}dialog.quote-editor .row input{margin-bottom:0}dialog.quote-editor .chip-bar{padding:2px 0 4px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgb(var(--wash-rgb) / 8%)}.card-actions{display:flex;gap:12px;justify-content:center}.weather-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--gold);border-radius:999px;background:var(--charcoal-elevated);color:var(--gold);font-size:11px;text-transform:none;letter-spacing:0}.weather-pill b{font-variant-numeric:tabular-nums}.weather-pill .place{color:var(--gold-muted)}dialog.lesson-from-text{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}dialog.lesson-from-text h2{margin:0 0 12px;color:var(--gold);font-size:17px}dialog.lesson-from-text .field{margin-bottom:14px}dialog.lesson-from-text .field>label{display:block;margin-bottom:6px;color:var(--gold-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}dialog.lesson-from-text .field>label.inline{display:flex;justify-content:space-between;gap:8px;margin-top:10px;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}dialog.lesson-from-text input,dialog.lesson-from-text textarea{width:100%;margin-bottom:6px;padding:7px 10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:7px;background:var(--charcoal);color:var(--text-primary);font:inherit;line-height:1.5;resize:vertical}dialog.lesson-from-text .subtle{margin:2px 0;font-size:11px;line-height:1.5}.ref-list{margin:0;padding:0;list-style:none;max-height:220px;overflow-y:auto}.ref-list li label{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 5%);cursor:pointer}.ref-list b{color:var(--gold);font-variant-numeric:tabular-nums}.ref-list .matched{margin-inline-start:auto;overflow:hidden;max-width:45%;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.flow-add{padding:10px 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%);background:var(--charcoal-elevated)}.flow-add .row{display:flex;gap:8px}.flow-add .row input{flex:1}.flow-add .section-draft{width:auto;flex:1;min-width:140px}.flow-add .subtle{margin:4px 0;font-size:11px}.flow-controls{display:inline-flex;gap:2px;margin-inline-start:auto}.flow-controls button{width:20px;height:20px;border-radius:5px;color:var(--text-secondary);font-size:12px;line-height:1}.flow-controls button:hover{background:var(--charcoal-soft);color:var(--text-primary)}.flow-controls button[aria-pressed=true]{background:var(--gold);color:var(--on-gold);font-weight:700}.flow-controls button.danger:hover{color:var(--danger)}.flow-controls button:disabled{opacity:.4}.flow-heading input{flex:1;min-width:0;padding:2px 6px;border:1px solid transparent;border-radius:5px;background:none;color:var(--gold);font:inherit;letter-spacing:inherit;text-transform:inherit}.flow-heading input:hover,.flow-heading input:focus{border-color:color-mix(in srgb,var(--gold) 30%,transparent);outline:none}.flow-heading:has(input):after{content:none}.flow-note .label,.flow-quote .label{display:flex;align-items:center;gap:8px}.flow-note textarea{width:100%;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:rgb(var(--wash-rgb) / 3%);color:var(--text-primary);font:inherit;line-height:1.6;resize:vertical}.flow-note textarea:hover,.flow-note textarea:focus{border-color:color-mix(in srgb,var(--gold) 25%,transparent);outline:none}.flow-separator{display:flex;align-items:center;justify-content:center;gap:10px}.flow-verse{position:relative}.flow-verse .flow-controls{position:absolute;inset:6px 0 auto auto;z-index:1}.status-pills{position:fixed;top:8px;right:16px;z-index:40;display:flex;align-items:center;gap:10px;pointer-events:none}.status-pills>*{pointer-events:auto}.status-pills .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--gold);border-radius:999px;background:var(--charcoal-elevated);color:var(--gold);font-size:13px;font-weight:500}.status-pills .pill i{width:1px;height:12px;background:color-mix(in srgb,var(--gold) 55%,transparent)}.status-pills .pill b{font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:760px){.status-pills{display:none}}.studio-block.audio{display:grid;gap:8px}.play-pills{display:flex;gap:10px}.play-pill{flex:1;padding:7px 10px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;color:var(--gold);font-size:12px;font-weight:600}.play-pill[data-on=true]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.studio-block.audio .reciter{color:var(--gold-muted);font-size:10px;font-weight:600}.ayah[data-selected=true]{background:var(--charcoal-soft)}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px}.studio-block.study-box .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-radius:8px;background:var(--charcoal-elevated)}.studio-block.study-box .check{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.ayah[data-locked=true]{opacity:.35;pointer-events:none}.hatim-header .rate select{padding:6px 8px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:7px;background:transparent;color:var(--gold);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.hatim-header .round-play{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--gold);color:var(--on-gold)}.reader-body[data-studio=true]{grid-template-columns:minmax(0,1fr) clamp(340px,34vw,580px)}.verse-studio{display:grid;gap:16px;align-content:start;padding:16px;border-inline-start:1px solid rgb(var(--wash-rgb) / 8%);background:var(--charcoal)}.verse-studio hr{width:100%;margin:0;border:0;border-top:1px solid color-mix(in srgb,var(--text-secondary) 35%,transparent)}.verse-studio .studio-block{padding:0;border:0}.verse-studio h3{margin:0 0 8px;color:var(--gold);font-size:15px;font-weight:700}.verse-studio h4{margin:0 0 12px;color:var(--gold-muted);font-size:13px;font-weight:600}.studio-head{display:grid;gap:8px}.studio-head h2{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--gold);font-size:22px;font-weight:600}.studio-head h2 .title{flex:1}.studio-head .bookmark{color:var(--gold)}.studio-head .close{color:var(--text-secondary);font-size:18px}.studio-head .meta{margin:0;color:var(--text-secondary);font-size:11px}.studio-head{grid-template-columns:minmax(0,1fr) auto}.studio-head>*{grid-column:1 / -1}.studio-head>.meta{grid-column:1;align-self:center}.studio-head>.studio-size{display:flex;grid-column:2;grid-row:2;gap:4px}.verse-studio .studio-size button.bordered{min-width:34px;justify-content:center;padding:4px 8px;font-size:13px;font-weight:700}.verse-studio .studio-size button:disabled{opacity:.4;cursor:default}.verse-studio .studio-read-head{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 12px;margin-bottom:10px}.verse-studio .studio-read-head h4{margin:0;color:var(--gold);font-size:14px}.studio-read-head .link-button{margin-inline-start:auto;color:var(--gold);font-size:12.5px}.studio-source-tabs{display:flex;flex-wrap:wrap;gap:4px}.studio-source-tabs button{padding:3px 10px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:999px;color:var(--text-secondary);font-size:12px}.studio-source-tabs button[aria-selected=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold);font-weight:600}.studio-tabs{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgb(var(--wash-rgb) / 12%)}.studio-tabs button{display:inline-flex;align-items:center;gap:6px;flex:none;margin-bottom:-1px;padding:8px;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;white-space:nowrap;font-weight:600}.studio-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}.studio-tabs .count{padding:0 6px;border-radius:999px;background:rgb(var(--wash-rgb) / 10%);color:var(--text-secondary);font-size:11px}.verse-studio .studio-tab-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:10px}.verse-studio button.bordered{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;background:rgb(var(--wash-rgb) / 10%);color:var(--text-primary);font-size:11px;font-weight:500}.verse-studio button.bordered:hover{background:rgb(var(--wash-rgb) / 15%)}.verse-studio button.bordered.mini{padding:2px 7px;font-size:10px}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0}.studio-actions .caret{color:var(--text-secondary);font-size:10px}.menu-anchor{position:relative}.menu-anchor .menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:grid;min-width:180px;padding:4px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 30px #0006}.menu-anchor .menu button{padding:6px 10px;border-radius:5px;color:var(--text-primary);font-size:12px;text-align:start}.menu-anchor .menu button:hover{background:var(--gold);color:var(--on-gold)}.studio-audio{display:grid;gap:8px}.studio-audio .play-pills{display:flex;gap:10px}.studio-audio .play-pill{display:inline-flex;flex:none;align-items:center;gap:7px;padding:8px 14px;border:0;border-radius:999px;background:rgb(var(--wash-rgb) / 9%);color:var(--text-primary);font-size:12px;font-weight:600}.studio-audio .play-pill[data-on=true]{background:var(--gold);color:var(--on-gold)}.studio-audio .reciter{color:var(--gold-muted);font-size:10px;font-weight:600}.studio-study{display:grid;gap:8px;padding:10px;border-radius:8px;background:var(--charcoal-elevated)}.studio-study h3{margin:0;font-size:13px}.studio-study .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio-study .check{display:inline-flex;align-items:center;gap:5px;color:var(--text-primary);font-size:11px}.studio-study .prompt{margin:0;color:var(--text-secondary);font-size:11px}.link-pill{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;border-radius:8px;background:var(--charcoal-elevated)}.link-pill .name{display:inline-flex;flex:1;align-items:center;gap:6px;color:var(--text-primary);font-size:13px;text-align:start}.link-pill .done{color:var(--gold)}.link-pill .x{color:var(--text-secondary);font-size:13px;font-weight:700}.block-head{display:flex;align-items:center;justify-content:space-between}.block-head h3{margin:0}.block-head .plus{color:var(--gold)}.verse-studio .block-head+*{margin-top:8px}.note-placeholder{display:block;width:100%;padding:10px;border-radius:8px;background:var(--charcoal-elevated);color:var(--text-secondary);font-size:13px;text-align:start}.note-card{margin-top:8px;padding:12px;border:1.5px solid transparent;border-radius:11px;background:var(--charcoal-elevated)}.note-card[data-editing=true]{border-color:var(--gold)}.note-card p{min-height:44px;margin:0 0 10px;color:var(--text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap}.note-card textarea{width:100%;min-height:72px;margin-bottom:10px;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;resize:vertical}.note-card footer{display:flex;align-items:center;gap:2px;padding-top:8px;border-top:1px solid rgb(var(--wash-rgb) / 8%)}.note-card .spacer{flex:1}.note-card .icon{display:grid;place-items:center;width:26px;height:26px;color:var(--text-secondary)}.note-card .icon[data-on=true]{color:var(--gold)}.note-card .icon.danger,.note-card .danger{color:#c9635c}.note-card .confirm{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px}.ayatloom-prominent.small{padding:3px 10px;font-size:11px}.verse-studio .meals{display:grid;gap:12px}.studio-card{padding:10px;border-radius:8px;background:var(--charcoal-elevated)}.studio-card .who{display:block;margin-bottom:6px;color:var(--gold-muted);font-size:11px;font-weight:600}.studio-card .entry[data-first=true] .who{color:var(--gold)}.studio-card p{margin:0;color:var(--text-primary);line-height:1.5}.studio-card.stacked .entry+.entry{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}.arabic-shell{padding:12px 10px;border-radius:10px;background:rgb(0 0 0 / calc(var(--inset-opacity) * 100%))}.arabic-shell .word-flow,.arabic-shell .arabic-line{justify-content:center;margin:0;text-align:center}.verse-studio .linked{display:grid;gap:12px}.verse-studio .linked h3,.verse-studio .linked>p{margin:0}.verse-studio .linked>p{font-size:11px}.linked-group{display:grid;gap:6px;padding:10px;border-radius:10px;background:var(--charcoal-elevated)}.linked-group b{color:var(--gold);font-size:11px}.linked-group small{font-size:11px}.linked-item{color:var(--text-primary);font-size:13px;text-align:start;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.linked-text{margin:0;color:var(--text-primary);font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.linked-text.two{-webkit-line-clamp:2}.memorization{display:grid;gap:8px;justify-items:start;padding:10px;border-radius:8px;background:var(--charcoal-elevated)}.memorization p{margin:0;color:var(--text-secondary);font-size:13px}.compare-sheet{width:min(560px,calc(100vw - 32px));max-height:80vh;padding:0;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:12px;background:var(--charcoal);color:var(--text-primary)}.compare-sheet::backdrop{background:#0000008c}.compare-sheet header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgb(var(--wash-rgb) / 8%);background:var(--charcoal)}.compare-sheet header h2{margin:0;font-size:15px}.compare-sheet section{padding:12px 16px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.compare-sheet h3{margin:0 0 6px;color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase}.compare-sheet p{margin:0 0 6px;line-height:1.55}.compare-sheet .arabic-line{font-family:var(--arabic-font);font-size:28px;text-align:right}.ayah-play{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:var(--gold);color:var(--on-gold)}.ayah-play svg{width:9px;height:9px}.status-pills .weather-pill,.status-pills .pill{display:inline-flex;align-items:center;gap:7px;height:30px;box-sizing:border-box;padding:0 12px;border:1px solid var(--gold);border-radius:999px;background:var(--charcoal-elevated);color:var(--gold);font-size:13px;font-weight:500;line-height:1}.status-pills .weather-pill b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.status-pills .weather-pill .place{color:var(--gold);font-size:12px;font-weight:500}.status-pills .weather-pill svg,.status-pills .pill svg{width:11px;height:11px}.tile{padding:18px;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:14px;background:var(--charcoal-elevated)}.tile.highlighted{border-color:color-mix(in srgb,var(--gold) 30%,transparent)}.today-bento{grid-template-columns:380px minmax(0,1fr) minmax(0,1fr)}.today-bento[data-prayer=false]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bento-right>.discovery,.bento-right>.questions{flex:1 1 0;min-height:0}.today .card-bookmark{display:grid;place-items:center;width:24px;height:24px;color:var(--gold-muted)}.today .card-bookmark[data-on=true]{color:var(--gold)}.bento-mid .arabic-shell{margin-bottom:14px}.discovery .root-letters.arabic-shell{display:grid;gap:10px;margin-top:14px;padding:12px}.discovery .root-letters.arabic-shell .tiles{justify-content:center}.lesson-detail{display:flex;flex-direction:column;min-height:0}.lesson-layout{display:grid;flex:1;grid-template-columns:270px minmax(0,1fr);min-height:0}.lesson-main{min-width:0;overflow-y:auto}@media(width<=980px){.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-outline{max-height:40vh;border-inline-end:0;border-bottom:1px solid rgb(var(--wash-rgb) / 8%)}}.lesson-outline{display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid rgb(var(--wash-rgb) / 8%);background:color-mix(in srgb,var(--charcoal-elevated) 60%,transparent)}.lesson-outline header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 6px}.lesson-outline header .title{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.lesson-outline .moves{display:flex;gap:6px}.lesson-outline .moves button{color:var(--text-primary)}.lesson-outline .moves button:disabled{opacity:.35}.outline-list{flex:1;margin:0;padding:0 6px;overflow-y:auto;list-style:none}.outline-list li{position:relative;display:flex;align-items:center;gap:7px;min-height:26px;padding:3px 8px;border-radius:6px;color:var(--text-primary);font-size:12px;cursor:default}.outline-list li[aria-selected=true]{background:var(--charcoal-soft)}.outline-list .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-list .muted-gold{flex:none;color:var(--gold-muted)}.outline-list .book{flex:none;color:color-mix(in srgb,var(--gold) 45%,transparent)}.add-grid .kind-icon{flex:none;color:var(--gold-muted)}.outline-list .book[data-studied=true]{color:var(--gold)}.outline-section{padding-top:4px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.outline-list .more{flex:none;color:var(--text-secondary)}.row-menu,.lesson-outline .popover{position:absolute;top:calc(100% + 2px);right:4px;z-index:40;display:grid;min-width:190px;padding:4px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 30px #00000073}.row-menu button{padding:6px 10px;border-radius:5px;color:var(--text-primary);font-size:12px;text-align:start}.row-menu button:hover{background:var(--gold);color:var(--on-gold)}.row-menu button.danger,.row-menu button.danger:hover{background:#c9635c;color:#fff;font-weight:600}.row-menu button.danger:hover{background:#d67068}.lesson-outline footer{padding:8px 10px 10px;border-top:1px solid rgb(var(--wash-rgb) / 8%)}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.add-grid .bordered,.lesson-head .bordered,.confirm-sheet .bordered{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:rgb(var(--wash-rgb) / 10%);color:var(--text-primary);font-size:11px}.add-grid .wide{grid-column:1 / -1}.add-grid .glyph{color:var(--gold)}.popover-anchor{position:relative;display:grid}.lesson-outline .popover{top:auto;bottom:calc(100% + 4px);left:0;right:auto;width:250px;gap:6px;padding:10px}.lesson-outline .popover input,.section-prompt input{width:100%;padding:6px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal);color:var(--text-primary)}.section-prompt{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:8px;background:var(--charcoal-elevated)}.section-prompt .actions{display:flex;justify-content:flex-end;gap:8px}.separator-rule{display:flex;align-items:center;gap:14px;padding:10px 8px}.separator-rule i{flex:1;height:1px;background:color-mix(in srgb,var(--gold) 30%,transparent)}.separator-rule span{color:color-mix(in srgb,var(--gold) 85%,transparent);font-size:19px}.separator-rule.compact{flex:1;gap:8px;padding:3px 0}.separator-rule.compact i{background:color-mix(in srgb,var(--gold) 35%,transparent)}.separator-rule.compact span{color:color-mix(in srgb,var(--gold) 75%,transparent);font-size:12px}.lesson-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:12px 16px 0}.lesson-head .who{display:flex;flex:1 0 auto;flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0}.lesson-head .name-row{display:flex;align-items:center;gap:8px}.lesson-head .gold{color:var(--gold)}.lesson-head .lock,.lesson-head .icon{display:grid;place-items:center;color:var(--text-primary)}.lesson-head h2{margin:0;color:var(--gold);font-size:20px;font-weight:600}.lesson-head .rename{min-width:180px;max-width:520px;border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--gold);font:inherit;font-size:20px;font-weight:600}.lesson-head .progress{color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.lesson-head .date-row{display:flex;align-items:center;gap:8px}.lesson-head .date-row input{padding:3px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:12px;color-scheme:dark}.lesson-head .date-row .instructor{width:220px}.lesson-head .lesson-date{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--text-primary);font-size:12px;white-space:nowrap}.lesson-head .lesson-date.editable{color:var(--gold);cursor:pointer}.lesson-head .lesson-date svg{color:var(--gold-muted)}.lesson-date-wrap{position:relative;display:inline-flex}.month-calendar-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:60;display:flex;flex-direction:column;gap:10px;width:260px;padding:12px;border:1px solid rgb(var(--wash-rgb) / .12);border-radius:10px;background:var(--charcoal-elevated);box-shadow:0 8px 24px #00000059}.month-calendar-head{display:flex;align-items:center;gap:4px;margin-bottom:4px}.month-calendar-head span{flex:1;color:var(--text-primary);font-size:14px;font-weight:600}.month-calendar-head button{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--gold)}.month-calendar-head button:hover{background:rgb(var(--wash-rgb) / .06)}.month-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.month-calendar-grid .weekday{padding:2px 0;color:var(--text-secondary);font-size:11px;font-weight:600;text-align:center}.month-calendar-grid .day{display:grid;place-items:center;width:30px;height:30px;margin:0 auto;border-radius:999px;color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums}.month-calendar-grid .day:hover{background:rgb(var(--wash-rgb) / .08)}.month-calendar-grid .day[data-today]{box-shadow:inset 0 0 0 1.2px var(--gold)}.month-calendar-grid .day[data-chosen]{background:var(--gold);color:var(--on-gold);font-weight:700}.month-calendar-actions{display:flex;justify-content:space-between}.lesson-head .tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.lesson-head .tools select{min-width:150px;padding:4px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:12px}.lesson-head .icon.danger{color:#c9635c}.lesson-main .transcript{margin:6px 16px 0}.lesson-main .column-tools{padding:12px 16px 8px}.lesson-content{display:grid;gap:6px;padding:0 16px 16px}.annotation-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.annotation-card{display:grid;align-content:start;gap:8px;padding:12px;border:1px solid rgb(var(--wash-rgb) / 6%);border-radius:12px;background:var(--charcoal-elevated)}.lesson-content>.annotation-card{margin-bottom:10px}.annotation-card .label,.flow-note-card .label,.flow-quote-card .label,.verse-cells .label,.excerpt-panel .label{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.annotation-card .label-row,.flow-quote-card .label-row{display:flex;align-items:center;justify-content:space-between}.annotation-card .add{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-size:11px;font-weight:600}.note-cell,.note-cell:focus-within{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.note-cell textarea,.verse-note-cell textarea,.flow-quote-card textarea{width:100%;border:0;background:transparent;color:var(--text-primary);font:inherit;resize:vertical}.note-cell textarea,.note-cell p{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap}.note-cell .trash{display:block;margin-inline-start:auto;color:#c9635c}.verse-cells{display:grid;gap:8px}.verse-cells:before{content:"";height:1px;margin:2px 0;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent)}.verse-note-cell,.verse-tag-cell{display:flex;align-items:baseline;gap:8px}.verse-note-cell .label,.verse-tag-cell .label{flex:none;justify-content:flex-end;width:56px;text-align:right}.verse-note-cell textarea,.verse-note-cell p{flex:1;min-width:0;margin:0;padding:0;overflow:hidden;font-size:14px;line-height:1.45;white-space:pre-wrap;resize:none}.verse-note-cell textarea:focus{outline:none}.verse-tag-cell .tag-field{flex:1;min-width:0}.studio-block[data-signed-out]{cursor:pointer}.studio-block[data-signed-out]>:not(h3):not(.block-head),.studio-block[data-signed-out] .block-head .plus{opacity:.4}.settings-menu button[aria-disabled=true]{opacity:.4}.settings-card[data-signed-out]{cursor:pointer}.settings-card[data-signed-out]>:not(h3){opacity:.4;pointer-events:none}.verse-cells[data-signed-out] .verse-note-cell,.verse-cells[data-signed-out] .verse-tag-cell{cursor:pointer}.verse-cells[data-signed-out] .verse-note-cell>:not(.label),.verse-cells[data-signed-out] .verse-tag-cell>:not(.label){opacity:.4;pointer-events:none}.verse-cells .token-suggestions .label{display:block;flex:1;justify-content:normal;width:auto;color:var(--text-primary);font-size:13px;font-weight:400;letter-spacing:normal;text-align:start;text-transform:none}.verse-cells .group-ask button[aria-selected=true] .label{color:var(--on-gold)}.verse-tag-cell .tag-field .token-box{padding:0;border:0;background:none}.flow-note-name{display:inline-flex;align-items:center;gap:6px}.flow-note-name .rename{display:inline-grid;place-items:center;padding:1px;color:var(--text-secondary)}.flow-note-name .rename:hover{color:var(--gold)}.flow-note-name input{padding:1px 6px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:5px;background:transparent;color:var(--text-primary);font:inherit;font-size:12px}.flow-note-card{display:grid;gap:6px;margin:0 8px;padding:12px 12px 12px 15px;border-radius:10px;background:linear-gradient(color-mix(in srgb,var(--gold) 5%,transparent),color-mix(in srgb,var(--gold) 5%,transparent)),var(--charcoal-elevated);box-shadow:inset 3px 0 0 var(--gold)}.flow-quote-card{display:grid;gap:6px;margin:0 8px;padding:12px 12px 12px 15px;border-radius:10px;background:var(--charcoal-elevated);box-shadow:inset 3px 0 0 var(--gold-muted)}.flow-quote-card .actions{display:inline-flex;align-items:center;gap:10px}.flow-quote-card .link{color:var(--gold-muted);font-size:11px}.flow-quote-card .trash{color:#c9635c}.flow-quote-card .body{margin:0;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.5}.flow-quote-card .comment{margin:0;color:var(--text-secondary);font-size:12px}.flow-quote-card .footnote{color:color-mix(in srgb,var(--text-secondary) 80%,transparent);font-size:10px}.verse-card{margin:0;padding:0 8px;border:1px solid transparent;border-radius:9px}.verse-card[data-selected=true]{border-color:color-mix(in srgb,var(--gold) 70%,transparent);background:color-mix(in srgb,var(--gold) 7%,transparent)}.verse-card .body{align-items:flex-start;padding:16px 4px 14px}.verse-card .studied-toggle svg{width:16px;height:16px}.verse-card .meta{display:grid;align-content:start;justify-items:start;gap:4px}.verse-card .verse-title{font-size:21px;line-height:1.2}.verse-card .meta-link{display:inline-flex;align-items:center;gap:5px;margin-top:2px;color:var(--gold-muted);font-size:11px}.verse-card .meta-link:first-of-type{margin-top:6px}.verse-card .meta-link.danger{color:#c9635c}.verse-card .meta-link .count{padding:0 5px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;color:var(--gold);font-size:10px}.verse-card .text{display:grid;gap:14px}.verse-card .arabic-shell{position:relative}.verse-card .arabic-shell .corner{position:absolute;top:8px;right:8px}.verse-bookmark{display:grid;place-items:center;width:24px;height:24px;color:var(--gold-muted)}.verse-bookmark[data-on=true]{color:var(--gold)}.bookmark-confirm{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:var(--charcoal-elevated);font-size:11px}.bookmark-confirm .danger{color:#c9635c}.tagged-section{display:grid;gap:4px;padding-top:6px;border-top:1px solid rgb(var(--wash-rgb) / 7%)}.tagged-section .who{color:var(--gold-muted);font-size:10px;font-weight:600}.tagged-section p{margin:0;color:var(--text-primary);font-size:14.5px;line-height:1.55}.verse-card .side{flex:none;width:520px}.lesson-content,.tag-content{container-type:inline-size}@container (width < 1180px){.verse-card[data-side=true] .body{flex-wrap:wrap}.verse-card[data-side=true] .text{flex:1 1 calc(100% - 202px);min-width:0}.verse-card .side{flex:0 0 calc(100% - 202px);width:auto;margin-inline-start:auto}}@container (width < 640px){.verse-card .body{flex-wrap:wrap}.verse-card .meta{width:100%}.verse-card .side{margin-inline-start:0}}.excerpt-panel{display:grid;gap:8px;height:100%;padding:14px;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:10px;background:var(--charcoal-elevated)}.excerpt-panel .scroll{min-height:120px;max-height:320px;overflow-y:auto}.excerpt-panel p{margin:0;font-size:13.5px;line-height:1.55;white-space:pre-wrap}.excerpt-panel .source{padding-top:6px;border-top:1px solid color-mix(in srgb,var(--gold) 14%,transparent);color:var(--text-secondary);font-size:11px}.confirm-sheet{width:min(420px,calc(100vw - 32px));padding:18px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:12px;background:var(--charcoal);color:var(--text-primary)}.confirm-sheet::backdrop{background:#0000008c}.confirm-sheet h2{margin:0 0 8px;font-size:15px}.confirm-sheet p{margin:0 0 16px;color:var(--text-secondary);font-size:13px;line-height:1.5}.confirm-sheet .actions{display:flex;justify-content:flex-end;gap:8px}.danger-button{padding:5px 12px;border-radius:6px;background:#c9635c;color:#fff;font-size:12px;font-weight:600}.study-list{display:flex;flex-direction:column;min-height:0}.study-list .study-roots{flex:1;overflow-y:auto}.study-list .empty{padding:8px 10px;font-size:13px}.study-root{position:relative;cursor:pointer}.outline-list .row-pencil{display:grid;flex:none;place-items:center;width:18px;height:18px;color:var(--gold)}.study-root .title{flex:1;min-width:0}.study-root .rename,.column-header .header-rename{display:grid;flex:none;place-items:center;color:var(--gold-muted)}.study-root .rename{width:20px;height:20px}.study-root .lock{flex:none;margin:0 4px;color:var(--gold-muted)}.study-root .grip{margin-top:-1px}.outline-list .study-heading{gap:5px;margin-top:6px;padding-inline-end:4px;cursor:pointer}.outline-list .study-heading .number{flex:none;color:var(--gold-muted);font-size:14px;font-variant-numeric:tabular-nums}.outline-list .study-heading .label{overflow:visible;font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.outline-list .study-heading{align-items:flex-start}.outline-list .study-heading .grip,.outline-list .study-heading .number,.outline-list .study-heading .plus{margin-top:1px}.outline-list .study-heading .plus{display:grid;flex:none;place-items:center;width:18px;height:18px;color:var(--gold)}.outline-list .study-heading .row-menu,.outline-list .study-heading .popover-anchor{position:absolute;top:100%;right:0;z-index:5}.study-path{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px 0;color:var(--gold-muted);font-size:12px}.study-path .step{display:inline-flex;gap:4px}.study-path button{color:var(--gold)}.study-path .sep,.study-path .here{color:var(--text-secondary)}.study-root[data-dragging=true],.study-heading[data-dragging=true]{opacity:.4}.study-root[data-drop=before],.study-heading[data-drop=before]{box-shadow:inset 0 2px 0 var(--gold)}.study-root[data-drop=after],.study-heading[data-drop=after],.study-heading[data-flow-drop=after]{box-shadow:inset 0 -2px 0 var(--gold)}.study-roots[data-dragging=true],.outline-list[data-dragging=true]{user-select:none}.study-roots .grip,.outline-list .grip{flex:none;width:16px;height:20px;background-image:radial-gradient(circle,var(--text-secondary) 1px,transparent 1.2px);background-position:3px 4px;background-size:4px 4px;background-repeat:repeat;clip-path:inset(3px 5px 5px 3px);cursor:grab;touch-action:none}.study-roots [data-dragging=true]>.grip,.outline-list [data-dragging=true]>.grip{background-image:radial-gradient(circle,var(--gold) 1px,transparent 1.2px);cursor:grabbing}.study-list .row-menu{top:100%;right:0}.row-menu hr{width:100%;margin:4px 0;border:0;border-top:1px solid rgb(var(--wash-rgb) / 10%)}.study-list .confirm-sheet .bordered,.lesson-outline .confirm-sheet .bordered{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:rgb(var(--wash-rgb) / 10%);color:var(--text-primary);font-size:11px}.confirm-sheet .sheet-field{width:100%;margin:0 0 14px;padding:7px 9px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-elevated);color:var(--text-primary)}.tag-head{display:flex;align-items:center;gap:8px;padding:12px 16px 0}.tag-head h2{margin:0;color:var(--gold);font-size:20px;font-weight:600}.tag-head .spacer{flex:1}.tag-head select{min-width:150px;padding:4px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:12px}.tag-head .bordered{padding:3px 10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:rgb(var(--wash-rgb) / 6%);color:var(--text-primary);font-size:13px}.tag-head .icon.danger{display:grid;place-items:center;color:#c9635c}.tag-filter{padding:12px 16px 8px}.tag-filter input{width:100%}.tag-flow{display:grid;gap:6px;padding:0 16px 16px}.tag-missing{display:grid;height:calc(100% - 48px);place-content:center;justify-items:center;gap:10px;color:var(--text-secondary)}.tag-missing h3{margin:0;font-size:15px}.lesson-picker{display:flex;flex-direction:column;gap:10px;width:min(460px,calc(100vw - 32px));max-height:70vh;padding:16px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:14px;background:var(--charcoal-elevated);box-shadow:0 6px 36px #00000073}.lesson-picker header{display:flex;align-items:center;justify-content:space-between}.lesson-picker h2{margin:0;color:var(--text-primary);font-size:15px}.lesson-picker header button{color:var(--gold);font-weight:600}.lesson-picker .verse,.lesson-picker .empty{margin:0;color:var(--text-secondary);font-size:13px}.lesson-picker .groups{overflow-y:auto}.lesson-picker h3{margin:10px 0 4px;color:var(--text-secondary);font-size:12px;font-weight:600}.lesson-picker .groups button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 4px;border-radius:6px;text-align:start}.lesson-picker .groups button:hover{background:var(--charcoal-soft)}.lesson-picker .icon{flex:none;margin-top:2px;color:var(--gold)}.lesson-picker .text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.lesson-picker .text b{color:var(--text-primary);font-weight:400}.lesson-picker .text small{color:var(--text-secondary);font-size:11px}.lesson-picker .chevron{align-self:center;color:var(--text-secondary)}.target-bookmark{display:grid;place-items:center;color:var(--gold-muted)}.target-bookmark[data-on=true]{color:var(--gold)}.target-bookmark[data-compact=true]:not([data-on=true]){opacity:.45}.root-hero-card .hero-bookmark{position:absolute;top:16px;right:16px}.discovery .eyebrow-row,.excerpt-panel .label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-lesson{display:flex;flex-direction:column;width:min(960px,calc(100vw - 32px));height:min(640px,calc(100vh - 32px));min-height:520px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:14px;background:var(--charcoal);box-shadow:0 6px 36px #00000073;overflow:hidden}.live-head{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid rgb(163 163 163 / 35%)}.live-head .dot{width:10px;height:10px;border-radius:50%;background:#f0a030}.live-head .dot[data-running=true]{background:#34c759}.live-head .who{display:flex;flex-direction:column;gap:2px;min-width:0}.live-head .who small{color:var(--gold);font-size:12px;font-weight:600}.live-head .who b{overflow:hidden;color:var(--text-primary);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.live-head .spacer,.live-side .spacer{flex:1}.live-head .clock{color:var(--gold);font-family:ui-rounded,system-ui,sans-serif;font-size:28px;font-variant-numeric:tabular-nums;font-weight:600}.live-lesson .bordered{padding:4px 10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:rgb(var(--wash-rgb) / 6%);color:var(--text-primary);font-size:13px;white-space:nowrap}.live-lesson .danger-text{color:#ff453a}.live-split{display:grid;flex:1;grid-template-columns:minmax(360px,1fr) 300px;min-height:0}.live-notes{display:flex;flex-direction:column;min-height:0}.live-label{padding:16px 16px 0;color:var(--gold);font-size:12px;font-weight:700}.live-side .live-label{padding:0}.live-entries{display:flex;overflow-y:auto;flex:1;flex-direction:column;gap:10px;padding:16px}.live-entry{padding:10px;border-radius:8px;background:var(--charcoal-elevated)}.live-entry .line{display:flex;align-items:center;gap:8px}.live-entry .stamp{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.live-entry .kind{padding:2px 6px;border-radius:999px;background:var(--charcoal-soft);color:var(--text-primary);font-size:10px;font-weight:700}.live-entry .key{color:var(--gold);font-size:12px;font-weight:600}.live-entry p{margin:4px 0 0;color:var(--text-primary);white-space:pre-wrap}.live-input{display:flex;align-items:flex-end;gap:8px;padding:16px}.live-input textarea{flex:1;min-width:0;padding:6px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-elevated);color:var(--text-primary);font:inherit;font-size:14px;resize:vertical}.live-side{display:flex;flex-direction:column;gap:12px;padding:16px;background:color-mix(in srgb,var(--charcoal-soft) 50%,transparent)}.live-chips{display:flex;flex-wrap:wrap;gap:6px}.live-chips span{padding:4px 8px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:12px;font-weight:600}.live-side ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:14px;color:var(--text-secondary);font-size:12px}@media(width<=760px){.live-split{grid-template-columns:minmax(0,1fr)}.live-side{display:none}.live-input{flex-wrap:wrap}}.popover.verse-picker{display:flex;flex-direction:column;gap:8px;width:560px;max-width:calc(100vw - 32px)}.verse-picker .pick-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:2px 0;text-align:start}.verse-picker .pick-row .gold{color:var(--gold);font-size:13px}.verse-picker .pick-row .hint{color:var(--text-secondary);font-size:12px;white-space:nowrap}.verse-picker .pick-row.hit{justify-content:flex-start}.verse-picker .pick-row .label{flex:none;min-width:110px}.verse-picker .pick-row .snippet{overflow:hidden;color:var(--text-secondary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.app-confirm>.popover.verse-picker{position:static;padding:12px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:10px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073}.column-header .toolbar-button{display:inline-flex;align-items:center;gap:5px;margin-inline-start:12px;padding:3px 8px;border-radius:6px;color:var(--text-primary);font-size:12px}.column-header .toolbar-button:hover:not(:disabled){background:rgb(var(--wash-rgb) / 8%)}.column-header .toolbar-button:disabled{opacity:.4}.outline-list li[draggable=true]{cursor:grab}.outline-list li[data-drop=before]{box-shadow:inset 0 2px 0 var(--gold)}.outline-list li.drop-end{height:2px;min-height:0;padding:0;background:var(--gold)}.provider-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.provider{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;border-radius:6px;font-size:14px;font-weight:500}.provider.apple{background:#fff;color:#000}.provider.google{border:1px solid rgb(0 0 0 / 15%);background:#fff;color:#000}.provider:disabled{opacity:.5}.or-rule{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--text-secondary);font-size:12px}.or-rule i{flex:1;height:1px;background:#a3a3a34d}.forgot-link{display:block;margin:-4px 0 6px auto;color:var(--gold);font-size:12px}.auth-notice{margin:0 0 6px;color:var(--text-secondary);font-size:12px}.settings-layout{display:flex;flex:1;min-height:0}.settings-menu{display:flex;flex:none;flex-direction:column;gap:4px;width:200px;padding:12px 8px;background:var(--charcoal);border-right:1px solid rgb(var(--wash-rgb) / 6%)}.settings-menu button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--text-primary);font-size:14px;text-align:start}.settings-menu .settings-group{position:relative;margin:10px 12px 4px;padding-top:12px;color:var(--gold);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.settings-menu .settings-group:before{position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 60%,transparent),transparent);content:""}.settings-menu button svg{width:18px;height:18px;color:var(--text-secondary)}.settings-menu button[aria-current=page]{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font-weight:600}.settings-menu button[aria-current=page] svg{color:var(--gold)}.settings-content{flex:1;max-width:640px;padding:22px;overflow-y:auto}.settings-content>h2{margin:0 0 16px;color:var(--text-primary);font-size:22px}.settings-card{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;border:1px solid rgb(var(--wash-rgb) / 6%);border-radius:12px;background:var(--charcoal-elevated)}.settings-card h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--gold);font-size:14px}.settings-card h3 svg{width:16px;height:16px}.settings-card p{margin:0}.settings-fields{display:flex;flex-direction:column;gap:8px}.settings-fields input,.typed-confirm-field input{padding:6px 9px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-soft);color:var(--text-primary);font-size:13px}.settings-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.settings-row b{color:var(--gold);font-weight:500}.settings-notice{color:var(--gold);font-size:12px}.settings-error,.typed-confirm-error{color:var(--danger);font-size:12px}.ghost-button.danger{color:var(--danger)}.app-confirm .typed-confirm{align-items:stretch;width:min(420px,calc(100vw - 32px))}.app-confirm .typed-confirm h2,.app-confirm .typed-confirm p{max-width:none;text-align:start}.typed-confirm-field{display:flex;flex-direction:column;gap:6px;color:var(--text-primary);font-size:13px}.app-confirm .typed-confirm .buttons{justify-content:flex-end}.app-confirm .typed-confirm button{width:auto;padding:0 14px}.app-confirm button:disabled{opacity:.45}@media(max-width:760px){.settings-layout{flex-direction:column}.settings-menu{flex-direction:row;width:auto;border-right:0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}}.settings-content p{margin:0;color:var(--text-primary);font-size:13px;line-height:1.5}.settings-content>.subtle{margin-bottom:12px;color:var(--text-secondary)}.settings-caption{color:var(--text-secondary)!important;font-size:12px!important}.settings-caption.gold{color:var(--gold-muted, var(--gold))!important}.settings-subhead{color:var(--text-secondary)!important;font-size:13px!important}.settings-subhead.gold{margin-top:14px!important;color:var(--gold)!important;font-weight:600}.settings-toggle{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:13px;cursor:pointer}.settings-toggle input{width:15px;height:15px;accent-color:var(--gold)}.settings-row{align-items:center}.settings-row-value{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.settings-card select,.settings-card input[type=time]{padding:4px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-soft);color:var(--text-primary);font-size:13px}.settings-card input[type=range]{width:220px;accent-color:var(--gold)}.settings-number{width:28px;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:end}.settings-divider{margin:8px 0 16px;border:0;border-top:1px solid rgb(var(--wash-rgb) / 10%)}.settings-section-title{margin:0 0 6px;color:var(--text-primary);font-size:17px}.settings-buttons{display:flex;gap:10px}.gold{color:var(--gold)}.settings-link{color:var(--gold);font-size:13px;text-decoration:none}.settings-link:hover{text-decoration:underline}.settings-mail{color:#4a9eff}.settings-site{font-weight:600;text-decoration:none}.settings-site:hover{text-decoration:underline}.hatim-start{display:flex;gap:12px;align-items:flex-start}.hatim-start-list{flex:1;max-height:220px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);border-radius:10px;background:var(--charcoal)}.hatim-start-list button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;color:var(--text-primary);font-size:14px;text-align:start}.hatim-start-list button b{width:28px;color:var(--gold);font-size:12px;font-weight:400;text-align:end}.hatim-start-list button[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);font-weight:600}.hatim-start-pick{display:flex;flex-direction:column;gap:12px;width:200px}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:28px;height:28px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:6px;background:var(--charcoal-soft);color:var(--text-primary)}.stepper b{min-width:72px;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center}.stepper-row{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font-size:13px}.typed-confirm-highlight{color:var(--gold)!important;font-size:18px!important;font-weight:600;text-align:start!important}.muezzins{display:flex;gap:8px}.muezzin{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:10px;border:1.25px solid transparent;border-radius:10px;background:color-mix(in srgb,var(--charcoal-soft) 45%,transparent);text-align:start}.muezzin[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--charcoal) 55%,transparent)}.muezzin b{display:block;overflow:hidden;color:var(--text-secondary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.muezzin[aria-pressed=true] b{color:var(--gold)}.muezzin small{display:block;color:var(--text-secondary);font-size:11px}.muezzin-avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;color:var(--gold);font-size:12px;font-weight:700}.muezzin[aria-pressed=true] .muezzin-avatar{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.muezzin-avatar svg{width:14px;height:14px}.adhan-list{padding:0 12px;border-radius:10px;background:color-mix(in srgb,var(--charcoal) 45%,transparent)}.adhan-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%);color:var(--text-primary);font-size:13px}.adhan-row:last-child{border-bottom:0}.adhan-row>svg{width:15px;height:15px;color:var(--text-secondary)}.adhan-row[data-playing=true] .adhan-name{color:var(--gold)}.adhan-name{width:72px;font-weight:500}.adhan-makam{padding:2px 8px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;color:var(--gold);font-size:11px;font-weight:600}.adhan-note{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.adhan-duration{margin-inline-start:auto;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.adhan-preview{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold);font-size:11px;font-weight:600}.adhan-preview[data-playing=true]{background:color-mix(in srgb,var(--gold) 18%,transparent)}.adhan-preview svg{width:11px;height:11px}.reorder-list{display:flex;flex-direction:column}.reorder-row{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--text-primary);font-size:13px;cursor:grab}.reorder-row[data-dragging=true]{opacity:.4}.reorder-row svg{width:15px;height:15px;color:var(--text-secondary)}.reorder-label{flex:1}.reorder-label small{display:block;color:var(--text-secondary);font-size:11px}.reorder-remove svg{color:var(--danger)}.reorder-remove:disabled{opacity:.35}.add-list{display:flex;flex-direction:column;gap:4px}.add-list button{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--gold);font-size:13px;text-align:start}.add-list svg{width:15px;height:15px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0;color:var(--text-primary);font-size:13px}.shortcut-row kbd{padding:4px 8px;border-radius:6px;background:var(--charcoal-soft);color:var(--gold);font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}@media(max-width:760px){.settings-menu{overflow-x:auto}.settings-menu button{flex:none}.hatim-start,.muezzins{flex-direction:column}.hatim-start-list,.hatim-start-pick{width:100%}}.settings-pair{display:flex;gap:12px}.settings-pair>div{display:flex;flex:1;flex-direction:column;gap:8px}.share-rules{display:grid;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:10px}.share-rules p{margin:0;font-size:12px}.share-rules .share-rules-title{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.consent-checks{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px}.consent-checks label{display:flex;align-items:flex-start;gap:8px;color:var(--text-secondary);font-size:12px;line-height:1.45;text-align:start;cursor:pointer}.consent-checks input{flex:none;margin:2px 0 0;accent-color:var(--gold)}.consent-checks a{color:var(--gold)}.feedback-cards{display:flex;flex-direction:column;gap:6px;padding:0 10px 8px}.feedback-card{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:8px;background:color-mix(in srgb,var(--gold) 7%,transparent);color:var(--gold);text-align:start}.feedback-card[aria-current=page]{border-color:color-mix(in srgb,var(--gold) 70%,transparent);background:color-mix(in srgb,var(--gold) 16%,transparent)}.feedback-card span{display:flex;flex-direction:column;min-width:0}.feedback-card b{color:var(--text-primary);font-size:12px;font-weight:600}.feedback-card small{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.feedback-card.gold,.feedback-card.gold[aria-current=page]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.feedback-card.gold b,.feedback-card.gold small{color:var(--on-gold)}.sidebar-dock .who small[data-admin=true],.sidebar-dock .role[data-admin=true]{color:var(--gold)}.sidebar-dock .role{flex:1;min-width:0;padding-inline-start:6px;overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fb-page{display:flex;flex-direction:column;min-height:0}.fb-head{display:flex;align-items:center;gap:12px;padding:14px 20px}.fb-head h1{flex:1;margin:0;color:var(--gold);font-size:22px;font-weight:600}.fb-head.stacked{flex-direction:column;align-items:flex-start;gap:10px}.fb-new{display:inline-flex;align-items:center;gap:5px}.fb-seg{display:flex;padding:2px;border-radius:7px;background:var(--charcoal-soft)}.fb-seg button{padding:3px 12px;border-radius:5px;color:var(--text-secondary);font-size:12px}.fb-seg button[aria-pressed=true]{background:var(--charcoal-elevated);color:var(--text-primary)}.fb-split{display:grid;flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;border-top:1px solid rgb(var(--wash-rgb) / 6%)}.fb-split.admin{grid-template-columns:320px minmax(0,1fr)}.fb-list{overflow-y:auto;padding:10px;border-right:1px solid rgb(var(--wash-rgb) / 6%)}.fb-pad{padding:12px}.fb-group{margin:0;padding:10px 10px 2px;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.06em}.fb-row{display:flex;flex-direction:column;gap:3px;width:100%;padding:8px 10px;border-radius:8px;text-align:start}.fb-row[aria-current=true]{background:var(--charcoal-soft)}.fb-row-top{display:flex;align-items:center;gap:7px}.fb-row-top b{overflow:hidden;flex:1;color:var(--text-primary);font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.fb-row-top b[data-unread=true]{font-weight:600}.fb-row small{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fb-indent{padding-left:14px}.fb-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold)}.fb-dot[data-off=true]{background:transparent}.fb-pill{flex:none;padding:2px 7px;border-radius:999px;background:var(--charcoal-soft);color:var(--text-secondary);font-size:10px;font-weight:500}.fb-pill[data-tone=read]{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.fb-pill[data-tone=answered]{background:var(--gold);color:var(--on-gold)}.fb-detail{display:flex;flex-direction:column;min-height:0}.fb-placeholder,.fb-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary)}.fb-placeholder svg{color:var(--gold)}.fb-convo{display:flex;flex:1;flex-direction:column;min-height:0}.fb-convo-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.fb-avatar{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--charcoal-soft);color:var(--text-primary);font-size:11px;font-weight:700}.fb-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.fb-who b{color:var(--text-primary);font-size:15px;font-weight:600}.fb-who small,.fb-message small{color:var(--text-secondary);font-size:11px}.fb-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.fb-messages{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.fb-message span{display:flex;align-items:baseline;gap:6px}.fb-message b{color:var(--text-primary);font-size:12px;font-weight:600}.fb-message[data-admin=true]{padding-left:10px;border-left:2px solid var(--gold)}.fb-message[data-admin=true] b{color:var(--gold)}.fb-message p{margin:4px 0 0;color:var(--text-primary);font-size:14px;white-space:pre-wrap}.fb-composer{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid rgb(var(--wash-rgb) / 6%)}.fb-composer textarea,.fb-form input,.fb-form textarea{flex:1;padding:8px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:8px;background:var(--charcoal-soft);color:var(--text-primary);font:inherit;font-size:13px;resize:vertical}.fb-form{display:flex;flex-direction:column;gap:12px;max-width:560px;padding:20px}.fb-form h2{margin:0;color:var(--text-primary);font-size:16px}.fb-form p{margin:0}.fb-chips{display:flex;flex-wrap:wrap;gap:6px}.fb-chips button{padding:3px 10px;border:1px solid rgb(var(--wash-rgb) / 15%);border-radius:999px;color:var(--text-primary);font-size:12px}.fb-chips button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.fb-form-actions{display:flex;justify-content:flex-end}@media(max-width:760px){.fb-split,.fb-split.admin{grid-template-columns:minmax(0,1fr)}.fb-list{max-height:40vh;border-right:0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}}.fb-deleted,.fb-message[data-deleted=true] b{color:color-mix(in srgb,var(--text-secondary) 70%,transparent)}.fb-seg button[aria-pressed=true]{box-shadow:inset 0 0 0 1.25px var(--gold);color:var(--gold)}.fb-seg.fill{display:flex;margin:0 0 6px}.fb-seg.fill button{flex:1}.share-pill{flex:none;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold);font-size:10px;font-weight:500;white-space:nowrap}.share-pill[data-gold=true]{background:var(--gold);color:var(--on-gold)}.shared-payload{display:flex;flex-direction:column;gap:10px}.shared-node{display:flex;flex-direction:column;gap:6px}.shared-node[data-depth]:not([data-depth="0"]){padding-left:12px}.shared-node-title{display:flex;align-items:baseline;gap:6px;margin:0;color:var(--text-primary)}.shared-node[data-depth="0"]>.shared-node-title b{font-size:15px}.shared-node-title .num{color:var(--gold);font-size:11px;font-variant-numeric:tabular-nums}.shared-verse,.shared-note{display:flex;align-items:center;gap:6px;margin:0;color:var(--text-primary);font-size:13px}.shared-verse svg,.shared-note svg{flex:none;color:var(--gold)}.shared-note{align-items:flex-start;color:var(--text-secondary)}.shared-section{margin:4px 0 0;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.06em}.shared-section[data-separator=true]{text-align:center}.shared-quote{display:flex;flex-direction:column;gap:3px;padding-left:10px;border-left:2px solid var(--gold)}.shared-quote p{margin:0;color:var(--text-primary);font-family:var(--font-arabic-ui, Georgia),Georgia,serif;font-size:14px}.shared-quote small{color:var(--text-secondary);font-size:11px}.shared-quote .comment{font-style:italic}dialog.share-sheet{width:min(720px,calc(100vw - 32px))}.share-sheet h2{margin:0;font-size:18px}.share-sheet>.subtle{margin:2px 0 12px;font-size:12px}.share-columns{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;margin-bottom:12px}.share-label{margin:0 0 6px;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.06em}.share-label:not(:first-child){margin-top:12px}.share-box{padding:10px;border-radius:9px;background:var(--charcoal-elevated)}.share-root{color:var(--text-primary);font-size:13px}.share-preview{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding:12px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:10px;background:color-mix(in srgb,var(--gold) 5%,transparent)}.share-preview-head{display:flex;align-items:center;gap:6px;margin:0}.share-preview-head small,.share-preview>small{color:var(--text-secondary);font-size:11px}.share-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.share-actions .spacer,.share-review .spacer{flex:1}.share-search,.share-reason-input{width:100%;box-sizing:border-box;margin-bottom:6px;padding:6px 9px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:7px;background:var(--charcoal-soft);color:var(--text-primary);font:inherit;font-size:13px}.share-detail{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:18px}.share-detail>header{display:flex;align-items:flex-start;gap:12px;padding-bottom:10px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.share-detail>footer{display:flex;justify-content:flex-end;gap:14px}.share-review{align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid rgb(var(--wash-rgb) / 6%)}.share-review .share-search{flex:1;margin:0}.share-review .danger{padding:6px 14px;border-radius:7px;background:#b33333;color:#fff;font-weight:600}.share-reason{display:flex;align-items:center;gap:6px;margin:0;color:var(--gold);font-size:13px}.share-copied{color:var(--gold);font-size:13px}.fb-seg .count{margin-inline-start:4px;opacity:.7}.fb-head.end{justify-content:flex-end}.share-card{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:8px}.share-card .share-meta{flex:1;min-width:0;overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.share-card .link-button{display:inline-flex;align-items:center;gap:4px;font-size:11px}.share-title{margin:0;color:var(--text-primary);font-size:17px;font-weight:600}.share-detail[data-page=true]{gap:4px;padding:12px 18px 0}@media(max-width:760px){.share-columns{grid-template-columns:minmax(0,1fr)}}.landing{min-height:100%;overflow-y:auto;background:#0f0f10;color:var(--text-primary);--text-primary: #ece8e0;--text-secondary: #a8a49c;--gold: var(--photo-ink, #c9ab76);--gold-muted: color-mix(in srgb, var(--photo-ink, #c9ab76) 70%, #8a8a8a);--on-gold: #0b0b0b;--charcoal: #141416;--charcoal-elevated: #1b1b1e;--charcoal-soft: #232326;--wash-rgb: 255 255 255;color-scheme:dark}.landing a{color:var(--text-secondary);text-decoration:none}.landing a:hover{color:var(--gold)}.landing-nav{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:20px 24px}.landing-brand{font-family:Poiret One,system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em;color:var(--gold)}.landing-nav-links{display:flex;align-items:center;gap:22px}.landing-button{display:inline-block;padding:10px 22px;border-radius:8px;font-size:14px}.landing-button.gold{background:var(--gold);color:var(--on-gold)}.landing-button.outline{border:.5px solid color-mix(in srgb,var(--text-primary) 35%,transparent)}.landing-nav .landing-button{border-radius:999px}.landing-button.outline:hover{border-color:var(--gold);color:var(--gold)}.landing-hero{max-width:860px;margin:0 auto;padding:24px 24px 64px;text-align:center}.landing-word{margin:0;font-weight:400;font-family:var(--arabic-font);font-size:clamp(96px,18vw,200px);line-height:1.5;color:var(--gold)}.landing-tagline{font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.6vw,28px);margin:0 0 48px}.landing-spelling{margin:-36px 0 44px;color:var(--gold-muted);font-size:14px}.landing-verse{font-family:var(--arabic-font);font-size:clamp(26px,3.6vw,38px);line-height:1.9;min-height:1.9em}.landing-hit{color:var(--gold)}.landing-meal{font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.6;color:var(--text-secondary);margin:8px auto 40px;max-width:640px}.landing-hero blockquote{margin:0}.landing-ref{font-style:normal;white-space:nowrap;color:var(--gold-muted);font-size:14px}.landing-root{max-width:640px;margin:0 auto;padding:28px 0}.landing-divider{display:flex;align-items:center;gap:14px;max-width:640px;margin:0 auto;color:var(--gold)}.landing-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 70%,transparent))}.landing-divider span:last-child{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 70%,transparent),transparent)}.landing-root-letters{font-family:var(--arabic-font);font-size:44px;word-spacing:10px;line-height:1.3;color:var(--gold)}.landing-root-reading{margin:0;color:var(--gold-muted);font-size:14px;letter-spacing:.03em}.landing-root-meta{color:var(--text-secondary);margin:2px 0 12px}.landing-lemmas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.landing-lemmas span{font-family:var(--arabic-font);font-size:22px;padding:2px 14px;border:.5px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:8px}.landing-actions{display:flex;justify-content:center;gap:12px;margin-top:48px}.landing-apps-button,a.landing-social{display:inline-flex;color:var(--gold)}.landing-nav-rule{width:.5px;height:22px;background:color-mix(in srgb,var(--text-primary) 30%,transparent)}.landing-nav-links button{white-space:nowrap}.landing-guest{align-self:flex-start;padding:9px 20px;border:1.5px solid var(--gold);border-radius:999px;background:none;color:var(--gold);font-size:13px;font-weight:500;cursor:pointer}.landing-guest:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}.landing-guest-note{margin:10px 0 0;color:var(--text-secondary);font-size:11px}.landing-apps-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.landing-apps{width:min(320px,100%);padding:18px 20px 8px;border:.5px solid var(--charcoal-soft);border-radius:14px;background:var(--charcoal)}.landing-apps-head{display:flex;align-items:center;justify-content:space-between}.landing-apps-head h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.landing-apps-head button{display:inline-flex;color:var(--text-secondary)}.landing-apps-note{margin:4px 0 10px;font-size:13px;color:var(--text-secondary)}.landing-apps-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:.5px solid var(--charcoal-soft);font-size:15px;color:var(--text-primary)}.landing-apps-soon{margin-left:auto;padding:2px 10px;border:.5px solid var(--gold);border-radius:20px;font-size:12px;color:var(--gold)}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;max-width:900px;margin:0 auto;padding:8px 24px 72px}.landing-feature{text-align:center}.landing-feature svg{color:var(--gold)}.landing-feature h3{margin:12px 0 4px;font-size:15px;font-weight:600;color:var(--gold)}.landing-feature p{margin:0;color:var(--text-secondary);line-height:1.55}@media(max-width:700px){.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-why{max-width:720px;margin:0 auto;padding:16px 24px 28px;text-align:center}.landing-spelling+.landing-divider{margin-bottom:36px}.landing-why+.landing-divider{margin-bottom:56px}.landing-why h2,.landing-section-title{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--gold)}.landing-section-title{margin:0 0 20px;font-size:1.5em;text-align:center}.landing-why p{line-height:1.7;color:var(--text-secondary)}.landing-free{color:var(--gold-muted)!important}.landing-faq{max-width:760px;margin:0 auto;padding:0 24px 56px}.landing-faq h2{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--gold);text-align:center}.landing-faq-item{padding:14px 0;border-top:.5px solid var(--charcoal-soft)}.landing-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";flex:none;font-size:20px;line-height:1;color:var(--gold);transition:transform .15s}.landing-faq-item[open] summary:after{transform:rotate(45deg)}.landing-faq-item summary:hover h3{color:var(--gold)}.landing-faq-item h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.landing-faq-item p{margin:8px 0 0;color:var(--text-secondary);line-height:1.65}.landing-footer{display:flex;justify-content:center;gap:20px;padding:24px;border-top:.5px solid var(--charcoal-soft);color:var(--text-secondary);font-size:13px}@media(max-width:600px){.landing-nav-links a:not(.landing-social),.landing-nav-rule{display:none}.landing-nav{flex-wrap:wrap;row-gap:12px}.landing-nav-links{gap:14px;width:100%;justify-content:flex-end}.landing-nav .landing-button{padding:8px 14px}.landing-nav-links .landing-apps-button{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-12px -6px}.landing-root-letters{font-size:34px}}.landing-split{display:flex;height:100vh;height:100dvh}.landing-split-word .landing-brand{margin-bottom:min(3vh,28px);font-size:min(84px,6.5vw,9.5vh);line-height:1.1}.landing-split-word{display:flex;flex:1.15;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:24px;background:#0a0a0b;text-align:center}.landing-split .landing-word{font-size:min(13vw,22vh,190px);line-height:1.5}.landing-split .landing-tagline{margin:0 0 8px;font-size:clamp(18px,2vw,26px)}.landing-split .landing-spelling{margin:0}.landing-split-features{display:grid;grid-template-columns:repeat(3,auto);gap:min(3vh,24px) 40px;margin:min(6vh,52px) 0 0;padding:0;list-style:none}.landing-split-features li{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.landing-split-features svg{color:var(--gold)}.landing-split-side{display:flex;flex:1;flex-direction:column;min-width:0;padding:0 clamp(24px,4vw,56px) 22px}.landing-split-side .landing-nav{justify-content:flex-end;width:100%;max-width:none;margin:0;padding:20px 0}.landing-split-pitch{display:flex;flex:1;flex-direction:column;justify-content:center;gap:18px;max-width:420px}.landing-split-pitch h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.4vw,46px);font-weight:400;line-height:1.15}.landing-split-pitch h2 span{color:var(--gold)}.landing-split-pitch p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6}.landing-split-pitch .landing-guest{align-self:flex-start;color:var(--gold);font-weight:600}.landing-split-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:0;color:var(--text-secondary);font-size:12px}.landing-split-links{display:flex;gap:16px}@media(max-width:760px){.landing-split{flex-direction:column;height:auto;min-height:100dvh}.landing-split-side{display:contents}.landing-split-side .landing-nav{order:-1;padding:14px 16px}.landing-split-word .landing-brand{margin-bottom:10px;font-size:min(78px,17vw,8vh)}.landing-split-word{flex:none;padding:18px 16px 22px}.landing-split .landing-word{font-size:min(30vw,18vh)}.landing-split-features{gap:16px 22px;margin-top:22px}.landing-split-features li{font-size:11px}.landing-split-pitch{flex:none;gap:12px;padding:22px 16px 10px}.landing-split-pitch h2{font-size:28px}.landing-split-foot{padding:12px 16px 18px}}.admin-stats-body{display:flex;flex-direction:column;gap:22px;padding:0 20px 24px}.admin-stats{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.admin-stats-updated{align-self:flex-end;padding:0 20px 8px}.admin-stats-updated,.admin-stats-empty{color:var(--text-secondary);font-size:12px}.admin-stats-empty{padding:0 20px}.admin-stats section h2{margin:0 0 10px;color:var(--gold);font-size:15px;font-weight:600}.admin-stats-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-stats-tile{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:var(--charcoal-elevated)}.admin-stats-tile span,.admin-stats-tile small{color:var(--text-secondary);font-size:12px}.admin-stats-tile small{font-size:11px}.admin-stats-tile b{color:var(--text-primary);font-size:24px;font-weight:600}.admin-stats-live{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#4cbb6c}.admin-heatmap{display:flex;flex-direction:column;gap:3px}.admin-heatmap-row{display:grid;grid-template-columns:44px repeat(24,minmax(0,1fr));gap:3px;align-items:center}.admin-heatmap-row span{color:var(--text-secondary);font-size:11px}.admin-heatmap-row i{display:flex;align-items:center;justify-content:center;height:18px;border-radius:3px;background:var(--charcoal-soft);color:var(--on-gold);font-size:9px;font-style:normal;font-weight:600}.admin-heatmap-row.axis i{height:auto;background:none;color:var(--text-secondary);font-weight:400}.admin-hours{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}.admin-hours div{display:flex;flex-direction:column;align-items:center;gap:3px}.admin-hours i{display:flex;align-items:center;justify-content:center;width:100%;height:30px;border-radius:4px;background:var(--charcoal-soft);color:var(--on-gold);font-size:10px;font-style:normal;font-weight:600}.admin-hours i[data-empty=true]{color:var(--text-secondary)}.admin-hours small{color:var(--text-secondary);font-size:9px}.admin-stats-bars{display:flex;align-items:flex-end;gap:3px;height:60px}.admin-stats-bars i{flex:1;border-radius:2px;background:var(--gold)}.admin-stats-bars i[data-empty=true]{background:var(--charcoal-soft)}.admin-stats-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.admin-stats-count{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-primary);font-size:13px}.admin-stats-count span:last-child{color:var(--text-secondary);font-variant-numeric:tabular-nums}@media(max-width:760px){.admin-stats-tiles,.admin-stats-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-heatmap-row i{font-size:0}}input[type=checkbox]{flex:none;width:15px;height:15px;margin:0;border:1.25px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:3.5px;background:transparent;vertical-align:middle;cursor:pointer;appearance:none;-webkit-appearance:none}input[type=checkbox]:checked{border-color:var(--gold);background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.6-5.2' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat}html[data-tone=light]:not([data-palette=yellowLight]) input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.6-5.2' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--gold) 60%,transparent);outline-offset:2px}input[type=checkbox]:disabled{opacity:.45;cursor:default}@media(max-width:1100px){.today-bento,.today-bento[data-prayer=false]{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.today-bento{padding:12px 14px 84px}}@media(max-width:1100px){.bento-right>.discovery,.bento-right>.questions{flex:0 0 auto}}@media(max-width:760px){.menu-fab{inset:6px auto auto 8px;z-index:6;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:9px;background:var(--charcoal);color:var(--gold);font-size:19px;box-shadow:none}.column-header,.hatim-header{min-height:50px;padding-inline-start:56px}}@media(max-width:1023px){.reader-body[data-studio=true]{grid-template-columns:minmax(0,1fr)}.verse-studio{position:fixed;inset:0;z-index:15;max-height:none;overflow-y:auto;border:0;padding:14px 16px 40px}}@media(max-width:760px){.fb-seg{flex-wrap:wrap;max-width:100%}}@media(max-width:760px){.verse-studio button.bordered{min-height:32px;padding:6px 11px;font-size:12px}.studio-head .bookmark,.studio-head .close{display:inline-grid;place-items:center;min-width:38px;min-height:38px}}@media(max-width:760px){.verse-studio .studio-head .close{position:fixed;top:10px;right:12px;z-index:16;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:999px;background:var(--charcoal)}.verse-studio .studio-head h2{padding-inline-end:44px}}@media(max-width:760px){dialog.quote-editor .row{padding:0;border:0}dialog.quote-editor .row .ghost-button{flex:none;white-space:nowrap}dialog.quote-editor>.dialog-actions{position:sticky;bottom:-18px;z-index:1;margin-inline:-18px;margin-bottom:-18px;padding:10px 18px 14px;background:inherit}}@media(max-width:760px){.column-header .back-button{min-width:32px;min-height:38px;margin-block:-10px;justify-content:center}}@media(max-width:760px){button.bordered:not(.mini){min-height:32px}}@media(max-width:760px){.fb-head{flex-wrap:wrap;row-gap:10px}.fb-head>.fb-seg{flex:1 1 100%}.fb-head>.fb-seg button{flex:1 1 auto;min-height:30px}}@media(max-width:760px){.column.wide.root-trace{padding-bottom:0}.root-left{padding-inline:16px;padding-top:12px}.root-right{padding-inline:16px}}@media(max-width:760px){.column.wide.search-page{padding-bottom:0}.search-split{grid-template-rows:auto minmax(0,1fr);height:calc(100% - 50px)}.search-rail{flex-flow:row wrap;gap:6px;max-height:40vh;padding:10px 12px}.search-rail .rail-title{flex:1 1 100%;padding:0 2px}.search-rail .rail-title.scope{padding-top:4px}.search-rail .scope-row{gap:6px;min-height:32px;padding:5px 10px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:999px;font-size:13px}.search-rail .sort-segment{flex:1 1 100%;margin:0}.search-rail .sort-segment button{flex-direction:row;justify-content:center;gap:6px;padding:6px 0}}@media(max-width:760px){.fb-empty{padding-inline:16px;text-align:center}}@media(max-width:760px){input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,[contenteditable=true]{font-size:16px}}@media(max-width:760px){.settings-row:has(input[type=range])>span:first-child{flex:0 0 96px;white-space:nowrap}.settings-row-value:has(>input[type=range]){flex:1;min-width:0;justify-content:flex-end}.settings-card input[type=range]{flex:1;width:auto;min-width:0}}@media(max-width:760px){.reorder-row{min-height:40px;padding:2px 0}.reorder-remove{display:inline-grid;place-items:center;min-width:38px;min-height:38px}.add-list{gap:0}.add-list button{min-height:40px;padding:4px 0}}@media(max-width:760px){.settings-menu{flex-wrap:wrap;gap:4px;overflow-x:visible;padding:8px 10px}.settings-menu button{gap:6px;min-height:34px;padding:6px 10px;font-size:13px}.settings-menu button svg{width:15px;height:15px}}@media(max-width:760px){.settings-pair{flex-direction:column}}@media(max-width:760px){.settings-buttons{flex-wrap:wrap}.settings-buttons>button{flex:1 1 auto;white-space:nowrap}}@media(max-width:760px){.segmented.fill button{flex:1 1 auto;padding-inline:8px;white-space:nowrap}}@media(max-width:760px){.hatim-header .ayatloom-prominent,.hatim-header .rate select{min-height:34px}.hatim-header .round-play{width:34px;height:34px}}@media(min-width:761px){body:has(.status-pills) .hatim-header{padding-inline-end:340px}}.sidebar-close,.reorder-move{display:none}@media(max-width:760px){.sidebar-close{position:fixed;top:8px;right:10px;z-index:25;display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:9px;background:var(--charcoal);color:var(--gold);font-size:16px}.hatim-header .back-button{display:grid;place-items:center;min-width:32px;min-height:38px;color:var(--gold);font-size:22px}}@media(hover:none)and (pointer:coarse){.reorder-move{display:grid;place-items:center;min-width:34px;min-height:38px;color:var(--gold)}.reorder-move:disabled{opacity:.3}}@media(max-width:760px){.study-list[data-active=true],.note-list[data-active=true],.lesson-detail[data-active=true]{display:flex}}@media(max-width:760px){.ayah-play,.verse-bookmark,.target-bookmark,.today .card-bookmark,.search-field .clear,.block-head .plus,.root-back,.landing-apps-button{position:relative}.ayah-play:after,.verse-bookmark:after,.target-bookmark:after,.today .card-bookmark:after,.search-field .clear:after,.block-head .plus:after,.root-back:after,.landing-apps-button:after{position:absolute;inset:50% auto auto 50%;width:max(100%,36px);height:max(100%,36px);transform:translate(-50%,-50%);content:""}}@media(max-width:760px){.segmented button{min-height:32px}select{min-height:34px}}@media(max-width:760px){.shell>.column:not([data-active=true]){display:none}}@media(max-width:760px){.lesson-head{flex-wrap:wrap}.lesson-head .who{flex-basis:100%}.lesson-head h2{flex:1;min-width:0;overflow-wrap:anywhere}.lesson-head .date-row .instructor{flex:1;width:auto;min-width:0}.lesson-head .tools{flex-wrap:wrap;width:100%}.lesson-head .tools select{flex:1 1 140px;min-width:0}.lesson-detail .add-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.lesson-detail .add-grid button{grid-column:auto;justify-content:center;padding-inline:2px;font-size:12px;white-space:nowrap}}@media(max-width:760px){.tag-head{flex-wrap:wrap;row-gap:8px}.tag-head .spacer{flex-basis:100%}.tag-head select{flex:1;min-width:0}}@media(max-width:760px){.stats-pair{grid-template-columns:minmax(0,1fr)}.chain .ring{width:14px;height:14px}.chain .joint{width:6px}.stats .stat-boxes{flex-wrap:wrap}.stats .stat-box{flex:1 1 calc(33% - 8px)}.stats .zaman-header,.stats .stats-title-row{flex-wrap:wrap;row-gap:6px}.stats .zaman-header .segmented,.stats .stats-title-row .segmented{flex:0 0 auto}.stats .zaman-header .meta{flex-basis:100%;white-space:normal}.topic-cards>.topic-card{flex:1 1 100%;width:auto;max-width:none}}@media(max-width:760px){.idea-map .idea-body{grid-template-rows:auto auto;overflow-y:auto}.idea-map .idea-graph{height:min(68vh,500px)}.idea-map .idea-stage{flex:1;min-height:0;overflow:hidden}.idea-map .idea-rail{max-height:none;overflow:visible}}@media(max-width:760px){.todo-panes{grid-template-rows:auto minmax(0,1fr)}.todo-rail .spacer{display:none}.fb-detail:has(>.fb-placeholder:only-child){display:none}.fb-split:has(>.fb-detail>.fb-placeholder:only-child){grid-template-rows:minmax(0,1fr)}}@media(hover:none)and (pointer:coarse){.drag-hint{display:none}}@media(hover:none)and (pointer:coarse)and (1024px<=width<1400px){.today-bento{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.today-bento[data-prayer=false]{grid-template-columns:minmax(0,1fr)}.today-bento>.bento-right{flex-direction:row;grid-column:1 / -1;align-items:stretch}.today-bento>.bento-right>*{flex:1 1 0;min-width:0}}@media(761px<=width<1024px){.shell{grid-template-columns:300px minmax(0,1fr)}.shell[data-columns="2"]{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:280px;padding:10px 12px 24px;border-inline-end:1px solid rgb(var(--wash-rgb) / 8%);box-shadow:12px 0 32px #00000073;transform:translate(-105%);transition:transform .22s ease}.sidebar[data-active=true]{transform:none}.sidebar .nav-item span,.sidebar-search input,.sidebar-dock .who,.sidebar-dock .role,.sidebar-dock .ghost-button{display:revert}.sidebar-search{justify-content:flex-start}.brand{padding:4px 6px 8px;text-align:start;font-size:22px}.sidebar-scrim{position:fixed;inset:0;z-index:19;background:#0006}.menu-fab{position:fixed;inset:auto 20px 20px auto;z-index:5;display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:18px;box-shadow:0 6px 18px #00000073}}@media(width<=760px),(width>=1024px){.sidebar-scrim{display:none}}.backup-card{display:flex;flex-direction:column;gap:12px}.backup-scopes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.backup-scope{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:10px;background:var(--charcoal);text-align:left}.backup-scope[aria-pressed=true]{border:1.5px solid var(--gold)}.backup-scope-title{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:13px;font-weight:600}.backup-radio{width:12px;height:12px;border:1.5px solid var(--text-secondary);border-radius:50%}.backup-scope[aria-pressed=true] .backup-radio{border-color:var(--gold);background:radial-gradient(var(--gold) 0 3px,transparent 3.5px)}.backup-scope-meta{color:var(--text-secondary);font-size:12px}.backup-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 12px}.backup-file{display:inline-block;cursor:pointer}.backup-file.disabled{opacity:.45;cursor:default}.backup-file input{display:none}.backup-import-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.backup-counts{color:var(--text-secondary);font-size:12px;white-space:nowrap}.backup-counts.gold{color:var(--gold)}.verses-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;font-size:13px;color:var(--text-secondary)}.verses-loading .spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--gold) 25%,transparent);border-top-color:var(--gold);animation:verses-spin .8s linear infinite}@keyframes verses-spin{to{transform:rotate(360deg)}}.row-menu button:disabled{opacity:.4;pointer-events:none}.hidden-date{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.hatim-mark{flex:none;color:color-mix(in srgb,var(--gold) 45%,transparent);vertical-align:-1px}.hatim-mark[data-read=true]{color:var(--gold)}.stale-notice{position:fixed;bottom:16px;left:50%;z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 14px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:10px;background:var(--charcoal-elevated);color:var(--text-secondary);font-size:12px;transform:translate(-50%)}.todo-menu .menu-header{padding:6px 10px 2px 22px;color:var(--text-secondary);font-size:11px;font-weight:600}.flow-card{display:flex;margin:0 8px 12px;padding:0;overflow:hidden;border:.5px solid rgb(var(--wash-rgb) / 8%);border-radius:10px;background:var(--charcoal-elevated)}.flow-card[data-selected=true]{border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);background:var(--charcoal-elevated)}.flow-strip{display:flex;flex:none;justify-content:center;width:30px;padding-top:14px}.flow-strip.verse{background:var(--verse-strip)}.flow-strip.note{background:var(--note-strip);color:var(--note-accent)}.flow-strip.quote{background:var(--quote-strip);color:var(--quote-accent)}.flow-strip.root{background:color-mix(in srgb,#8b7fc4 30%,var(--charcoal-elevated));color:#c9bff0}html[data-tone=light] .flow-strip.root{color:#5b4fa0}.root-flow-card .root-flow-body{flex:1;min-width:0;padding:14px 16px}.root-flow-head{display:flex;align-items:center;gap:16px}.root-flow-head .ring{display:grid;flex:none;place-items:center;width:76px;height:76px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:50%;color:var(--gold);font-family:Amiri,Geeza Pro,serif;white-space:nowrap}.root-flow-head .text{display:grid;flex:1;gap:2px;min-width:0}.root-flow-head .text b{color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:600}.root-flow-head .text p{margin:0;color:var(--text-secondary);font-size:13.5px}.root-flow-head .text small{color:var(--gold);font-size:12px;font-weight:600}.root-flow-head .ayatloom-prominent{flex:none}.root-flow-verses{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgb(var(--wash-rgb) / 8%)}.root-flow-verses .verse-chip{padding:3px 10px;border:1px solid rgb(var(--wash-rgb) / 16%);border-radius:999px;color:var(--text-primary);font-size:12px}.root-flow-verses .verse-chip:hover{border-color:var(--gold);color:var(--gold)}.root-flow-verses .link-button{color:var(--gold);font-size:12px}@media(max-width:760px){.root-flow-head{flex-wrap:wrap}.root-flow-head .ring{width:60px;height:60px}}.root-picker .root-row{display:flex;align-items:center;gap:10px;text-align:start}.root-picker .root-row .arabic{flex:none;min-width:56px;color:var(--gold);font-family:Amiri,Geeza Pro,serif;font-size:20px;text-align:center}.root-picker .root-row .text{display:grid;flex:1;min-width:0}.root-picker .root-row .text small{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.flow-strip.task{background:var(--task-strip);color:var(--task-accent)}.flow-task-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.flow-task-row{display:flex;align-items:center;gap:10px}.flow-task-row .task-check{flex:none;width:18px;height:18px;border:1.5px solid var(--text-secondary);border-radius:50%}.flow-task-row .task-check[data-done=true]{border-color:var(--task-accent);background:var(--task-accent);box-shadow:inset 0 0 0 3px var(--charcoal-elevated)}.flow-task-row .task-title{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--text-primary);font-size:15px}.flow-task-row .task-title:focus{outline:none}.flow-task-row .task-title[data-done=true]{color:var(--text-secondary);text-decoration:line-through}.flow-task-row .task-star,.flow-task-row .task-delete{display:grid;place-items:center;color:var(--gold-muted)}.flow-task-row .task-star[data-on=true]{color:var(--gold)}.flow-task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-left:28px;color:var(--text-secondary);font-size:12px}.flow-task-meta .task-list{display:inline-flex;align-items:center;gap:6px}.flow-task-meta select{padding:1px 6px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;background:none;color:var(--gold);font-size:12px}.lesson-task-count{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:2px 9px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:999px;color:var(--gold);font-size:12px}.todo-lesson-chip{display:inline-flex;flex:none;align-items:center;gap:4px;max-width:220px;margin-left:8px;padding:2px 9px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:999px;color:var(--gold);font-size:12px}.todo-lesson-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-body{flex:1;min-width:0;padding:14px}.flow-card>.flow-note-card,.flow-card>.flow-quote-card{margin:0;padding:12px;border-radius:0;background:none;box-shadow:none}.flow-card>.flow-note-card .label{color:var(--note-accent)}.verse-card .verse-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}.verse-card .verse-head .spacer{flex:1}.verse-card .verse-head .place{display:inline;margin:0;font-size:12px}.verse-card .verse-head .meta-link,.verse-card .verse-head .meta-link:first-of-type{margin:0;font-size:12px}.verse-card .verse-title{font-size:20px}.verse-card .body{gap:14px;padding:0}@container (width < 1180px){.verse-card[data-side=true] .text{flex:1 1 100%}.verse-card .side{flex:0 0 100%;margin-inline-start:0}}.excerpt-panel{display:flex;flex-direction:column}.excerpt-panel .source{align-self:flex-start;margin-top:auto}.verse-picker .field-tabs{display:flex;flex-wrap:wrap;gap:6px}.verse-picker .field-tab{padding:2px 9px;border:1px solid var(--charcoal-soft);border-radius:999px;color:var(--text-primary);font-size:12px}.verse-picker .field-tab[data-empty=true]{color:var(--text-secondary)}.verse-picker .field-tab[data-on=true]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.verse-picker .hits{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto}.verse-picker .pick-row .snippet{flex:1;min-width:0}.verse-picker .pick-row .snippet mark{background:color-mix(in srgb,var(--gold) 28%,transparent);color:var(--text-primary)}.verse-picker .field-badge{flex:none;padding:0 6px;border-radius:4px;background:var(--charcoal-soft);color:var(--text-secondary);font-size:11px}.flow-quote-slot{display:flex;justify-content:center}.flow-quote-slot .quote-card{width:min(100%,560px)}.quote-card[data-static=true]{cursor:default}.quote-card .body.subtle{color:var(--text-secondary)}.quote-run{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;align-items:stretch}.quote-run>[data-entry]{display:flex;flex-direction:column}.quote-run .flow-quote-slot{flex:1;align-items:stretch}.quote-run .flow-quote-slot .quote-card{width:100%}.timeline-block{display:flex;flex-direction:column;gap:12px;margin:0 8px;padding:14px;border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:12px;background:var(--charcoal-elevated)}.timeline-block header,.timeline-editor .head{display:flex;align-items:center;gap:8px}.timeline-block .title{color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.timeline-block .spacer,.timeline-editor .spacer{flex:1}.timeline-block .icon,.timeline-editor .icon{color:var(--gold-muted)}.timeline-block .gold,.timeline-editor .gold,.timeline-vertical .gold{color:var(--gold)}.timeline-toggle button{font-size:11px}.timeline-empty{margin:0;font-size:12px}.timeline-bars{display:flex;flex-direction:column;gap:8px}.timeline-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;align-items:center}.timeline-row .name{overflow:hidden;color:var(--text-primary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.timeline-row .track{position:relative;height:16px}.timeline-row .bar{position:absolute;top:2px;height:12px;border-radius:3px;background:var(--gold)}.timeline-row .moment{position:absolute;top:2px;width:11px;height:11px;border-radius:50%;background:var(--gold)}.timeline-row [data-alt=true]{background:var(--gold-muted)}.chip-verse{position:absolute;top:0;padding:0 6px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:10px;font-weight:600;white-space:nowrap}.chip-verse.static{position:static}.timeline-row.axis .ticks{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums}.timeline-vertical{display:flex;flex-direction:column;gap:12px}.timeline-point{display:flex;gap:10px;align-items:flex-start}.timeline-point .dot{flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--gold)}.timeline-point b{color:var(--gold);font-size:14px;font-weight:600}.timeline-verse{display:flex;justify-content:space-between;gap:12px;margin-top:5px;padding:7px 10px;border-radius:8px;background:var(--charcoal-soft);font-size:12px;font-weight:600}.timeline-verse .gold{flex:none;white-space:nowrap}.timeline-verse .arabic{display:-webkit-box;overflow:hidden;color:var(--text-primary);font-size:17px;font-weight:400;direction:rtl;-webkit-box-orient:vertical;-webkit-line-clamp:2}dialog.timeline-editor{display:flex;flex-direction:column;gap:10px;width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}dialog.timeline-editor:not([open]){display:none}.timeline-editor .head input{flex:0 1 320px}.timeline-grid{display:grid;grid-template-columns:14px 70px 70px minmax(0,1fr) 130px 20px;gap:6px;align-items:center}.timeline-grid.labels{color:var(--text-secondary);font-size:12px}.timeline-grid[data-dragging=true]{opacity:.5}.timeline-grid .grip{color:var(--text-secondary);cursor:grab;user-select:none}.timeline-grid input{min-width:0}.timeline-grid .verse-cell{position:relative;display:flex;align-items:center;gap:4px}.timeline-grid .verse-cell .popover.verse-picker{top:calc(100% + 4px);right:0;left:auto}.timeline-editor .actions{display:flex;align-items:center;gap:8px}.timeline-editor .preview{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--charcoal-soft)}.timeline-grid .verse-cell .popover.verse-picker{position:absolute;z-index:40;padding:10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 30px #00000073}.column-header .header-rename-field{flex:0 1 520px;min-width:180px;border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--text-primary);font:inherit;outline:none}.copyright-pane{display:flex;flex-direction:column;gap:4px}.copyright-pane .subtle{margin:0 0 4px;line-height:1.6}.copyright-rule{margin:14px 0 10px}.copyright-pane h3{margin:0 0 6px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.copyright-pane table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.copyright-pane th{padding:4px 8px;border-bottom:1px solid var(--charcoal-soft);color:var(--text-secondary);font-size:11px;font-weight:400;text-align:start}.copyright-pane td{padding:7px 8px;border-bottom:1px solid rgb(var(--wash-rgb) / 5%);vertical-align:top;overflow-wrap:anywhere}.copyright-pane td small{display:block;color:var(--text-secondary);font-size:11px}.copyright-pane td a{color:var(--gold);text-decoration:none}.copyright-pane .license{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;white-space:nowrap}.copyright-pane .license[data-standing=granted]{background:#2c3a2c;color:#a8d4a2}.copyright-pane .license[data-standing=publicDomain]{background:var(--charcoal-soft);color:var(--text-primary)}.copyright-pane .license[data-standing=caution]{background:#3d3420;color:#e6c27a}.copyright-pane .note{margin:6px 0 0;color:var(--text-secondary);font-size:12px}.admin-users{padding:0 20px 24px}.admin-users-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px}.admin-users-note{margin:0;font-size:12px}.admin-users-dashboard{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:12px;font-weight:600;text-decoration:none}.admin-users-scroll{overflow-x:auto}.admin-users-grid{display:grid;grid-template-columns:repeat(7,max-content);row-gap:14px;justify-content:start}.admin-users-card{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:12px;background:var(--charcoal-elevated)}.admin-users-card .admin-user-group{grid-column:1 / -1;margin:0;padding:10px 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 8%)}.admin-users-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;border-top:1px solid rgb(var(--wash-rgb) / 5%)}.admin-users-row>*{padding:9px 14px}.admin-users-row>*:not(:last-child){padding-right:28px}.admin-users-row.head{border-top:0;background:var(--charcoal-soft);color:var(--text-secondary);font-size:11px;font-weight:600}.admin-users-row.head>*{padding-top:8px;padding-bottom:8px}.admin-users-row.head button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.admin-users-row.head button:hover,.admin-users-row.head button.active{color:var(--gold)}.admin-users-row .who{display:flex;align-items:center;gap:10px}.admin-users-row .who>div{display:flex;flex-direction:column;gap:2px}.admin-users-row .who b,.admin-users-row .who small{white-space:nowrap}.admin-users-row .who small{color:var(--text-secondary);font-size:12px}.admin-users-row .who .unconfirmed{color:var(--gold-muted)}.admin-users-row .stamp{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-users-row .seen-ago{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.admin-users-row .seen-ago.fresh{background:color-mix(in srgb,var(--shared-green) 16%,transparent);color:var(--shared-green)}.admin-users-row .seen-ago.today{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.admin-users-row .seen-ago.old{background:rgb(var(--wash-rgb) / 7%);color:var(--text-secondary)}.admin-users-row .country{font-size:13px;white-space:nowrap}.admin-users-row .platforms{padding:2px 8px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:999px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.settings-link-button{align-self:flex-start;padding:0;color:var(--gold);font-size:13px;font-weight:600}.settings-link-button:hover{text-decoration:underline}.shared-payload .flow-card{margin:0}.shared-text summary{color:var(--text-secondary);font-size:13px;cursor:pointer}.shared-text p{white-space:pre-wrap}.shared-verse-body{display:flex;flex-wrap:wrap;gap:12px}.shared-verse-body .main{display:flex;flex:1 1 280px;flex-direction:column;gap:8px;min-width:0}.shared-verse-body .head{margin:0;font-size:14px}.shared-verse-body .head .key{color:var(--gold);font-weight:600}.shared-verse-body .arabic-line{font-family:var(--arabic-font);font-size:22px;line-height:1.8}.shared-verse-body .meal-name,.shared-verse-body .excerpt .label,.shared-note-card .label{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.06em}.shared-note-card .label{color:var(--note-accent)}.shared-verse-body .meal,.shared-note-card p{margin:0;color:var(--text-primary);font-size:13px;line-height:1.55}.shared-verse-body .excerpt{flex:0 1 240px;min-width:200px;padding:10px;border-radius:8px;background:#00000038}.shared-verse-body .excerpt p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.shared-page{display:flex;flex:1;min-height:560px;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 6%);border-radius:10px}.shared-page>.column{flex:1;min-width:0}.shared-page-status{padding:24px 0}.share-mode-help{margin:4px 0 0;font-size:12px}.lesson-head .icon[data-shared]{color:var(--shared-green)}.admin-user-group{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.status-pills .pill.countdown,.status-pills .pill-button{cursor:pointer}.status-pills .pill-button{display:inline-flex;padding:0;border:none;background:none}.prayer-source{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prayer-source-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:64px;padding:10px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:9px;background:#0000002e;color:var(--text-primary);text-align:left;opacity:.55;cursor:pointer}.prayer-source-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--gold) 80%,transparent);opacity:1}.prayer-source-card[aria-pressed=true] b{color:var(--gold)}.prayer-source-card small{color:var(--text-secondary);font-size:12px}.prayer-source-card .near{color:var(--shared-green)}@media(max-width:760px){.prayer-source{grid-template-columns:1fr}}@media(max-width:760px){.share-card{flex-wrap:wrap}.share-card .share-meta{flex:1 1 100%;order:1;white-space:normal}}.ghost-button[aria-disabled=true],.add-row[aria-disabled=true],.today .card-bookmark[aria-disabled=true],.prayer-list .bell[aria-disabled=true],.target-bookmark[aria-disabled=true]{opacity:.4}.sign-in-prompt{max-width:380px}.sign-in-prompt h2{margin:0 0 6px;color:var(--gold);font-size:17px}.signed-out-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:12vh auto 0;padding:0 16px;text-align:center}.signed-out-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:4px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:50%;color:var(--gold)}.signed-out-card h2{margin:0;color:var(--gold);font-size:20px;font-weight:600;line-height:1.3}.signed-out-card p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.signed-out-card .ayatloom-prominent{margin-top:4px}.site-stats{display:flex;flex-direction:column;gap:18px;max-width:860px;padding:0 20px 24px;overflow-y:auto}.site-stats-status{padding:0 20px}.site-stats-label{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.08em}.site-stats-label.green{color:var(--shared-green)}.site-stats-online{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--shared-green) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--shared-green) 8%,transparent)}.site-stats-dot{flex:none;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--shared-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--shared-green) 25%,transparent)}.site-stats-online-count{display:flex;flex-direction:column;min-width:110px}.site-stats-online-count b{font-size:22px}.site-stats-online-count small,.site-stats-total small{color:var(--text-secondary);font-size:11px}.site-stats-online-groups{display:flex;flex:1;flex-wrap:wrap;gap:12px 28px;min-width:0}.site-stats-online-pages-row{flex-basis:100%;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--shared-green) 20%,transparent)}.site-stats-online-pages-row ul{display:flex;flex-wrap:wrap;gap:0 28px}.site-stats-online-pages-row li{min-width:140px}.site-stats-online-group ul{margin:4px 0 0;padding:0;list-style:none}.site-stats-online-group li{display:flex;justify-content:space-between;gap:18px;padding:3px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%);font-size:13px;white-space:nowrap}.site-stats-online-group li span:last-child{color:var(--gold);font-variant-numeric:tabular-nums}.site-stats-total{display:flex;align-items:baseline;gap:10px;margin:2px 0 6px}.site-stats-total b{font-size:26px}.site-stats-chart{display:block;width:100%;height:110px}.site-stats-chart .area{fill:color-mix(in srgb,var(--gold) 15%,transparent)}.site-stats-chart .line{fill:none;stroke:var(--gold);stroke-width:2}.site-stats-chart .dot{fill:var(--gold)}.site-stats-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}.site-stats-list{margin:4px 0 0;padding:0;list-style:none}.site-stats-list li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%);font-size:13px}.site-stats-list li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-stats-list li span:last-child{color:var(--gold);font-variant-numeric:tabular-nums}.site-stats-note{font-size:12px}@media(max-width:760px){.site-stats{padding:0 16px 20px}.site-stats-lists{grid-template-columns:minmax(0,1fr)}}.quote-source-field{position:relative}.quote-editor .link-name-input{margin-bottom:8px}.link-name-extras{display:flex;flex-direction:column;gap:6px;margin-top:8px}.link-name-extras .hint{color:var(--text-secondary);font-size:12px}.link-name-offers{display:flex;flex-wrap:wrap;gap:8px}.link-name-offer{padding:4px 11px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:999px;background:transparent;color:var(--gold);font-size:12.5px;cursor:pointer}.link-name-offer:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}.link-name-preview{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:8px;background:var(--charcoal)}.link-name-preview b{color:var(--text-primary);font-size:14px}.link-name-preview small{overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.quote-source-history{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:5;max-height:220px;margin:0;padding:4px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:8px;background:var(--charcoal-elevated);list-style:none;box-shadow:0 10px 24px #00000073}.quote-source-history button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:6px 8px;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:left}.quote-source-history button:hover{background:var(--charcoal-soft)}.quote-source-history small{flex:none;color:var(--text-secondary)}.quote-card .source a{color:inherit;text-decoration:underline;text-underline-offset:2px}.flow-add-slot{position:sticky;bottom:16px;margin-top:auto;z-index:20;display:flex;justify-content:center;flex:none;height:52px;overflow:visible}.flow-add-slot:empty{display:none}.flow-add-pill{position:absolute;bottom:0;display:inline-flex;align-items:center;padding:5px 6px;border-radius:999px;background:var(--gold);color:var(--on-gold);box-shadow:0 8px 22px #0000007f;font-size:13px;font-weight:600;white-space:nowrap}.flow-add-plus{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--on-gold);color:var(--gold)}.flow-add-pill>button,.flow-add-pill>.popover-anchor>button{padding:2px 11px;border-left:1px solid color-mix(in srgb,var(--on-gold) 25%,transparent);color:var(--on-gold)}.flow-add-pill>.popover-anchor:first-of-type>button{border-left:0}.flow-add-pill button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.flow-add-pill .popover{position:absolute;bottom:calc(100% + 12px);left:50%;z-index:40;display:grid;padding:10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 30px #00000073;color:var(--text-primary);font-weight:400;white-space:normal;transform:translate(-25%)}.lesson-main:has(.flow-add-pill){display:flex;flex-direction:column}.lesson-main:has(.flow-add-pill)>*{flex-shrink:0}@media(max-width:760px){.flow-add-pill{font-size:12px}.flow-add-pill>button,.flow-add-pill>.popover-anchor>button{padding:2px 7px}}.update-card-slot:empty{display:none}.update-card-slot{padding:0 10px 6px}.update-card{justify-content:space-between}.update-card .ayatloom-prominent{padding:3px 10px;border-radius:6px;font-size:12px}@media(width>760px){.update-notice{display:none!important}}@media(width<=760px){.update-card-slot{display:none}}@media(760px<width<=1100px){.update-card b{display:none}}.update-notice{position:fixed;bottom:16px;left:16px;z-index:60;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:10px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073;color:var(--text-primary);font-size:13px}.site-stats-history summary{color:var(--text-secondary);font-size:12px;cursor:pointer}.site-stats-history[open] summary{margin-bottom:12px}.site-stats-cloudflare{display:flex;flex-direction:column;gap:14px}.new-row{display:flex;gap:8px}.new-row>button:first-child{flex:1}.new-row>button:last-child{flex:1.4}.todo-rail-rule{height:1px;margin:12px 14px 0;border:0;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent)}.eyebrow-link,.heading-link{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit;cursor:pointer}.eyebrow-link:hover,.heading-link:hover{text-decoration:underline;text-underline-offset:3px}.tile.discovery .root-hero{cursor:pointer}.tile.discovery .root-hero:hover .about b{text-decoration:underline;text-underline-offset:3px}.quote-link-pop .quote-link-list small.gold{color:var(--gold);font-weight:600}.surah-ref-row{display:flex;align-items:center;gap:8px;margin:4px 10px 6px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:8px;color:var(--gold);font-size:14px;text-align:start}.surah-ref-row span{flex:1}.surah-ref-row:hover{background:var(--charcoal-soft)}.task-accent{color:var(--task-accent)}.outline-list .label[data-done=true]{color:var(--text-secondary);text-decoration:line-through}.row-menu .menu-header{padding:6px 10px 2px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.study-roots .study-group+.study-group{margin-top:6px}.study-roots .study-new-group{margin:10px 12px}.app-confirm .box input{width:100%;margin:4px 0 10px}.sources-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;height:calc(100% - 48px);min-height:0;padding:0 18px 18px;overflow:hidden}.sources-list,.source-report{min-height:0;overflow-y:auto}.sources-list{display:flex;flex-direction:column;overflow:hidden}.sources-scroll{flex:1;min-height:0;overflow-y:auto}.sources-list .study-group-add{padding-inline:0}.sources-list{padding-inline-end:12px;border-inline-end:1px solid rgb(163 163 163 / 14%)}.sources-list .source-row,.source-report .source-item{display:flex;align-items:baseline;gap:10px;width:100%;padding:6px 10px;border-radius:6px;text-align:start}.sources-list .source-row:hover,.source-report .source-item:hover{background:var(--charcoal-soft)}.sources-list .source-row[aria-current=true]{background:var(--charcoal-soft);color:var(--gold)}.sources-list .label,.source-report .source-item .label{flex:1;min-width:0}.sources-list .count{color:var(--text-secondary);font-size:12px}.source-band{margin-top:12px}.source-add{display:grid;gap:6px;margin:12px 4px}.source-add .buttons{display:flex;justify-content:flex-end;gap:6px}.source-head{display:flex;align-items:flex-start;gap:8px}.source-head h2{margin:0}.source-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.source-tiles span{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:8px;background:var(--charcoal-elevated);color:var(--text-secondary);font-size:12px}.source-tiles b{color:var(--gold);font-size:22px;font-weight:600}.source-months{display:flex;align-items:flex-end;gap:6px;height:90px;padding:6px 4px 0}.source-months span{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}.source-months i{width:100%;max-width:28px;border-radius:3px 3px 0 0;background:var(--gold)}.source-months small{color:var(--text-secondary);font-size:10px}.source-report .source-item .quote{font-family:Georgia,serif;font-style:italic}.source-report .source-item small{color:var(--text-secondary);font-size:11px}.source-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 4px}@media(max-width:760px){.sources-layout{grid-template-columns:1fr;overflow:visible}}.note-source{display:inline-flex;align-items:center;gap:8px;margin:8px 0 2px;color:var(--text-secondary);font-size:12px}.note-source select{padding:2px 8px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;background:none;color:var(--gold);font-size:12px}.share-group{margin:4px 8px 10px}.share-group .tag-band{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px 7px 14px;text-align:start}.share-group .tag-band .title{flex:1}.share-group .tag-band{padding-inline-start:6px}.share-group .tag-band .fold{padding:2px 4px;border:0;background:none}.share-group .tag-band .band-open{display:flex;flex:1;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer;text-align:start}.share-group .tag-band .count{color:var(--text-secondary);font-size:12px}.share-group .tag-band[data-on]{background:color-mix(in srgb,var(--gold) 18%,transparent);box-shadow:inset 0 0 0 1px var(--gold)}.shares-back{margin-bottom:10px;color:var(--gold);font-size:13px;font-weight:600}.shares-grid .share-overview-quote{aspect-ratio:1 / 1}.shares-grid .share-overview-word,.shares-grid>:has(>.share-overview-word){grid-column:span 2;aspect-ratio:auto}.share-overview-word .shared-root,.share-overview-word .root-flow-card{height:100%}.share-overview-word .root-flow-card{box-sizing:border-box;margin:0}.share-overview-word .root-flow-card .root-flow-body{padding-bottom:30px}.share-overview-word>.by{right:16px;left:auto}.shared-root[data-full] .root-flow-card{margin:0}.shared-root-foot{display:flex;align-items:flex-start;gap:12px;margin-top:10px}.shared-root-foot .note{flex:1;margin:0;padding-left:10px;border-left:2px solid var(--gold);font-size:13.5px;white-space:pre-wrap}@container (max-width: 600px){.shares-grid .share-overview-word,.shares-grid>:has(>.share-overview-word){grid-column:auto}}.shares-grid .share-overview-quote .shared-quote-card{height:100%}.share-tile{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated);color:var(--text-primary);text-align:start;cursor:pointer}.share-tile:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.share-tile[data-reported]{opacity:.55}.share-tile .cover{flex:none;height:34%;margin:-14px -14px 6px;background:linear-gradient(135deg,#22304a,var(--charcoal-soft))}.share-tile[data-kind=study] .cover{background:linear-gradient(135deg,#3a2f1c,var(--charcoal-soft))}.share-tile .kind{color:var(--gold-muted, var(--gold));font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.share-tile b{display:-webkit-box;overflow:hidden;font-size:15px;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:3}.share-tile small{color:var(--text-secondary);font-size:11.5px}.share-tile .by{margin-top:auto}.share-grid-card>.share-pill{position:absolute;z-index:1;top:8px;right:8px}.share-overview-quotes{padding:0 0 6px}.share-overview-quote{position:relative;display:flex;cursor:pointer}.share-overview-quote .shared-quote-card{flex:1;max-width:none;margin:0;cursor:pointer}.share-overview-quote:hover .shared-quote-card{border-color:var(--gold)}.share-overview-quote>.share-pill{position:absolute;top:8px;right:8px}.shared-word-card{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:0;padding:16px;overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated);color:var(--text-primary);text-align:center}.shared-word-card .eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.08em}.shared-word-card .word{color:var(--gold);font-family:Amiri,Geeza Pro,serif;font-size:34px;line-height:1.5}.shared-word-card .reading{font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:600}.shared-word-card .meaning{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.shared-word-card .counts{color:var(--gold);font-size:11.5px;font-weight:600}.shared-word-card[data-full]{max-width:560px;padding:22px}.shared-word-card[data-full] .word{font-size:44px}.shared-word-card[data-full] .meaning{-webkit-line-clamp:unset}.shared-word-card .note{align-self:stretch;margin:8px 0 0;padding-left:10px;border-left:2px solid var(--gold);color:var(--text-primary);font-size:13.5px;text-align:start;white-space:pre-wrap}.shared-word-card .actions{display:flex;align-items:center;gap:10px;margin-top:10px}.share-overview-word{position:relative;display:flex;flex-direction:column;cursor:pointer}.share-overview-word:hover .shared-word-card{border-color:var(--gold)}.share-overview-word>.share-pill{position:absolute;top:8px;right:8px}.share-overview-word>.by{position:absolute;right:0;bottom:8px;left:0;color:var(--text-secondary);font-size:11px;text-align:center}.share-sheet .share-note{box-sizing:border-box;width:100%;padding:8px 10px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:8px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;resize:vertical}.root-hero-card .hero-bookmark{display:flex;align-items:center;gap:10px}.root-hero-card .hero-globe{display:inline-flex;padding:0;border:0;background:transparent;color:var(--text-primary);cursor:pointer}.root-hero-card .hero-globe[data-shared]{color:var(--shared-green)}.sources-list .source-group{margin:4px 0 10px}.sources-list .tag-row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px 7px 14px;text-align:start}.sources-list .tag-band .title{flex:1}.sources-list .source-kind-icon{flex:none;color:var(--gold)}.sources-list .source-row .label{flex:1;min-width:0}.sources-list .tag-row .count{color:var(--text-secondary);font-size:12px}.flow-target-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;background:#00000059}.flow-target-pick{display:flex;flex-direction:column;gap:6px;width:420px;max-width:calc(100vw - 32px);padding:12px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated);box-shadow:0 14px 36px #0000007f}.flow-target-pick>b{padding:2px 4px;color:var(--gold);font-size:13px}.flow-target-pick .note{margin:2px 4px;color:var(--text-secondary);font-size:12px}.flow-target-list{display:flex;overflow-y:auto;flex-direction:column;max-height:340px}.flow-target-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:auto;padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--text-primary);font-size:13px;text-align:start;cursor:pointer}.flow-target-list button[aria-selected=true]{background:var(--charcoal-soft)}.flow-target-list button:disabled{opacity:.45;cursor:default}.flow-target-list .label{flex:1;min-width:0;overflow-wrap:anywhere}.flow-target-list small{flex:none;color:var(--text-secondary)}.lesson-row[data-flow-drop=on]{outline:1.5px solid var(--gold);outline-offset:-1.5px;background:color-mix(in srgb,var(--gold) 12%,transparent)}.outline-list .row-menu{width:max-content;max-width:300px}.outline-list .row-menu button{overflow:visible;white-space:normal;text-overflow:clip}.flow-linked{display:flex;flex-direction:column;gap:4px}.flow-link-chip{display:inline-flex;align-self:flex-end;align-items:center;gap:2px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:999px;color:var(--gold);font-size:11px}.flow-link-chip button{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border:0;background:none;color:inherit;font-size:11px;cursor:pointer}.flow-link-chip .unlink{padding:0 8px 0 2px;font-size:13px}.flow-link-chip button:hover{color:var(--text-primary)}.flow-link-mark{flex:none}.confirm-sheet p{white-space:pre-line}.note-source-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px}.note-source-field>.label{flex:none;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.note-source-field .select select{height:26px;font-size:12px}.note-source-field .quote-source-field{flex:1;min-width:0}.note-source-field .link-name-input{flex:1;min-width:0;height:26px;font-size:12px}.note-source-field .link-name-extras{flex-basis:100%;margin-top:0}.note-source-field .quote-source-field input{width:100%;height:26px;font-size:12px}.note-source-field.readonly small{color:var(--text-secondary)}.flow-card.note-card{overflow:visible}.flow-card.note-card>.flow-strip{border-radius:10px 0 0 10px}.note-source-field .quote-source-history{z-index:40}.note-source-field .note-source-detail{flex:none;width:110px;height:26px;font-size:12px}.source-head h2{margin:0;color:var(--gold);font-size:26px;font-weight:600}.source-meta{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:var(--text-secondary);font-size:13px}.source-kind{padding:1px 9px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:999px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.source-tabs{display:flex;flex-wrap:wrap;gap:4px 18px;margin:18px 0 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 8%)}.source-tabs button{display:inline-flex;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer}.source-tabs button span{font-size:11px;font-variant-numeric:tabular-nums}.source-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}.source-tabs button[data-empty=true]:not([aria-selected=true]){opacity:.45}.source-quote{display:flex;flex-direction:column;gap:4px;width:100%;margin-bottom:8px;padding:12px 14px;border:0;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:var(--charcoal-elevated);color:var(--text-primary);text-align:start;cursor:pointer}.source-quote small{color:var(--gold);font-size:11px}.source-quote .text{font-family:var(--font-reading, Georgia, serif);font-size:15px;font-style:italic;line-height:1.5}.source-quote .why{color:var(--text-secondary);font-size:12px}.source-head>div:first-child{flex:1;min-width:0}.todo-search{display:flex;align-items:center;gap:6px;margin:0 10px 10px;padding:0 8px;height:30px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal);color:var(--text-secondary)}.todo-search:focus-within{border-color:color-mix(in srgb,var(--gold) 70%,transparent)}.todo-search input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:none;background:none;color:var(--text-primary);font-size:13px}.todo-search input::-webkit-search-cancel-button{display:none}.todo-search button{border:0;background:none;color:var(--text-secondary);font-size:15px;cursor:pointer}.todo-row mark,.todo-step-hit mark{border-radius:2px;background:color-mix(in srgb,var(--gold) 35%,transparent);color:inherit}.todo-search-done{opacity:.6}.sidebar-search input{flex:1;min-width:0}.sidebar-search .search-key{flex:none;padding:1px 5px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:4px;color:var(--text-secondary);font-family:ui-monospace,monospace;font-size:10px;font-weight:600;white-space:nowrap}.sidebar-search:focus-within .search-key{display:none}@media(hover:none)and (pointer:coarse){.sidebar-search .search-key{display:none}}.admin-stats-divider{margin:28px 22px 4px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--gold) 30%,transparent);color:var(--gold);font-size:15px;font-weight:600}.todo-rail .todo-list-group{margin:4px 8px 6px}.todo-list-band{display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--gold);cursor:pointer}.todo-list-band .title{flex:1;min-width:0;overflow-wrap:anywhere}.todo-list-band .count{color:var(--text-secondary);font-size:12px}.todo-group-pencil{display:inline-grid;place-items:center;border:0;background:none;color:var(--text-secondary);cursor:pointer}.todo-group-rename{flex:1;min-width:0;height:24px;font-size:12px}.todo-list-group .todo-pane{width:100%;margin:0;border-radius:0}.search-help{position:fixed;z-index:90;display:grid;gap:2px;width:max-content;padding:12px 14px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:10px;background:var(--charcoal-elevated);box-shadow:0 12px 30px #00000073;pointer-events:none}.search-help:before{position:absolute;top:12px;left:-7px;border:7px solid transparent;border-right-color:color-mix(in srgb,var(--gold) 45%,transparent);border-left:0;content:""}.search-help>b{margin-bottom:6px;color:var(--gold);font-size:13px;font-weight:600}.search-help .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 7%)}.search-help code{padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:#e8cf9f;font-family:ui-monospace,monospace;font-size:12px}.search-help .row span{color:var(--text-secondary);font-size:12px;text-align:end;white-space:nowrap}.search-help small{white-space:nowrap;margin-top:8px;color:var(--text-secondary);font-size:11px;line-height:1.4}@media(hover:none)and (pointer:coarse){.search-help{display:none}}.todo-list-band[data-drop=true]{outline:1.5px dashed var(--gold);outline-offset:-1.5px}.add-grid .bordered{justify-content:flex-start;text-align:start}.todo-rail .todo-rail-add{margin:8px 12px 4px}.todo-detail-resize{position:absolute;z-index:2;top:0;bottom:0;left:-3px;width:6px;cursor:col-resize}.todo-detail-resize:hover{background:color-mix(in srgb,var(--gold) 35%,transparent)}.todo-detail .detail-head input,.todo-detail .detail-head textarea.detail-title{font-size:22px}.detail-head textarea.detail-title{overflow:hidden;line-height:1.3;resize:none}.todo-detail .detail-head:has(textarea.detail-title){align-items:flex-start}.todo-detail .step-row span,.todo-detail .step-add input,.todo-detail .detail-row{font-size:15px}.todo-detail .detail-row .value{font-size:13px}.todo-detail textarea{min-height:220px;font-size:15px;line-height:1.5}@media(width<=980px){.todo-detail-resize{display:none}}@media(min-width:761px){.shell>.column:has(+.status-pills)>.column-header{padding-inline-end:calc(var(--status-pills-width, 280px) + 28px)}}.column-header .surah-head-ar{color:var(--gold);font-family:var(--arabic-font);font-size:18px;font-weight:400;line-height:1}.column-header .surah-head-meta{color:var(--text-secondary);font-size:12px;font-weight:400}.nav-back{position:fixed;z-index:41;top:8px;left:calc(var(--first-column-left, 232px) + 10px);display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--tint-line);border-radius:50%;background:var(--tint-fill);color:var(--gold);cursor:pointer}.nav-back:hover:not(:disabled){background:color-mix(in srgb,var(--gold) 18%,transparent)}.nav-back:disabled{opacity:.35;cursor:default}.shell>.column.sidebar+.column>.column-header{padding-inline-start:52px}@media(max-width:760px){.nav-back{display:none}.shell>.column.sidebar+.column>.column-header{padding-inline-start:14px}}.study-group-add{display:flex;flex:none;margin:0;padding:8px 12px 10px}@media(min-width:761px){.shell[data-section=surahs][data-columns="3"]{grid-template-columns:232px minmax(240px,max-content) minmax(0,1fr)}.shell[data-section=surahs][data-columns="3"][data-collapsed=true]{grid-template-columns:36px minmax(240px,max-content) minmax(0,1fr)}}.tafsir-body p{margin:0;color:var(--text-primary);line-height:1.5}.tafsir-paragraph+.tafsir-paragraph{margin-top:.8em}.tafsir-verse{color:var(--gold);font-weight:600}.tafsir-divider{display:flex;align-items:center;gap:10px;margin:.4em 0 1.2em}.tafsir-divider span{flex:1;height:1px;background:color-mix(in srgb,var(--gold) 40%,transparent)}.tafsir-divider b{color:var(--gold);font-size:14px;font-weight:400;letter-spacing:5px;padding-left:5px}.studio-card.stacked.tafsir-card .entry+.entry{border-top:0;position:relative}.studio-card.stacked.tafsir-card .entry+.entry:before,.tafsir-sheet section+section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 70%,transparent),transparent)}.tafsir-sheet section+section{position:relative;border-top:0}.linked-summary{display:flex;flex-wrap:wrap;gap:6px}.linked-summary>*{padding:3px 9px;border-radius:999px;font-size:11px;color:var(--text-secondary);border:1px solid var(--separator, rgb(var(--wash-rgb) / .12))}.linked-summary>.on{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.linked-group b small{color:var(--text-secondary);font-weight:500;margin-inline-start:4px}.linked-group .linked-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 0;-webkit-line-clamp:unset}.linked-group .linked-item:hover>span{color:var(--gold)}.linked-item>span{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.linked-item>small{flex:none;color:var(--text-secondary)}.linked-item.todo[data-done=true]>span{color:var(--text-secondary);text-decoration:line-through}.linked-roots{display:flex;flex-wrap:wrap;gap:6px}.linked-roots button{display:inline-flex;flex-direction:column;align-items:center;padding:4px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);color:var(--text-primary);line-height:1.3}.linked-roots button>span{font-family:var(--arabic-font);font-size:15px}.linked-roots button>small{font-size:11px;color:var(--gold-muted)}.linked-roots button:hover{color:var(--gold)}.linked-empty{margin:0;color:var(--text-secondary);font-size:11px}.lesson-info{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:8px 16px 0;color:var(--text-secondary);font-size:12px}.lesson-info .crumb b{color:var(--text-primary);font-weight:500}.sub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:4px 0 6px}.sub-card{display:grid;gap:4px;text-align:start;padding:10px 12px;border-radius:10px;background:var(--charcoal-elevated);border:1px solid color-mix(in srgb,var(--gold) 14%,transparent);color:var(--text-primary)}.sub-card:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.sub-card .name b{color:var(--gold);margin-inline-end:4px}.sub-card small{color:var(--text-secondary);font-size:11px}.sub-card .bar{height:3px;border-radius:2px;background:color-mix(in srgb,var(--text-secondary) 25%,transparent);overflow:hidden}.sub-card .bar i{display:block;height:100%;background:var(--gold)}.lesson-neighbours{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.lesson-neighbours button{display:grid;gap:2px;text-align:start;padding:10px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text-secondary) 30%,transparent);color:var(--text-primary)}.lesson-neighbours button.next{text-align:end}.lesson-neighbours button:not(:disabled):hover{border-color:var(--gold)}.lesson-neighbours button:disabled{color:var(--text-secondary)}.lesson-neighbours small{color:var(--text-secondary);font-size:11px}.recent-changes{display:grid;gap:3px;margin-top:14px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--text-secondary) 25%,transparent);color:var(--text-secondary);font-size:12px}.recent-changes b{color:var(--gold);font-size:11px;font-weight:600}.recent-changes i{font-style:normal;color:var(--gold)}.flow-card.note-card.folded .note-fold{display:grid;gap:3px;text-align:start;padding:10px 14px;color:var(--text-primary)}.note-fold b{font-size:12px;font-weight:600}.note-fold span{color:var(--text-secondary);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.note-fold:hover b{color:var(--gold)}.note-name-row{display:flex;align-items:center;gap:4px}.note-unfold{color:var(--text-secondary);font-size:11px;padding:0 2px}.note-unfold:hover{color:var(--gold)}.task-run{counter-reset:step;display:grid;gap:6px}.task-run>.task-card{counter-increment:step}.task-run .flow-strip.task>svg{display:none}.task-run .flow-strip.task:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:600}.task-run .task-card:has(.task-check[data-done=true]) .flow-strip.task:before{background:var(--gold);border-color:var(--gold);color:var(--on-gold, #000)}.verse-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;align-items:start}.outline-list li[data-current=true]{color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}.verse-tabs{display:flex;gap:16px;margin:8px 0 0;border-bottom:1px solid color-mix(in srgb,var(--text-secondary) 25%,transparent)}.verse-tabs button{padding:4px 0;font-size:11px;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px}.verse-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.verse-tabs button:hover{color:var(--gold)}.note-card[data-callout]{--callout: var(--gold);background:color-mix(in srgb,var(--callout) 9%,var(--charcoal-elevated))}.note-card[data-callout=warning]{--callout: #c8796b}.note-card[data-callout=hadith]{--callout: #7d9cc0}.note-card[data-callout=dua]{--callout: #7fae86}.note-card[data-callout] .flow-strip.note{background:color-mix(in srgb,var(--callout) 30%,transparent);color:var(--callout)}.callout-label{display:block;color:var(--callout, var(--gold));font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.callout-picker{position:relative;margin-inline-start:auto}.callout-picker>.icon{color:var(--text-secondary);font-size:13px}.callout-picker>.icon:hover{color:var(--gold)}.callout-menu,.lesson-look-menu{position:absolute;z-index:30;top:100%;display:grid;gap:2px;padding:6px;border-radius:10px;background:var(--charcoal-elevated);border:1px solid color-mix(in srgb,var(--text-secondary) 30%,transparent);box-shadow:0 8px 24px #00000059}.callout-menu{right:0;min-width:140px}.callout-menu button{text-align:start;padding:5px 8px;border-radius:6px;font-size:12px;color:var(--text-primary)}.callout-menu button:hover,.callout-menu button[aria-checked=true]{background:color-mix(in srgb,var(--gold) 14%,transparent)}.callout-menu [data-callout=important],.callout-menu [data-callout=summary]{color:var(--gold)}.callout-menu [data-callout=warning]{color:#c8796b}.callout-menu [data-callout=hadith]{color:#7d9cc0}.callout-menu [data-callout=dua]{color:#7fae86}.lesson-look{position:relative}.lesson-icon{font-size:18px;line-height:1}.lesson-look-menu{left:0;width:270px;gap:6px;padding:10px}.lesson-look-menu b{color:var(--gold);font-size:11px}.lesson-look-menu .icons,.lesson-look-menu .tints{display:flex;flex-wrap:wrap;gap:4px}.lesson-look-menu .icons button{width:30px;height:30px;border-radius:7px;font-size:17px}.lesson-look-menu .tints button:not(.none){width:26px;height:26px;border-radius:50%}.lesson-look-menu button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:1px}.lesson-look-menu .icons button:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}.lesson-look-menu .none{padding:0 8px;height:26px;border-radius:7px;font-size:11px;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--text-secondary) 30%,transparent)}.lesson-cover{position:relative;height:64px;margin:12px 16px 0;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--cover) 45%,var(--charcoal)),color-mix(in srgb,var(--cover) 12%,var(--charcoal)))}.lesson-cover span{position:absolute;left:16px;bottom:-14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:10px;background:var(--charcoal-elevated);border:2px solid var(--cover)}.lead-icon.emoji{font-size:15px;line-height:1;width:18px;text-align:center}.admin-stats-divider.first{margin-top:6px;padding-top:0;border-top:0}.hafiz-where{margin-inline-start:auto;color:var(--text-secondary);font-size:13px}.hafiz-split{display:grid;grid-template-columns:270px minmax(0,1fr);height:calc(100% - 48px);min-height:0}.hafiz-side{display:flex;flex-direction:column;gap:14px;min-height:0;padding:18px;border-inline-end:1px solid rgb(var(--wash-rgb) / 8%)}.hafiz-side small,.hafiz-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hafiz-surah-wrap{position:relative}.hafiz-surah{display:grid;gap:4px;width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgb(var(--wash-rgb) / 7%);background:var(--charcoal-elevated);color:var(--text-primary);text-align:start}.hafiz-surah .name{display:flex;justify-content:space-between;font-size:19px;font-weight:600}.hafiz-surah .name i{color:var(--text-secondary);font-style:normal}.hafiz-surah .arabic-name{color:var(--gold);font-family:var(--arabic-font);font-size:28px;line-height:1.4;text-align:end}.hafiz-surah small:last-child{font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}.hafiz-page .bar{display:block;height:8px;border-radius:4px;background:rgb(var(--wash-rgb) / 10%);overflow:hidden}.hafiz-page .bar i{display:block;height:100%;background:var(--gold)}.hafiz-size{display:grid;gap:6px}.hafiz-seg{display:inline-flex;width:fit-content;border:1.5px solid rgb(var(--wash-rgb) / 18%);border-radius:12px;overflow:hidden}.hafiz-seg button{padding:8px 14px;color:var(--text-primary);font-size:14px;font-weight:500;white-space:nowrap}.hafiz-seg button[aria-pressed=true]{background:var(--gold);color:var(--on-gold)}.hafiz-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto}.hafiz-parts button{display:grid;gap:6px;padding:9px 10px;border-radius:12px;border:1px solid rgb(var(--wash-rgb) / 7%);background:var(--charcoal-elevated);color:var(--text-primary)}.hafiz-parts button[aria-current=true]{border:2px solid var(--gold);background:rgb(var(--wash-rgb) / 4%)}.hafiz-parts .row{display:flex;justify-content:space-between;gap:6px;font-size:15px;white-space:nowrap}.hafiz-parts .row small{font-size:13px;font-weight:500;letter-spacing:0}.hafiz-parts button[data-done=true] .row small{color:var(--gold)}.hafiz-parts .bar{height:6px}.hafiz-total{margin-top:auto;color:var(--text-secondary);font-size:13px}.hafiz-scrim{position:fixed;inset:0;z-index:40;background:#00000059}.hafiz-scrim.clear{background:transparent}.hafiz-picker{position:absolute;top:0;inset-inline-start:0;z-index:41;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;width:380px;max-height:70vh;padding:14px;border-radius:16px;border:1px solid rgb(var(--wash-rgb) / 14%);background:var(--charcoal-elevated);box-shadow:0 18px 50px #00000073}.hafiz-picker input{padding:10px 12px;border-radius:12px;border:1.5px solid rgb(var(--wash-rgb) / 20%);background:transparent;color:var(--text-primary);font-size:16px}.hafiz-picker .list{display:grid;align-content:start;gap:2px;overflow-y:auto}.hafiz-picker .list b{margin:10px 6px 4px;color:var(--text-secondary);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.hafiz-picker .list button{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--text-primary);font-size:16px;text-align:start}.hafiz-picker .list button:hover,.hafiz-picker .list button[aria-current=true]{background:rgb(var(--wash-rgb) / 6%)}.hafiz-picker .num{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;border:1.5px solid rgb(var(--wash-rgb) / 25%);color:var(--text-secondary);font-size:12px;font-weight:600}.hafiz-picker .title{flex:1}.hafiz-picker .pct{color:var(--gold);font-weight:600}.hafiz-picker p{margin:8px 6px;color:var(--text-secondary)}.hafiz-part{display:flex;flex-direction:column;min-height:0}.hafiz-part header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 26px 6px}.hafiz-part header b{font-size:20px}.hafiz-part header .chip{padding:5px 12px;border-radius:999px;background:rgb(var(--wash-rgb) / 6%);font-size:14px}.hafiz-part header .modes{margin-inline-start:auto}.hafiz-verses{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:10px 26px 16px}.hafiz-card{padding:16px 18px;border-radius:16px;border:1px solid rgb(var(--wash-rgb) / 7%);background:var(--charcoal-elevated)}.hafiz-card[data-playing=true],.hafiz-card[data-asking=true]{border:2px solid var(--gold)}.hafiz-card[data-playing=true]{background:color-mix(in srgb,var(--gold) 6%,var(--charcoal-elevated))}.hafiz-card[data-small=true]{padding:10px 14px}.hafiz-card-row{display:flex;gap:14px}.hafiz-card-text{flex:1;min-width:0}.hafiz-card .plain{margin:10px 0 0;padding-top:8px;border-top:1px dashed rgb(var(--wash-rgb) / 12%);color:var(--text-secondary);font-size:16px;font-style:italic}.hafiz-card .word[data-covered=true]{cursor:pointer}.hafiz-card .word[data-hidden=true] .ar{color:transparent;border-bottom:3px solid var(--gold)}.hafiz-card .word[data-blurred=true]{filter:blur(9px);opacity:.55;user-select:none}.hafiz-card .dots{display:inline-block;border-bottom:3px dotted var(--gold-muted)}.hafiz-card-side{display:flex;flex:none;flex-direction:column;align-items:center;gap:8px}.hafiz-card .number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font-size:14px;font-weight:600}.hafiz-card .number:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}.hafiz-card .mark{width:38px;height:32px;border-radius:10px;color:var(--text-secondary);font-size:22px}.hafiz-card .mark[data-done=true]{color:var(--gold)}.hafiz-card .grade{font-size:13px;font-weight:600}.hafiz-card .grade[data-grade=know]{color:var(--shared-green)}.hafiz-card .grade[data-grade=hard]{color:var(--gold)}.hafiz-card .grade[data-grade=miss]{color:var(--danger)}.hafiz-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgb(var(--wash-rgb) / 8%)}.hafiz-card footer span{margin-inline-end:auto;color:var(--text-secondary);font-size:16px}.hafiz-page .big{min-height:46px;padding:0 18px;font-size:16px}.hafiz-waiting{padding:16px;border-radius:16px;border:1px dashed rgb(var(--wash-rgb) / 12%);color:var(--text-secondary);text-align:center}.hafiz-result,.hafiz-done{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;border-radius:16px;border:1px solid rgb(var(--wash-rgb) / 7%);background:var(--charcoal-elevated);text-align:center}.hafiz-done{border:2px solid var(--gold)}.hafiz-result>b,.hafiz-done>b{font-size:26px}.hafiz-result p,.hafiz-done p{margin:0;color:var(--text-secondary);font-size:17px}.hafiz-tally{display:flex;gap:16px}.hafiz-tally span{display:grid;width:140px;padding:14px;border-radius:14px;background:var(--charcoal)}.hafiz-tally strong{font-size:32px}.hafiz-tally small{color:var(--text-secondary)}.hafiz-tally [data-grade=know] strong{color:var(--shared-green)}.hafiz-tally [data-grade=hard] strong{color:var(--gold)}.hafiz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hafiz-done .tick{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--gold);color:var(--on-gold);font-size:44px}.hafiz-done .arabic-name{color:var(--gold);font-family:var(--arabic-font);font-size:56px}.hafiz-player{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin:0 26px 16px;padding:14px 18px;border-radius:18px;border:1px solid rgb(var(--wash-rgb) / 10%);background:var(--charcoal-elevated)}.hafiz-player .play{display:grid;place-items:center;width:60px;height:60px;flex:none;border-radius:50%;background:var(--gold);color:var(--on-gold);font-size:20px}.hafiz-player .progress{display:grid;flex:1;gap:8px;min-width:220px}.hafiz-player .progress>span:first-child{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:15px}.hafiz-player .bordered{min-height:42px;padding:0 13px;font-size:15px;white-space:nowrap}.hafiz-player .gold{border-color:var(--gold);color:var(--gold)}.hafiz-player .short{display:none}.pop-anchor{position:relative}.hafiz-pop{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;z-index:41;display:grid;gap:8px;width:250px;padding:14px;border-radius:16px;border:1px solid rgb(var(--wash-rgb) / 14%);background:var(--charcoal-elevated);box-shadow:0 18px 50px #00000073}.hafiz-pop.narrow{width:100px;padding:8px;gap:6px}.hafiz-pop .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hafiz-pop .grid button,.hafiz-pop.narrow button{min-height:38px;border-radius:10px;border:1.5px solid rgb(var(--wash-rgb) / 18%);color:var(--text-primary);font-size:15px;font-weight:500}.hafiz-pop button[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.hafiz-pop .hafiz-seg{width:100%}.hafiz-pop .hafiz-seg button{flex:1}@media(max-width:760px){.hafiz-where{display:none}.hafiz-split{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.hafiz-side{gap:10px;padding:10px 14px;border-inline-end:0;border-bottom:1px solid rgb(var(--wash-rgb) / 8%)}.hafiz-surah{padding:10px 12px}.hafiz-surah .arabic-name,.hafiz-surah>small:first-child,.hafiz-size small,.hafiz-label,.hafiz-total{display:none}.hafiz-parts{display:flex;overflow-x:auto}.hafiz-parts button{flex:none;min-width:84px}.hafiz-picker{width:min(380px,calc(100vw - 28px))}.hafiz-part header{padding:12px 14px 4px}.hafiz-part header .modes{width:100%;margin:0}.hafiz-part header .modes button{flex:1;padding:8px 4px;font-size:13px}.hafiz-verses{padding:8px 14px 12px}.hafiz-card{padding:12px}.hafiz-player{flex-wrap:wrap;gap:10px;margin:0 10px 10px;padding:10px 12px}.hafiz-player .play{width:50px;height:50px}.hafiz-player .progress{min-width:0}.hafiz-player .bordered{min-height:38px;padding:0 10px}.hafiz-player .long{display:none}.hafiz-player .short{display:inline}.hafiz-player .memorised{width:100%}.hafiz-tally span{width:96px}}.appearance-pane{display:grid;gap:16px}.palette-follow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--charcoal-elevated)}.palette-follow span{display:grid;gap:2px}.palette-follow small{color:var(--text-secondary)}.palette-strips{display:grid;gap:8px;padding:4px}.palette-strip{display:flex;align-items:center;gap:8px;height:42px;padding:0 5px 0 16px;border-radius:999px}.palette-strip[data-chosen=true]{box-shadow:0 0 0 2px var(--charcoal),0 0 0 4px var(--text-primary)}.palette-strip .name{flex:1;height:100%;display:flex;align-items:baseline;align-self:stretch;padding-top:12px;gap:7px;color:inherit;text-align:start;min-width:0}.palette-strip .name b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.palette-strip .name small{font-size:11.5px;font-weight:500;opacity:.75}.palette-strip .tones{flex:none;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#00000038}.palette-strip .tones button{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;color:inherit;font-size:12px;font-weight:600}.palette-strip .tones button svg{width:12px;height:12px}.palette-strip .tones button.on{background:#ffffffeb;color:#000}.palette-strips.compact{gap:6px;padding:3px}.palette-strips.compact .palette-strip{height:36px;padding-left:12px}.palette-strips.compact .name{padding-top:0;align-items:center}.palette-strips.compact .name b{font-size:13px}.palette-strips.compact .name small{font-size:10.5px}.palette-strips.compact .tones button{height:26px;padding:0 10px}.palette-strips.compact .tones button svg{width:13px;height:13px}.palette-quick{position:static}.palette-menu{position:absolute;bottom:52px;left:0;right:0;z-index:40;display:grid;gap:8px;padding:8px;border-radius:16px;background:var(--charcoal-elevated);border:1px solid rgb(var(--wash-rgb) / 12%);box-shadow:0 8px 24px #0000004d}.palette-menu .palette-system{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;color:var(--text-primary);font-size:13px;text-align:start}.palette-menu .palette-system .box{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--text-secondary)}.palette-menu .palette-system[aria-checked=true] .box{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 2px var(--charcoal-elevated)}.sidebar-dock .account{background:var(--charcoal-elevated);border-radius:10px;padding:8px}.sidebar-dock .account:hover{background:var(--charcoal-soft)}.sidebar-dock .dock-tools{display:flex;margin-top:6px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:9px}.sidebar-dock .dock-tools>*,.sidebar-dock .palette-quick{flex:1 1 0;min-width:0;display:flex}.sidebar-dock .dock-tools>*+*{border-inline-start:1px solid rgb(var(--wash-rgb) / 10%)}.sidebar-dock .dock-tool{flex:1 1 0;min-width:0;padding:0;display:grid;place-items:center;height:30px;color:var(--gold)}.sidebar-dock .dock-tool:hover{background:rgb(var(--wash-rgb) / 6%)}.sidebar-dock .dock-tool svg{width:15px;height:15px}.catalog-card{display:grid;gap:10px}.catalog-heading{font-size:15px;color:var(--text-primary)}.catalog-modes{display:grid;gap:6px;margin:0}.catalog-modes>div{display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:12.5px;line-height:1.45;color:var(--text-secondary);opacity:.7}.catalog-modes>div[data-on=true]{opacity:1}.catalog-modes dt{color:var(--gold);font-weight:600}.catalog-modes dd{margin:0}.catalog-meta{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgb(var(--wash-rgb) / 7%);font-size:12.5px;color:var(--text-secondary)}.catalog-meta button{flex:none;margin-left:auto;white-space:nowrap}.tag-menu .tag-menu-note{display:flex;gap:8px;align-items:flex-start;max-width:240px;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.4;color:var(--text-secondary)}.tag-menu .tag-menu-note svg{flex:none;margin-top:2px;color:var(--gold)}.data-health{margin:0 20px 18px;padding:14px 16px;border-radius:12px;background:var(--charcoal-elevated);border:1px solid rgb(var(--wash-rgb) / 8%);display:grid;gap:8px}.data-health[data-alert=true]{border-color:var(--danger)}.data-health header{display:flex;align-items:center;justify-content:space-between;gap:10px}.data-health header b{color:var(--gold);font-size:15px}.data-health p{margin:0;font-size:13px;color:var(--text-secondary)}.data-health .data-health-ok{color:var(--text-primary)}.data-health .data-health-hint{font-size:12px;opacity:.8}.data-health ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.data-health li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:rgb(var(--wash-rgb) / 4%);font-size:13px;color:var(--text-primary)}.data-health li small{display:block;color:var(--text-secondary);font-size:11.5px}.reckoning-page .column-header small{margin-left:8px;font-weight:400}.reckoning-body{display:flex;flex-direction:column;gap:14px;max-width:1000px;padding:18px 22px 40px;overflow-y:auto}.reckoning-bar,.reckoning-row{display:flex;align-items:center;gap:8px}.reckoning-page .grow{flex:1;min-width:0}.reckoning-page .subtle,.reckoning-dialog .subtle{color:var(--text-secondary);font-size:12.5px}.reckoning-private{padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--quote-accent) 14%,transparent);color:var(--quote-accent);font-size:12px}.reckoning-range{min-width:130px;color:var(--text-primary);font-size:13px;text-align:center}.reckoning-page .icon-button{padding:2px 8px;color:var(--gold);font-size:16px}.reckoning-page .icon-button:disabled{opacity:.35}.reckoning-ayah{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-left:2px solid var(--gold);border-radius:0 8px 8px 0;background:rgb(var(--wash-rgb) / 4%);color:var(--text-secondary);font-size:13px}.reckoning-ayah span{color:var(--gold);font-size:10.5px;font-weight:600;letter-spacing:.08em}.reckoning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.reckoning-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:10px;background:var(--charcoal-elevated)}.reckoning-card h3,.reckoning-dialog h3{margin:0;color:var(--gold);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.reckoning-card p{margin:0}.reckoning-card input,.reckoning-dialog textarea{width:100%;padding:7px 9px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:7px;background:var(--charcoal-soft);color:var(--text-primary);font:inherit;font-size:13px}.reckoning-intention{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.reckoning-states{display:flex;flex-wrap:wrap;gap:4px}.reckoning-states button{padding:3px 9px;border-radius:6px;background:var(--charcoal-soft);color:var(--text-secondary);font-size:12px}.reckoning-states button[data-on]{background:var(--gold);color:var(--on-gold);font-weight:600}.reckoning-states button:disabled{cursor:default}.reckoning-verse{flex:none;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font-size:11.5px;font-variant-numeric:tabular-nums}.reckoning-new{display:flex;flex-direction:column;gap:6px;padding-top:6px}.reckoning-new label{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;color:var(--text-secondary);font-size:12.5px}.reckoning-pick{position:relative}.reckoning-pick .popover.verse-picker{position:absolute;top:calc(100% + 4px);left:0;z-index:50;padding:10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 30px #00000073}.reckoning-page .link-button,.reckoning-dialog .link-button{color:var(--gold);font-size:13px;text-align:left}.reckoning-page .link-button.plain{color:var(--text-primary)}.reckoning-page .link-button[data-tone=green]{color:var(--quote-accent);font-weight:600}.reckoning-kept{color:var(--gold);font-weight:600}.reckoning-amend-text{color:var(--text-primary);text-align:left;transition:filter .15s}.reckoning-amend-text[data-blur]{filter:blur(5px)}.reckoning-amend-text[data-done]{color:var(--text-secondary);text-decoration:line-through}.reckoning-way{padding:1px 8px;border-radius:99px;background:color-mix(in srgb,var(--note-accent) 14%,transparent);color:var(--note-accent);font-size:11.5px}.reckoning-summary{color:var(--text-primary);font-size:17px}.reckoning-green{color:var(--quote-accent)}.reckoning-dot{display:inline-block;flex:none;width:10px;height:10px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:50%;background:var(--charcoal-soft)}.reckoning-dot[data-state=done]{border-color:transparent;background:var(--gold)}.reckoning-dot[data-state=partial]{border-color:transparent;background:color-mix(in srgb,var(--gold) 45%,transparent)}.reckoning-dot[data-state=amend]{border-color:transparent;background:var(--quote-accent)}.reckoning-week{width:100%;border-collapse:collapse;font-size:13px}.reckoning-week th{color:var(--text-secondary);font-size:11.5px;font-weight:400;text-align:center}.reckoning-week td{padding:5px 4px;text-align:center}.reckoning-week td:first-child,.reckoning-week th:first-child{max-width:260px;overflow:hidden;color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap}.reckoning-curve{width:100%;height:64px}.reckoning-curve path{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.reckoning-dialog{width:min(480px,calc(100vw - 32px));padding:0;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:14px;background:var(--charcoal-elevated);color:var(--text-primary)}.reckoning-dialog::backdrop{background:#0006}.reckoning-dialog-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px}.reckoning-dialog-body p{margin:0;color:var(--text-secondary);font-size:13.5px}.reckoning-dialog .reckoning-row,.reckoning-dialog .grow{display:flex;flex:1;gap:8px}.reckoning-dialog .bordered,.reckoning-consent .bordered{padding:6px 12px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;color:var(--text-secondary);font-size:13px}.reckoning-consent ul{margin:0;padding-left:18px;color:var(--text-secondary);font-size:13px}.reckoning-consent label{display:flex;align-items:flex-start;gap:8px;color:var(--text-secondary);font-size:13px}@media(max-width:760px){.reckoning-grid{grid-template-columns:1fr}.reckoning-body{padding:14px 16px 40px}.reckoning-bar{flex-wrap:wrap}}.greeting{display:flex;align-items:center;gap:12px}.greeting h1{flex:1;min-width:0}.today-cards-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgb(var(--wash-rgb) / .14);background:var(--charcoal-elevated);color:var(--text-secondary);font-size:13px;font-weight:600}.today-cards-button:hover,.today-cards-button[data-on]{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.today-bento,.today-bento[data-prayer=true]{grid-template-columns:380px minmax(0,1fr)}.today-bento[data-prayer=false]{grid-template-columns:minmax(0,1fr)}.today-bento[data-editing]{padding-right:336px}.today-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0;align-content:start;border-radius:14px}.today-grid[data-drop]{outline:2px dashed color-mix(in srgb,var(--gold) 60%,transparent);outline-offset:6px}.today-cell{position:relative;display:flex;min-width:0;min-height:0}.today-cell>.tile{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}.today-grid[data-editing] .today-cell{cursor:grab}.today-grid[data-editing] .today-cell>.tile{outline:1px dashed var(--gold-muted);outline-offset:-1px}.today-cell[data-drop]>.tile{outline:2px solid var(--gold);outline-offset:2px}.today-cell-shield{position:absolute;inset:0;z-index:2;border-radius:14px;background:#0000001f}.today-remove,.today-size-button{position:absolute;top:8px;z-index:3;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid rgb(var(--wash-rgb) / .16);background:var(--charcoal-soft);color:var(--text-secondary)}.today-remove{left:8px}.today-remove:hover{color:var(--on-danger);background:var(--danger);border-color:var(--danger)}.today-size-button{right:8px}.today-size-button:hover,.today-size-button[data-on]{color:var(--gold);border-color:var(--gold)}.today-corner{position:absolute;right:4px;bottom:4px;z-index:3;width:18px;height:18px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);border-radius:0 0 8px;cursor:nwse-resize}.today-size-hint{position:absolute;right:28px;bottom:8px;z-index:3;padding:2px 8px;border-radius:6px;background:var(--gold);color:var(--on-gold);font-size:12px;font-weight:700}.today-size-pop{position:absolute;top:38px;right:8px;z-index:5;width:176px;padding:8px;border-radius:10px;border:1px solid rgb(var(--wash-rgb) / .14);background:var(--charcoal-soft);box-shadow:0 14px 34px #00000073;cursor:default}.today-size-pop small{display:block;padding:2px 4px 6px;color:var(--text-secondary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.today-matrix{display:grid;gap:4px;padding:0 4px 8px}.today-matrix button{height:22px;border-radius:4px;border:1px solid rgb(var(--wash-rgb) / .16);background:transparent}.today-matrix button[data-on]{background:color-mix(in srgb,var(--gold) 55%,transparent);border-color:var(--gold)}.today-presets{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid rgb(var(--wash-rgb) / .1)}.today-presets button{display:flex;justify-content:space-between;padding:5px 8px;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:left}.today-presets button em{font-style:normal;color:var(--text-secondary)}.today-presets button:hover,.today-presets button[data-on]{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.today-grid-empty{grid-column:1 / -1;padding:40px 0;text-align:center}.today-drawer{position:fixed;top:46px;right:0;bottom:0;z-index:40;width:320px;max-width:92vw;overflow-y:auto;padding:18px 16px 24px;border-left:1px solid rgb(var(--wash-rgb) / .12);background:var(--charcoal-elevated);box-shadow:-14px 0 34px #00000059}.today-drawer header{display:flex;align-items:center;justify-content:space-between;gap:10px}.today-drawer h3{margin:0;font-size:17px}.today-drawer>.subtle{margin:6px 0 4px;font-size:12px;line-height:1.45}.today-drawer h4{margin:16px 0 6px;color:var(--gold-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.today-thumb{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:8px 10px;border-radius:10px;border:1px solid rgb(var(--wash-rgb) / .08);background:var(--charcoal);text-align:left;cursor:grab}.today-thumb:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.today-thumb-icon{display:grid;place-items:center;width:34px;height:28px;border-radius:7px;background:var(--charcoal-soft);color:var(--gold);flex:none}.today-thumb-text{flex:1;min-width:0}.today-thumb-text b{display:block;color:var(--text-primary);font-size:13px;font-weight:600}.today-thumb-text em{display:block;color:var(--text-secondary);font-size:11px;font-style:normal}.today-thumb-mark{color:var(--text-secondary);flex:none}.today-thumb[data-on] .today-thumb-mark{color:var(--gold)}.today-fixed-note{margin:14px 0 8px;font-size:12px}.today-reset{color:var(--gold);font-size:13px;text-decoration:underline;text-underline-offset:3px}.today .tile.today-extra{display:flex;flex-direction:column;gap:10px}.today-extra .actions{margin-top:auto}.today-extra-lead{margin:0;color:var(--text-primary);font-size:15px}.today-extra-lead b{color:var(--gold);font-weight:600}.today-bar{height:6px;border-radius:4px;background:var(--charcoal-soft);overflow:hidden}.today-bar i{display:block;height:100%;background:var(--gold)}.today-dots{display:flex;flex-wrap:wrap;gap:5px}.today-dots i{width:10px;height:10px;border-radius:50%;border:1px solid var(--gold-muted)}.today-dots i[data-on]{background:var(--gold);border-color:var(--gold)}.today-list{margin:0;padding:0;list-style:none}.today-list li+li{border-top:1px solid rgb(var(--wash-rgb) / .06)}.today-list button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:7px 0;color:var(--text-primary);font-size:14px;text-align:left}.today-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-list button em{flex:none;color:var(--text-secondary);font-size:12px;font-style:normal}.today-list button:hover span{color:var(--gold)}.today-quotes button{flex-direction:column;align-items:flex-start;gap:3px}.today-list.today-quotes button span.today-quotes-body{display:-webkit-box;font-style:italic;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.today-quotes button em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-week{display:flex;flex-wrap:wrap;gap:18px}.today-week span{display:flex;align-items:baseline;gap:6px;color:var(--text-secondary)}.today-week b{color:var(--gold);font-size:26px;font-weight:600}.today-quote blockquote{margin:0;color:var(--text-primary);font-size:15px;font-style:italic;line-height:1.5}@media(max-width:1100px){.today-bento,.today-bento[data-prayer=true],.today-bento[data-editing]{grid-template-columns:minmax(0,1fr);padding-right:28px}.today-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none!important}.today-cell{grid-column:auto!important;grid-row:auto!important}.today-cell>.tile{overflow:visible}.today-size-button,.today-corner{display:none}}@media(max-width:760px){.today-bento,.today-bento[data-prayer=true],.today-bento[data-editing]{padding-right:14px}}.today-bento>.bento-left{align-self:start}.experimental-lead{color:var(--text-secondary);font-size:12px;line-height:1.45}.settings-switch{justify-content:space-between;gap:16px}.settings-switch>span{flex:1 1 auto;min-width:0}input.pill-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:82px;height:28px;margin:0;border-radius:14px;background:var(--charcoal-soft);cursor:pointer;transition:background .18s ease-out}input.pill-switch:before{content:var(--switch-off, "KAPALI");position:absolute;top:50%;right:9px;transform:translateY(-50%);color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.08em}input.pill-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text-secondary);transition:left .18s ease-out,background .18s ease-out}input.pill-switch:checked{background:var(--gold)}input.pill-switch:checked:before{content:var(--switch-on, "AÇIK");right:auto;left:10px;color:var(--on-gold)}input.pill-switch:checked:after{left:57px;background:var(--on-gold)}input.pill-switch:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.reckoning-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.reckoning-month-head{color:var(--text-secondary);font-size:11.5px;text-align:center}.reckoning-month-day{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:58px;padding:6px 4px;border-radius:10px;border:1px solid rgb(var(--wash-rgb) / .06);background:var(--charcoal)}.reckoning-month-day small{color:var(--text-secondary);font-size:12px}.reckoning-month-day:hover:not(:disabled){border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.reckoning-month-day[data-today]{border-color:var(--gold)}.reckoning-month-day[data-today] small{color:var(--gold);font-weight:700}.reckoning-month-day:disabled{opacity:.35;cursor:default}.reckoning-month-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.reckoning-month-dots .reckoning-dot{width:8px;height:8px}.reckoning-year{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.reckoning-year-month{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;text-align:left}.reckoning-year-month:hover:not(:disabled){background:rgb(var(--wash-rgb) / .04)}.reckoning-year-month:disabled{opacity:.35;cursor:default}.reckoning-year-month b{color:var(--text-primary);font-size:13px;font-weight:600;text-transform:capitalize}.reckoning-year-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.reckoning-year-grid i{aspect-ratio:1;border-radius:3px;background:rgb(var(--wash-rgb) / .05)}.reckoning-year-grid i[data-blank]{background:transparent}.reckoning-year-grid i[data-written]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent)}.reckoning-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;border:1px solid rgb(var(--wash-rgb) / .14);background:var(--charcoal-soft);color:var(--text-primary);font-size:13px}.reckoning-pill{display:inline-block;padding:1px 8px;border-radius:10px;background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums}.reckoning-plan{width:100%;border-collapse:collapse;font-size:13.5px}.reckoning-plan th{padding:6px;border-bottom:1px solid rgb(var(--wash-rgb) / .14);color:var(--text-secondary);font-size:11.5px;font-weight:500;text-align:left;white-space:nowrap}.reckoning-plan td{padding:6px;border-bottom:1px solid rgb(var(--wash-rgb) / .06);vertical-align:middle}.reckoning-plan select,.reckoning-name,.reckoning-number{padding:4px 8px;border-radius:7px;border:1px solid rgb(var(--wash-rgb) / .14);background:var(--charcoal);color:var(--text-primary);font:inherit}.reckoning-name{width:100%;min-width:140px}.reckoning-number{width:64px;text-align:center;font-variant-numeric:tabular-nums}.reckoning-number[data-wide]{width:96px}.reckoning-foot{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid rgb(var(--wash-rgb) / .06);background:var(--charcoal-elevated)}.reckoning-foot b{color:var(--gold);font-size:20px}.reckoning-item{display:flex;flex-direction:column;gap:8px}.reckoning-group{margin:6px 2px 0;color:var(--gold-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.reckoning-prayers{display:flex;gap:12px;flex-wrap:wrap}.reckoning-prayer{display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:11.5px}.reckoning-prayer i{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--gold-muted)}.reckoning-prayer[data-on] i{background:var(--gold);border-color:var(--gold)}.reckoning-prayer[data-on] span{color:var(--text-primary)}.reckoning-tick{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);cursor:pointer}.reckoning-tick input{width:22px;height:22px;accent-color:var(--gold)}.reckoning-tick[data-on]{color:var(--text-primary)}.reckoning-stepper{display:inline-flex;align-items:center;gap:8px}.reckoning-stepper button{width:30px;height:30px;border-radius:8px;background:var(--charcoal-soft);color:var(--text-primary);font-size:16px}.reckoning-stepper button:disabled{opacity:.4}.reckoning-stepper b{min-width:26px;text-align:center;font-size:17px;font-variant-numeric:tabular-nums}.reckoning-score{display:flex;align-items:center;gap:16px}.reckoning-ring text{fill:var(--gold);font-size:26px;font-weight:700}.reckoning-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.reckoning-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 12px;border-radius:14px;border:1px solid rgb(var(--wash-rgb) / .06);background:var(--charcoal-elevated);text-align:center}.reckoning-tile .reckoning-pill{position:absolute;top:8px;right:8px}.reckoning-tile-big{color:var(--text-primary);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.reckoning-tile-big[data-full]{color:var(--gold)}.reckoning-tile-big small{color:var(--text-secondary);font-size:14px;font-weight:500}.reckoning-bar-line{align-self:stretch;height:6px;margin-top:6px;border-radius:4px;background:var(--charcoal-soft);overflow:hidden}.reckoning-bar-line i{display:block;height:100%;background:var(--gold)}.reckoning-month-day b{color:var(--text-primary);font-size:13px}.reckoning-week td.gold{color:var(--gold);font-size:12px}.reckoning-catalog{width:min(560px,calc(100vw - 32px));padding:22px 24px 20px}.reckoning-catalog h3{margin:0 0 6px}.reckoning-catalog-list{margin-inline:-6px;padding-inline:6px}.reckoning-search{width:100%;margin:4px 0 8px;padding:7px 10px;border-radius:8px;border:1px solid rgb(var(--wash-rgb) / .14);background:var(--charcoal);color:var(--text-primary);font:inherit}.reckoning-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.reckoning-tabs button{padding:3px 10px;border-radius:12px;border:1px solid rgb(var(--wash-rgb) / .14);color:var(--text-secondary);font-size:12px}.reckoning-tabs button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.reckoning-catalog .reckoning-catalog-head{padding:0 4px 6px;cursor:default;border-bottom:1px solid rgb(var(--wash-rgb) / .14);color:var(--text-secondary);font-size:11.5px}.reckoning-catalog-head span:last-child,.reckoning-catalog-row .reckoning-verse{justify-self:end}.reckoning-catalog-list{max-height:46vh;overflow-y:auto;margin-bottom:10px}.reckoning-catalog-head,.reckoning-catalog-row{display:grid;grid-template-columns:22px minmax(0,1fr) 96px 64px 64px;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgb(var(--wash-rgb) / .06);cursor:pointer}.reckoning-catalog-row input{width:17px;height:17px;accent-color:var(--gold)}.reckoning-catalog-row[data-off]{opacity:.55;cursor:default}@media(max-width:760px){.reckoning-plan thead{display:none}.reckoning-plan tr{display:grid;grid-template-columns:22px 1fr 1fr 1fr;gap:6px;padding:8px 0;border-bottom:1px solid rgb(var(--wash-rgb) / .08)}.reckoning-plan td{padding:0;border:0}.reckoning-plan td:nth-child(2){grid-column:2 / -1}}.reckoning-card input.reckoning-number{flex:none;width:72px}.reckoning-card input.reckoning-number[data-wide]{width:100px}.reckoning-chip{white-space:nowrap}.reckoning-page .reckoning-body{overflow:visible}.reckoning-sticky{position:sticky;top:46px;z-index:1;display:flex;flex-direction:column;gap:10px;margin:-18px -22px 0;padding:14px 22px 12px;background:var(--charcoal);border-bottom:1px solid rgb(var(--wash-rgb) / 6%)}.reckoning-strip{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:12px;border:1px solid rgb(var(--wash-rgb) / 6%);background:var(--charcoal-elevated)}.reckoning-strip .reckoning-bar-line{flex:1;align-self:center;margin-top:0}.reckoning-strip b{color:var(--gold);font-size:20px;font-variant-numeric:tabular-nums}@media(max-width:760px){.reckoning-sticky{margin:-14px -16px 0;padding:10px 16px}}.reckoning-group{position:relative;margin-top:14px;padding-top:12px}.reckoning-group:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 18%,var(--gold) 82%,transparent)}.reckoning-plan-foot{flex-wrap:wrap}.reckoning-pill[data-off]{background:rgb(var(--wash-rgb) / .06);color:var(--text-secondary)}.reckoning-pick-edit{display:inline-flex;align-items:center;vertical-align:middle}.reckoning-plan .reckoning-pick{display:inline-flex;align-items:center;gap:6px}.reckoning-plan .reckoning-pick .reckoning-verse{display:inline-flex;align-items:center;line-height:18px}.reckoning-pick-edit{height:20px;padding:0;line-height:1}.reckoning-pick-edit svg{display:block}.reckoning-plan .reckoning-pick .reckoning-verse{justify-content:center;min-width:58px}.reckoning-remove{color:var(--danger)}.reckoning-plan-foot{align-items:center}.reckoning-plan-foot .link-button{display:inline-flex;align-items:center;padding:0;line-height:1}.reckoning-plan-foot .reckoning-pill{display:inline-flex;align-items:center;line-height:18px;background:color-mix(in srgb,var(--shared-green) 16%,transparent);color:var(--shared-green);font-weight:600}.reckoning-plan-foot .reckoning-pill[data-off]{background:var(--danger);color:var(--on-danger)}.reckoning-warn{display:inline-flex;align-items:center;gap:2px;color:var(--text-secondary);font-size:12px}.reckoning-warn .link-button{padding:0;font-size:12px;font-weight:600}.reckoning-page .icon-button.reckoning-remove{color:var(--danger)}.reckoning-page .icon-button.reckoning-remove:hover{color:color-mix(in srgb,var(--danger) 80%,white)}.reckoning-page .link-button.reckoning-pick-edit{margin:0;height:20px;align-self:center}.reckoning-grip{display:inline-flex;color:var(--text-secondary);cursor:grab;opacity:.7}.reckoning-grip:hover{color:var(--gold);opacity:1}.reckoning-plan tr[data-dragging]{opacity:.45}.reckoning-plan tr[data-drop] td{box-shadow:inset 0 2px 0 var(--gold)}.reckoning-plan td:first-child{width:22px;padding-inline:2px}.reckoning-plan-fields{margin:0;padding:0;border:0;min-width:0}.reckoning-plan-fields:disabled .reckoning-grip{cursor:default;opacity:.35}.reckoning-plan-fields[data-locked] .reckoning-pick-edit,.reckoning-plan-fields[data-locked] .reckoning-remove,.reckoning-plan-fields[data-locked] .reckoning-plan-add{opacity:.35}.reckoning-lock{display:grid;place-items:center;width:34px;height:32px;border-radius:8px;border:1px solid color-mix(in srgb,var(--shared-green) 45%,transparent);background:color-mix(in srgb,var(--shared-green) 14%,transparent);color:var(--shared-green)}.reckoning-lock[data-open]{border-color:color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.reckoning-plan th:nth-child(n+4):nth-child(-n+7),.reckoning-plan td:nth-child(n+4):nth-child(-n+7){text-align:center}.reckoning-plan td:nth-child(8){text-align:center}.reckoning-plan .reckoning-remove{display:inline-grid;place-items:center}.reckoning-plan-fields{display:flex;flex-direction:column;gap:12px}.reckoning-plan-card[data-drop]{outline:2px solid var(--gold);outline-offset:-2px}.reckoning-plan-head{display:flex;align-items:baseline;gap:8px}.reckoning-plan-label{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.reckoning-plan{table-layout:fixed}.reckoning-plan th:first-child{width:26px}.reckoning-plan th:nth-child(3){width:120px}.reckoning-plan th.reckoning-center{width:104px}.reckoning-plan th:last-child{width:44px}.reckoning-plan .reckoning-center{text-align:center}.reckoning-plan-add{align-self:flex-start;margin:2px 0 0;padding:0;color:var(--gold);font-size:12.5px;font-weight:600}button.reckoning-ayah{width:100%;border-top:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer}button.reckoning-ayah:hover{background:rgb(var(--wash-rgb) / 7%)}.reckoning-entry-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.reckoning-entry-cols[data-side]{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.reckoning-entry-main,.reckoning-entry-side{display:flex;flex-direction:column;gap:14px;min-width:0}.reckoning-entry-group{display:flex;flex-direction:column;gap:8px}.reckoning-entry-group .reckoning-item{background:var(--charcoal)}.reckoning-progress{padding:1px 8px;border-radius:10px;background:rgb(var(--wash-rgb) / .06);color:var(--text-secondary);font-size:11.5px;font-weight:600}.reckoning-progress[data-full]{background:color-mix(in srgb,var(--shared-green) 16%,transparent);color:var(--shared-green)}@media(max-width:1100px){.reckoning-entry-cols[data-side]{grid-template-columns:minmax(0,1fr)}}.reckoning-entry-group .reckoning-item[data-state=done]{background:color-mix(in srgb,#6fbf86 15%,var(--charcoal));border-color:color-mix(in srgb,#6fbf86 42%,transparent)}.reckoning-entry-group .reckoning-item[data-state=partial]{background:color-mix(in srgb,#e8913a 14%,var(--charcoal));border-color:color-mix(in srgb,#e8913a 42%,transparent)}.reckoning-entry-group .reckoning-item[data-state=missing]{background:color-mix(in srgb,#e06470 12%,var(--charcoal));border-color:color-mix(in srgb,#e06470 38%,transparent)}.reckoning-item[data-state=done] .reckoning-tick input{accent-color:#6fbf86}.reckoning-progress[data-state=done]{background:color-mix(in srgb,#6fbf86 18%,transparent);color:#6fbf86}.reckoning-progress[data-state=partial]{background:color-mix(in srgb,#e8913a 18%,transparent);color:#e8913a}.reckoning-progress[data-state=missing]{background:color-mix(in srgb,#e06470 18%,transparent);color:#e06470}.reckoning-tile[data-state=done]{background:color-mix(in srgb,#6fbf86 15%,var(--charcoal-elevated));border-color:color-mix(in srgb,#6fbf86 42%,transparent)}.reckoning-tile[data-state=partial]{background:color-mix(in srgb,#e8913a 14%,var(--charcoal-elevated));border-color:color-mix(in srgb,#e8913a 42%,transparent)}.reckoning-tile[data-state=missing]{background:color-mix(in srgb,#e06470 12%,var(--charcoal-elevated));border-color:color-mix(in srgb,#e06470 38%,transparent)}.reckoning-tile[data-state=done] .reckoning-bar-line i{background:#6fbf86}.reckoning-tile[data-state=partial] .reckoning-bar-line i{background:#e8913a}.reckoning-line{width:100%;height:190px}.reckoning-line-path{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.reckoning-line-mean{stroke:var(--gold-muted);stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.reckoning-line-label{fill:var(--text-secondary);font-size:12px}.reckoning-matrix{width:100%;border-collapse:separate;border-spacing:4px;font-size:12.5px}.reckoning-matrix th{color:var(--text-secondary);font-size:11px;font-weight:500}.reckoning-matrix-rate{width:130px}.reckoning-matrix-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.reckoning-rate{display:flex;align-items:center;gap:6px}.reckoning-rate .reckoning-bar-line{flex:1;margin:0}.reckoning-rate small{width:34px;color:var(--text-secondary);font-size:11px;text-align:right}.reckoning-rate[data-state=done] i{background:#6fbf86}.reckoning-rate[data-state=partial] i{background:#e8913a}.reckoning-rate[data-state=missing] i{background:#e06470}.reckoning-matrix-cell{display:block;height:20px;border-radius:5px;background:rgb(var(--wash-rgb) / .05)}.reckoning-matrix-cell[data-state=done]{background:color-mix(in srgb,#6fbf86 55%,transparent)}.reckoning-matrix-cell[data-state=partial]{background:color-mix(in srgb,#e8913a 55%,transparent)}.reckoning-matrix-cell[data-state=missing]{background:color-mix(in srgb,#e06470 50%,transparent)}.reckoning-matrix-score{color:var(--gold);text-align:center}.reckoning-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reckoning-month-block{display:flex;flex-direction:column;gap:6px}.reckoning-heat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.reckoning-heat-day{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.1;border-radius:6px;background:rgb(var(--wash-rgb) / .05);color:var(--text-primary);font-size:11px;line-height:1.2}.reckoning-heat-day b{color:var(--gold);font-size:10px}.reckoning-heat-day:disabled{opacity:.35;cursor:default}.reckoning-heat-day[data-state=done]{background:color-mix(in srgb,#6fbf86 45%,var(--charcoal))}.reckoning-heat-day[data-state=partial]{background:color-mix(in srgb,#e8913a 45%,var(--charcoal))}.reckoning-heat-day[data-state=missing]{background:color-mix(in srgb,#e06470 40%,var(--charcoal))}@media(max-width:1100px){.reckoning-months{grid-template-columns:minmax(0,1fr)}}.reckoning-range-pick{position:relative;display:inline-flex}button.reckoning-range{border-radius:7px;padding:2px 8px;color:var(--text-primary)}button.reckoning-range:hover{background:rgb(var(--wash-rgb) / .07);color:var(--gold)}.reckoning-daypicker{position:absolute;top:calc(100% + 6px);left:50%;z-index:20;width:248px;padding:10px;border-radius:12px;border:1px solid rgb(var(--wash-rgb) / .14);background:var(--charcoal-soft);box-shadow:0 16px 40px #00000073;transform:translate(-50%)}.reckoning-daypicker header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reckoning-daypicker header b{font-size:13px;text-transform:capitalize}.reckoning-daypicker header button{width:26px;height:26px;border-radius:7px;color:var(--gold);font-size:16px}.reckoning-daypicker header button:disabled{opacity:.3}.reckoning-daypicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.reckoning-daypicker-head{color:var(--text-secondary);font-size:10.5px;text-align:center}.reckoning-daypicker-grid button{height:28px;border-radius:7px;color:var(--text-primary);font-size:12px}.reckoning-daypicker-grid button:hover:not(:disabled){background:rgb(var(--wash-rgb) / .08)}.reckoning-daypicker-grid button:disabled{opacity:.3;cursor:default}.reckoning-daypicker-grid button[data-today]{box-shadow:inset 0 0 0 1px var(--gold)}.reckoning-daypicker-grid button[data-chosen]{background:var(--gold);color:var(--on-gold);font-weight:700}.reckoning-daypicker-today{display:block;margin:8px auto 0;padding:0;color:var(--gold);font-size:12px;font-weight:600}.derived-kind{display:inline-block;margin-inline-start:6px;padding:0 5px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:6px;color:var(--gold);font-size:10px;font-weight:600;vertical-align:1px;white-space:nowrap}.derived-word .added{opacity:.55}.derived-variants{margin-inline-start:6px;color:var(--text-secondary);font-size:10px;font-weight:500}.root-note{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--tint-line);border-radius:10px;background:var(--tint-fill);color:var(--text-primary);font-size:12.5px;line-height:1.5}.root-note b{color:var(--gold)}.root-note button{margin-inline-start:auto;color:var(--text-secondary);font-size:16px;line-height:1}.root-timeline button.tick{padding:0;border:0;cursor:pointer}.root-timeline button.tick:before{position:absolute;inset:-6px -4px;content:""}.root-timeline button.tick[data-on]{width:4px;background:var(--text-primary)}.root-most{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.root-most button{color:var(--gold);font-size:12px;font-weight:600}.root-most button[data-on]{text-decoration:underline;text-underline-offset:3px}.verse-card .word[data-hit] .ar,.verse-card .word-hit[data-hit]{color:var(--gold)}.verse-card .word[data-hit]{box-shadow:inset 0 -2px color-mix(in srgb,var(--gold) 70%,transparent)}.verse-card .word-hit[data-hit]{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gold) 70%,transparent);text-underline-offset:.35em}.column-header .header-new{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;padding:4px 10px;border:0;border-radius:7px;background:var(--gold);color:var(--on-gold);font-size:12px;font-weight:700;cursor:pointer}.tag-row .tag-more-button{padding:0 4px;border-radius:5px}.tag-row .tag-more-button:hover{background:rgb(var(--wash-rgb) / 8%);color:var(--text-primary)}.tag-add input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--gold);border-radius:6px;background:transparent;color:var(--text-primary);font:inherit}.new-tag-dialog{width:min(420px,92vw);max-height:86vh;padding:16px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:12px;background:var(--charcoal-elevated);color:var(--text-primary)}.new-tag-dialog h2{margin:0 0 10px;font-size:16px}.new-tag-dialog input[type=search],.new-tag-dialog .new-tag-name,.new-tag-dialog .new-tag-group{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:7px;background:var(--charcoal);color:var(--text-primary);font:inherit}.new-tag-dialog .new-tag-name{border-color:var(--gold)}.new-tag-dialog .caption{display:block;margin:12px 0 6px;color:var(--text-secondary);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.new-tag-tree{max-height:46vh;margin-top:6px;overflow-y:auto}.new-tag-tree label{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:6px;cursor:pointer}.new-tag-tree label:has(input:checked){background:color-mix(in srgb,var(--gold) 13%,transparent)}.new-tag-tree label[data-disabled]{opacity:.4;cursor:default}.new-tag-tree input[type=radio]{accent-color:var(--gold)}.new-tag-tree .fold{width:14px;padding:0;border:0;background:none;color:var(--text-secondary);cursor:pointer}.new-tag-tree .group{color:var(--gold);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.new-tag-tree .badge{margin-inline-start:auto;padding:0 7px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:999px;color:var(--text-secondary);font-size:10.5px;font-weight:700}.new-tag-tree .badge.suggested{border-color:color-mix(in srgb,var(--shared-green) 45%,transparent);color:var(--shared-green)}.new-tag-dialog .new-tag-group{margin:4px 0 4px 24px;width:calc(100% - 24px)}.shared-quote-card{max-width:380px;margin:8px auto;cursor:default}.groups-page .groups-list,.groups-page .group-detail{flex:1;min-height:0;overflow-y:auto}.groups-page .group-detail .shares-detail{padding:0 0 24px}.groups-toolbar .share-search{width:200px}.groups-page button.bordered,.group-editor button.bordered,.group-invite-card button.bordered{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;background:rgb(var(--wash-rgb) / 10%);color:var(--text-primary);font-size:12px;font-weight:500}.groups-page button.bordered.small{padding:3px 9px;font-size:11px}.groups-page button.bordered:hover{background:rgb(var(--wash-rgb) / 15%)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:4px 16px 24px}.group-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated);color:var(--text-primary)}.group-card[data-clickable]{cursor:pointer}.group-card[data-clickable]:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.group-card .head{display:flex;align-items:center;gap:8px}.group-card .head b{display:-webkit-box;flex:1;min-width:0;overflow:hidden;font-size:14px;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}.group-card .mark,.group-head .mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.group-card .desc{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.group-card .meta{color:var(--text-secondary);font-size:11px}.group-card .foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:4px}.group-visibility{display:inline-flex;flex:none;align-items:center;gap:4px;padding:1px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:999px;color:var(--text-secondary);font-size:10.5px;white-space:nowrap}.group-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:999px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.group-badge[data-gold]{border-color:var(--gold);color:var(--gold)}.group-join{display:inline-flex;align-items:center;gap:8px}.group-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgb(var(--wash-rgb) / 8%)}.group-head .title{display:flex;flex-direction:column;min-width:0}.group-head .mark{position:relative}.group-head .mark-badge{position:absolute;right:-5px;bottom:-5px;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--charcoal);color:var(--text-secondary)}.group-card .mark[data-open],.group-row .mark[data-open],.group-head .mark[data-open]{background:color-mix(in srgb,var(--shared-green) 16%,transparent);color:var(--shared-green)}.group-head .title small{margin-top:3px}.group-head .title b{font-size:15px;font-weight:600}.group-head .title small{display:inline-flex;align-items:center;gap:6px;font-size:12px}.group-head .spacer{flex:1}.group-head .fb-seg .count{margin-left:5px;padding:0 6px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:10px}.group-desc{margin:10px 16px 0;font-size:13px}.group-help{margin:10px 16px 6px;font-size:12px}.group-detail .shares-grid{padding:4px 16px 24px}.group-detail>.shares-detail{padding:12px 18px 24px}.group-members{display:flex;flex-direction:column;gap:18px;padding:12px 16px 28px}.group-members section>.subtle{margin:0 0 8px;font-size:12px}.group-member-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 7%);font-size:13px}.group-member-row .avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--gold) 22%,var(--charcoal-soft));color:var(--text-primary);font-size:11px;font-weight:600}.group-member-row .who{display:flex;flex:1;flex-direction:column;min-width:0}.group-member-row .who small{font-size:11px}.group-member-row code{overflow:hidden;color:var(--text-primary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.group-members>section>.bordered{margin-top:8px}.group-my-name{display:flex;gap:8px;max-width:420px}.group-my-name input{flex:1}.group-editor{width:min(460px,calc(100vw - 32px))}.group-editor h2{margin:0 0 14px;font-size:16px}.group-editor .field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:12px}.group-editor .field span{color:var(--text-secondary)}.group-editor .field input,.group-editor .field textarea{width:100%;font:inherit;font-size:13px}.group-visibility-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.group-visibility-choice button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:9px;background:var(--charcoal-elevated);color:var(--text-secondary);font-size:11.5px;text-align:start}.group-visibility-choice button[aria-pressed=true]{border-color:var(--gold)}.group-invite-card{display:flex;flex-direction:column;gap:8px;max-width:460px;margin:40px auto;padding:22px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:14px;background:var(--charcoal-elevated)}.group-invite-card h2{margin:0;font-size:18px}.group-invite-card p{margin:0;color:var(--text-secondary);font-size:13px}.group-invite-card .subtle{display:inline-flex;align-items:center;gap:6px}.place-picker{position:relative;margin-bottom:12px}.place-field{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:8px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:13px;text-align:start}.place-field svg,.place-option svg{flex:none;color:var(--gold)}.place-field .name,.place-option .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place-field .caret{color:var(--text-secondary);font-size:11px}.place-pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:300px;overflow-y:auto;padding:8px;border:1px solid rgb(var(--wash-rgb) / 12%);border-radius:10px;background:var(--charcoal-soft);box-shadow:0 12px 30px #0006}.place-search{width:100%;margin-bottom:4px;font-size:12px}.place-section{margin:8px 6px 3px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.08em}.place-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:start}.place-option:hover{background:rgb(var(--wash-rgb) / 6%)}.place-option[aria-selected=true]{background:color-mix(in srgb,var(--gold) 14%,transparent)}.place-option small{flex:none;color:var(--text-secondary);font-size:11px}.place-empty{margin:6px;font-size:12px}@media(max-width:760px){.groups-toolbar{flex-wrap:wrap}.groups-toolbar .share-search{width:100%;order:9}.group-grid{grid-template-columns:1fr}}.group-members .quote-group-head{margin:0 0 6px}.group-toolbar{padding:10px 16px 4px}.group-toolbar .menu-anchor .menu{left:0;right:auto}.group-tool{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;color:var(--gold);font-size:12px}.group-tool[data-muted]{color:var(--text-secondary)}.menu-anchor .menu button.danger{color:var(--danger)}.share-sublabel{margin:10px 0 5px;color:var(--text-secondary);font-size:11px}.place-field .name[data-empty]{color:var(--text-secondary)}.place-field .count{padding:0 6px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:10px}.place-option .tick{flex:none;width:14px;height:14px;border:1.5px solid rgb(var(--wash-rgb) / 35%);border-radius:4px;color:var(--on-gold);font-size:10px;line-height:11px;text-align:center}.place-option[aria-selected=true] .tick{border-color:var(--gold);background:var(--gold)}.share-names label small{margin-left:auto;font-size:11px}.group-head .title b{display:inline-flex;align-items:center;gap:6px}.group-rename{display:inline-flex;padding:2px;border-radius:5px;color:var(--text-secondary)}.group-rename:hover{background:rgb(var(--wash-rgb) / 8%);color:var(--gold)}.menu-anchor .menu button:disabled{opacity:.45;cursor:default}.menu-anchor .menu button:disabled:hover{background:none}.group-toolbar .menu button small{display:block;color:var(--text-secondary);font-size:10.5px}.shared-branches{margin:6px 0 12px 14px;padding-left:8px;border-left:1px solid rgb(var(--wash-rgb) / 14%)}.shared-branch{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:13px}.shared-branch .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-branch small{color:var(--text-secondary);font-size:11px;white-space:nowrap}.shared-branch .bin{display:inline-flex;padding:3px;border-radius:5px;color:var(--text-secondary)}.shared-branch .bin:hover{background:rgb(var(--wash-rgb) / 8%);color:var(--danger)}.group-card .place{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.place-search-box,.place-input{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;background:var(--charcoal-elevated);color:var(--gold)}.place-search-box input,.place-input input{min-width:0;padding:5px 0;border:0;outline:none;background:transparent;color:var(--text-primary);font-size:12px}.place-search-box{width:170px}.place-search-box .place-pop,.place-input .place-pop{min-width:240px}.group-location .row{display:flex;gap:8px}.place-input{flex:1}.place-input input{flex:1;font-size:13px}.group-location .group-tool{flex:none}.group-location small{margin-top:2px;font-size:11px}@media(max-width:760px){.place-search-box{width:100%;order:10}}.social-name{display:flex;gap:14px;align-items:flex-start}.social-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--gold) 22%,var(--charcoal-soft));color:var(--text-primary);font-size:15px;font-weight:600}.social-choices{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.social-choices p{margin:0}.social-other{display:flex;align-items:center;gap:8px}.social-other input:not([type=checkbox]){flex:1;min-width:0}.share-tile .lesson-line{color:var(--gold);font-size:11.5px}.share-tile .spacer-flex{flex:1}.member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.group-tool.danger{color:var(--danger)}.member-table{width:100%;border-collapse:collapse;font-size:13px}.member-table th{padding:6px 8px;border-bottom:1px solid rgb(var(--wash-rgb) / 10%);color:var(--text-secondary);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-align:start;text-transform:uppercase}.member-table td{padding:7px 8px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%);vertical-align:middle}.member-table td:first-child,.member-table th:first-child{width:26px}.member-table .avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:color-mix(in srgb,var(--gold) 22%,var(--charcoal-soft));font-size:10px;font-weight:600;vertical-align:middle}.member-help,.my-group-name{margin:8px 0 0;font-size:12px}.social-choice{display:flex;align-items:center;gap:8px;font-size:13px}.social-choice input[type=checkbox]{flex:none;margin:0}.social-other input:not([type=checkbox]){max-width:280px;padding:5px 9px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:13px}.group-place{display:inline-flex;align-items:center;gap:4px;margin-left:4px;color:var(--text-secondary);font-size:12px;font-weight:400}.group-feed-toolbar{padding:0 16px 4px}.group-detail .quote-group-head{margin:6px 16px 4px}.social-row{display:flex;align-items:center;gap:8px}.social-name-input,.social-letters{padding:6px 9px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:7px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:13px}.social-name-input{flex:1;min-width:0}.social-name-input:disabled{color:var(--text-secondary)}.social-letters{width:44px;text-align:center;text-transform:uppercase}.social-row .social-avatar{width:34px;height:34px;font-size:12px}.groups-view button{display:inline-flex;align-items:center;gap:5px}.group-list{display:flex;flex-direction:column;gap:6px;padding:4px 16px 24px}.group-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:10px;background:var(--charcoal-elevated);color:var(--text-primary)}.group-row[data-clickable]{cursor:pointer}.group-row[data-clickable]:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.group-row .mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.group-row .title{display:flex;flex-direction:column;gap:2px;min-width:0}.group-row .title b{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.group-row .place{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.group-row .meta{color:var(--text-secondary);font-size:11px;white-space:nowrap}.group-row .foot{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}@media(max-width:760px){.group-row{grid-template-columns:auto minmax(0,1fr)}.group-row .meta,.group-row .foot{grid-column:2;justify-content:flex-start}.groups-view .label{display:none}}.meeting-strip{display:flex;align-items:center;gap:8px;min-width:0;margin:0 16px 8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:9px;background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--gold);font-size:12.5px;cursor:pointer}.meeting-strip b{flex:none;color:var(--text-primary);font-weight:600}.meeting-strip .subtle{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.meeting-strip .spacer{flex:1}.meeting-answers{display:inline-flex;flex:none;gap:6px}.meeting-answers button{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border:1px solid rgb(var(--wash-rgb) / 16%);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:11.5px;white-space:nowrap;cursor:pointer}.meeting-answers button[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.meeting-answers em{font-style:normal;opacity:.8}.meetings-toolbar{padding-bottom:4px}.meeting-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 8px}.meeting-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated)}.meeting-row[data-canceled]{opacity:.55}.meeting-date{display:flex;flex:none;flex-direction:column;align-items:center;width:52px;padding:4px 0;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:8px}.meeting-date b{color:var(--gold);font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.meeting-date small{color:var(--text-secondary);font-size:10.5px}.meeting-body{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.meeting-body>b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.meeting-body>b svg{color:var(--gold)}.meeting-body>small{font-size:12px}.meeting-link{display:inline-flex;align-items:center;gap:4px;overflow:hidden;color:var(--gold);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.meeting-note{margin:2px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.meeting-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}.meeting-people{display:inline-flex}.meeting-people .social-avatar{width:22px;height:22px;margin-left:-5px;border:1.5px solid var(--charcoal-elevated);font-size:9px}.meeting-people .social-avatar:first-child{margin-left:0}.meeting-series{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated)}.meeting-series .head{display:flex;align-items:center;gap:6px;min-width:0;color:var(--gold)}.meeting-series .head b{flex:1;overflow:hidden;min-width:0;color:var(--text-primary);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.meeting-series .line{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.meeting-series .weeks{display:flex;gap:6px;margin-top:6px;overflow-x:auto;scrollbar-width:thin}.meeting-series .week{display:inline-flex;flex:none;align-items:center;gap:6px;max-width:220px;padding:3px 10px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:11.5px;white-space:nowrap}.meeting-series .week:not(:disabled){cursor:pointer}.meeting-series .week .topic{overflow:hidden;min-width:0;text-overflow:ellipsis}.meeting-series .week em{color:var(--gold);font-style:normal}.meeting-series .week[data-next]{border-color:var(--gold);color:var(--text-primary)}.meeting-series .week[data-canceled]{text-decoration:line-through;opacity:.6}.meeting-past{margin:4px 16px 24px;color:var(--text-secondary);font-size:12.5px}.meeting-past summary{cursor:pointer;padding:6px 0}.meeting-past-row{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-top:1px solid rgb(var(--wash-rgb) / 7%)}.meeting-past-row span{flex:none;width:110px}.meeting-past-row b{flex:1;overflow:hidden;color:var(--text-primary);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.meeting-when{display:grid;grid-template-columns:1fr 110px 110px;gap:8px}.meeting-editor .segmented{margin-bottom:8px}.meeting-cancel{display:flex;align-items:center;gap:8px;margin:6px 0 4px;font-size:13px}@media(max-width:760px){.meeting-strip{flex-wrap:wrap}.meeting-when{grid-template-columns:1fr 1fr}}.meeting-title{display:flex;align-items:center;gap:6px;min-width:0}.meeting-title b{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.meeting-title>svg{flex:none;color:var(--gold)}.meeting-title .icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;color:var(--gold)}.meeting-date-input{position:relative;display:flex;align-items:center}.meeting-date-input input:not(.meeting-picker){flex:1;min-width:0;padding-right:32px}.meeting-date-input .icon-button{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--gold)}.meeting-picker{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.meeting-when input,.meeting-when select{box-sizing:border-box;height:36px}.groups-toolbar,.group-toolbar{align-items:center}.groups-toolbar>*,.group-toolbar>*,.groups-toolbar>.menu-anchor>button,.group-toolbar>.menu-anchor>button,.groups-toolbar .place-search-box input{box-sizing:border-box;height:32px}.groups-toolbar>.fb-seg,.group-toolbar>.fb-seg,.groups-toolbar>.segmented{display:inline-flex;align-items:stretch}.groups-toolbar>.fb-seg button,.group-toolbar>.fb-seg button,.groups-toolbar>.segmented button{height:auto}.groups-toolbar>button,.group-toolbar>button,.groups-toolbar>.menu-anchor>button,.group-toolbar>.menu-anchor>button{display:inline-flex;align-items:center;gap:5px}.groups-toolbar>.share-search{margin:0}.groups-toolbar>.fb-seg button,.group-toolbar>.fb-seg button,.groups-toolbar>.segmented button,.groups-toolbar>.quote-list-menu>button,.group-toolbar>.quote-list-menu>button{box-sizing:border-box;height:100%}.groups-toolbar>.fb-seg,.group-toolbar>.fb-seg{padding-top:0;padding-bottom:0}.library-toolbar{flex-wrap:wrap}.library-toolbar .spacer{flex:1}.library-topics{display:flex;flex-wrap:wrap;gap:6px}.library-topics .chip{background:transparent;cursor:pointer}.library-topics .chip[aria-pressed=true]{background:var(--gold);color:var(--on-gold)}.library-topics .chip em{margin-left:4px;font-style:normal;opacity:.75}.library-item{display:flex;flex-direction:column;gap:6px;min-width:0}.library-item>.share-grid-card{flex:1}.library-tag{display:flex;gap:8px;padding:0 4px;color:var(--text-secondary);font-size:11.5px}.library-tag span{display:inline-flex;align-items:center;gap:3px}.library-tag [data-gold]{color:var(--gold);font-weight:600}.share-card .link-button[data-gold]{color:var(--gold)}.shelf-editor .shelf-share,.shelf-editor .question-quoted{margin:-4px 0 12px}.shelf-editor .question-quoted{padding:8px 10px;border-left:2px solid var(--gold-muted);color:var(--text-secondary);white-space:pre-wrap}.shelf-topic-chips{margin:-4px 0 12px}.shelf-editor textarea{width:100%;resize:vertical}.share-actions .spacer{flex:1}.group-questions{display:flex;flex-direction:column;gap:10px}.question-ask{padding:10px 12px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:10px;background:var(--charcoal-elevated)}.question-ask textarea{width:100%;min-height:44px;padding:0;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;resize:vertical;outline:none}.question-ask-foot{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--text-secondary);font-size:12px}.question-ask-foot label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.question-ask-foot .spacer{flex:1}.question-list{display:flex;flex-direction:column;gap:8px}.question-row{padding:10px 12px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:10px;background:var(--charcoal-elevated)}.question-row[data-answered]{border-left:3px solid #6fbf86;border-radius:0 10px 10px 0}.question-head{display:flex;align-items:flex-start;gap:8px}.question-body{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.question-vote{display:inline-flex;flex:none;align-items:center;gap:3px;height:26px;padding:0 9px;border:1px solid var(--gold-muted);border-radius:7px;background:transparent;color:var(--gold);font-size:12px;font-weight:600;cursor:pointer}.question-vote[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.question-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px}.question-meeting{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border:1px solid var(--gold-muted);border-radius:999px;color:var(--gold);font-size:11.5px}.question-answer{margin-top:8px;padding:8px 10px;border-radius:7px;background:#6fbf861a}.question-answer small{color:#6fbf86;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.question-answer p{margin:3px 0 0;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.question-row .menu button{display:flex;align-items:center;gap:6px}.question-row .icon-button{color:var(--gold)}@media(max-width:760px){.group-toolbar>.fb-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.group-toolbar>.fb-seg button{flex:none}}.masonry{grid-auto-rows:2px;grid-auto-flow:row dense;align-items:start}.masonry>*{align-self:start}.masonry .share-tile .cover{display:none}.masonry .share-tile{min-height:0}.masonry>.bookmark-quote:has(.quote-card[data-shape=wide]),.masonry>:has(>.share-overview-quote .quote-card[data-shape=wide]){grid-column:span 2}.masonry .bookmark-quote>.quote-card[data-shape]{max-width:none}@media(max-width:760px){.masonry>.bookmark-quote:has(.quote-card[data-shape=wide]){grid-column:auto}}.group-polls .poll-setting{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.group-polls>.group-feed-toolbar>*{box-sizing:border-box;height:32px}.group-polls>.group-feed-toolbar>.ayatloom-prominent{display:inline-flex;align-items:center;padding-top:0;padding-bottom:0}.group-polls>.group-feed-toolbar>.fb-seg{display:inline-flex;align-items:stretch;padding-top:0;padding-bottom:0}.group-polls>.group-feed-toolbar>.fb-seg button{box-sizing:border-box;height:100%}.poll-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:14px;padding:4px 16px 16px}.poll-card{overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:12px;background:var(--charcoal-elevated)}.poll-strip{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;background:var(--gold);color:var(--on-gold);font-size:11.5px;font-weight:700;letter-spacing:.04em}.poll-card[data-closed] .poll-strip{background:color-mix(in srgb,var(--gold) 55%,var(--charcoal-elevated))}.poll-strip>span:first-child{flex:1}.poll-strip .poll-remind{padding:1px 8px;border-radius:999px;background:var(--on-gold);color:var(--gold);font-size:10.5px;letter-spacing:0}.poll-strip .poll-more{display:inline-flex;padding:2px 6px;border-radius:6px;background:#0000002e;color:var(--on-gold)}.poll-strip .menu{right:0;left:auto;color:var(--text-primary);letter-spacing:0;font-weight:500}.poll-body{display:grid;gap:6px;padding:12px 14px 14px}.poll-meta{margin:0;color:var(--text-secondary);font-size:12px}.poll-question{margin:0;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.35}.poll-description{margin:0;color:var(--text-secondary);font-size:13px}.poll-verse{margin:0;padding-left:8px;border-left:2px solid var(--gold);color:var(--gold);font-size:12.5px}.poll-options{display:grid;gap:6px;margin-top:4px}.poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:rgb(var(--wash-rgb) / 6%);color:var(--text-primary);font-size:14px;text-align:start}button.poll-option:not(:disabled):hover{border-color:color-mix(in srgb,var(--gold) 55%,transparent);cursor:pointer}.poll-option:disabled{cursor:default}.poll-option[data-mine]{border-color:var(--gold)}.poll-option .poll-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--gold) 20%,transparent);transition:width .4s ease}.poll-option[data-winner] .poll-bar{background:color-mix(in srgb,var(--gold) 40%,transparent)}.poll-option .label,.poll-option .share{position:relative}.poll-option .mark{margin-right:8px;color:var(--gold)}.poll-option .share{flex:none;color:var(--text-secondary);font-size:12.5px}.poll-option[data-winner] .share{color:var(--gold);font-weight:700}.poll-send{display:flex;align-items:center;justify-content:space-between;gap:10px}.poll-hide{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12.5px}.poll-countdown{display:grid;gap:4px;color:var(--gold);font-size:12.5px}.poll-countdown i{display:block;height:3px;border-radius:2px;background:var(--gold);transition:width .25s linear}.poll-locked,.poll-hidden,.poll-total{margin:0;font-size:12px}.poll-editor .poll-option-edit{display:flex;gap:6px;margin-bottom:6px}.poll-editor .poll-option-edit input{flex:1}.poll-editor .field .fb-seg{margin-top:4px}html[data-style=b] .nav-item{border-radius:999px;color:var(--text-primary);font-weight:500}html[data-style=b] .nav-item[aria-current=page]{color:var(--on-gold);box-shadow:0 8px 22px -8px var(--gold)}html[data-style=b] :is(.ayatloom-prominent,.gold-button){border-radius:999px;padding-inline:16px;box-shadow:0 8px 20px -10px var(--gold)}html[data-style=b] .ghost-button{border-radius:999px}html[data-style=b] .segmented{border-radius:999px;padding:2px;gap:2px}html[data-style=b] .segmented button{border-radius:999px}html[data-style=b] :is(.tile,.flow-card){border:1px solid transparent;border-radius:20px;background:linear-gradient(var(--charcoal-elevated),var(--charcoal-elevated)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--gold) 60%,transparent),color-mix(in srgb,var(--gold) 26%,transparent) 40%,color-mix(in srgb,var(--gold) 22%,transparent)) border-box}html[data-style=b] .flow-card[data-selected=true]{box-shadow:0 0 0 1.5px var(--gold),0 12px 34px -18px var(--gold)}.share-tile[data-kind=lesson],.share-tile[data-kind=study],.bookmark-tile[data-kind=lessons]{position:relative;overflow:hidden;padding-left:44px}.tile-band{position:absolute;top:0;bottom:0;left:0;display:flex;justify-content:center;width:30px;padding-top:12px;background:color-mix(in srgb,var(--gold) 26%,var(--charcoal-elevated));color:color-mix(in srgb,var(--gold) 80%,var(--text-primary))}.share-tile[data-kind=study] .tile-band{background:color-mix(in srgb,var(--note-accent) 32%,var(--charcoal-elevated));color:color-mix(in srgb,var(--note-accent) 70%,var(--text-primary))}html[data-style=b] .flow-card.note-card>.flow-strip{border-radius:19px 0 0 19px}html[data-style=b][data-tone=dark] .nav-item[aria-current=page]{box-shadow:0 2px 8px -6px color-mix(in srgb,var(--gold) 28%,transparent)}html[data-style=b][data-tone=dark] :is(.ayatloom-prominent,.gold-button){box-shadow:0 2px 6px -5px color-mix(in srgb,var(--gold) 28%,transparent)}.todo-phone-back,.lesson-phone-back,.hatim-header .pace-line{display:none}@media(max-width:760px){.hatim-header .pace,.hatim-header .last-read{display:none}.hatim-header{gap:8px}html .hatim-header button.ayatloom-prominent{padding-inline:12px}.hatim-header .rate select{padding-inline:6px 2px}.hatim-header .who{flex:1;min-width:0;overflow:hidden}.hatim-header .who b,.hatim-header .who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hatim-header .pace-line{display:block;order:10;flex-basis:100%;margin:0;color:var(--text-secondary);text-align:start;font-size:12px}.hatim-header .pace-line b{color:var(--gold);font-weight:600}}.source-kind-chips,.sources-list .source-row-chevron,.source-phone-back,.stats .pace-line{display:none}@media(max-width:760px){.stats-page{padding:16px}.stats .stats-head{flex-wrap:wrap;row-gap:2px}.stats .stats-head b,.stats .stats-streak b{flex:0 0 auto;white-space:nowrap}.stats .pace-pills{display:none}.stats .pace-line{display:block;margin:0;color:var(--text-secondary);font-size:12px}.stats .pace-line b{color:var(--gold);font-weight:600}.stats .stat-boxes.week{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats .stat-boxes.week .line,.stats .stat-boxes.week small{white-space:normal}.stats .zaman-header .month-stepper{margin-left:auto}.stats .month-column{max-width:326px}.stats .month-days{grid-template-columns:repeat(7,minmax(0,44px))}.stats .month-days .day{font-size:14px}.stats .month-labels,.stats .year-days{gap:2px;grid-template-columns:repeat(var(--weeks),minmax(0,10px))}.stats .weekday-labels{gap:2px}.stats .year-footer{flex-wrap:wrap;row-gap:6px}.stats .theme-name{flex-basis:110px}.stats .theme-axis{margin-left:120px}}.share-card-date{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:11px}.share-overview-word .share-card-date{align-self:center}html[data-device=phone] .shell,html[data-device=phone] .shell[data-columns="2"]{grid-template-columns:minmax(0,1fr)}html[data-device=phone] .column{display:none;border-inline-end:0;padding-bottom:calc(96px + env(safe-area-inset-bottom))}html[data-device=phone] .column[data-active=true]{display:block}html[data-device=phone] .sidebar,html[data-device=phone] .sidebar-strip,html[data-device=phone] .sidebar-scrim,html[data-device=phone] .sidebar-close,html[data-device=phone] .menu-fab,html[data-device=phone] .nav-back,html[data-device=phone] .column .back-button,html[data-device=phone] .status-pills{display:none!important}html[data-device=phone] .shell[data-phone-root=false] .column[data-active=true]>.column-header,html[data-device=phone] .shell[data-phone-root=true]:is([data-section=search],[data-section=questions]) .column[data-active=true]>.column-header{justify-content:center;min-height:56px;padding:calc(10px + env(safe-area-inset-top)) 60px 10px;font-size:17px;text-align:center}html[data-device=phone] .phone-back,html[data-device=phone] .phone-home{position:fixed;top:calc(8px + env(safe-area-inset-top));left:12px;z-index:45;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--tint-line);border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,var(--charcoal-elevated));color:var(--gold);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-device=phone] .phone-home[data-place=page]{left:60px}html[data-device=phone] .phone-home[data-place=root]{top:calc(14px + env(safe-area-inset-top));left:16px}html[data-device=phone] .phone-home[data-place=hub]{top:calc(56px + env(safe-area-inset-top));left:16px}html[data-device=phone] .shell[data-phone-root=true]:not([data-section=search],[data-section=questions]) .column[data-active=true]>.column-header{position:static;flex-wrap:wrap;min-height:0;padding:calc(16px + env(safe-area-inset-top)) 20px 10px;border-bottom:0;font-size:32px;font-weight:700;letter-spacing:-.01em}html[data-device=phone] .shell[data-phone-root=true] .column[data-active=true]>.column-header .hijri-chip{font-size:13px;letter-spacing:0}html[data-device=phone] .phone-tabbar{position:fixed;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;z-index:50;display:flex;gap:2px;padding:6px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:999px;background:color-mix(in srgb,var(--charcoal-elevated) 86%,transparent);box-shadow:0 10px 30px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}html[data-device=phone] .phone-tab{display:grid;flex:1;justify-items:center;gap:2px;min-height:52px;padding:6px 0 4px;border-radius:999px;color:var(--text-primary);font-size:11px;font-weight:500}html[data-device=phone] .phone-tab[aria-current=page]{background:rgb(var(--wash-rgb) / 10%);color:var(--gold);font-weight:600}html[data-device=phone] .phone-hub{padding-top:env(safe-area-inset-top)}html[data-device=phone] .phone-large-title{margin:0;padding:58px 20px 14px;color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}html[data-device=phone] .phone-hub-list{display:grid;gap:8px;padding:0 16px 16px}html[data-device=phone] .phone-hub-gap{margin-top:8px}html[data-device=phone] .phone-hub-row{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:14px;background:var(--charcoal-elevated);color:var(--text-primary);text-align:start}html[data-device=phone] .phone-hub-row:active{background:var(--charcoal-soft)}html[data-device=phone] .phone-hub-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}html[data-device=phone] .phone-hub-title{flex:1;font-size:16px;font-weight:600}html[data-device=phone] .phone-hub-chevron{color:var(--gold-muted)}html[data-device=phone] .phone-sheet-scrim{position:fixed;inset:0;z-index:60;background:#00000061}html[data-device=phone] .phone-sheet-scrim[data-detent=half]{display:none}html[data-device=phone] .phone-sheet{position:fixed;right:0;bottom:0;left:0;z-index:61;display:flex;flex-direction:column;height:55dvh;border:1px solid rgb(var(--wash-rgb) / 8%);border-bottom:0;border-radius:18px 18px 0 0;background:var(--charcoal);box-shadow:0 -12px 36px #00000073;transition:height .24s ease}html[data-device=phone] .phone-sheet[data-detent=full]{height:calc(100dvh - 12px - env(safe-area-inset-top))}html[data-device=phone] .phone-sheet[data-dragging]{transition:none}html[data-device=phone] .phone-sheet-grip{display:grid;flex:none;place-items:center;height:26px;touch-action:none;cursor:grab}html[data-device=phone] .phone-sheet-grip span{width:38px;height:5px;border-radius:999px;background:rgb(var(--wash-rgb) / 28%)}html[data-device=phone] .phone-sheet-body{display:flex;flex:1;min-height:0}html[data-device=phone] .phone-sheet .verse-studio{position:static;inset:auto;flex:1;height:auto;max-height:none;overflow-y:auto;padding:2px 16px calc(40px + env(safe-area-inset-bottom));border:0;background:transparent;overscroll-behavior:contain}html[data-device=phone] .phone-sheet .verse-studio .studio-head .close{display:none}html[data-device=phone] .phone-sheet-close{position:absolute;top:8px;right:12px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:rgb(var(--wash-rgb) / 10%);color:var(--text-primary);font-size:18px;line-height:1}html[data-device=phone] .phone-sheet-close:before{position:absolute;inset:-6px;content:""}html[data-device=phone] .ayah,html[data-device=tablet] .ayah{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html[data-device=phone] .phone-tools-button{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--gold)}html[data-device=phone] .phone-tools-button:active{background:rgb(var(--wash-rgb) / 10%)}html[data-device=phone] .column-header .lesson-task-count,html[data-device=phone] .column-header .header-rename{display:none}html[data-device=phone] .grip,html[data-device=phone] .reckoning-grip,html[data-device=phone] .drag-hint,html[data-device=phone] .today-corner{display:none!important}html[data-device=phone] .phone-cards{position:fixed;inset:0;z-index:62;overflow-y:auto;padding:calc(14px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));background:var(--charcoal);overscroll-behavior:contain}html[data-device=phone] .phone-cards header{position:sticky;top:calc(-14px - env(safe-area-inset-top));z-index:1;display:flex;align-items:center;justify-content:space-between;margin:calc(-14px - env(safe-area-inset-top)) -16px 8px;padding:calc(14px + env(safe-area-inset-top)) 16px 10px;background:var(--charcoal)}html[data-device=phone] .phone-cards h3{margin:0;color:var(--text-primary);font-size:20px}html[data-device=phone] .phone-cards header button{min-height:40px;padding:0 18px}html[data-device=phone] .phone-cards section{display:grid;gap:6px;margin-bottom:18px}html[data-device=phone] .phone-cards h4{margin:0 0 2px 4px;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}html[data-device=phone] .phone-cards-row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:6px 6px 6px 10px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:12px;background:var(--charcoal-elevated);color:var(--text-primary);text-align:start}html[data-device=phone] .phone-cards-remove,html[data-device=phone] .phone-cards-add{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:999px;background:#e06470;color:#fff}html[data-device=phone] .phone-cards-add{background:var(--gold);color:var(--on-gold)}html[data-device=phone] .phone-cards-move{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:10px;color:var(--gold)}html[data-device=phone] .phone-cards-move:disabled{opacity:.25}html[data-device=phone] .phone-cards .today-fixed-note{margin:4px 4px 0;font-size:12px}html[data-device=phone] .phone-cards .today-reset{width:100%;min-height:44px;color:var(--gold)}html[data-device=phone] .settings-layout[data-phone-list=true] .settings-menu{flex-direction:column;flex-wrap:nowrap;gap:8px;width:100%;padding:12px 16px;border:0;background:transparent}html[data-device=phone] .settings-layout[data-phone-list=true] .settings-menu button{gap:14px;min-height:56px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);border-radius:14px;background:var(--charcoal-elevated);font-size:16px;font-weight:600}html[data-device=phone] .settings-layout[data-phone-list=true] .settings-menu button span{flex:1}html[data-device=phone] .settings-layout[data-phone-list=true] .settings-menu button svg{width:20px;height:20px;color:var(--gold)}html[data-device=phone] .settings-layout[data-phone-list=true] .settings-menu button svg.phone-hub-chevron{width:18px;height:18px;color:var(--gold-muted)}html[data-device=phone] .settings-layout[data-phone-list=false] .settings-content>h2{display:none}html[data-device=phone] .prayer-tabs{margin-bottom:12px}html[data-device=phone] .muezzins,html[data-device=phone] .settings-pair{flex-direction:column}html[data-device=phone] .muezzin{width:100%;min-height:60px}html[data-device=phone] .muezzin>span:not(.muezzin-avatar):not(.muezzin-play){flex:1;min-width:0}html[data-device=phone] .muezzin b{overflow:visible;font-size:15px;white-space:normal}html[data-device=phone] .muezzin small{font-size:12px}html[data-device=phone] .muezzin-play{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--gold);color:var(--on-gold)}html[data-device=phone] .muezzin-play svg{width:15px;height:15px;fill:currentColor}html[data-device=phone] button.bordered,html[data-device=phone] .verse-studio button.bordered,html[data-device=phone] .ghost-button,html[data-device=phone] .segmented button,html[data-device=phone] .column-tools input,html[data-device=phone] .column-tools select,html[data-device=phone] .lesson-head .tools select{min-height:44px}html[data-device=phone] .lesson-head .tools button.icon,html[data-device=phone] .lesson-head .name-row button,html[data-device=phone] .studio-head .bookmark,html[data-device=phone] .verse-studio .studio-head .close,html[data-device=phone] .outline-list .more{display:inline-grid;place-items:center;min-width:44px;min-height:44px}html[data-device=phone] .ayah-play{display:inline-grid;place-items:center;min-width:44px;min-height:44px;margin:-14px -12px}html[data-device=phone] .touch-menu-layer,html[data-device=tablet] .touch-menu-layer{position:fixed;inset:0;z-index:80;background:#00000038;-webkit-touch-callout:none;user-select:none}html[data-device=phone] .touch-menu-layer[data-sheet],html[data-device=tablet] .touch-menu-layer[data-sheet]{display:flex;align-items:flex-end;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom));background:#00000061}html[data-device=phone] .touch-menu,html[data-device=tablet] .touch-menu{position:fixed;display:grid;gap:8px;width:270px;max-height:calc(100dvh - 24px);overflow-y:auto}html[data-device=phone] .touch-menu-layer[data-sheet] .touch-menu,html[data-device=tablet] .touch-menu-layer[data-sheet] .touch-menu{position:static;width:min(100%,440px)}html[data-device=phone] .touch-menu-title,html[data-device=tablet] .touch-menu-title{padding:8px 16px;border-radius:12px;background:color-mix(in srgb,var(--charcoal-elevated) 94%,transparent);color:var(--text-secondary);font-size:13px;text-align:center}html[data-device=phone] .touch-menu-group,html[data-device=tablet] .touch-menu-group,html[data-device=phone] .touch-menu-cancel,html[data-device=tablet] .touch-menu-cancel{overflow:hidden;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:14px;background:color-mix(in srgb,var(--charcoal-elevated) 94%,transparent);box-shadow:0 12px 32px #0006;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}html[data-device=phone] .touch-menu-group button,html[data-device=tablet] .touch-menu-group button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:0 16px;border:0;border-bottom:1px solid rgb(var(--wash-rgb) / 8%);border-radius:0;background:transparent;color:var(--text-primary);font-size:15px;text-align:start}html[data-device=phone] .touch-menu-group button:last-child,html[data-device=tablet] .touch-menu-group button:last-child{border-bottom:0}html[data-device=phone] .touch-menu-group button svg,html[data-device=tablet] .touch-menu-group button svg{flex:none;color:var(--gold)}html[data-device=phone] .touch-menu-group button:active,html[data-device=tablet] .touch-menu-group button:active{background:rgb(var(--wash-rgb) / 8%)}html[data-device=phone] .touch-menu-group button[data-danger],html[data-device=tablet] .touch-menu-group button[data-danger],html[data-device=phone] .touch-menu-group button[data-danger] svg,html[data-device=tablet] .touch-menu-group button[data-danger] svg{color:#e06470}html[data-device=phone] .touch-menu-group button:disabled,html[data-device=tablet] .touch-menu-group button:disabled{opacity:.4}html[data-device=phone] .touch-menu-cancel,html[data-device=tablet] .touch-menu-cancel{min-height:50px;color:var(--gold);font-size:16px;font-weight:600}html[data-device=phone] kbd,html[data-device=tablet] kbd:not(.settings-content kbd){display:none!important}html[data-device=phone] .row,html[data-device=tablet] .row,html[data-device=phone] .outline-list li,html[data-device=tablet] .outline-list li,html[data-device=tablet] .nav-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html[data-device=tablet] .nav-item .grip{opacity:.8}html[data-device=tablet] .nav-item .key-slot .grip{visibility:visible}html[data-device=tablet] .menu-fab{display:none!important}html[data-device=tablet] .tablet-sidebar-toggle{display:none}@media(width<1024px){html[data-device=tablet] .tablet-sidebar-toggle{position:fixed;top:6px;left:10px;z-index:42;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:10px;background:rgb(var(--wash-rgb) / 8%);color:var(--text-primary)}html[data-device=tablet] .tablet-sidebar-toggle[aria-expanded=true]{z-index:18}html[data-device=tablet] .nav-back{left:52px}html[data-device=tablet] .shell>.column.sidebar+.column>.column-header{padding-inline-start:92px}html[data-device=tablet] .verse-studio{inset:46px 0 0 auto;border-top:1px solid rgb(var(--wash-rgb) / 10%);border-top-left-radius:14px;width:min(440px,86vw);border-inline-start:1px solid rgb(var(--wash-rgb) / 10%);background:var(--charcoal-elevated);box-shadow:-14px 0 36px #00000073}}html[data-device=phone] .ayah-play{position:relative;width:26px;min-width:0;height:26px;min-height:0;margin:0}html[data-device=phone] .ayah-play:before{position:absolute;inset:-9px;content:""}html[data-device=phone] .today-date{order:3;width:auto;margin-inline-end:8px;color:var(--text-secondary);font-size:13px;font-weight:400;letter-spacing:0}html[data-device=phone] .shell[data-phone-root=true][data-section=today] .column[data-active=true]>.column-header>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;width:100%}html[data-device=phone] .column-tools .segmented{display:flex;width:100%}html[data-device=phone] .column-tools .segmented button{flex:1}html[data-device=phone] .phone-resume{display:flex;align-items:center;gap:8px;width:calc(100% - 32px);min-height:48px;margin:0 16px 10px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:12px;background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold);text-align:start}html[data-device=phone] .phone-resume-kicker{color:var(--text-secondary);font-size:13px}html[data-device=phone] .phone-resume-place{flex:1;color:var(--text-primary);font-size:15px;font-weight:600}.search-filter-toggle{display:none}html[data-device=phone] .search-filter-toggle{display:inline-flex;align-items:center;margin-inline-start:6px;color:var(--gold)}html[data-device=phone] .search-split .search-rail{display:none}html[data-device=phone] .search-split[data-filters=true] .search-rail{position:fixed;z-index:81;top:0;bottom:0;left:0;display:block;width:min(270px,80vw);overflow:auto;padding:calc(16px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom));border:0;background:var(--charcoal-elevated);box-shadow:12px 0 40px #0000007f;animation:search-drawer-in .22s ease-out}@keyframes search-drawer-in{0%{transform:translate(-100%)}}html[data-device=phone] .search-filter-backdrop{position:fixed;z-index:80;inset:0;background:#00000073}html[data-device=phone] .ayah{scroll-margin-top:64px}html[data-device=phone]:not([data-tone=light]) .ayah[data-selected=true]{background:#000}html[data-device=phone] .root-tile .root-all{display:inline-flex;min-height:44px;align-items:center}html[data-device=phone][data-style=b] .phone-tab[aria-current=page]{background:var(--gold);color:var(--on-gold);box-shadow:0 8px 20px -10px var(--gold)}html[data-device=phone][data-style=b][data-tone=dark] .phone-tab[aria-current=page]{box-shadow:0 2px 6px -5px color-mix(in srgb,var(--gold) 28%,transparent)}html[data-device=phone] .todo-panes[data-step=lists]>:not(.todo-rail){display:none}html[data-device=phone] .todo-panes[data-step=tasks]>.todo-rail{display:none}html[data-device=phone] .todo-panes[data-step=lists]>.todo-rail{flex-flow:column nowrap;border-bottom:0}html[data-device=phone] .todo-panes[data-step=task]>:not(.todo-detail){display:none}html[data-device=phone] .todo-panes[data-step=task]>.todo-detail .todo-detail-resize{display:none}html[data-device=phone] .todo-panes[data-step=task]>.todo-detail{border-top:0}html[data-device=phone] .todo-phone-back{display:inline-flex;align-self:flex-start;margin:4px 0 2px 12px;color:var(--gold);font-size:15px;font-weight:600}html[data-device=phone] .sources-layout[data-step=list]>.source-report,html[data-device=phone] .sources-layout[data-step=source]>.sources-list{display:none}html[data-device=phone] .sources-layout{padding:0;gap:0}html[data-device=phone] .sources-layout>.source-report{padding:0 14px 18px}html[data-device=phone] .source-kind-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:none}html[data-device=phone] .source-kind-chips::-webkit-scrollbar{display:none}html[data-device=phone] .source-kind-chips .chip{flex:none;padding:6px 12px;font-size:14px;white-space:nowrap}html[data-device=phone] .sources-list .source-row{padding-top:11px;padding-bottom:11px;font-size:16px}html[data-device=phone] .sources-list .source-row-chevron{display:inline-block;flex:none;color:var(--text-secondary)}html[data-device=phone] .source-phone-back{display:inline-flex;align-self:flex-start;margin:4px 0 2px -2px;padding:6px 0;color:var(--gold);font-size:15px;font-weight:600}html[data-device=phone] .source-head{flex-wrap:wrap}html[data-device=phone] .lesson-layout[data-step]{display:block}html[data-device=phone] .lesson-layout[data-step=flow]>.lesson-main,html[data-device=phone] .lesson-layout[data-step=content]>.lesson-outline{display:none}html[data-device=phone] .lesson-layout[data-step=flow]>.lesson-outline{max-height:none;border-bottom:0;background:transparent}html[data-device=phone] .lesson-layout[data-step] .lesson-main{overflow:visible}html[data-device=phone] .lesson-layout[data-step] .outline-list li{min-height:48px;padding-block:8px;font-size:15px;border-bottom:1px solid rgb(var(--wash-rgb) / 6%);border-radius:0}html[data-device=phone] .outline-list .phone-number{min-width:22px;color:var(--gold);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}html[data-device=phone] .outline-list .phone-chevron{margin-inline-start:auto;padding-inline-start:8px;color:var(--text-secondary);font-size:20px}html[data-device=phone] .phone-flow-add{display:block}html[data-device=phone] .phone-flow-add>.ayatloom-prominent{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px;font-size:15px}html[data-device=phone] .lesson-layout[data-step] .lesson-outline footer{border-top:0}html[data-device=phone] .lesson-layout[data-step=content] .lesson-phone-back{display:inline-flex;margin:4px 0 2px 12px;color:var(--gold);font-size:15px;font-weight:600}html[data-device=phone] .fb-chat{display:flex;flex-direction:column;gap:10px;padding:14px 14px 72px}html[data-device=phone] .fb-chat-intro{margin:0 24px 6px;color:var(--text-secondary);font-size:13px;text-align:center}html[data-device=phone] .fb-bubble{display:grid;gap:3px;align-self:flex-start;max-width:calc(100% - 56px);padding:8px 12px;border:1px solid rgb(var(--wash-rgb) / 8%);border-radius:16px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:15px;overflow-wrap:anywhere}html[data-device=phone] .fb-bubble[data-mine=true]{align-self:flex-end;border-color:transparent;background:var(--gold);color:var(--on-gold)}html[data-device=phone] .fb-bubble p{margin:0;white-space:pre-wrap}html[data-device=phone] .fb-bubble small{font-size:11px;opacity:.7}html[data-device=phone] .fb-chat-composer{position:fixed;right:0;bottom:calc(80px + env(safe-area-inset-bottom));left:0;z-index:40;display:grid;gap:6px;padding:8px 12px;border-top:1px solid rgb(var(--wash-rgb) / 8%);background:var(--charcoal)}html[data-device=phone] .fb-chat-composer .settings-error{margin:0;font-size:12px}html[data-device=phone] .fb-chat-row{display:flex;align-items:flex-end;gap:8px}html[data-device=phone] .fb-chat-kind{height:36px;padding:0 10px;border:0;border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font:inherit;font-size:14px;font-weight:500}html[data-device=phone] .fb-chat-row textarea{flex:1;min-width:0;min-height:36px;max-height:120px;padding:8px 12px;border:0;border-radius:18px;background:var(--charcoal-soft);color:var(--text-primary);font:inherit;font-size:16px;resize:none;field-sizing:content}html[data-device=phone] .fb-chat-send{display:grid;flex:none;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--gold);color:var(--on-gold)}html[data-device=phone] .fb-chat-send:disabled{opacity:.4}html[data-device=phone] .copyright-phone{gap:10px}html[data-device=phone] .copyright-phone>.subtle{margin:0;font-size:13px;color:var(--text-secondary)}html[data-device=phone] .copyright-group{border-radius:12px;background:var(--charcoal-elevated);overflow:hidden}html[data-device=phone] .copyright-group-head{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 14px;border:0;background:none;color:var(--text-primary);font:inherit;font-size:15px;font-weight:600;text-align:start}html[data-device=phone] .copyright-group-head>span:first-child{flex:1}html[data-device=phone] .copyright-group-head .count{color:var(--text-secondary);font-size:14px;font-weight:400}html[data-device=phone] .copyright-group-head svg{color:var(--text-secondary);transition:transform .18s ease-out}html[data-device=phone] .copyright-group[data-open=true] .copyright-group-head svg{transform:rotate(90deg)}html[data-device=phone] .copyright-group-body{display:flex;flex-direction:column;gap:8px;padding:0 8px 10px}html[data-device=phone] .copyright-card{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:rgb(var(--wash-rgb) / 5%)}html[data-device=phone] .copyright-card strong{font-size:14px;font-weight:600;color:var(--text-primary)}html[data-device=phone] .copyright-card small{font-size:12px;color:var(--text-secondary)}html[data-device=phone] .copyright-card-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 8px;margin-top:4px}html[data-device=phone] .copyright-card-foot a{color:var(--gold);font-size:13px;text-decoration:none}html[data-device=phone] .copyright-phone .note{margin:0 4px;font-size:12px}html[data-device=phone] .column-header .hijri-chip,html[data-device=tablet] .column-header .hijri-chip,html[data-device=phone] .quotes-toolbar .quote-design-toggle .label{display:none}html[data-device=phone] .bookmarks-toolbar{flex-wrap:nowrap;overflow-x:auto;padding:8px 14px 4px;scrollbar-width:none}html[data-device=phone] .bookmarks-toolbar>*{flex:none}html[data-device=phone] .bookmarks-toolbar .spacer,html[data-device=phone] .bookmarks-view .label{display:none}html[data-device=phone] .bookmark-main{height:auto;padding:8px 14px 24px}html[data-device=phone] .bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-device=phone] .bookmark-tile{padding:10px}html[data-device=phone] .bookmark-tile .card-arabic{font-size:17px}html[data-device=phone] .bookmark-tile .card-quote{font-size:14px}html[data-device=phone] .bookmark-verse,html[data-device=phone] .bookmark-word{grid-column:auto}html[data-device=phone] .masonry>.bookmark-quote:has(.quote-card[data-shape=wide]){grid-column:auto}html[data-device=phone] .group-grid{grid-template-columns:1fr}html[data-device=phone] .hatim-header .pace,html[data-device=phone] .hatim-header .last-read{display:none}html[data-device=phone] .hatim-header{gap:8px}html[data-device=phone] .hatim-header button.ayatloom-prominent{padding-inline:12px}html[data-device=phone] .hatim-header .rate select{padding-inline:6px 2px}html[data-device=phone] .hatim-header .who{flex:1;min-width:0;overflow:hidden}html[data-device=phone] .hatim-header .who b,html[data-device=phone] .hatim-header .who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-device=phone] .hatim-header .pace-line{display:block;order:10;flex-basis:100%;margin:0;color:var(--text-secondary);text-align:start;font-size:12px}html[data-device=phone] .hatim-header .pace-line b{color:var(--gold);font-weight:600}html[data-device=phone] .stats-page{padding:16px}html[data-device=phone] .stats .stats-head{flex-wrap:wrap;row-gap:2px}html[data-device=phone] .stats .stats-head b,html[data-device=phone] .stats .stats-streak b{flex:0 0 auto;white-space:nowrap}html[data-device=phone] .stats .pace-pills{display:none}html[data-device=phone] .stats .pace-line{display:block;margin:0;color:var(--text-secondary);font-size:12px}html[data-device=phone] .stats .pace-line b{color:var(--gold);font-weight:600}html[data-device=phone] .stats .stat-boxes.week{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}html[data-device=phone] .stats .stat-boxes.week .line,html[data-device=phone] .stats .stat-boxes.week small{white-space:normal}html[data-device=phone] .stats .zaman-header .month-stepper{margin-left:auto}html[data-device=phone] .stats .month-column{max-width:326px}html[data-device=phone] .stats .month-days{grid-template-columns:repeat(7,minmax(0,44px))}html[data-device=phone] .stats .month-days .day{font-size:14px}html[data-device=phone] .stats .month-labels,html[data-device=phone] .stats .year-days{gap:2px;grid-template-columns:repeat(var(--weeks),minmax(0,10px))}html[data-device=phone] .stats .weekday-labels{gap:2px}html[data-device=phone] .stats .year-footer{flex-wrap:wrap;row-gap:6px}html[data-device=phone] .stats .theme-name{flex-basis:110px}html[data-device=phone] .stats .theme-axis{margin-left:120px}html[data-device=phone] :is(.quotes-page-toolbar,.groups-toolbar,.group-toolbar){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-inline:14px}html[data-device=phone] :is(.quotes-page-toolbar,.groups-toolbar,.group-toolbar)::-webkit-scrollbar{display:none}html[data-device=phone] :is(.quotes-page-toolbar,.groups-toolbar,.group-toolbar)>*{flex:none}html[data-device=phone] :is(.quotes-page-toolbar,.groups-toolbar,.group-toolbar) .spacer{display:none}html[data-device=phone] :is(.quotes-page-toolbar,.groups-toolbar,.group-toolbar) :is(button,.fb-seg button){white-space:nowrap}html[data-device=phone] .groups-toolbar .share-search{order:0;width:160px}html[data-device=phone] .groups-toolbar .place-search-box{width:170px}html[data-device=phone] .group-toolbar>.fb-seg{max-width:none;overflow:visible}html[data-device=phone] .group-toolbar>.fb-seg button{flex:none}html[data-device=phone] :is(.quotes-page-toolbar,.groups-toolbar,.group-toolbar,.bookmarks-toolbar) .menu{position:fixed;top:auto;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));left:12px;max-height:60vh;min-width:0;overflow-y:auto}html[data-device=phone] .groups-toolbar .place-pop{position:fixed;top:auto;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));left:12px;max-height:40vh;overflow-y:auto}html[data-device=phone] .shell[data-phone-root=false] .column[data-active=true]>.column-header{padding-left:108px;padding-right:108px}html[data-device=phone] .shell[data-phone-root=true]:not([data-section=today],[data-section=search],[data-section=questions]) .column[data-active=true]>.column-header,html[data-device=phone] .phone-hub .phone-large-title{padding-left:66px}html[data-device=phone] .phone-theme{display:flex;flex-direction:column;gap:10px;margin:0 16px 10px;padding:12px;border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:14px;background:var(--charcoal-elevated)}html[data-device=phone] .phone-theme-modes{display:flex;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:10px}html[data-device=phone] .phone-theme-modes button{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;min-height:44px;color:var(--text-primary);font-size:15px;font-weight:500}html[data-device=phone] .phone-theme-modes button.on{background:var(--gold);color:var(--on-gold);font-weight:700}html[data-device=phone] .phone-theme-color{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--gold);text-align:left}html[data-device=phone] .phone-theme-dot{width:22px;height:22px;flex:none;border:1px solid rgb(var(--wash-rgb) / .25);border-radius:999px}html[data-device=phone] .phone-theme-name{flex:1;color:var(--text-secondary);font-size:16px}html[data-device=phone] .phone-theme-name b{color:var(--text-primary)}html[data-device=phone] .phone-theme-change{font-size:15px;font-weight:600}html[data-device=phone] .phone-theme-sheet{padding:4px 16px 24px}html[data-device=phone] .phone-theme-sheet h2{margin:0 0 12px;font-size:17px}html[data-device=phone] .today-cards-icon{display:grid;place-items:center;align-self:center;width:40px;height:40px;order:4;margin-left:auto;border:1px solid rgb(var(--wash-rgb) / .14);border-radius:999px;background:var(--charcoal-elevated);color:var(--gold)}html[data-device=phone] .today-cards-icon[data-on]{background:var(--gold);color:var(--on-gold)}html:not([data-device=phone]) .today-cards-icon{display:none}.hx-list .hx-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hx-list .hx-kinds button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;padding:4px 12px;border:1px solid rgb(var(--wash-rgb) / 16%);border-radius:999px;color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap}.hx-list .hx-kinds button>span:first-child{overflow:hidden;text-overflow:ellipsis}.hx-kind-count{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.hx-list .hx-kinds button[aria-selected=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold);font-weight:600}.hx-list .hx-kinds button[aria-selected=true] .hx-kind-count{color:var(--on-gold)}@media(hover:none)and (pointer:coarse){.hx-list .hx-kinds button{min-height:44px}}.hx-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 14px;border-bottom:1px solid rgb(var(--wash-rgb) / 5%);text-align:start}.hx-row .title{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.hx-row .title b{font-size:15px;font-weight:600}.hx-row .title small{overflow:hidden;color:var(--text-secondary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.hx-row[aria-current=true]{background:var(--verse-strip)}.hx-no{width:22px;color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.hx-bar{flex:none;width:38px;height:5px;overflow:hidden;border-radius:3px;background:rgb(var(--wash-rgb) / 10%)}.hx-bar i{display:block;height:100%;background:var(--gold)}.hx-body{display:flex;flex-direction:column;gap:26px;padding:22px 26px 40px;font-size:17px;line-height:1.6}.hx-lead,.hx-summary{max-width:680px;margin:0;font-size:19px;line-height:1.6}.hx-note,.hx-note-inline{display:block;margin:4px 0 0;color:var(--text-secondary);font-size:15px}.hx-note-inline{display:inline}.hx-title{display:flex;flex-direction:column;gap:6px}.hx-title h2{margin:0;font-size:30px;line-height:1.2;text-wrap:balance}.hx-title h2 small{color:var(--text-secondary);font-size:17px;font-weight:500}.hx-arabic{color:var(--gold);font-family:var(--arabic-font);font-size:38px;line-height:1.2}.hx-meta{margin:0;color:var(--text-secondary);font-size:15px}.hx-meta b{color:var(--text-primary);font-weight:600}.hx-block{display:flex;flex-direction:column;gap:10px}.hx-block-head{display:flex;align-items:center;gap:10px}.hx-block-head h3,.hx-disputes h3{margin:0;font-size:19px}.hx-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:6px;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:middle}.hx-badge[data-layer=quran]{background:var(--verse-strip);color:var(--gold-muted)}.hx-badge[data-layer=common]{background:var(--note-strip);color:var(--note-accent)}.hx-badge[data-layer=narration]{border:1px dashed var(--text-secondary);color:var(--text-secondary)}.hx-badge[data-layer=disputed]{border:1.5px solid var(--accent2);color:var(--text-primary)}.hx-badge[data-layer=disputed] span{color:var(--accent2)}.hx-badge[data-layer=none]{background:rgb(var(--wash-rgb) / 7%);color:var(--text-secondary)}.hx-ref{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:1px 10px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}.hx-ref[data-link=nuzul]{border-style:dashed}.hx-ref:hover{background:var(--gold);color:var(--on-gold)}.hx-ref:hover .hatim-mark{color:inherit}.hx-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.hx-facts{width:100%;border-collapse:collapse}.hx-facts th,.hx-facts td{padding:10px 8px;border-bottom:1px solid rgb(var(--wash-rgb) / 7%);text-align:start;vertical-align:top}.hx-facts th{width:170px;color:var(--text-secondary);font-size:15px;font-weight:500}.hx-panel{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:16px;background:var(--charcoal-elevated)}.hx-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.hx-legend{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--text-secondary);font-size:13px}.hx-legend i{display:inline-block;width:14px;height:10px;border-radius:3px;vertical-align:middle}.hx-legend i[data-kind=prophet]{background:var(--gold)}.hx-legend i[data-kind=named]{border:1.5px solid var(--gold)}.hx-legend i[data-kind=unnamed]{border:1.5px dashed var(--text-secondary)}.hx-textalt{margin:0;padding-top:8px;border-top:1px dashed rgb(var(--wash-rgb) / 14%);color:var(--text-secondary);font-size:14px;line-height:1.6}.hx-textalt b{color:var(--text-primary)}.hx-tree-line{fill:none;stroke:var(--text-secondary);stroke-width:1.5}.hx-node rect{fill:var(--charcoal-elevated);stroke:var(--gold);stroke-width:1.5}.hx-node[data-kind=unnamed] rect{stroke:var(--text-secondary);stroke-dasharray:5 4}.hx-node[data-kind=prophet] rect{fill:var(--gold);stroke:var(--gold)}.hx-node-name{fill:var(--text-primary);font-size:14px;font-weight:700}.hx-node-sub{fill:var(--text-secondary);font-size:11.5px}.hx-node[data-kind=prophet] text{fill:var(--on-gold)}.hx-node[data-self=true] rect{stroke-width:3}.hx-node[data-link=true]{cursor:pointer}.hx-node[data-link=true]:hover rect,.hx-node[data-link=true]:focus-visible rect{stroke-width:3}.hx-kin{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:15px}.hx-focus{display:flex;flex-direction:column;gap:8px}.hx-focus-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:14px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:16px;text-align:start}.hx-focus-row small{display:block;color:var(--text-secondary);font-size:13px}.hx-focus-row[data-self=true]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.hx-focus-row[data-self=true] small{color:inherit;opacity:.85}.hx-go{margin-inline-start:auto;color:var(--text-secondary);font-size:20px}.hx-map{display:block;max-height:520px}.hx-land{fill:rgb(var(--wash-rgb) / 4%)}.hx-sea{fill:color-mix(in srgb,var(--note-accent) 22%,var(--charcoal));stroke:rgb(var(--wash-rgb) / 22%);stroke-width:.8}.hx-river{fill:none;stroke:color-mix(in srgb,var(--note-accent) 60%,transparent)}.hx-region{fill:var(--text-secondary);font-weight:600;letter-spacing:.14em;opacity:.75}.hx-route{fill:none;stroke:var(--gold);stroke-linecap:round}.hx-step circle{fill:var(--gold)}.hx-step text{fill:var(--on-gold);font-weight:700}.hx-pin circle{fill:var(--gold);stroke:var(--charcoal);stroke-width:1}.hx-pin text{fill:var(--text-primary);font-weight:600;paint-order:stroke;stroke:var(--charcoal);stroke-width:3px}.hx-pin[data-link=true]{cursor:pointer}.hx-events{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.hx-events li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;padding-bottom:16px}.hx-events li:before{position:absolute;top:28px;bottom:0;left:14px;width:2px;background:rgb(var(--wash-rgb) / 12%);content:""}.hx-events li:last-child:before{display:none}.hx-events p{margin:0 0 4px}.hx-dot{z-index:1;display:grid;width:30px;height:30px;place-items:center;border:2px solid var(--gold);border-radius:50%;background:var(--charcoal);color:var(--gold);font-size:13px;font-weight:700}.hx-when{color:var(--text-secondary);font-size:14px}.hx-chips{display:flex;flex-wrap:wrap;gap:8px}.hx-chip{min-height:36px;padding:4px 14px;border:1px solid rgb(var(--wash-rgb) / 14%);border-radius:999px;background:var(--charcoal-elevated);color:var(--text-primary);font-size:15px}.hx-chip.small{min-height:26px;padding:1px 10px;font-size:13px}.hx-chip[data-adopt=true]{border-style:dashed;border-color:var(--gold);color:var(--gold);font-weight:600}.hx-chip:hover{border-color:var(--gold)}.hx-disputes{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border:1.5px solid var(--accent2);border-radius:14px;background:var(--charcoal-elevated)}.hx-disputes p{margin:0;font-size:16px}.hx-lesson{margin:0;padding:14px 16px;border-radius:14px;background:var(--verse-strip)}.hx-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.hx-side{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px}.hx-side[data-side="0"]{border:2px solid var(--gold)}.hx-side[data-side="1"]{border:2px dashed var(--accent2)}.hx-sources,.hx-trust{margin:0;color:var(--text-secondary);font-size:14px}.hx-trust{padding-top:12px;border-top:1px solid rgb(var(--wash-rgb) / 10%)}.hx-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hx-tile{display:flex;min-width:0;min-height:132px;flex-direction:column;gap:6px;padding:14px;border:1px solid rgb(var(--wash-rgb) / 10%);border-radius:16px;background:var(--charcoal-elevated);color:var(--text-primary);text-align:start}.hx-tile[data-wide=true]{grid-column:span 2}.hx-tile:hover{border-color:var(--gold)}.hx-tile-title{font-size:16px;font-weight:600}.hx-tile-count{color:var(--gold);font-size:30px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hx-tile-sample{color:var(--text-secondary);font-size:13px}html[data-style=b] .hx-tile,html[data-style=b] .hx-panel{border-radius:20px}.hx-prophets-head h3,.hx-disputed-head h3{margin:0;font-size:22px;line-height:1.25}.hx-prophets-head p,.hx-disputed-head p{margin:4px 0 0;color:var(--text-secondary);font-size:15px}.hx-order{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:22px 0;margin:14px 0 0;padding:0;list-style:none}.hx-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 4px;text-align:center}.hx-stop:before{position:absolute;top:19px;right:0;left:0;height:1px;background:rgb(var(--wash-rgb) / 16%);content:""}.hx-stop-no{z-index:1;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--gold);color:var(--on-gold);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.hx-stop[data-disputed=true] .hx-stop-no{border:2px dashed var(--gold);background:var(--charcoal-elevated);color:var(--gold)}.hx-stop-name{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.25}.hx-stop-name:hover{color:var(--gold)}.hx-stop-when,.hx-stop-where{color:var(--text-secondary);font-size:13px;line-height:1.35}.hx-stop-where{color:var(--note-accent)}.hx-stop-people{padding:1px 8px;border-radius:6px;background:var(--note-strip);color:var(--note-accent);font-size:12.5px;font-weight:600;line-height:1.5}.hx-stop-ref{color:var(--gold);font-size:14px;font-weight:600}.hx-disputed{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr);align-items:center;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid rgb(var(--wash-rgb) / 16%)}.hx-disputed .hx-order{margin:0;padding-left:18px;border-left:1px solid rgb(var(--wash-rgb) / 16%)}@media(max-width:760px){.hx-order{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.hx-disputed{grid-template-columns:1fr}.hx-disputed .hx-order{padding-left:0;border-left:0}}.hx-siyer-mark{cursor:pointer}.hx-siyer-label{fill:var(--text-primary);font-size:13px;font-weight:600}.hx-siyer-sub{fill:var(--gold);font-size:12px}.hx-siyer-sub[data-none=true]{fill:var(--text-secondary)}.hx-leader{stroke:rgb(var(--wash-rgb) / 18%);stroke-width:1}.hx-axis{stroke:rgb(var(--wash-rgb) / 30%);stroke-width:2}.hx-tick{fill:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.hx-band[data-period=before]{fill:rgb(var(--wash-rgb) / 8%)}.hx-band[data-period=mecca]{fill:var(--accent2)}.hx-band[data-period=medina]{fill:var(--gold)}.hx-band-label{fill:var(--on-gold);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hx-band-label[data-period=before]{fill:var(--text-secondary)}.hx-hijra{stroke:var(--text-primary);stroke-width:2.5}.hx-dot{fill:var(--charcoal-elevated);stroke:var(--gold);stroke-width:2}circle.hx-dot{fill:var(--charcoal-elevated)}.hx-diamond{fill:var(--text-primary);stroke:var(--charcoal);stroke-width:1.5}.hx-siyer-mark:hover .hx-siyer-label,.hx-siyer-mark:focus-visible .hx-siyer-label{fill:var(--gold)}.hx-terrain path,.hx-terrain ellipse{fill:none;stroke:var(--text-secondary);stroke-width:1.3;opacity:.7}.hx-terrain .hx-well{fill:color-mix(in srgb,var(--note-accent) 35%,transparent);stroke:var(--note-accent)}.hx-terrain .hx-trench{stroke-dasharray:8 5;stroke-width:2;opacity:1}.hx-terrain .hx-city{fill:rgb(var(--wash-rgb) / 8%);stroke:var(--text-secondary)}.hx-terrain .hx-wadi{stroke:color-mix(in srgb,var(--note-accent) 60%,transparent);stroke-width:6;opacity:.6}.hx-terrain-label{fill:var(--text-secondary);font-size:12.5px;font-weight:600;letter-spacing:.04em}.hx-unit{transition:opacity .3s}.hx-unit rect{stroke-width:2}.hx-unit[data-side="0"] rect{fill:var(--gold);stroke:var(--gold)}.hx-unit[data-side="0"] text{fill:var(--on-gold)}.hx-unit[data-side="1"] rect{fill:url(#hx-hatch);stroke:var(--accent2)}.hx-unit[data-side="1"] text{fill:var(--text-primary);paint-order:stroke;stroke:var(--charcoal-elevated);stroke-width:4px}.hx-unit text{font-size:13px;font-weight:700}.hx-hatch-bg{fill:var(--charcoal-elevated)}.hx-hatch-line{stroke:var(--accent2);stroke-width:3}.hx-move{fill:none;stroke-width:2.6}.hx-move[data-side="0"]{stroke:var(--gold)}.hx-move[data-side="1"]{stroke:var(--accent2);stroke-dasharray:8 5}.hx-arrowhead{fill:var(--text-primary)}.hx-move-label{fill:var(--text-primary);font-size:12.5px;font-weight:700;paint-order:stroke;stroke:var(--charcoal-elevated);stroke-width:4px}.hx-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hx-stepbtn,.hx-stepdot{min-width:44px;min-height:44px;border:1px solid rgb(var(--wash-rgb) / 14%);background:var(--charcoal-elevated);color:var(--text-primary);font-size:16px;font-weight:700}.hx-stepbtn{border-radius:12px;font-size:20px}.hx-stepbtn:disabled{opacity:.4}.hx-stepdot{border-radius:999px}.hx-stepdot[aria-current=step]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.hx-stepcap{min-height:52px;margin:0;font-size:17px}@media(prefers-reduced-motion:reduce){.hx-unit{transition:none}}@media(max-width:1100px){.hx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hx-body{padding:16px}.hx-tiles{grid-template-columns:1fr}.hx-tile[data-wide=true]{grid-column:auto}.hx-facts th,.hx-facts td{display:block;width:auto;padding:4px 0;border:0}.hx-facts tr{display:block;padding:8px 0;border-bottom:1px solid rgb(var(--wash-rgb) / 7%)}}.hx-full-btn{align-self:flex-end;min-height:32px;padding:3px 12px;border:1px solid rgb(var(--wash-rgb) / 16%);border-radius:999px;color:var(--text-primary);font-size:13px;font-weight:600}.hx-full-btn:hover{border-color:var(--gold);color:var(--gold)}.hx-panel[data-full=true]{position:fixed;z-index:1000;inset:0;overflow:auto;padding:max(16px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));border:0;border-radius:0;background:var(--charcoal)}.hx-panel[data-full=true] .hx-full-btn{position:sticky;top:0;z-index:2;min-height:44px;background:var(--charcoal-elevated)}.hx-panel[data-full=true] .hx-map{max-height:calc(100vh - 140px)}.hx-textalt,.hx-note,.hx-disputes p,.hx-lesson,.hx-events p{max-width:900px}