:root{--charcoal: #1a1c1f;--charcoal-elevated: #242629;--charcoal-soft: #2e3033;--gold: #c4a673;--gold-muted: #9e855c;--text-primary: #ede8db;--text-secondary: #b2ad9e;--verse-strip: #3b3321;--note-accent: #9eb5d6;--note-strip: #262e3b;--quote-accent: #8cc2a6;--quote-strip: #21332b;--danger: #c43d3d;--on-gold: #000000;--on-danger: #ffffff;--arabic-font: "Scheherazade New", serif}*,*: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(255 255 255 / 6%)}.column:last-child{border-inline-end:0}.column-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--charcoal);border-bottom:1px solid rgb(255 255 255 / 6%);font-weight:600}.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{display:block;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(255 255 255 / 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[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[data-dragging]{opacity:.45}.nav-item .pill{flex:none;padding:2px 7px;border-radius:999px;background:#ffffff0f;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{padding-top:10px;border-top:1px solid rgb(255 255 255 / 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 .avatar{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--gold);color:var(--on-gold);font-size:12px;font-weight:700}.sidebar-dock .who{min-width:0}.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(255 255 255 / 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(255 255 255 / 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{padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 5%)}.ayah-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ayah-top .no{width:28px;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;font-size:12px}.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:10px 14px;direction:rtl}.word{display:flex;flex-direction:column;align-items:center;gap:2px}.word .ar{font-family:var(--arabic-font);line-height:1.4}.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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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-search input,.sidebar-dock .who,.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 .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(255 255 255 / 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(255 255 255 / 12%);border-radius:7px;background:var(--charcoal-elevated);color:var(--text-primary);font:inherit}.segmented{display:inline-flex;overflow:hidden;border:1px solid rgb(255 255 255 / 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(255 255 255 / 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[data-locked=true]{opacity:.35}.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(255 255 255 / 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{padding:12px 16px 4px}.quote-new-button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid rgb(196 166 115 / 35%);border-radius:999px;color:var(--gold);font-size:12px;font-weight:600}.quote-filters{display:flex;overflow-x:auto;gap:8px;padding:0 16px 8px;scrollbar-width:none}.quote-filters button{flex:none;padding:6px 10px;border:1px solid rgb(196 166 115 / 30%);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:#c4a67338}.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:start;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 rgb(196 166 115 / 35%);border-radius:12px;background:var(--charcoal-elevated);cursor:pointer;text-align:center}.quote-card .mark{width:22px;height:22px;color:#c4a67399}.quote-card .body{display:-webkit-box;overflow:hidden;margin: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 rgb(196 166 115 / 35%);border-radius:999px;background:var(--charcoal-soft);color:var(--text-primary);font-size:10px;font-weight:600;white-space:nowrap}.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)}.share-anchor{position:relative}.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(255 255 255 / 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 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(255 255 255 / 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{width:100px;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}.bookmarks-split{display:grid;grid-template-columns:210px 1px minmax(0,1fr);height:calc(100% - 48px);min-height:0;background:var(--charcoal)}.bookmarks-split:before{grid-column:2;grid-row:1;background:#c4a6731a;content:""}.bookmark-filters{display:flex;overflow-y:auto;flex-direction:column;align-items:stretch;gap:14px;grid-column:1;grid-row:1;padding:14px}.bookmark-filters hr{width:100%;margin:0;border:0;border-top:1px solid rgb(196 166 115 / 12%)}.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(255 255 255 / 10%);border-radius:6px;background:#ffffff0d;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(255 255 255 / 10%);border-radius:8px;background:var(--charcoal-elevated);box-shadow:0 10px 28px #00000073}.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(255 255 255 / 10%)}.kind-checks{display:flex;flex-direction:column;gap:6px}.kind-check{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;text-align:start}.kind-check .box{flex:none;box-sizing:border-box;width:12px;height:12px;border:1.5px solid var(--kind-color);border-radius:3px}.kind-check[aria-pressed=true] .box{background:var(--kind-color)}.kind-check .name{flex:1}.kind-check[data-empty=true] .name{color:#a3a3a399}.kind-check .count{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.clear-filter{align-self:flex-start;color:var(--gold);font-size:12px}.bookmark-main{display:flex;overflow-y:auto;flex-direction:column;gap:10px;grid-column:3;grid-row:1;min-width:0;padding:14px 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)}.masonry{display:flex;align-items:flex-start;gap:12px}.masonry-column{display:flex;flex:1 1 0;flex-direction:column;gap:12px;min-width:0}.bookmark-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgb(196 166 115 / 12%);border-radius:10px;background:var(--charcoal-elevated);cursor:pointer}.bookmark-tile>header{display:flex;align-items:center;justify-content:space-between}.kind-pill{padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--kind-color) 20%,transparent);color:var(--kind-color);font-size:10px;font-weight:700}.bookmark-tile>header button{display:grid;color:var(--gold)}.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}@media(width<=980px){.bookmarks-split{display:block;overflow-y:auto}.bookmark-filters{overflow:visible;border-bottom:1px solid rgb(196 166 115 / 10%)}.bookmark-main{overflow:visible}}.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) 340px}.todo-rail{display:flex;overflow-y:auto;flex-direction:column;padding:12px 0 10px;border-inline-end:1px solid rgb(46 48 51 / 85%);background:var(--charcoal-elevated)}.todo-rail hr{width:calc(100% - 24px);margin:8px 12px;border:0;border-top:1px solid rgb(46 48 51 / 70%)}.todo-rail .spacer{flex:1;min-height:8px}.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:#c4a67324;color:var(--text-primary)}.todo-pane[data-on=true] svg,.todo-pane[data-on=true] .count{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-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:after{position:absolute;right:0;bottom:0;left:56px;height:1px;background:#2e30337f;content:""}.todo-row:hover{background:#26282a8c}.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-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(255 255 255 / 8%);border-radius:8px;background:#ffffff12;color:var(--gold)}.todo-add:focus-within{border-color:#c4a6737f}.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{display:flex;flex-direction:column;min-height:0;border-inline-start:1px solid rgb(46 48 51 / 85%);background:var(--charcoal-elevated)}.detail-head{display:flex;align-items:center;gap:10px;padding:14px 16px}.detail-head input{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 rgb(46 48 51 / 70%)}.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(255 255 255 / 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)}.todo-menu .check{display:grid;width:16px;place-items:center}.todo-menu hr{margin:4px 6px;border:0;border-top:1px solid rgb(255 255 255 / 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(255 255 255 / 6%)}.note-row{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-bottom:1px solid rgb(255 255 255 / 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:#c4a67399;background:#c4a67312}.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(255 255 255 / 12%);border-radius:6px;background:#ffffff0f;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 rgb(196 166 115 / 27%)}.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(255 255 255 / 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:176px 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.sort{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:#c4a6731a;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 rgb(196 166 115 / 55%);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:#c4a67373;background:#1c1d1fa6;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 rgb(196 166 115 / 30%);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 rgb(196 166 115 / 12%);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:#000}.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:var(--tint);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:#2a2c2e73}.surah-progress-row[data-current=true]{border-color:#c4a6738c;background:#c4a6731a}.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:#424547}.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:28px 24px 10px}.greeting .date{margin:0;color:var(--text-secondary);font-size:13px}.greeting h1{margin:8px 0;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:600}.greeting .summary{margin:0;max-width:62ch;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:#474747}.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;place-items:center;min-width:96px;min-height:96px;padding:16px;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;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(255 255 255 / 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)}.today .add-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border-radius:8px;background:#ffffff0d;color:var(--gold);font-size:13px;font-weight:600}.letter-group{border-bottom:1px solid rgb(255 255 255 / 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:#c4a6730f;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}.root-row .lemma{flex:none;min-width:44px;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 rgb(196 166 115 / 12%)}.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 rgb(196 166 115 / 12%);border-radius:14px;background:var(--charcoal-elevated)}.root-eyebrow{color:var(--gold-muted);font-size:12px;font-weight:600;text-transform:uppercase}.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}.hero-row{display:flex;align-items:center;gap:20px}.hero-word{display:grid;flex:none;min-width:120px;aspect-ratio:1;padding:18px;place-items:center;border:1.5px solid rgb(196 166 115 / 45%);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-text .meaning{margin:0;color:#ecebe7e5;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:#c4a67359}.root-timeline .medina{position:absolute;top:6px;width:1px;height:28px;background:#c4a67340}.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 transparent;border-radius:8px;background:#00000038;text-align:start}.root-pick-row[data-on=true]{border-color:#c4a6738c;background:#c4a6731f}.root-pick-row.dense{gap:10px}.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:#c4a6732e}.root-pick-row[data-on=true] .dense-bar span{background:#c4a67373}.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{overflow:hidden;border:1px solid rgb(196 166 115 / 12%);border-radius:12px;background:var(--charcoal-elevated);box-shadow:inset 3px 0 0 var(--gold);cursor:pointer}.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 rgb(196 166 115 / 16%)}.root-verse .meal+.meal{margin-top:10px;padding-top:10px;border-top:1px solid rgb(196 166 115 / 18%)}.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:#ffffff0a;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(255 255 255 / 6%)}.todo-rail{flex-flow:row wrap;gap:4px}.todo-detail{border-inline-start:0;border-top:1px solid rgb(255 255 255 / 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 rgb(196 166 115 / 22%);border-radius:999px;color:var(--text-secondary);font-size:12px}.idea-chip[aria-pressed=true]{border-color:var(--gold);background:#c4a67326;color:var(--gold)}.idea-center{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid rgb(196 166 115 / 35%);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:#26282a99}.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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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;opacity:.72}.prayer-hero .scrim{position:absolute;inset:0;background:#0000007a}.prayer-hero-body{position:relative;display:flex;align-items:center;gap:12px;height:100%;padding:18px}.prayer-hero .where{display:grid;gap:6px;flex:1;min-width:0}.prayer-hero .where small{color:var(--text-secondary);font-size:11px}.prayer-hero .where b{color:var(--text-primary);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(--gold);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.prayer-hero .big{color:var(--gold);font-size:38px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.05}.prayer-hero .when small{color:var(--text-secondary);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 #ffffff12}.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,.prayer-list li:has(+li[data-on=true]){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 color-mix(in srgb,var(--gold) 35%,transparent);border-radius:10px;background:color-mix(in srgb,var(--gold) 10%,transparent);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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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}.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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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:#ffffff08;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:10px;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(255 255 255 / 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}.verse-studio button.bordered{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;background:#ffffff1a;color:var(--text-primary);font-size:11px;font-weight:500}.verse-studio button.bordered:hover{background:#ffffff26}.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(255 255 255 / 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:#ffffff17;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(255 255 255 / 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:#00000047}.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(255 255 255 / 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(255 255 255 / 8%);background:var(--charcoal)}.compare-sheet header h2{margin:0;font-size:15px}.compare-sheet section{padding:12px 16px;border-bottom:1px solid rgb(255 255 255 / 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(255 255 255 / 8%)}}.lesson-outline{display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid rgb(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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:#ffffff1a;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(255 255 255 / 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(255 255 255 / 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-head .date-row .lesson-date input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;pointer-events:none}.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(255 255 255 / 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(255 255 255 / 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,.verse-note-cell,.verse-tag-cell{position:relative;padding:8px;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:var(--charcoal)}.note-cell:focus-within,.verse-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:6px}.verse-note-cell{display:grid;gap:4px;padding:10px}.verse-note-cell textarea,.verse-note-cell p{margin:0;font-size:14px;line-height:1.45;white-space:pre-wrap}.verse-tag-cell{display:grid;gap:4px}.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:22px;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(255 255 255 / 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(255 255 255 / 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{min-width:24px;color:var(--gold-muted);font-size:11px;font-variant-numeric:tabular-nums}.outline-list .study-heading .label{font-weight:600}.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(255 255 255 / 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:#ffffff1a;color:var(--text-primary);font-size:11px}.confirm-sheet .sheet-field{width:100%;margin:0 0 14px;padding:7px 9px;border:1px solid rgb(255 255 255 / 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(255 255 255 / 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(255 255 255 / 12%);border-radius:6px;background:#ffffff0f;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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 12%);border-radius:6px;background:#ffffff0f;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(255 255 255 / 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:#26282a7f}.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(255 255 255 / 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:#ffffff14}.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(255 255 255 / 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 button svg{width:18px;height:18px;color:var(--text-secondary)}.settings-menu button[aria-current=page]{background:#c4a57424;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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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}.hatim-start{display:flex;gap:12px;align-items:flex-start}.hatim-start-list{flex:1;max-height:220px;overflow-y:auto;border:1px solid rgb(196 165 116 / 18%);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:#c4a5741f;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(255 255 255 / 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:#2a2c3073;text-align:start}.muezzin[aria-pressed=true]{border-color:var(--gold);background:#1a1c1f8c}.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 rgb(196 165 116 / 45%);border-radius:999px;color:var(--gold);font-size:12px;font-weight:700}.muezzin[aria-pressed=true] .muezzin-avatar{border-color:var(--gold);background:#c4a57424}.muezzin-avatar svg{width:14px;height:14px}.adhan-list{padding:0 12px;border-radius:10px;background:#1a1c1f73}.adhan-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgb(255 255 255 / 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 rgb(196 165 116 / 45%);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:#c4a57414;color:var(--gold);font-size:11px;font-weight:600}.adhan-preview[data-playing=true]{background:#c4a5742e}.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}.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]{color:var(--gold)}.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(255 255 255 / 6%)}.fb-split.admin{grid-template-columns:320px minmax(0,1fr)}.fb-list{overflow-y:auto;padding:10px;border-right:1px solid rgb(255 255 255 / 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(255 255 255 / 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(255 255 255 / 6%)}.fb-composer textarea,.fb-form input,.fb-form textarea{flex:1;padding:8px;border:1px solid rgb(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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-status{display:flex;align-items:center;gap:8px;margin:0 0 10px}.share-status small{color:var(--text-secondary);font-size:11px}.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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 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}@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)}.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-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{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{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.landing-guest:hover{color:var(--gold)}.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,.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-root-letters{font-size:34px}}.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}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(255 255 255 / 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.sort{padding-top:4px}.search-rail .scope-row{gap:6px;min-height:32px;padding:5px 10px;border:1px solid rgb(255 255 255 / 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){.bookmark-filters{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px}.bookmark-filters>.panel-label{margin:0}.bookmark-filters>hr,.bookmark-filters>.kind-checks,.bookmark-filters>.kind-checks+.panel-label,.bookmark-filters>.segmented,.bookmark-filters>.clear-filter{grid-column:1 / -1}.bookmark-filters>.kind-checks{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}}@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(255 255 255 / 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 .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(255 255 255 / 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(255 255 255 / 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-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:start}.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 rgb(196 166 115 / 25%);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(255 255 255 / 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(255 255 255 / 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}