@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--color-gold-50: #fdf8ec;--color-gold-100: #f8eccc;--color-gold-200: #f0d68e;--color-gold-300: #e8c055;--color-gold-400: #dea72d;--color-gold-500: #c9a84c;--color-gold-600: #a87408;--color-gold-700: #815905;--color-gold-800: #583d04;--color-gold-900: #342402;--color-teal-50: #eff3f1;--color-teal-100: #dde8e2;--color-teal-200: #c0d3c9;--color-teal-300: #99b8a8;--color-teal-400: #6a9382;--color-teal-500: #2d6a4f;--color-teal-600: #265a43;--color-teal-700: #1f4937;--color-teal-800: #18382b;--color-teal-900: #11271e;--color-terra-50: #f6f4f0;--color-terra-100: #eceae3;--color-terra-200: #ddd9cf;--color-terra-300: #c7c1b4;--color-terra-400: #a8a092;--color-terra-500: #8a8174;--color-terra-600: #6e655a;--color-terra-700: #564e45;--color-terra-800: #3f3933;--color-terra-900: #2a2622;--color-query-50: #f8fafc;--color-query-100: #f1f5f9;--color-query-200: #e2e8f0;--color-query-300: #cbd5e1;--color-query-400: #94a3b8;--color-query-500: #64748b;--color-query-600: #475569;--color-query-700: #334155;--color-query-800: #1e293b;--color-query-900: #0f172a;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-user: var(--color-gold-500);--color-user-light: var(--color-gold-100);--color-user-bg: var(--color-gold-50);--color-connection: var(--color-teal-500);--color-connection-light: var(--color-teal-100);--color-query: var(--color-query-500);--color-query-light: var(--color-query-100);--color-query-bg: var(--color-query-50);--color-amber: #e08f00;--color-amber-light: #fff0c2;--color-red: #d93030;--color-red-light: #ffdede;--color-green: #2a9040;--color-green-light: #cbf0d4;--color-link-similar-wording: #5acc6e;--color-link-completes: #9775fa;--color-link-contrast: #f5963a;--color-link-illuminates: #7a8a96;--color-link-tension: var(--color-red);--color-red-50: #fff5f5;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-indigo-500: #6366f1;--color-notes-node: #b8860b;--color-question-ring: #f43f5e;--color-addr-fallback: #3b82f6;--color-tag-fallback: #94a3b8;--color-node-default-dark: rgba(148, 163, 184, .3);--color-node-default-light: rgba(100, 116, 139, .35);--color-node-dimmed-dark: rgba(148, 163, 184, .08);--color-node-dimmed-light: rgba(100, 116, 139, .08);--color-node-highlight-dark: #4abe8a;--color-node-highlight-light: #2d6a4f;--color-makki: #38bdf8;--color-madani: var(--color-amber);--color-badge-muted: #94a3b8;--color-surface: var(--bg-primary);--color-structure-refrain: #8b5cf6;--color-structure-chiasm: #ec4899;--color-structure-narrative-cluster: #f97316;--color-structure-parallel: #14b8a6;--color-structure-custom: #6b7280;--color-tense-past: #f59e0b;--color-tense-present: #14b8a6;--color-tense-imperative: #8b5cf6;--color-divine-name: #c9a84c;--color-divine-name-light: #fdf0d0;--color-echo: #f97316;--color-particle-consequence: #94a3b8;--color-particle-assertion: var(--color-divine-name);--color-particle-temporal: #3b82f6;--color-particle-negation: var(--color-red);--color-section-introduction: #3b82f6;--color-section-argument: #f59e0b;--color-section-narrative: #14b8a6;--color-section-law: #8b5cf6;--color-section-closing: #6b7280;--color-section-custom: #94a3b8;--font-arabic: "Amiri", "Traditional Arabic", serif;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-arabic-lg: 1.75rem;--text-arabic-xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-arabic: 2.2;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--touch-min: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--border-width: 1px;--border-color: var(--color-neutral-200);--shadow-sm: 0 1px 2px rgba(60, 45, 30, .04), 0 1px 3px rgba(60, 45, 30, .05);--shadow-md: 0 2px 4px rgba(60, 45, 30, .04), 0 6px 16px -4px rgba(60, 45, 30, .08);--shadow-lg: 0 4px 8px rgba(60, 45, 30, .05), 0 16px 32px -8px rgba(60, 45, 30, .1);--shadow-xl: 0 8px 16px rgba(60, 45, 30, .06), 0 28px 56px -12px rgba(60, 45, 30, .14);--shadow-focus-gold: 0 0 0 3px rgba(201, 168, 76, .2);--shadow-focus-terra: 0 0 0 3px rgba(168, 63, 40, .22);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .6);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-nav: 700;--color-bg: #1c1814;--color-bg-elevated: #24201a;--color-bg-surface: #2e2820;--color-bg-overlay: rgba(255,255,255,.04);--color-text: #e8e0d4;--color-text-muted: #8a7d6e;--color-text-faint: #5a4e42;--color-gold: #c9a84c;--color-gold-dim: rgba(201,168,76,.15);--color-teal: #4a9d8f;--color-teal-dim: rgba(74,157,143,.12);--color-border: rgba(255,255,255,.08);--color-border-gold: rgba(201,168,76,.25);--color-cream: #f2ece3;--nav-width-desktop: 60px;--bg-primary: #faf8f4;--bg-secondary: #f4f2ee;--bg-raised: #ffffff;--text-primary: #1c1a17;--text-secondary: #5c5446;--text-muted: #a09880;--border-color: #ede9e1;--accent: #2d6a4f;--danger: var(--color-red-600);--map-canvas-bg: #f5f0e8;--popup-bg: var(--bg-raised);--popup-bg-alt: var(--bg-secondary);--popup-border: var(--border-color);--popup-text: var(--text-primary);--popup-subtle: var(--text-secondary);--popup-muted: var(--text-muted);--pattern-opacity: .06;--pattern-size: 72px;--nav-height-mobile: 56px;--nav-height-desktop: 40px;--editor-collapsed-height: 48px;--content-max-width: 1280px;--nav-blur: 14px}[data-theme=dark]{--bg-primary: #15120e;--bg-secondary: #110f0c;--bg-raised: #1c1916;--text-primary: #ece8e0;--text-secondary: #b3a994;--text-muted: #786f5d;--border-color: #2a2520;--accent: #4abe8a;--danger: var(--color-red-400);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .5), 0 4px 8px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .6), 0 8px 12px -6px rgba(0, 0, 0, .35);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .06);--map-canvas-bg: var(--color-bg);--pattern-opacity: .07}[data-theme=light]{--color-bg: #ffffff;--color-bg-elevated: #f8f9fa;--color-bg-surface: #f1f3f5;--color-bg-overlay: rgba(0,0,0,.04);--color-text: #0f172a;--color-text-muted: #64748b;--color-text-faint: #94a3b8;--color-gold: #a07828;--color-gold-dim: rgba(160,120,40,.1);--color-teal: #2d7a6e;--color-teal-dim: rgba(45,122,110,.1);--color-border: rgba(0,0,0,.08);--color-border-gold: rgba(160,120,40,.25);--bg-primary: #faf8f4;--bg-secondary: #f4f2ee;--bg-raised: #ffffff;--text-primary: #1c1a17;--text-secondary: #5c5446;--text-muted: #a09880;--border-color: #ede9e1;--accent: #2d6a4f;--danger: var(--color-red-600);--popup-bg: var(--bg-raised);--popup-bg-alt: var(--bg-secondary);--popup-border: var(--border-color);--popup-text: var(--text-primary);--popup-subtle: var(--text-secondary);--popup-muted: var(--text-muted);--map-canvas-bg: #faf8f5;--shadow-sm: 0 1px 3px rgba(15,23,42,.06);--shadow-md: 0 4px 8px -1px rgba(15,23,42,.1), 0 2px 4px -2px rgba(15,23,42,.06);--shadow-lg: 0 10px 20px -3px rgba(15,23,42,.12), 0 4px 8px -4px rgba(15,23,42,.06);--shadow-xl: 0 20px 30px -5px rgba(15,23,42,.14), 0 8px 12px -6px rgba(15,23,42,.08);--shadow-inset-top: inset 0 1px 0 rgba(255,255,255,.8);--shadow-focus-gold: 0 0 0 3px rgba(201, 168, 76, .15);--pattern-opacity: .05}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;min-height:100vh;min-height:100dvh}[dir=rtl],.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:var(--leading-arabic)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.01em}h4,h5,h6{font-family:var(--font-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-lg)}a{color:var(--color-gold-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold-500)}[data-theme=dark] a{color:var(--color-gold-400)}[data-theme=dark] a:hover{color:var(--color-gold-300)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;min-height:var(--touch-min);min-width:var(--touch-min);display:inline-flex;align-items:center;justify-content:center}input,textarea,select{font-family:var(--font-body);font-size:inherit;color:inherit;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--bg-raised);min-height:var(--touch-min);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--shadow-focus-gold)}input::placeholder,textarea::placeholder{color:var(--color-text-faint)}textarea{resize:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.btn-primary{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-body);font-size:14px;letter-spacing:.04em;padding:10px 24px;border-radius:4px;transition:all .2s ease;cursor:pointer}.btn-primary:hover{background:var(--color-gold);color:#0b0906}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-body);font-size:14px;padding:10px 24px;border-radius:4px;transition:all .2s ease;cursor:pointer}.btn-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:20px}.card:hover{border-color:var(--color-border-gold)}.chip{font-family:var(--font-body);font-size:12px;padding:3px 10px;border-radius:20px;border:1px solid var(--color-border-gold);color:var(--color-gold);background:var(--color-gold-dim)}.chip-teal{border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-item{font-family:var(--font-body);font-size:14px;color:var(--color-text-muted);padding:10px 16px;border-radius:4px;transition:all .2s ease}.nav-item:hover{color:var(--color-text);background:var(--color-bg-overlay)}.nav-item.active{color:var(--color-gold);background:var(--color-gold-dim)}.section-title{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);color:var(--color-text);margin-bottom:24px}.empty-state{font-family:var(--font-display);color:var(--color-text-muted);text-align:center}hr{border:none;border-top:1px solid var(--border-color);position:relative;margin:var(--space-8) 0}hr:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);padding:0 var(--space-3);font-size:9px;color:var(--color-gold-400);letter-spacing:.2em;line-height:1}:focus-visible{outline:none;box-shadow:var(--shadow-focus-gold)}::selection{background:#c8900a33;color:var(--text-primary)}[data-theme=dark] ::selection{background:#c8900a47;color:var(--text-primary)}.page-header{padding:24px 40px 20px}.page-label{font-family:var(--font-body);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-terra-700);margin-bottom:10px;margin-top:0}.page-title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--color-text);line-height:1.2;margin:0}.page-title em{font-style:italic;font-weight:400}.page-controls{display:flex;align-items:center;gap:12px;padding:0 40px 20px}.search-wrapper{position:relative;max-width:400px;flex:1}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);font-size:16px;pointer-events:none}.search-input{width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:14px;padding:11px 16px 11px 40px;transition:border-color .2s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#a83f28;box-shadow:0 0 0 3px #a83f281f}.search-input::placeholder{color:var(--color-text-faint);font-style:italic}.export-btn{font-family:var(--font-body);font-size:13px;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:9px 16px;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.export-btn:hover{border-color:#a83f28;color:var(--color-text)}@media(max-width:767px){.page-header{padding:16px 16px 12px}.page-controls{padding:0 16px 16px;flex-wrap:wrap}.search-wrapper{max-width:100%}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;white-space:nowrap}.badge--makki{background:var(--color-gold-100);color:var(--color-gold-700)}[data-theme=dark] .badge--makki{background:color-mix(in srgb,var(--color-gold-500) 15%,transparent);color:var(--color-gold-400)}.badge--madani{background:var(--color-teal-100);color:var(--color-teal-700)}[data-theme=dark] .badge--madani{background:color-mix(in srgb,var(--color-teal-500) 15%,transparent);color:var(--color-teal-400)}.badge--juz{background:var(--color-neutral-100);color:var(--color-neutral-700)}[data-theme=dark] .badge--juz{background:color-mix(in srgb,var(--color-neutral-500) 12%,transparent);color:var(--text-secondary)}.badge--link-type{font-size:var(--text-xs);padding:2px var(--space-2)}.badge--query{background:var(--color-query-100);color:var(--color-query-700)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);border:var(--border-width) solid var(--border-color);background:var(--bg-primary);cursor:pointer;min-height:30px;transition:background var(--transition-fast),border-color var(--transition-fast)}.chip:hover{background:var(--bg-secondary)}.chip--selected{background:var(--color-terra-50);border-color:var(--color-terra-500);color:var(--color-terra-700)}[data-theme=dark] .chip--selected{background:color-mix(in srgb,var(--color-terra-700) 15%,transparent);border-color:var(--color-terra-500);color:var(--color-terra-300)}.chip--theme{border-color:var(--color-terra-300)}.chip--removable:after{content:"×";margin-left:var(--space-1);font-size:var(--text-lg);opacity:.6}.card{background:var(--bg-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast)}.card:hover{border-color:color-mix(in srgb,var(--color-terra-600) 30%,var(--border-color))}.card--user{border-left:3px solid var(--color-terra-500);background:var(--bg-raised)}.card--user:hover{border-left-color:var(--color-terra-600)}.card--imported{border-left:3px solid var(--color-terra-300);opacity:.85}.card--query{border-left:3px solid var(--color-query);background:var(--color-query-bg)}@media(max-width:767px){.card{padding:var(--space-3)}}.nc-composer{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.nc-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.nc-composer__field{padding:11px 13px 9px}.nc-composer__input{display:block;width:100%;box-sizing:border-box;border:none;outline:none;resize:vertical;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;min-height:46px}.nc-composer.is-expanded .nc-composer__input{min-height:220px}.nc-composer__input::placeholder{color:var(--text-muted)}.nc-composer__meta{display:flex;gap:6px;padding:0 13px 9px}.nc-composer__metainput{flex:1;min-width:0;box-sizing:border-box;padding:6px 9px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:12px;outline:none}.nc-composer__metainput:focus{border-color:var(--accent)}.nc-composer__tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 10px;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 45%,transparent)}.nc-composer__tool{flex:0 0 auto;height:26px;min-width:26px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-mono, var(--font-body));font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background .12s,color .12s}.nc-composer__tool:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.nc-composer__tool--b{font-family:var(--font-body);font-weight:800}.nc-composer__tool--i{font-family:var(--font-body);font-style:italic}.nc-composer__toolsep{width:1px;align-self:stretch;margin:2px 4px;background:var(--border-color)}.nc-composer__tools--card{border-top:none;background:transparent;padding:0 0 8px}.nc-composer__foot{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--border-color)}.nc-composer__hint{font-size:10px;line-height:1;color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;flex-shrink:0}.nc-composer__spacer{flex:1}.nc-composer__expand{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;line-height:1;padding:5px 7px;border-radius:var(--radius-sm)}.nc-composer__expand:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nc-composer__cancel{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;padding:6px 10px;border-radius:var(--radius-md)}.nc-composer__cancel:hover{color:var(--text-primary)}.nc-composer__save{border:none;cursor:pointer;background:transparent;color:var(--accent);font-family:var(--font-body);font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.nc-composer__save:hover{background:var(--accent);color:#fff}.nc-composer__save:disabled{opacity:.6;cursor:default}.nc-composer--compact .nc-composer__field{padding:9px 11px 7px}.nc-composer--compact .nc-composer__input{font-size:13.5px;min-height:40px}.nc-composer--compact .nc-composer__tools{padding:5px 8px;gap:3px}.nc-composer--compact .nc-composer__tool{height:24px;min-width:24px;padding:0 7px;font-size:11px}.nc-composer--compact .nc-composer__foot{padding:5px 8px}.nc-composer--compact .nc-composer__save{padding:4px 11px;font-size:11px}.note-card{display:flex;flex-direction:column;gap:var(--space-2)}.note-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.02em}.note-card__meta-author{font-weight:var(--weight-medium);color:var(--text-secondary)}.note-card__meta-sep{opacity:.4}.note-card__text{font-size:var(--text-sm);font-weight:400;line-height:1.6;color:var(--text-primary)}.note-card__arabic-snippet{font-family:var(--font-arabic);font-size:1.4rem;line-height:var(--leading-arabic);text-align:center;direction:rtl;padding:var(--space-3) var(--space-2);color:var(--text-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.note-card__themes{display:flex;flex-wrap:wrap;gap:var(--space-1)}.note-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-color)}.note-card__edited{font-style:italic;color:var(--text-muted);opacity:.75}.note-card__theme-editor{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-2);min-height:28px}.note-card__theme-editor-label{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;margin-right:var(--space-1)}.note-card__theme-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid transparent;cursor:pointer;transition:opacity var(--transition-fast)}.note-card__theme-chip:hover{opacity:.75}.note-card__theme-chip-remove{font-size:13px;line-height:1;opacity:.6}.note-card__theme-add-btn{font-size:var(--text-xs);color:var(--text-muted);background:none;border:1px dashed var(--border-color);border-radius:var(--radius-full);padding:2px 8px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.note-card__theme-add-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.note-card__theme-select{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.mention-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);background:color-mix(in srgb,var(--color-terra-700) 10%,transparent);color:var(--color-terra-800);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}[data-theme=dark] .mention-chip{color:var(--color-terra-500)}.mention-chip:hover{background:color-mix(in srgb,var(--color-terra-700) 18%,transparent);text-decoration:none}.query-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-query-bg);border:var(--border-width) solid var(--color-query-200);border-radius:var(--radius-md);font-size:var(--text-sm)}.query-banner__label{flex:1;color:var(--color-query-700)}.query-banner__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.query-banner__close{color:var(--color-query-500);font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);min-height:var(--touch-min);border:var(--border-width) solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;letter-spacing:.02em;position:relative}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-terra)}.btn--primary{background:transparent;color:var(--color-terra-700);border-color:var(--color-terra-700)}.btn--primary:hover{background:var(--color-terra-800);color:#fff;border-color:var(--color-terra-800)}[data-theme=dark] .btn--primary{color:var(--color-terra-300);border-color:var(--color-terra-700)}[data-theme=dark] .btn--primary:hover{background:var(--color-terra-800);color:#fff}.btn--primary:focus-visible{box-shadow:var(--shadow-focus-terra)}.btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn--secondary:hover{background:color-mix(in srgb,var(--text-primary) 5%,transparent);border-color:color-mix(in srgb,var(--color-terra-500) 35%,var(--border-color))}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:after{content:"";position:absolute;bottom:8px;left:var(--space-4);right:var(--space-4);height:1px;background:var(--color-terra-500);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast)}.btn--ghost:hover{color:var(--text-primary);background:transparent}.btn--ghost:hover:after{transform:scaleX(1)}.btn--gold{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--gold:hover{background:color-mix(in srgb,var(--accent) 88%,#000);border-color:color-mix(in srgb,var(--accent) 88%,#000)}.btn--query{background:var(--color-query-500);color:#fff;border-color:var(--color-query-500)}.btn--query:hover{background:var(--color-query-600);border-color:var(--color-query-600)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:32px;border-radius:var(--radius-full)}.word-chip{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-arabic);font-size:var(--text-arabic-lg);line-height:var(--leading-arabic)}.word-chip:hover,.word-chip:active{background:color-mix(in srgb,var(--accent) 8%,transparent)}.word-chip--selected{background:color-mix(in srgb,var(--accent) 15%,transparent)}.word-chip--tracked-root{background:color-mix(in srgb,var(--accent) 9%,transparent);border-bottom:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.word-chip--root-highlight{background:color-mix(in srgb,var(--color-indigo-500) 15%,transparent);border-bottom:2px solid var(--color-indigo-500);border-radius:var(--radius-sm)}.root-highlight{background:color-mix(in srgb,var(--color-indigo-500) 15%,transparent);border-bottom:2px solid var(--color-indigo-500);border-radius:2px;padding:0 2px;font-family:var(--font-arabic);color:inherit}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-terra-700);opacity:.85;text-transform:uppercase;letter-spacing:.1em;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-terra-700) 40%,var(--border-color)),transparent);background-position:bottom;background-size:100% 1px;background-repeat:no-repeat}.popover{position:absolute;z-index:var(--z-popover);background:var(--bg-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-inset-top);padding:var(--space-4);max-width:320px;width:max-content}.morphology-sheet{left:0}@media(min-width:1100px){.morphology-sheet{left:var(--nav-width-desktop)}}.morphology-popover{min-width:260px}.morphology-popover__arabic{font-family:var(--font-arabic);font-size:var(--text-arabic-lg);color:var(--text-primary);margin-bottom:var(--space-3)}.morphology-popover__row{display:flex;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm)}.morphology-popover__label{color:var(--color-neutral-500);min-width:60px}.morphology-popover__value{color:var(--color-neutral-800);font-weight:var(--weight-medium)}.morphology-popover__source{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) solid var(--border-color)}.morphology-popover__verb-form{padding:var(--space-1) 0}.morphology-popover__form-detail{display:flex;gap:var(--space-2);align-items:baseline;font-size:var(--text-xs);color:var(--color-indigo-500);padding:2px 0 2px 68px}.morphology-popover__features{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--space-1)}.morphology-popover__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center}.morphology-popover__tags{display:flex;gap:4px;flex-wrap:wrap;width:100%;margin-top:var(--space-2)}.morphology-popover__tag-chip{font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-indigo-500) 10%,transparent);color:var(--color-indigo-500);border:1px solid color-mix(in srgb,var(--color-indigo-500) 20%,transparent)}.morphology-popover__input{display:block;width:100%;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.banner--info{background:var(--color-teal-50);color:var(--color-teal-800);border:var(--border-width) solid var(--color-teal-200)}.banner--warning{background:var(--color-amber-light);color:var(--color-gold-800);border:var(--border-width) solid var(--color-gold-300)}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary)}.empty-state__icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.empty-state__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:.01em}.empty-state__desc{font-family:var(--font-display);font-size:var(--text-base);font-weight:400;line-height:1.75;color:var(--text-secondary);margin-bottom:var(--space-4)}.empty-state__cta{display:inline-block;margin-top:var(--space-4);padding:10px 24px;background:transparent;border:1px solid #a83f28;color:#a83f28;border-radius:4px;font-family:var(--font-body);font-size:14px;letter-spacing:.04em;text-decoration:none;transition:background .2s ease,color .2s ease}.empty-state__cta:hover{background:#a83f28;color:#0b0906}.empty-state__text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:1.75;margin-bottom:var(--space-4)}.tags-view__label-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-color);outline:none}.tags-view__label-input:focus{border-color:var(--color-terra-700);box-shadow:var(--shadow-focus-terra)}.tags-view__tag-chip{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-2);background:var(--color-terra-700)15;color:var(--color-terra-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.tags-view__tag-delete{background:none;border:none;color:var(--color-neutral-400);cursor:pointer;font-size:12px;padding:0;line-height:1}.tags-view__tag-delete:hover{color:var(--color-red-500)}.tags-view__add-tag-btn{background:none;border:1px dashed var(--border-color);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-neutral-400);cursor:pointer}.tags-view__add-tag-btn:hover{border-color:var(--color-terra-700);color:var(--color-terra-700)}.tags-view__root-card{transition:box-shadow .15s,background .15s}.tags-view__root-card:hover{box-shadow:var(--shadow-md)}.tags-view__root-card--selected{box-shadow:inset 0 0 0 1px var(--color-teal-600)}.journal-view{max-width:680px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-10)}.journal-view .page-header{padding:24px 0 14px}.journal-view .view-toolbar{margin-bottom:16px}.journal-group{margin-bottom:var(--space-6)}.journal-divider{display:flex;align-items:center;gap:10px;margin-bottom:14px}.journal-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.journal-divider__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}.journal-entry{background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-gold-500);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.journal-entry:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color));box-shadow:var(--shadow-sm)}.journal-entry__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1)}.journal-verse-chip{display:inline-flex;align-items:center;padding:2px 8px;background:color-mix(in srgb,var(--color-teal-500) 10%,transparent);color:var(--color-teal-600);border:1px solid color-mix(in srgb,var(--color-teal-500) 25%,transparent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;line-height:1.4;transition:background var(--transition-fast)}[data-theme=dark] .journal-verse-chip{color:var(--color-teal-400)}.journal-verse-chip:hover{background:color-mix(in srgb,var(--color-teal-500) 20%,transparent)}.journal-entry__surah{font-size:var(--text-sm);color:var(--text-muted)}.journal-entry__time{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.journal-entry__word-badge{display:inline-block;font-size:var(--text-sm);color:var(--text-secondary);direction:rtl}.journal-entry__link-sep{color:var(--text-muted);font-size:var(--text-sm)}.journal-entry__link-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:lowercase}.journal-entry__text{font-family:var(--font-display);font-size:var(--text-base);font-weight:400;line-height:1.8;color:var(--text-primary);margin:var(--space-2) 0 0;white-space:pre-line}.journal-entry__meta{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-1) 0 0}.journal-entry__imported{display:inline-block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1px 6px}.journal-entry__footer{margin-top:var(--space-2);display:flex;justify-content:flex-end}.journal-entry__open-btn{font-size:12px;color:var(--accent);text-decoration:none;font-weight:600;opacity:.85;transition:opacity var(--transition-fast)}.journal-entry__open-btn:hover{opacity:1;text-decoration:underline}.journal-load-more{display:block;width:100%;padding:var(--space-3);margin-top:var(--space-2);background:none;border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color .15s,color .15s}.journal-load-more:hover{border-color:var(--accent);color:var(--accent)}.journal-empty{text-align:center;padding:var(--space-16) var(--space-4)}.journal-empty__icon{font-size:48px;margin-bottom:var(--space-4)}.journal-empty__title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.journal-empty__desc{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--text-secondary);max-width:340px;margin:0 auto var(--space-6);line-height:1.75}@media(max-width:600px){.journal-view{padding:var(--space-3) var(--space-3) var(--space-8)}.journal-entry__time{display:none}}.study-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6)}.study-tab-btn{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.study-tab-btn:hover{color:var(--text-primary)}.study-tab-btn--active{color:var(--color-terra-700);border-bottom-color:var(--color-terra-700);font-weight:var(--weight-semibold)}.study-panel{width:100%}.journal-entry-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border-color);border-left:3px solid transparent;margin-bottom:var(--space-2);cursor:pointer;background:var(--bg-raised);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),border-left-color var(--transition-fast),transform var(--transition-fast)}.journal-entry-row:hover{box-shadow:var(--shadow-md),var(--shadow-inset-top);border-left-color:var(--color-terra-700);transform:translateY(-1px)}.verse-view{max-width:720px}.verse-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.verse-header__title{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-2) 0}.verse-header__surah-link{display:inline-flex;align-items:baseline;gap:var(--space-2);text-decoration:none;color:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.verse-header__surah-link:hover .verse-header__latin{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.verse-header__surah-link:hover .verse-header__arabic{color:var(--accent)}.verse-header__surah-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.verse-header__arabic{font-size:var(--text-3xl)}.verse-header__latin{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);color:var(--text-secondary)}.verse-header__ref{font-size:var(--text-base);color:var(--color-terra-700);font-weight:var(--weight-semibold);letter-spacing:.04em}.verse-header__badges{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.verse-header__nav{display:flex;justify-content:space-between;align-items:center;margin:var(--space-2) 0 var(--space-1)}.verse-nav-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary, rgba(148,163,184,.06));color:var(--text-secondary);font-size:var(--text-xs);text-decoration:none;transition:border-color .15s,color .15s,background .15s;touch-action:manipulation;user-select:none;-webkit-user-select:none;min-height:36px}.verse-nav-btn:hover,.verse-nav-btn:active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.verse-nav-btn__arrow{font-size:1rem;line-height:1}.verse-nav-btn__label{font-variant-numeric:tabular-nums;letter-spacing:.02em}.verse-nav-btn--disabled{opacity:.3;pointer-events:none}.verse-arabic{text-align:right;direction:rtl;padding:var(--space-10) var(--space-8);margin-bottom:var(--space-8);border:none;border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-sm);position:relative}.verse-arabic .arabic{font-size:2.8rem!important;line-height:var(--leading-arabic)!important}[data-theme=dark] .verse-arabic{background:var(--bg-raised)}.surah-view__header{flex-shrink:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-terra-700) 20%,var(--border-color));display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.surah-view__title-wrap{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;flex-wrap:wrap}.surah-view__num{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.surah-view__name{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl)}.surah-view__arabic{font-family:var(--font-arabic);font-size:1.3rem;color:var(--text-secondary)}.surah-view__meta{font-size:var(--text-xs);color:var(--text-muted)}.surah-view__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap}.vv-section{margin-bottom:var(--space-6)}.vv-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);background-image:linear-gradient(to right,var(--color-terra-700),var(--border-color) 40%,transparent);background-position:bottom;background-size:100% 1px;background-repeat:no-repeat}.vv-section__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-terra-700);display:flex;align-items:center;gap:var(--space-2);opacity:.85}.vv-action-link{font-size:var(--text-xs);color:var(--color-terra-700);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:opacity .15s;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.vv-action-link:hover{opacity:.75;text-decoration:underline}.vv-card{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm),var(--shadow-inset-top)}.vv-list{display:flex;flex-direction:column;gap:var(--space-2)}.vv-link-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:border-color .15s;min-height:44px;flex-wrap:wrap}.vv-link-row:hover{border-color:var(--color-terra-700)}.vv-link-row:focus{outline:2px solid var(--color-terra-700);outline-offset:2px}.vv-verse-chip{display:inline-flex;align-items:center;padding:2px var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:border-color .15s}.vv-verse-chip:hover{border-color:var(--color-terra-500);color:var(--color-terra-700)}.vv-theme-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:opacity .15s;min-height:44px}.vv-theme-chip:hover{opacity:.8}.vv-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-base);padding:4px 6px;border-radius:var(--radius-sm);min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.vv-icon-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.vv-icon-btn--danger:hover{color:var(--danger);background:var(--bg-secondary)}.vv-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-muted)}.vv-empty__icon{font-size:32px;display:block;margin-bottom:var(--space-2)}.vv-empty__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-1)}.vv-empty__desc{font-family:var(--font-display);font-size:var(--text-base);font-weight:400;color:var(--text-muted);margin:0 auto;max-width:320px;line-height:1.75}@media(max-width:767px){.vv-card{padding:var(--space-3)}.vv-link-row{padding:var(--space-2)}.vv-theme-chip{font-size:14px}}@media(max-width:375px){.word-chip,.verse-arabic .arabic{font-size:22px}}.btn-add-note{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.verse-header .btn{min-height:44px}.notes-view{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-10)}.notes-view__filters{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.notes-view__filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.notes-view__filter-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;min-width:48px;flex-shrink:0}.notes-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid var(--border-color);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s,border-color .12s;min-height:28px}.notes-chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.notes-chip--toggle{background:var(--bg-secondary)}.notes-chip--toggle.notes-chip--active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent)}.notes-view__clear-filters{align-self:flex-start;padding:4px 10px;font-size:var(--text-xs);font-weight:500;border:1px solid var(--danger);border-radius:var(--radius-full);background:none;color:var(--danger);cursor:pointer;transition:background .12s;min-height:28px}.notes-view__clear-filters:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}body.notes-mode .nav,body.notes-mode .nav--desktop,body.notes-mode .nav-topbar{display:none!important}body.notes-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.notes-studio{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.notes-side{width:268px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px 16px}.notes-main{flex:1;min-width:0;overflow-y:auto}.notes-list{padding:36px 40px 48px}.notes-side__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px}.notes-side__search{margin-bottom:18px}.notes-side__actions{display:flex;gap:8px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.notes-side__lang{flex-shrink:0;font-size:var(--text-xs);font-weight:600}.notes-side__export{flex:1;justify-content:center;text-align:center}.notes-side .notes-view__filters{gap:0;margin-bottom:0}.notes-side .notes-view__filter-row{gap:5px;margin-bottom:18px}.notes-side .notes-view__filter-label{flex-basis:100%;min-width:0;margin-bottom:2px}.notes-side .notes-view__clear-filters{width:100%;justify-content:center;text-align:center}@media(max-width:820px){.notes-studio{flex-direction:column}.notes-side{width:100%;max-height:40vh}}.notes-block{background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid color-mix(in srgb,var(--color-terra-700) 25%,transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-left-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.notes-block:hover{border-left-color:var(--color-terra-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notes-block__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);background:transparent;border-bottom:none;-webkit-user-select:none;user-select:none}.notes-block__verse-chip{display:inline-flex;align-items:center;padding:3px 10px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .1s;min-height:28px}.notes-block__verse-chip:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)}.notes-block__surah{font-size:var(--text-sm);color:var(--text-muted)}.notes-block__section-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;border:1px solid;text-decoration:none;transition:opacity .1s}.notes-block__section-badge:hover{opacity:.75}.notes-block__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.notes-block__chevron{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1)}.notes-block__arabic{padding:var(--space-2) var(--space-4) 0;font-family:var(--font-arabic, "Amiri", serif);font-size:18px;line-height:1.8;color:var(--text-primary);text-align:right;direction:rtl;letter-spacing:.01em}.notes-block__translation{padding:2px var(--space-4) var(--space-2);font-size:var(--text-xs);line-height:1.5;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.notes-block__notes{padding:var(--space-3) var(--space-4)}.notes-block__notes>.card{margin-bottom:var(--space-2)}.notes-block__notes>.card:last-child{margin-bottom:0}.notes-block__expander{padding:0 var(--space-3)}.notes-block__show-more{display:block;width:100%;padding:var(--space-2);background:none;border:none;font-size:var(--text-sm);color:var(--color-terra-700);cursor:pointer;text-align:left;transition:opacity .1s}.notes-block__show-more:hover{opacity:.75}.notes-block__add-wrap{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--border-color)}.notes-block__add-btn{background:none;border:1px dashed var(--border-color);border-radius:var(--radius-md);width:100%;padding:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .12s,color .12s;min-height:40px}.notes-block__add-btn:hover{border-color:var(--color-terra-500);color:var(--color-terra-700)}.notes-inline-form{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.notes-inline-form__textarea{width:100%;min-height:80px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.6;background:var(--bg-primary);color:var(--text-primary);resize:vertical;font-family:inherit;box-sizing:border-box}.notes-inline-form__textarea:focus{outline:none;border-color:var(--color-terra-500)}.notes-inline-form__meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.notes-inline-form__input{flex:1;min-width:120px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.notes-inline-form__input:focus{outline:none;border-color:var(--color-terra-500)}.notes-inline-form__actions{display:flex;gap:var(--space-2);justify-content:flex-end}@media(max-width:600px){.notes-view{padding:var(--space-3) var(--space-3) var(--space-8)}.notes-block__arabic{font-size:16px}.notes-inline-form__meta{flex-direction:column}.notes-inline-form__input{min-width:0}.notes-inline-form__actions{flex-direction:column-reverse}.notes-inline-form__actions .btn{width:100%;min-height:44px}.notes-block__add-btn{min-height:44px}}.themes-list-view{max-width:720px;margin:0 auto;padding:0 0 var(--space-10)}.themes-header{padding:24px var(--space-4) 8px}.themes-count{font-family:var(--font-body);font-size:13px;color:var(--text-muted);padding:0 var(--space-4) 16px;margin:0}.themes-controls{display:flex;align-items:center;gap:16px;padding:0 var(--space-4) 24px}.themes-controls .view-search{max-width:400px;flex:1}.themes-export-btn{font-family:var(--font-body);font-size:13px;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.themes-export-btn:hover{border-color:#a83f28;color:var(--text-primary)}.themes-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4)}.themes-list__no-results{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4) 0}.themes-list__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm),var(--shadow-inset-top);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);min-height:56px}.themes-list__row:hover{box-shadow:var(--shadow-md),var(--shadow-inset-top);transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-terra-500) 40%,var(--border-color))}.themes-list__swatch{width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0;display:inline-block;opacity:.85}.themes-list__name{font-size:var(--text-base);font-family:var(--font-display);font-weight:400;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.themes-list__counts{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.themes-list__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.themes-list__action-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-base);padding:6px 8px;border-radius:var(--radius-sm);min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;transition:color .1s,background .1s}.themes-list__action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.themes-list__action-btn--danger:hover{color:var(--danger)}.themes-list__arrow{color:var(--text-muted);font-size:var(--text-sm)}.themes-list__edit-row{padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}.themes-list__edit-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.themes-list__edit-input:focus{outline:none;border-color:var(--color-terra-500)}.themes-list__color-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.themes-list__color-picker{width:36px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:none}.themes-list__preset-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .1s}.themes-list__preset-swatch:hover{transform:scale(1.15)}.themes-list__preset-swatch--active{outline:2px solid var(--text-primary);outline-offset:2px}.themes-list__edit-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.themes-list__delete-dialog,.theme-detail__delete-dialog{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--danger);border-radius:var(--radius-md)}.themes-list__delete-title{font-weight:600;color:var(--danger);margin:0 0 var(--space-2);font-size:var(--text-sm)}.themes-list__delete-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);line-height:1.6}.themes-list__delete-btns{display:flex;gap:var(--space-2)}.theme-detail-view{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-10)}.theme-detail__header{margin-bottom:var(--space-4)}.theme-detail__title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.theme-detail__swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;display:inline-block}.theme-detail__name{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;flex:1}.theme-detail__header-actions{display:flex;gap:var(--space-1);align-items:center}.theme-detail__meta-row{display:flex;align-items:center;gap:var(--space-3)}.theme-detail__stats{font-size:var(--text-sm);color:var(--text-muted)}.theme-detail__edit-form{padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.theme-detail__edit-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.theme-detail__edit-input:focus{outline:none;border-color:var(--color-terra-500)}.theme-detail__filters{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.theme-detail__filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.theme-detail__verse-list{display:flex;flex-direction:column;gap:var(--space-3)}.theme-verse-card{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.theme-verse-card__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.theme-verse-card__open-link{margin-left:auto;font-size:var(--text-xs);color:var(--color-terra-700);text-decoration:none;font-weight:500;opacity:.8}.theme-verse-card__open-link:hover{opacity:1;text-decoration:underline}.theme-verse-card__arabic{padding:var(--space-2) var(--space-4);font-family:var(--font-arabic, "Amiri", serif);font-size:26px;line-height:1.7;color:var(--text-primary);text-align:right;border-bottom:1px solid var(--border-color)}.theme-verse-card__notes{padding:var(--space-2) var(--space-3)}.theme-verse-card__notes>.card{margin-bottom:var(--space-2)}.theme-verse-card__notes>.card:last-child{margin-bottom:0}@media(max-width:600px){.themes-list-view,.theme-detail-view{padding:var(--space-3) var(--space-3) var(--space-8)}.theme-verse-card__arabic{font-size:22px}.themes-list__counts{display:none}}.surahs-header{padding:24px 0 16px}.surahs-label{font-family:var(--font-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a83f28;margin-bottom:12px;opacity:.85}.surahs-title{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--text-primary);line-height:1.2}.surahs-title em{font-style:italic;font-weight:700}.surahs-view{max-width:960px;margin:0 auto;padding:0 var(--space-4) var(--space-10)}.surahs-view__controls{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.surahs-view .view-search{border-color:#a83f2833}.surahs-view__filter-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.surahs-view__chips{display:flex;gap:var(--space-2)}.surahs-view__chips .chip,.surahs-view__sort-btn,.surahs-view__juz-select{font-family:var(--font-body);font-size:13px;padding:6px 16px;border-radius:4px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;min-height:unset}.surahs-view__chips .chip:hover,.surahs-view__sort-btn:hover{border-color:#a83f28;color:var(--text-primary);background:transparent}.surahs-view__chips .chip--active,.surahs-view__sort-btn--active{background:transparent;border-color:#a83f28;color:#a83f28;font-weight:500}.surahs-view__juz-select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23c9a84c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.surahs-view__juz-select:hover{border-color:#a83f28}.surahs-view__juz-select:focus{outline:none;border-color:#a83f28;box-shadow:0 0 0 3px #a83f281f}.surahs-view__juz-select option{background:var(--bg-raised);color:var(--text-primary)}.surahs-view__sort-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.surahs-view__sort-label{font-family:var(--font-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);margin-right:var(--space-1);opacity:.85}.surah-row{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px var(--space-2);border-bottom:1px solid rgba(168,63,40,.15);border-left:2px solid transparent;text-decoration:none;color:var(--text-primary);transition:border-left-color .15s ease,padding-left .15s ease;background:transparent;border-radius:0;box-shadow:none;text-align:left;min-height:unset}.surah-row:first-child{border-top:1px solid rgba(168,63,40,.15)}.surah-row:last-child{border-bottom:none}.surah-row:hover{background:transparent;border-left-color:#a83f28;padding-left:6px;box-shadow:none;transform:none}.surah-row__num{position:static;transform:none;font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--text-muted);opacity:.6;width:28px;flex-shrink:0;text-align:right;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.surah-row__names{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1;min-width:0}.surah-row__arabic{font-family:var(--font-arabic);font-size:22px;color:var(--text-primary);direction:rtl;line-height:1.4}.surah-row__translit{font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--text-secondary);letter-spacing:0}.surah-row__meta{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0;padding-top:0;margin-top:0;border-top:none;width:auto}.surah-row__verses{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.surah-row__rev{font-size:var(--text-xs);padding:2px 6px}.surah-row__rev--makki{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:3px;font-family:var(--font-body)}.surah-row__rev--madani{background:transparent;color:#4a9d8f;border:1px solid rgba(74,157,143,.35);border-radius:3px;font-family:var(--font-body)}.surah-row__juz{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.surah-row__meta-top{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.surah-row__stats{display:flex;align-items:center;gap:8px;padding-top:0;border-top:none}.surah-row__stat{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:11px;color:var(--text-muted);white-space:nowrap}.surah-row__stat--active{color:var(--text-secondary)}.surah-row__stat--gold{color:#a83f28}.surah-row__stat-icon{font-size:12px;opacity:.7;line-height:1}.surah-row__arrow{font-size:13px;color:var(--text-muted);opacity:0;transition:opacity .15s ease;flex-shrink:0}.surah-row:hover .surah-row__arrow{opacity:1}.surahs-view__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center}.surahs-view__empty-icon{font-size:48px;opacity:.3}.surahs-view__empty-msg{color:var(--text-muted);font-size:var(--text-base);margin:0}@media(max-width:700px){.surahs-view{padding:var(--space-3) var(--space-3) var(--space-8)}.surahs-view__list{grid-template-columns:1fr}.surahs-view__sort-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.surahs-view__sort-row::-webkit-scrollbar{display:none}.surah-row{flex-direction:row;align-items:center;text-align:left;min-height:auto;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.surah-row__names{align-items:flex-start;flex:1}.surah-row__meta{justify-content:flex-start;margin-top:var(--space-1);padding-top:var(--space-1)}.surah-row__num{position:static;transform:none;font-size:var(--text-base);opacity:.6;min-width:2rem;text-align:center;flex-shrink:0;color:var(--color-terra-700)}.surah-row:hover .surah-row__num{opacity:1}.surah-row__arabic{font-size:1.4rem}.surah-row__juz,.surah-row__structs{display:none}}.surah-mode-bar{flex-shrink:0;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;background:var(--bg-secondary)}.surah-mode-bar::-webkit-scrollbar{display:none}.surah-mode-btn{padding:5px 14px;border:1px solid transparent;border-radius:var(--radius-full);background:none;cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);min-height:30px;letter-spacing:.01em}.surah-mode-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.surah-mode-btn--active{background:var(--color-terra-700);color:#fff;font-weight:var(--weight-semibold)}.surah-mode-btn--active:hover{background:var(--color-terra-800);color:#fff}.surah-mode-btn--alawakhir{font-family:var(--font-arabic);font-size:var(--text-sm)}.surah-present-btn{padding:5px 12px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:none;cursor:pointer;font-size:13px;white-space:nowrap;flex-shrink:0;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);min-height:30px}.surah-present-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.surah-view .card:hover{box-shadow:0 0 0 2px var(--color-terra-700)!important}.surah-view .card [style*="color:var(--accent)"]{color:var(--color-terra-800)!important}[data-theme=dark] .surah-view .card [style*="color:var(--accent)"]{color:var(--color-terra-500)!important}.themes-list-view__title,.scholar-list-view__title,.link-view__title,.structures-view__title{display:none}.verse-view details{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-raised);box-shadow:var(--shadow-sm),var(--shadow-inset-top);margin:var(--space-4) 0}.verse-view details summary{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);list-style:none;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.verse-view details summary::-webkit-details-marker{display:none}.verse-view details[open] summary{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.verse-view details summary:hover{background:var(--bg-secondary)}.ws-tab-bar{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:var(--space-5)}.ws-tab-btn{padding:10px 20px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;margin-bottom:-2px;color:var(--text-muted);transition:color .15s,border-color .15s}.ws-tab-btn--active{color:var(--color-terra-700);border-bottom-color:var(--color-terra-700)}.ws-tab-btn:hover:not(.ws-tab-btn--active){color:var(--text-secondary)}.ws-sub-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ws-sub-tabs::-webkit-scrollbar{display:none}.ws-sub-tab{padding:8px 14px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:400;color:var(--text-muted);margin-bottom:-1px;white-space:nowrap;flex-shrink:0;transition:color .15s,border-color .15s}.ws-sub-tab--active{color:var(--color-terra-700);border-bottom-color:var(--color-terra-700);font-weight:600}.ws-sub-tab:hover:not(.ws-sub-tab--active){color:var(--text-secondary)}.ws-landing{max-width:860px}.ws-landing__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400}.ws-landing__desc{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-5)}.ws-landing__search-row{display:flex;align-items:stretch;gap:var(--space-2);max-width:480px}.ws-landing__search-row .btn{flex-shrink:0;align-self:stretch;min-height:0;padding-left:var(--space-5);padding-right:var(--space-5);font-size:var(--text-base)}.ws-landing__search-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xl);direction:rtl;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-arabic);transition:border-color .15s;outline:none}.ws-landing__search-input:focus{border-color:var(--color-terra-500)}.ws-landing__section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:var(--space-6) 0 var(--space-3)}.ws-root-card{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;background:var(--bg-raised);transition:background .15s,border-color .15s,transform .15s}.ws-root-card:hover{background:var(--bg-secondary);border-color:var(--color-terra-500);transform:translateY(-1px)}.ws-root-card__arabic{font-size:28px;font-family:var(--font-arabic);direction:rtl;font-weight:700;color:var(--text-primary);line-height:1.4}.ws-root-card__translit{font-size:var(--text-xs);color:var(--text-muted)}.ws-root-card__meaning{font-family:var(--font-display);font-weight:400;font-size:var(--text-base);color:var(--text-primary);line-height:1.5}.ws-root-card__count{font-size:var(--text-xs);color:var(--color-terra-700);margin-top:var(--space-1)}.ws-header{margin-bottom:var(--space-4)}.ws-header__title-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.ws-header__root{font-size:var(--text-3xl, 2rem);margin:0;font-family:var(--font-arabic);font-weight:700;color:var(--text-primary)}.ws-header__meaning{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6}.ws-header__count{font-size:var(--text-sm);color:var(--text-muted)}.ws-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.view-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.view-header__title{display:none}.view-header__count{display:inline-flex;align-items:center;padding:2px var(--space-3);background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.02em}.view-header__spacer{flex:1}.view-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.view-toolbar--end{justify-content:flex-end}.view-toolbar .view-search{flex:1;max-width:none;margin-bottom:0}.view-search{display:block;padding:14px var(--space-3) 14px 44px;border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-body);font-size:15px;background:var(--bg-secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9a84c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat left 14px center;color:var(--text-primary);margin-bottom:var(--space-4);transition:border-color .2s ease,box-shadow .2s ease;width:100%;max-width:480px;box-sizing:border-box}.view-search::placeholder{color:var(--text-muted);font-style:italic}.view-search:focus{outline:none;border-color:#a83f28;box-shadow:0 0 0 3px #a83f281f}.view-select{appearance:none;-webkit-appearance:none;padding:var(--space-2) 28px var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);background-color:var(--bg-raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.view-select:focus{outline:none;border-color:var(--color-terra-500);box-shadow:0 0 0 3px #c8900a1f,var(--shadow-sm)}.view-select:hover{border-color:color-mix(in srgb,var(--color-terra-700) 30%,var(--border-color))}[data-theme=dark] .view-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aabb8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.structure-card{position:relative;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-raised);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);margin-bottom:var(--space-3)}.structure-card:hover{box-shadow:var(--shadow-md),var(--shadow-inset-top);border-color:color-mix(in srgb,var(--color-terra-500) 35%,var(--border-color));transform:translateY(-1px)}.scholar-card{margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-raised);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.scholar-card:hover{box-shadow:var(--shadow-md),var(--shadow-inset-top);transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-terra-500) 40%,var(--border-color))}.index-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-raised);text-decoration:none;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.index-card:hover{box-shadow:var(--shadow-md),0 -2px 8px color-mix(in srgb,var(--color-terra-700) 10%,transparent);transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-terra-500) 50%,var(--border-color));border-top-color:var(--color-terra-500)}.index-card__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-card__stats{font-size:var(--text-xs);color:var(--text-muted)}.index-card__arrow{color:var(--text-muted);font-size:var(--text-sm);flex-shrink:0;opacity:.5;transition:opacity var(--transition-fast),transform var(--transition-fast)}.index-card:hover .index-card__arrow{opacity:1;transform:translate(3px)}.section-heading{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-terra-700);opacity:.8;margin-bottom:var(--space-4)}.section-heading:after{content:"";flex:1;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--color-terra-700) 40%,var(--border-color)),transparent)}.map-view__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em}[data-theme=light] .view-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239e8e7a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=light] .view-select:focus{border-color:#a07828;box-shadow:0 0 0 3px #a0782826,var(--shadow-sm)}[data-theme=light] .surahs-view__sort-btn--active{background:#a078281a;border-color:#a07828;color:#7a5c1e}[data-theme=light] .surah-row{background:transparent;border-color:#a83f2833}[data-theme=light] .surah-row:hover{background:transparent;border-left-color:#a83f28;box-shadow:none}[data-theme=light] .surah-view .card [style*="color:var(--accent)"]{color:#a07828!important}[data-theme=light] .verse-arabic,[data-theme=light] .verse-modal__arabic{color:#1a1208}.threads-list-view{max-width:720px;margin:0 auto;padding:32px 24px 80px}.threads-list{display:flex;flex-direction:column;gap:8px}.threads-list__row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;position:relative}.threads-list__row:hover{border-color:#a83f2866;box-shadow:0 1px 4px #0000000f}.threads-list__icon{color:#a83f28;font-size:16px;flex-shrink:0;width:20px;text-align:center}.threads-list__name-wrap{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.threads-list__name{font-family:var(--font-display);font-size:16px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-type-badge{font-family:var(--font-body);font-size:11px;padding:2px 8px;border-radius:3px;border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.threads-list__count{font-family:var(--font-body);font-size:13px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.thread-detail-view{max-width:720px;margin:0 auto;padding:32px 24px 80px}.thread-detail-header{margin-bottom:32px;position:relative}.thread-detail-icon-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.thread-detail-icon{font-size:28px;color:#a83f28;flex-shrink:0;margin-top:4px}.thread-detail-title-wrap{flex:1}.thread-detail-title{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--text-primary);margin:0 0 6px;line-height:1.2}.thread-detail-meta{font-family:var(--font-body);font-size:13px;color:var(--text-muted);margin:0 0 8px}.thread-detail-desc{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.thread-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.thread-detail-sequence{padding:0 0 0 16px;position:relative}.thread-sequence-line{position:absolute;left:23px;top:20px;bottom:20px;width:1px;background:linear-gradient(to bottom,transparent,rgba(168,63,40,.4) 10%,rgba(168,63,40,.4) 90%,transparent)}.thread-detail-row{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s ease;border-radius:4px;padding:14px 8px 14px 4px}.thread-detail-row:last-child{border-bottom:none}.thread-detail-row:hover .thread-detail-ref{color:#a83f28}.thread-detail-num{font-family:var(--font-body);font-size:12px;font-weight:600;color:#a83f28;width:16px;flex-shrink:0;padding-top:1px;position:relative;z-index:1;background:var(--bg-primary);text-align:center}.thread-detail-content{flex:1;min-width:0}.thread-detail-ref-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.thread-detail-ref{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-secondary);transition:color .15s ease}.thread-detail-surah{font-family:var(--font-body);font-size:12px;color:var(--text-muted)}.thread-detail-label{font-family:var(--font-body);font-size:12px;font-style:italic;color:var(--text-muted);margin-left:auto}.thread-detail-arabic{font-family:Amiri,serif;font-size:14px;color:var(--text-primary);direction:rtl;margin-top:4px;line-height:1.8}.thread-edit-form{max-width:600px;padding:32px 0}.thread-edit-title{font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--text-primary);margin:0 0 24px}.thread-edit-actions{display:flex;gap:10px;margin-top:24px}.thread-verses-list{display:flex;flex-direction:column;gap:0}.thread-verse-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.thread-verse-row:first-child{border-top:1px solid var(--border)}.thread-order-num{font-family:var(--font-body);font-size:12px;color:#a83f28;width:16px;flex-shrink:0;text-align:center}.thread-drag-handle{color:var(--text-muted);cursor:grab;font-size:14px;padding:0 2px;flex-shrink:0}.thread-drag-handle:active{cursor:grabbing}.thread-verse-picker{flex:1;min-width:80px}.thread-verse-label{flex:2}.thread-verse-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 6px;border-radius:3px;flex-shrink:0;transition:color .15s ease}.thread-verse-remove:hover{color:var(--danger)}.thread-create-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.thread-create-modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 32px #0000001f;display:flex;flex-direction:column}.fab-container{position:fixed;bottom:32px;right:24px;z-index:900;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px}.fab-btn{width:52px;height:52px;border-radius:50%;background:#a83f28;color:#0b0906;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease;position:relative;flex-shrink:0}.fab-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #00000040}.fab-btn--open{transform:rotate(45deg)}.fab-menu{flex-direction:column;gap:4px;align-items:flex-end}.fab-menu-item{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:9px 16px;font-family:var(--font-body);font-size:14px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #0000001a;transition:border-color .15s ease,color .15s ease}.fab-menu-item:hover{border-color:#a83f28;color:#a83f28}.fab-active-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);display:none}.category-input-wrapper{position:relative}.category-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bg-raised);border:1px solid rgba(168,63,40,.4);border-radius:4px;z-index:10;max-height:160px;overflow-y:auto;box-shadow:0 4px 12px #00000014}.category-autocomplete-item{font-family:var(--font-body);font-size:13px;padding:8px 12px;color:var(--text-secondary);cursor:pointer}.category-autocomplete-item:hover{background:#a83f2814;color:var(--text-primary)}.link-group-header{display:flex;align-items:center;gap:12px;padding:20px 0 8px;font-family:var(--font-body);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.link-group-header:after{content:"";flex:1;height:1px;background:var(--border)}.link-category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.link-category-tab{font-family:var(--font-body);font-size:13px;padding:5px 14px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.link-category-tab:hover{border-color:#a83f2866;color:var(--text-primary)}.link-category-tab--active{background:#a83f28;color:#0b0906;border-color:#a83f28}.souk-carousel{padding:0 40px var(--space-6)}.souk-carousel__row{display:flex;align-items:flex-start;gap:var(--space-3)}.souk-carousel__nav{flex-shrink:0;margin-top:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.souk-carousel__nav:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.souk-carousel__nav:disabled{opacity:.25;cursor:default}.souk-carousel__card{flex:1;min-width:0}.souk-carousel__dots{display:flex;justify-content:center;gap:6px;margin-top:var(--space-4)}.souk-carousel__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-color);cursor:pointer;padding:0;transition:background .15s,transform .15s}.souk-carousel__dot:hover{background:var(--text-muted)}.souk-carousel__dot--active{background:var(--color-terra-700);transform:scale(1.25)}.souk-carousel__counter{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}@media(max-width:767px){.souk-carousel{padding:0 16px var(--space-6)}.souk-carousel__nav{width:30px;height:30px;font-size:15px}}.form-label{display:block;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:6px;margin-top:16px}.form-label:first-child{margin-top:0}.form-input{display:block;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:10px 12px;box-sizing:border-box;transition:border-color .15s;resize:vertical}.form-input:focus{outline:none;border-color:var(--color-terra-700);box-shadow:0 0 0 3px #a83f281f}.form-error{font-size:12px;color:var(--danger);margin-top:6px}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px}.modal-box{background:var(--bg-raised);border-radius:16px;box-shadow:0 12px 32px #00000038;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-muted);padding:4px 8px;border-radius:6px;min-height:32px;transition:color .15s,background .15s}.modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-body{padding:20px 24px;flex:1}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-color)}.back-arrow,.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);text-decoration:none;padding:12px 40px;transition:color .15s}.back-arrow:hover,.back-link:hover{color:var(--color-terra-700)}.nav-item{position:relative}.nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:99px;background:var(--color-terra-700);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.circle-type-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.04em;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--color-teal-500) 12%,transparent);color:var(--color-teal-600, #0d9488);border:1px solid color-mix(in srgb,var(--color-teal-500) 28%,transparent)}.circle-type-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.circle-type-option{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);transition:border-color .15s,background .15s}.circle-type-option:has(input:checked){border-color:var(--color-terra-700);background:color-mix(in srgb,var(--color-terra-700) 6%,transparent)}.circles-section{padding:0 40px 32px}.circles-section-title{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 12px}.circles-list{display:flex;flex-direction:column;gap:0}.circles-list__row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:padding-left .15s}.circles-list__row:hover{padding-left:6px;border-bottom-color:var(--color-terra-700)}.circles-list__icon{font-size:18px;color:var(--color-teal-500, #14b8a6);flex-shrink:0}.circles-list__name-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.circles-list__name{font-size:15px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circles-list__meta{font-size:12px;color:var(--text-muted);flex-shrink:0}.circle-tabs{display:flex;gap:0;padding:0 40px;border-bottom:1px solid var(--border-color);margin-bottom:0}.circle-tab,.circle-tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;min-height:44px}.circle-tab:hover,.circle-tab-btn:hover{color:var(--text-primary)}.circle-tab--active,.circle-tab-btn--active{color:var(--color-terra-700);border-bottom-color:var(--color-terra-700);font-weight:600}.circle-tab-content{padding:24px 40px}.circle-filter-bar,.circle-type-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.circle-filter-btn{background:transparent;border:1px solid var(--border-color);border-radius:99px;padding:4px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s;min-height:28px}.circle-filter-btn:hover{border-color:var(--color-terra-700);color:var(--text-primary)}.circle-filter-btn--active{background:var(--color-terra-700);border-color:var(--color-terra-700);color:#fff}.circle-verse-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:99px;padding:4px 12px;font-size:12px;color:var(--text-primary);min-height:28px;width:120px}.circle-verse-filter:focus{outline:none;border-color:var(--color-terra-700)}.circle-annotation-group,.circle-ann-group{margin-bottom:24px}.circle-annotation-verse-ref,.circle-ann-group__header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.circle-annotation-verse-ref a,.circle-ann-group__verse{color:var(--color-terra-700);text-decoration:none}.circle-annotation-verse-ref a:hover,.circle-ann-group__verse:hover{text-decoration:underline}.circle-annotation-card,.circle-ann-row{position:relative;background:var(--bg-secondary);border-radius:10px;padding:12px 14px;margin-bottom:8px;border-left:3px solid var(--color-teal-500, #14b8a6)}.circle-annotation-card--own{border-left-color:var(--color-terra-700)}.circle-annotation-meta,.circle-ann-row__meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;color:var(--text-muted)}.circle-annotation-author,.circle-ann-row__author{font-weight:600;color:var(--text-secondary)}.circle-annotation-date,.circle-ann-row__date{color:var(--text-muted)}.circle-annotation-body,.circle-ann-row__content{font-size:14px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.circle-annotation-type-badge,.circle-ann-type-chip{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:99px;background:color-mix(in srgb,var(--color-teal-500) 14%,transparent);color:var(--color-teal-600, #0d9488)}.circle-annotation-delete,.circle-ann-row__del{position:absolute;top:8px;right:8px;background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;line-height:1;padding:2px 5px;border-radius:4px;opacity:0;transition:opacity .15s,color .15s}.circle-annotation-card:hover .circle-annotation-delete,.circle-ann-row:hover .circle-ann-row__del{opacity:1}.circle-annotation-delete:hover,.circle-ann-row__del:hover{color:var(--danger)}.circle-members-section{margin-bottom:32px}.circle-members-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 12px}.circle-member-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-color)}.circle-member-row:last-child{border-bottom:none}.circle-member-row--pending{background:color-mix(in srgb,#f59e0b 5%,transparent);border-radius:8px;padding:10px 12px;margin-bottom:6px;border-bottom:none}.circle-member-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.circle-member-name{font-size:14px;font-weight:500;color:var(--text-primary)}.circle-member-meta{font-size:11px;color:var(--text-muted)}.circle-member-actions{display:flex;gap:6px;flex-shrink:0}.circle-role-badge{font-size:11px;padding:1px 6px;border-radius:99px;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-color)}.circle-settings,.circle-settings-form{max-width:480px}.circle-setting-row{margin-bottom:20px}.circle-setting-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:6px}.circle-setting-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;box-sizing:border-box;transition:border-color .15s}.circle-setting-input:focus{outline:none;border-color:var(--color-terra-700)}.circle-setting-heading{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 12px}.circle-setting-heading--danger{color:var(--danger)}.circle-invite-section,.circle-settings-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.circle-invite-code-box,.circle-invite-code-display{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;letter-spacing:.15em;color:var(--color-terra-700);padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);display:inline-block;margin:6px 0}.circle-invite-link,.circle-invite-link-text{font-size:12px;color:var(--text-muted);font-family:JetBrains Mono,monospace;word-break:break-all;margin-top:6px}.circle-join-preview{background:var(--bg-secondary);border-radius:10px;padding:16px;border:1px solid var(--border-color)}.circle-join-preview-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.circle-join-preview-meta{font-size:12px;color:var(--text-muted);text-transform:capitalize}.circle-danger-zone{margin-top:32px;padding-top:16px;border-top:1px solid var(--border-color)}.circle-halaqah-settings{background:var(--bg-secondary);border-radius:8px;padding:12px 14px;margin-top:12px;border:1px solid var(--border-color)}.circle-notes-indicator{font-family:var(--font-body);font-size:12px;color:var(--color-text-faint, var(--text-muted));padding:10px var(--space-3) 4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s ease;border-top:1px solid var(--color-border, var(--border-color));margin-top:4px}.circle-notes-indicator:hover{color:var(--color-text-muted, var(--text-secondary))}.circle-notes-indicator:after{content:"›";margin-left:auto;font-size:14px;transition:transform .2s ease}.circle-notes-indicator.expanded:after{transform:rotate(90deg)}.circle-indicator-dot{color:#4a9d8f;font-size:10px}.circle-notes-panel{display:none;padding:4px var(--space-3) 8px;animation:circleNoteFadeIn .2s ease}.circle-notes-panel.visible{display:block}@keyframes circleNoteFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.circle-layer-label{font-family:var(--font-body);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint, var(--text-muted));margin:12px 0 8px;display:flex;align-items:center;gap:8px}.circle-layer-label:after{content:"";flex:1;height:1px;background:var(--color-border, var(--border-color))}.circle-annotation-card{padding:10px 12px;border-left:2px solid #4a9d8f;background:#4a9d8f0f;border-radius:0 6px 6px 0;margin-bottom:8px}.circle-annotation-meta{font-family:var(--font-body);font-size:11px;color:var(--color-text-faint, var(--text-muted));margin-bottom:4px;display:flex;gap:8px}.circle-annotation-author{color:var(--color-text-muted, var(--text-secondary));font-weight:500}.circle-annotation-date{color:var(--color-text-faint, var(--text-muted))}.circle-annotation-body{font-family:var(--font-body);font-size:13px;color:var(--color-text, var(--text-primary));line-height:1.6}.circle-annotation-tags{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.circle-annotation-tag{font-family:var(--font-body);font-size:11px;color:#a83f28}.verse-popup__share-circles{margin-top:8px;padding:8px 0 4px;border-top:1px solid var(--border-color);animation:fadeIn .2s ease}.note-circle-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;cursor:pointer}.note-circle-option:hover{background:var(--color-gold-dim, rgba(168, 63, 40,.08))}.note-circle-option input[type=checkbox]{accent-color:#a83f28;width:14px;height:14px}.note-circle-option-name{font-family:var(--font-body);font-size:13px;color:var(--text-muted)}.note-action-share{font-size:12px;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .15s ease}.note-action-share:hover{border-color:#a83f28;color:#a83f28}.note-share-dropdown{position:absolute;background:var(--bg-elevated, var(--bg-raised));border:1px solid var(--color-border-gold, rgba(168, 63, 40,.4));border-radius:6px;padding:8px;z-index:100;min-width:180px;box-shadow:0 4px 16px #0000001f;bottom:calc(100% + 4px);left:0}.note-share-circle-option{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;color:var(--text-muted);cursor:pointer;border-radius:4px}.note-share-circle-option:hover{background:var(--color-gold-dim, rgba(168, 63, 40,.08));color:var(--text-primary)}.note-share-circle-option input[type=checkbox]{accent-color:#a83f28}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:6px;margin-bottom:0}.join-view{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px 16px}.join-view__wrap{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px;width:100%;text-align:center}.join-view__logo{font-family:var(--font-arabic, "Amiri", serif);font-size:28px;color:var(--color-terra-700);margin-bottom:24px;letter-spacing:.04em}.join-view__loading{font-size:14px;color:var(--text-muted)}.join-view__not-found{display:flex;flex-direction:column;align-items:center;gap:4px}.join-view__invite-label{font-size:14px;color:var(--text-muted);margin:0 0 16px}.join-view__card{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:12px;padding:24px 28px;width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.join-view__circle-name{font-size:20px;font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.3}.join-view__circle-meta{font-size:13px;color:var(--text-secondary);text-transform:capitalize}.join-view__circle-owner{font-size:12px;color:var(--text-muted);margin-top:4px}.join-view__cta{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.join-view__cta .btn--gold{width:100%;justify-content:center}.join-view__hint{font-size:12px;color:var(--text-muted);margin:0}.circle-member-muted-icon{font-size:12px;opacity:.7;margin-left:2px}.circle-member-menu-wrap{position:relative;margin-left:auto}.circle-member-menu-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 6px;line-height:1;border-radius:4px}.circle-member-menu-btn:hover{background:var(--bg-raised, rgba(255,255,255,.05))}.circle-member-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px #0003;z-index:200;min-width:180px;overflow:hidden}.circle-member-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 14px;font-size:13px;color:var(--text-primary);cursor:pointer}.circle-member-dropdown-item:hover{background:var(--bg-raised, rgba(255,255,255,.04))}.circle-member-dropdown-item--danger{color:var(--danger, #ef4444)}.circle-member-dropdown-item--danger:hover{background:#ef444414}.circle-annotation-card.owner-annotation{border-left-color:#a83f28;background:#a83f280d}.owner-annotation-star{color:#a83f28;font-size:11px}.owner-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a83f28;border:1px solid rgba(168,63,40,.5);border-radius:3px;padding:1px 4px;margin-left:4px;vertical-align:middle}.circle-focuses-section{margin-bottom:20px;padding:14px 0;border-bottom:1px solid var(--border-color)}.circle-focuses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.circle-focuses-heading{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.circle-focuses-empty{font-size:12px;color:var(--text-muted);margin:0;padding:4px 0}.circle-focus-form{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-raised, rgba(255,255,255,.03));border-radius:8px;margin-bottom:12px;border:1px solid var(--border-color)}.circle-focus-card{padding:10px 12px;border-radius:6px;background:var(--bg-raised, rgba(255,255,255,.02));border-left:2px solid #a83f28;margin-bottom:8px}.circle-focus-card__title-row{display:flex;align-items:center;gap:6px}.circle-focus-card__title{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.circle-focus-card__archive{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0 2px;line-height:1;opacity:.6}.circle-focus-card__archive:hover{opacity:1;color:var(--danger, #ef4444)}.circle-focus-card__desc{font-size:12px;color:var(--text-muted);margin:4px 0 0}.circle-focus-card__scope{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.circle-focus-scope-chip{font-size:10px;padding:2px 7px;border-radius:9999px;background:#a83f281f;color:#a83f28;border:1px solid rgba(168,63,40,.3);text-decoration:none}.circle-focus-scope-chip--verse:hover{background:#a83f2838}.verse-focus-indicator{display:flex;align-items:flex-start;gap:6px;padding:7px var(--space-3, 12px);background:#a83f2812;border-bottom:1px solid rgba(168,63,40,.2);font-size:11px;color:#a83f28;flex-wrap:wrap}.verse-focus-indicator--page{border-radius:6px;border:1px solid rgba(168,63,40,.25);margin:var(--space-3, 12px) 0;border-bottom:1px solid rgba(168,63,40,.25)}.verse-focus-pin{flex-shrink:0}.verse-focus-text{font-weight:500}.verse-focus-detail{width:100%;padding-top:4px;display:flex;flex-direction:column;gap:2px}.verse-focus-detail-row{font-size:11px;color:#a83f28d9}.verse-focus-detail-desc{opacity:.7}@media(max-width:767px){.circles-section{padding:0 16px 24px}.circle-tabs{padding:0 16px;overflow-x:auto}.circle-tab-content{padding:16px}.circle-tab,.circle-tab-btn{padding:10px 12px;font-size:12px}.back-arrow,.back-link{padding:12px 16px}}.circle-activity-tab{display:flex;flex-direction:column;gap:8px}.circle-activity-card{padding:10px 12px;border-radius:var(--radius-md, 8px);background:var(--bg-secondary);border:1px solid var(--border-color);transition:border-color .2s}.circle-activity-card--new{border-color:#a83f2880;background:#a83f280d}.circle-activity-new-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a83f28;background:#a83f2826;border:1px solid rgba(168,63,40,.35);border-radius:9999px;padding:1px 5px;margin-left:4px;vertical-align:middle}.circle-activity-verse-ref{font-size:11px;font-weight:600;color:var(--color-terra-700);text-decoration:none}.circle-activity-verse-ref:hover{text-decoration:underline}.nav-search-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:20px;padding:4px 8px;min-height:44px;display:flex;align-items:center;transition:color .15s}.nav-search-btn:hover{color:var(--text-primary)}.search-view{padding:0 0 80px;max-width:720px;margin:0 auto}.search-view__box{padding:0 16px 8px}.search-view__input{width:100%;box-sizing:border-box;padding:10px 14px;font-size:var(--text-base, 15px);border:1.5px solid var(--border-color);border-radius:var(--radius-md, 8px);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .15s}.search-view__input:focus{border-color:var(--color-terra-700)}.search-view__input::placeholder{color:var(--text-muted)}.search-view__results{padding:0 16px}.search-view__summary{font-size:var(--text-sm, 13px);color:var(--text-muted);margin:0 0 12px}.search-view__hint{color:var(--text-muted);font-size:var(--text-sm, 13px);padding:16px 0}.search-view__group{margin-bottom:24px}.search-view__group-header{font-size:var(--text-xs, 11px);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:4px 0 8px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.search-view__card{display:block;padding:10px 12px;margin-bottom:6px;border-radius:var(--radius-md, 8px);background:var(--bg-secondary);border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.search-view__card:hover{border-color:var(--color-terra-700);background:color-mix(in srgb,var(--color-terra-700) 5%,var(--bg-secondary))}.search-view__card-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.search-view__card-title{font-size:var(--text-sm, 13px);font-weight:600;color:var(--text-primary)}.search-view__card-ref{font-size:11px;color:var(--color-terra-700);font-weight:600;margin-left:auto;white-space:nowrap}.search-view__card-snippet{font-size:var(--text-xs, 11px);color:var(--text-secondary);margin-top:4px;line-height:1.5}.search-highlight{background:#a83f2847;color:var(--text-primary);border-radius:2px;padding:0 1px}.search-view__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;color:var(--text-muted);text-align:center}.search-view__empty-icon{font-size:40px;opacity:.3}.article-tabs{display:flex;gap:4px;padding:0 40px 16px}.article-tab{padding:6px 18px;border:1px solid var(--color-border);border-radius:20px;background:transparent;color:var(--color-text-faint);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.article-tab--active{background:var(--color-terra-700);border-color:var(--color-terra-700);color:#000}.articles-section{margin-bottom:24px}.articles-content{padding:0 40px}@media(max-width:640px){.article-tabs{padding:0 20px 16px}.articles-content{padding:0 20px}}.article-editor-view{max-width:760px;margin:0 auto}.article-editor__form{display:flex;flex-direction:column;gap:28px;padding:0 40px 48px}@media(max-width:640px){.article-editor__form{padding:0 20px 48px}}.article-editor__field{display:flex;flex-direction:column;gap:8px}.article-editor__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-terra-700);font-weight:600}.article-editor__title-input{font-size:clamp(20px,3vw,28px);font-family:var(--font-display);font-weight:700;padding:10px 0;border:none;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);width:100%;outline:none;transition:border-color .2s}.article-editor__title-input:focus{border-bottom-color:var(--color-terra-700)}.article-editor__subtitle-input{font-size:var(--text-base);padding:8px 0;border:none;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);width:100%;outline:none;transition:border-color .2s}.article-editor__subtitle-input:focus{border-bottom-color:var(--color-terra-700)}.article-editor__toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.article-editor__toolbar-btn{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.article-editor__toolbar-btn:hover,.article-editor__toolbar-btn--active{background:var(--color-terra-700);border-color:var(--color-terra-700);color:#000}.article-editor__body{width:100%;min-height:300px;padding:16px;border:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-body);line-height:var(--leading-relaxed);resize:vertical;outline:none;box-sizing:border-box;transition:border-color .2s}.article-editor__body:focus{border-color:var(--color-terra-700)}.article-editor__visibility-opts{display:flex;flex-direction:column;gap:10px}.article-editor__vis-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .15s}.article-editor__vis-row:has(input:checked){border-color:var(--color-terra-700);background:#a83f280d}.article-editor__vis-label{font-weight:600;font-size:var(--text-sm);color:var(--color-text);min-width:70px}.article-editor__vis-desc{font-size:var(--text-sm);color:var(--color-text-faint)}.article-editor__circle-picker{margin-top:8px}.article-editor__select{width:100%;max-width:320px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);font-size:var(--text-sm)}.article-editor__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);min-height:44px}.article-editor__tag-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#a83f2826;border-radius:12px;font-size:12px;color:var(--color-terra-700)}.article-editor__tag-chip button{background:none;border:none;cursor:pointer;color:inherit;padding:0;font-size:14px;line-height:1;opacity:.7}.article-editor__tag-input{border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);outline:none;min-width:80px;flex:1}.article-editor__hint{font-size:12px;color:var(--color-text-faint);margin:0;line-height:1.5}.article-editor__inserter{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.article-editor__note-search{width:100%;padding:7px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);outline:none;margin-bottom:8px;box-sizing:border-box}.article-editor__note-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.article-editor__note-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm)}.article-editor__note-ref{font-size:11px;color:var(--color-terra-700);font-weight:600;white-space:nowrap;min-width:50px}.article-editor__note-preview{flex:1;color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-editor__actions{display:flex;gap:12px;align-items:center;padding-top:8px;border-top:1px solid var(--color-border);flex-wrap:wrap}.article-detail-view{max-width:720px;margin:0 auto}.article-detail{padding:0 40px 64px}@media(max-width:640px){.article-detail{padding:0 20px 64px}}.article-detail__meta-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.article-detail__badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.article-detail__badge--published{background:#10b98126;color:#10b981}.article-detail__badge--draft{background:#6366f126;color:#818cf8}.article-detail__badge--vis{background:#a83f281f;color:var(--color-terra-700)}.article-detail__title{font-family:var(--font-display);font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.2;margin:0 0 12px;color:var(--color-text)}.article-detail__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 0 20px;line-height:var(--leading-relaxed)}.article-detail__byline{font-size:var(--text-sm);color:var(--color-text-faint);margin-bottom:16px}.article-detail__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.article-detail__tag{padding:3px 10px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;font-size:12px;color:var(--color-text-muted)}.article-detail__body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.article-detail__body p{margin:0 0 1.25em}.article-detail__body h1,.article-detail__body h2,.article-detail__body h3{font-family:var(--font-display);margin:1.5em 0 .5em;color:var(--color-text)}.article-detail__body blockquote{border-left:3px solid var(--color-terra-700);margin:1.25em 0;padding:8px 0 8px 16px;color:var(--color-text-muted);font-style:italic}.article-detail__body hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.article-detail__body ul,.article-detail__body ol{padding-left:1.5em;margin:0 0 1.25em}.article-detail__body code{font-size:.9em;background:var(--color-bg-elevated);padding:2px 6px;border-radius:3px}.article-detail__text-segment p{margin:0 0 1.25em}.article-detail__text-segment:last-child p:last-child{margin-bottom:0}.article-feed-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-4)}.article-feed-filters__scope{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.article-detail__like-bar{display:flex;align-items:center;gap:8px;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border)}.article-detail__like-btn{font-size:.95rem;transition:color .15s,transform .1s}.article-detail__like-btn--liked{color:var(--color-primary, #e55)}.article-detail__like-btn:not(:disabled):active{transform:scale(1.15)}.article-inserter__tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.article-inserter__tab{padding:4px 12px;border:1px solid var(--color-border);border-radius:14px;background:transparent;color:var(--color-text-faint);font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.article-inserter__tab:hover{color:var(--color-text);border-color:var(--color-text-faint)}.article-inserter__tab--active{background:var(--color-terra-700);border-color:var(--color-terra-700);color:#000}.article-embed{display:block;border:1px solid var(--color-border);border-left:3px solid var(--color-terra-700);border-radius:var(--radius-sm);background:var(--color-bg-elevated);padding:14px 16px;margin:1.5em 0}.article-embed--structure{border-left-color:#6366f1}.article-embed--thread{border-left-color:#f59e0b}.article-embed--link{border-left-color:#10b981}.article-embed--theme{border-left-color:var(--color-terra-700)}.article-embed--missing{border-left-color:#94a3b8;color:var(--color-text-faint);font-size:var(--text-sm);font-style:italic}.article-embed__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.article-embed__icon{font-size:18px;color:var(--color-text-faint);flex-shrink:0;line-height:1.4}.article-embed__meta{flex:1;min-width:0}.article-embed__name{font-weight:600;font-size:var(--text-base);color:var(--color-text);text-decoration:none}.article-embed__name:hover{text-decoration:underline}.article-embed__note{font-size:var(--text-sm);color:var(--color-text-muted);margin:8px 0 0;line-height:var(--leading-relaxed);font-style:italic}.article-embed__member-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.article-embed__member-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.article-embed__member-role{font-size:11px;font-weight:700;letter-spacing:.06em;min-width:28px;flex-shrink:0}.article-embed__member-ref{font-size:13px;font-weight:600;color:var(--color-text);text-decoration:none;flex-shrink:0}.article-embed__member-ref:hover{text-decoration:underline}.article-embed__member-label{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.article-embed__member-snippet{font-size:12px;color:var(--color-text-faint);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-embed__verse-list{list-style:decimal;padding-left:20px;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.article-embed__verse-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.article-embed__link-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.article-embed__link-snippets{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.article-embed__link-snippet{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.surahs-journey-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:background var(--transition-base),border-color var(--transition-base)}.surahs-journey-prompt:hover{background:var(--bg-secondary);border-color:var(--accent)}.surahs-journey-prompt__label{font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex-shrink:0}.surahs-journey-prompt__arabic{font-family:var(--font-arabic, "Amiri", serif);font-size:1.15rem;flex-shrink:0}.surahs-journey-prompt__name{font-size:var(--text-sm);color:var(--text-primary)}.surahs-journey-prompt__rev{font-size:11px;color:var(--text-muted);margin-left:auto;flex-shrink:0}.surahs-journey-prompt__arrow{font-size:13px;color:var(--text-muted);flex-shrink:0}.surahs-phase-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-1);margin-top:var(--space-5);border-bottom:1px solid var(--border-color)}.surahs-phase-header:first-of-type{margin-top:0}.surahs-phase-header__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.surahs-phase-header__names{display:flex;align-items:baseline;gap:var(--space-2);flex:1}.surahs-phase-header__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.surahs-phase-header__arabic{font-size:13px;color:var(--text-muted);font-family:var(--font-arabic, "Amiri", serif)}.surahs-phase-header__count{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.surahs-phase-desc{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-1) 0 var(--space-3);line-height:var(--leading-relaxed);padding-left:20px;font-style:italic}.surah-row__rev-order{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:28px;flex-shrink:0;margin-right:-4px}.journey-overview{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-5);background:var(--bg-raised);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid var(--border-color)}.journey-overview__bar-wrap{display:flex;align-items:center;gap:var(--space-3)}.journey-overview__bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.journey-overview__fill{height:100%;background:var(--accent);border-radius:4px;transition:width .5s ease;min-width:4px}.journey-overview__pct{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);min-width:36px;text-align:right}.journey-overview__stats{display:flex;gap:var(--space-2);flex-wrap:wrap}.journey-overview__chip{font-size:12px;padding:3px 10px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary)}.journey-overview__chip--deep{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.journey-overview__chip--touched{color:var(--text-secondary)}.journey-overview__chip--empty{color:var(--text-muted)}.journey-next{margin-bottom:var(--space-5)}.journey-next__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-2)}.journey-next__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:background var(--transition-base),border-color var(--transition-base)}.journey-next__link:hover{background:var(--bg-secondary);border-color:var(--accent)}.journey-next__rev{font-size:11px;color:var(--accent);font-weight:var(--weight-semibold);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:2px 8px;border-radius:10px;flex-shrink:0}.journey-next__arabic{font-family:var(--font-arabic, "Amiri", serif);font-size:1.2rem;color:var(--text-primary);flex-shrink:0}.journey-next__name{font-size:var(--text-sm);color:var(--text-primary)}.journey-next__meta{font-size:var(--text-xs);color:var(--text-muted)}.journey-next__arrow{margin-left:auto;color:var(--text-muted)}.journey-phase{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-3)}.journey-phase__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-3);transition:background var(--transition-base)}.journey-phase__header:hover{background:var(--bg-raised)}.journey-phase__left{display:flex;align-items:center;gap:var(--space-3)}.journey-phase__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.journey-phase__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.journey-phase__names{display:flex;flex-direction:column;gap:2px}.journey-phase__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.journey-phase__arabic{font-size:14px;color:var(--text-muted);font-family:var(--font-arabic, "Amiri", serif)}.journey-phase__progress{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.journey-phase__chevron{font-size:10px;color:var(--text-muted)}.journey-phase__body{border-top:1px solid var(--border-color);padding:var(--space-4)}.journey-phase__desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4);line-height:var(--leading-relaxed)}.journey-phase__list{display:flex;flex-direction:column;gap:2px}.journey-surah-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:background var(--transition-base)}.journey-surah-row:hover{background:var(--bg-raised)}.journey-surah-row--tier0{opacity:.6}.journey-surah-row__rev{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:32px;flex-shrink:0}.journey-surah-row__depth{display:flex;gap:3px;flex-shrink:0}.journey-surah-row__depth-dot{width:7px;height:7px;border-radius:50%;background:var(--border-color)}.journey-surah-row__names{display:flex;align-items:baseline;gap:var(--space-2);flex:1;min-width:0}.journey-surah-row__arabic{font-family:var(--font-arabic, "Amiri", serif);font-size:1.05rem}.journey-surah-row__translit{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-surah-row__chips{display:flex;gap:4px;flex-wrap:wrap}.journey-surah-row__chip{font-size:11px;padding:1px 6px;border-radius:8px;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-color)}.journey-surah-row__meta{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.journey-surah-row__arrow{font-size:12px;color:var(--text-muted);flex-shrink:0}.vv-tafsir-section{margin-bottom:var(--space-5);border-top:1px solid var(--border-color);padding-top:var(--space-5)}.vv-tafsir-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.vv-tafsir-section__title-row{display:flex;align-items:center;gap:var(--space-2)}.vv-tafsir-section__icon{font-size:14px;color:var(--text-muted)}.vv-tafsir-section__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.vv-tafsir-section__count{font-size:11px;padding:1px 7px;border-radius:10px;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-color)}.vv-tafsir-section__hint{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;line-height:var(--leading-relaxed);margin:0;padding:var(--space-3) 0}.vv-tafsir-entry{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border-left:3px solid color-mix(in srgb,var(--accent) 30%,transparent)}.vv-tafsir-entry__attr{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.vv-tafsir-entry__scholar{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.vv-tafsir-entry__kitab{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.vv-tafsir-entry__lang{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);margin-left:auto}.vv-tafsir-entry__excerpt{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.vv-tafsir-entry__excerpt--ar{direction:rtl;font-family:var(--font-arabic, "Amiri", serif);font-size:1rem;text-align:right}.vv-tafsir-entry__response{margin-bottom:var(--space-2)}.vv-tafsir-entry__response-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px}.vv-tafsir-entry__response-text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed);margin:0}.vv-tafsir-entry__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.vv-tafsir-entry__delete{color:var(--danger)!important;margin-left:auto}.vv-tafsir-modal{max-width:540px;width:90vw;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.vv-tafsir-modal__field{display:flex;flex-direction:column;gap:6px}.vv-tafsir-modal__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.vv-tafsir-modal__textarea{resize:vertical;min-height:90px;font-family:inherit;line-height:var(--leading-relaxed)}.vv-tafsir-modal__quickfill{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.note-replies{border-top:1px solid var(--border-color);margin-top:var(--space-3);padding-top:var(--space-2)}.note-replies__thread{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.note-reply{display:flex;flex-direction:column;gap:4px;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:2px solid var(--border-color);position:relative}.note-reply__meta{display:flex;align-items:center;gap:var(--space-2)}.note-reply__author{font-size:var(--text-xs);color:var(--text-primary)}.note-reply__date{font-size:11px;color:var(--text-muted)}.note-reply__text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed);margin:0}.note-reply__delete{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;cursor:pointer;font-size:10px;color:var(--text-muted);padding:2px 4px;border-radius:3px;opacity:0;transition:opacity var(--transition-base)}.note-reply:hover .note-reply__delete{opacity:1}.note-reply__delete:hover{color:var(--danger)}.note-replies__reply-btn{background:none;border:none;padding:4px 0;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;text-align:left;transition:color var(--transition-base)}.note-replies__reply-btn:hover{color:var(--accent)}.note-replies__compose{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.note-replies__input{resize:none;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.verse-accordion{border-top:1px solid var(--border-color)}.verse-accordion__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) 0;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:left;transition:color var(--transition-fast)}.verse-accordion__toggle:hover{color:var(--text-primary)}.verse-accordion__arrow{font-size:10px;color:var(--text-muted);width:12px;flex-shrink:0;transition:color var(--transition-fast)}.verse-accordion__toggle:hover .verse-accordion__arrow{color:var(--text-secondary)}.verse-accordion__body{padding-bottom:var(--space-4)}.fab-menu-item{display:flex;align-items:center;gap:var(--space-3)}.fab-menu-item__icon{width:18px;text-align:center;flex-shrink:0}.fab-menu-item__label{font-size:var(--text-sm)}.verse-modal__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;margin-top:var(--space-2);border-top:1px solid var(--border-color);flex-wrap:wrap}.verse-modal__summary-counts{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.verse-modal__summary-link{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-terra-700);text-decoration:none;white-space:nowrap;transition:opacity var(--transition-fast)}.verse-modal__summary-link:hover{opacity:.75}.settings-sep{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-7, 1.75rem) 0 var(--space-3)}.settings-sep:first-of-type{margin-top:var(--space-4)}.settings-sep__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}.settings-sep__line{flex:1;border:none;border-top:1px solid var(--border-color);margin:0}.settings-section{display:flex;flex-direction:column;max-width:560px}.settings-section--wide{max-width:720px}.settings-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);overflow:hidden}.settings-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:0;cursor:default}.settings-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.settings-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}.settings-row:only-child{border-radius:var(--radius-md)}.settings-row+.settings-row{border-top:none}.settings-row__body{flex:1;min-width:0}.settings-row__label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);display:block}.settings-row__desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:block;line-height:1.4}.settings-toggle{width:16px;height:16px;cursor:pointer;accent-color:var(--color-terra-600);flex-shrink:0}.settings-danger{border:1px solid var(--danger);border-radius:var(--radius-md);overflow:hidden;max-width:560px}.settings-danger__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-raised)}.settings-danger__row+.settings-danger__row{border-top:1px solid color-mix(in srgb,var(--danger) 20%,var(--border-color))}.settings-danger__title{font-size:var(--text-sm);font-weight:600;color:var(--danger);display:block}.settings-danger__desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:block}.settings-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-3);line-height:1.5}body.word-mode .nav,body.word-mode .nav--desktop,body.word-mode .nav-topbar{display:none!important}body.word-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.word-studio{display:flex;height:100vh;height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow:hidden}.ws-side{width:264px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.ws-side__scroll{flex:1;overflow-y:auto;padding:4px 12px 20px;display:flex;flex-direction:column;gap:10px}.ws-side__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin:10px 4px 0}.ws-side__search{width:100%;box-sizing:border-box;flex:0 0 auto;max-width:none}.ws-side__export{align-self:flex-start;margin-top:2px}.ws-side .ws-tab-bar{display:flex;flex-direction:column;gap:2px;border-bottom:none;margin:0}.ws-side .ws-tab-btn{text-align:left;padding:8px 10px;margin:0;border:none;border-left:2.5px solid transparent;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-secondary);background:transparent}.ws-side .ws-tab-btn:hover:not(.ws-tab-btn--active){background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.ws-side .ws-tab-btn--active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.ws-side__filters:not(:empty){border-top:1px solid var(--border-color);padding-top:10px}.ws-side .ws-sub-tabs{display:flex;flex-direction:column;gap:2px;border-bottom:none;margin:0;overflow:visible}.ws-side .ws-sub-tab{text-align:left;padding:7px 10px;margin:0;white-space:normal;border:none;border-left:2.5px solid transparent;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);background:transparent}.ws-side .ws-sub-tab:hover:not(.ws-sub-tab--active){background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.ws-side .ws-sub-tab--active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:600}.ws-main{flex:1;min-width:0;overflow-y:auto;padding:28px 36px 80px}.ws-main .page-header{padding:0 0 14px}@media(max-width:900px){.word-studio{flex-direction:column}.ws-side{width:100%;max-height:40vh}.ws-main{padding:20px 16px 80px}}.ws-side__sublabel{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin:2px 4px}.ws-side__grammar:not(:empty){border-top:1px solid var(--border-color);padding-top:10px;display:flex;flex-direction:column;gap:8px}.ws-gram-chips{display:flex;flex-wrap:wrap;gap:5px}.ws-gram-chips--feat{padding-top:8px;border-top:1px solid var(--border-color)}.ws-gram-chip{padding:3px 9px;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:11px;line-height:1.4;border:1px solid var(--accent);background:transparent;color:var(--accent);transition:background .12s,color .12s}.ws-gram-chip:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ws-gram-chip.is-active{background:var(--accent);color:#fff}.ws-gram-chip--feat{border-color:var(--border-color);color:var(--text-secondary)}.ws-gram-chip--feat:hover{background:var(--bg-raised);color:var(--text-primary)}.ws-gram-chip--feat.is-active{background:var(--text-secondary);color:var(--bg-primary);border-color:var(--text-secondary)}.ws-side__surah:not(:empty){border-top:1px solid var(--border-color);padding-top:10px;display:flex;flex-direction:column;gap:6px}.ws-side__select{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-body);font-size:12.5px;cursor:pointer;outline:none}.ws-side__select:focus{border-color:var(--accent)}.ws-side__searchrow{display:flex;gap:6px;align-items:stretch;flex:0 0 auto}.ws-side__searchrow .ws-side__search{flex:1}.ws-kbd-toggle{flex:0 0 auto;width:34px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-secondary);font-family:var(--font-arabic);font-size:16px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.ws-kbd-toggle:hover{border-color:var(--accent);color:var(--accent)}.ws-kbd-toggle.is-on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.ws-kbd{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0}.ws-kbd__key{flex:0 0 auto;min-width:30px;height:30px;padding:0 4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-arabic);font-size:16px;line-height:1;cursor:pointer;transition:border-color .12s,background .12s}.ws-kbd__key:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.ws-kbd__key--clear{font-family:var(--font-body);font-size:12px;color:var(--danger)}body.study-mode .nav,body.study-mode .nav--desktop,body.study-mode .nav-topbar{display:none!important}body.study-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.study-studio{display:flex;height:100vh;height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow:hidden}.study-side{width:248px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.study-side__scroll{flex:1;overflow-y:auto;padding:4px 12px 20px;display:flex;flex-direction:column;gap:6px}.study-side__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin:10px 4px 4px}.study-side .study-tabs{display:flex;flex-direction:column;gap:2px;border-bottom:none;margin:0}.study-side .study-tab-btn{text-align:left;padding:8px 10px;margin:0;border:none;border-left:2.5px solid transparent;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer}.study-side .study-tab-btn:hover:not(.study-tab-btn--active){background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.study-side .study-tab-btn--active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.study-main{flex:1;min-width:0;overflow-y:auto;padding:28px 36px 80px}.study-main .study-panel{max-width:820px;margin:0 auto}@media(max-width:900px){.study-studio{flex-direction:column}.study-side{width:100%;max-height:34vh}.study-main{padding:20px 16px 80px}}.notes-studio,.tags-studio{position:relative}.studio-side{position:relative;transition:width .18s ease,padding .18s ease}.studio-side__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.studio-side__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.studio-side__collapse,.studio-expand{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-secondary);font-size:13px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}.studio-side__collapse:hover,.studio-expand:hover{border-color:var(--accent);color:var(--accent)}.studio-expand{position:absolute;top:14px;left:14px;z-index:6;display:none}body.tags-mode .nav,body.tags-mode .nav--desktop,body.tags-mode .nav-topbar{display:none!important}body.tags-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.tags-studio{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.tags-side{width:244px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px 16px}.tags-main{flex:1;min-width:0;overflow-y:auto}.tags-main__body{padding:36px 32px 40px}.tags-side__search{margin-bottom:18px}.tags-side__group{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.tags-side__group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.tags-side__opt{text-align:left;padding:7px 11px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tags-side__opt:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--text-primary)}.tags-side__opt.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);font-weight:600}.tags-side__export{width:100%;margin-top:4px}@media(max-width:820px){.tags-studio{flex-direction:column}.tags-side{width:100%;max-height:42vh}}body.links-mode .nav,body.links-mode .nav--desktop,body.links-mode .nav-topbar{display:none!important}body.links-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.links-studio{position:relative;display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.links-side{width:268px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px 16px}.links-main{flex:1;min-width:0;overflow-y:auto}.links-list{padding:36px 40px 48px}@media(max-width:820px){.links-studio{flex-direction:column}.links-side{width:100%;max-height:40vh}}body.threads-mode .nav,body.threads-mode .nav--desktop,body.threads-mode .nav-topbar{display:none!important}body.threads-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.threads-studio{position:relative;display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.threads-side{width:268px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px 16px}.threads-main{flex:1;min-width:0;overflow-y:auto}.threads-main__body{padding:36px 40px 48px}@media(max-width:820px){.threads-studio{flex-direction:column}.threads-side{width:100%;max-height:40vh}}body.structures-mode .nav,body.structures-mode .nav--desktop,body.structures-mode .nav-topbar{display:none!important}body.structures-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.structures-studio{position:relative;display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.structures-side{width:268px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px 16px}.structures-main{flex:1;min-width:0;overflow-y:auto}.structures-main__body{padding:36px 40px 48px}@media(max-width:820px){.structures-studio{flex-direction:column}.structures-side{width:100%;max-height:40vh}}body.scholars-mode .nav,body.scholars-mode .nav--desktop,body.scholars-mode .nav-topbar{display:none!important}body.scholars-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.scholars-studio{position:relative;display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.scholars-side{width:268px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px 16px}.scholars-main{flex:1;min-width:0;overflow-y:auto}.scholars-main__body{padding:36px 40px 48px}@media(max-width:820px){.scholars-studio{flex-direction:column}.scholars-side{width:100%;max-height:40vh}}.tags-side__select{width:100%;box-sizing:border-box;margin-top:2px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:7px 9px;cursor:pointer}.struct-card{background:var(--bg-raised);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:background .15s,border-color .15s}.struct-card:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg-raised));border-color:color-mix(in srgb,var(--accent) 28%,var(--border-color))}.struct-card__head{display:flex;align-items:center;gap:12px}.struct-viz{display:flex;align-items:flex-start;margin-top:14px;flex-wrap:wrap;gap:2px}.struct-viz__node{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.struct-viz__dot{width:12px;height:12px;border-radius:50%}.struct-viz__dot.is-centre{width:15px;height:15px}.struct-viz__role{font-size:9px;color:var(--text-muted);max-width:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.struct-viz__line{flex:1;min-width:10px;max-width:44px;height:2px;margin-top:5px;border-radius:1px}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-content{flex:1;overflow-y:auto;padding-top:52px}@media(min-width:1100px){.app-content{padding-top:0;padding-left:var(--nav-width-desktop)}}.nav-topbar{display:none}@media(max-width:1099px){.nav-topbar{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:52px;z-index:var(--z-nav);background:color-mix(in srgb,var(--bg-secondary) 90%,transparent);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));border-bottom:var(--border-width) solid var(--border-color);padding:0 var(--space-2);gap:var(--space-2)}}.nav-hamburger{background:none;border:none;cursor:pointer;font-size:22px;color:var(--text-primary);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.nav-hamburger:hover{color:var(--color-gold-500);background:color-mix(in srgb,var(--color-gold-500) 10%,transparent)}.nav-topbar-brand{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;line-height:1;pointer-events:none}.nav-topbar-brand__latin{font-family:Amiri,serif;font-style:normal;font-size:24px;font-weight:400;color:var(--text-primary);letter-spacing:0;text-transform:none;direction:rtl}.nav-brand{display:flex;align-items:center;justify-content:center;gap:0;text-decoration:none;flex-shrink:0;width:44px;height:44px;margin-bottom:var(--space-2)}.nav-brand-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-gold-500);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-gold-500) 40%,transparent))}.nav-brand-text{display:none}.nav-topbar-right{display:flex;align-items:center;gap:0;flex-shrink:0}.nav-drawer-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-nav) - 2);opacity:0;transition:opacity var(--transition-base)}.nav-drawer-backdrop--open{display:block;opacity:1}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:80vw;max-width:320px;background:var(--bg-secondary);border-right:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-xl);z-index:calc(var(--z-nav) - 1);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base);overflow:hidden}.nav-drawer--open{transform:translate(0)}@media(min-width:1100px){.nav-drawer{display:none}.nav-drawer-backdrop{display:none!important}}.nav-drawer__header{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:52px;border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0}.nav-drawer__close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-muted);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.nav-drawer__close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.nav-drawer__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.nav-drawer__items{flex:1;overflow-y:auto;padding:var(--space-2) 0}.nav-drawer-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:52px;min-height:44px;border-radius:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:400;letter-spacing:.03em;color:var(--text-secondary);text-decoration:none;border-left:3px solid transparent;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);width:100%;box-sizing:border-box}.nav-drawer-item .nav-item__icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.nav-drawer-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent);border-left-color:transparent}.nav-drawer-item.nav-item--active{color:var(--color-gold-500);font-weight:var(--weight-medium);background:color-mix(in srgb,var(--color-gold-500) 8%,transparent);border-left-color:var(--color-gold-500)}.nav-drawer__footer{flex-shrink:0;border-top:var(--border-width) solid var(--border-color);padding:var(--space-2)}.nav-drawer__footer-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);min-height:44px;text-align:left;transition:color var(--transition-fast),background var(--transition-fast)}.nav-drawer__footer-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.nav-drawer__footer-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.nav--desktop{position:fixed;top:0;left:0;bottom:0;width:var(--nav-width-desktop);z-index:var(--z-nav);background:var(--color-terra-700);border-right:1px solid rgba(0,0,0,.18);box-shadow:2px 0 12px #0000002e;display:none;flex-direction:column;align-items:center;padding:var(--space-3) 0 var(--space-4);gap:0;overflow-y:auto;overflow-x:hidden}@media(min-width:1100px){.nav--desktop{display:flex}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-xs);font-weight:var(--weight-medium);transition:color var(--transition-fast),background var(--transition-fast);min-width:var(--touch-min);min-height:var(--touch-min)}.nav-item--active{color:var(--color-terra-700);font-weight:var(--weight-medium)}.nav-item:hover{color:var(--color-terra-700);background:color-mix(in srgb,var(--color-terra-700) 10%,transparent)}.nav-item__icon{font-size:var(--text-xl);line-height:1}.nav-desktop-item{flex-direction:column;width:44px;height:44px;padding:0;gap:0;min-width:unset;min-height:unset;border-radius:var(--radius-md);color:#ffffffa6;position:relative;font-size:var(--text-lg);margin:1px 0}.nav-desktop-item .nav-item__label{display:none}[data-theme=dark] .nav--desktop{background:var(--color-terra-900);border-right-color:#0000004d;box-shadow:2px 0 12px #0006}[data-theme=dark] .nav-desktop-item{color:#ffffff8c}.nav-desktop-item:hover{color:#fff;background:#ffffff1f}.nav-desktop-item.nav-item--active{color:#fff;background:#ffffff26}.nav-desktop-item.nav-item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:20px;background:#fffc;border-radius:0 2px 2px 0}.nav-tooltip{position:fixed;white-space:nowrap;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--text-xs);font-family:var(--font-body);font-weight:var(--weight-medium);color:var(--text-primary);pointer-events:none;z-index:calc(var(--z-nav) + 1);box-shadow:var(--shadow-md);opacity:0;transition:opacity .1s ease}.nav-tooltip--visible{opacity:1}.nav-drawer-item.nav-item--active{color:var(--color-terra-800);background:color-mix(in srgb,var(--color-terra-800) 10%,transparent);border-left-color:var(--color-terra-800)}.nav-drawer-item:hover{color:var(--color-terra-600);background:color-mix(in srgb,var(--color-terra-800) 8%,transparent)}.nav--desktop .nav-spacer{flex:1}.nav-theme-btn{background:none;border:none;cursor:pointer;padding:var(--space-1);color:#fff9;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-left:0;min-height:40px;min-width:40px;font-size:15px;transition:color var(--transition-fast)}.nav-theme-btn:hover{color:#fff}.nav--desktop .nav-account-btn{min-height:40px!important;min-width:40px!important;padding:4px!important;justify-content:center!important}.view{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-4);width:100%;box-sizing:border-box}@media(max-width:767px){.view{padding:var(--space-3)}}@media(min-width:768px){.view{padding:var(--space-8) var(--space-6)}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-overlay);background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);transform:translateY(100%);transition:transform var(--transition-base);max-height:80vh;max-height:80dvh;overflow-y:auto;padding:var(--space-4);padding-bottom:var(--space-4)}.bottom-sheet--open{transform:translateY(0)}.bottom-sheet__handle{width:32px;height:4px;background:var(--color-neutral-300);border-radius:var(--radius-full);margin:0 auto var(--space-4)}.panel-layout{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.panel-layout{flex-direction:row}.panel-layout__sidebar{width:280px;flex-shrink:0}.panel-layout__main{flex:1;min-width:0}}.map-container{position:relative;display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary);font-family:var(--font-body, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.map-stage{position:relative;flex:1;min-width:0;height:100%;overflow:hidden;background:var(--map-canvas-bg);transition:background .3s ease}.map-canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.map-side{width:248px;flex-shrink:0;z-index:160;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.map-side__scroll{flex:1;overflow-y:auto;padding:4px 12px 24px;display:flex;flex-direction:column;gap:4px}.map-side__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin:14px 4px 6px}.map-side__scroll>.map-side__label:first-child{margin-top:8px}.map-side__modes{display:flex;flex-direction:column;gap:2px}.map-side__mode{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-left:2.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:inherit;font-size:13px;color:var(--text-secondary);transition:background .12s,color .12s}.map-side__mode:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.map-side__mode.is-active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left-color:var(--accent);color:var(--accent);font-weight:600}.map-side__mode-icon{width:18px;text-align:center;font-size:14px;color:var(--text-muted);flex-shrink:0}.map-side__mode.is-active .map-side__mode-icon{color:var(--accent)}.map-side__tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.map-side__tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;min-height:48px;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;color:var(--text-secondary);transition:border-color .12s,color .12s,background .12s,opacity .12s}.map-side__tool:hover{border-color:var(--accent);color:var(--accent)}.map-side__tool.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.map-side__tool.is-off{opacity:.45}.map-side__tool-icon{font-size:15px;line-height:1}.map-side__tool-lbl{font-size:9px;letter-spacing:.02em;color:var(--text-muted);text-align:center;line-height:1.1}.map-side__tool:hover .map-side__tool-lbl,.map-side__tool.is-active .map-side__tool-lbl{color:inherit}.map-side-toggle{display:none;position:absolute;top:var(--space-3);left:var(--space-3);z-index:170;width:44px;height:44px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-raised) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-secondary);font-size:17px;cursor:pointer}@media(max-width:767px){.map-side-toggle{display:flex}.map-side{position:fixed;top:0;left:0;bottom:0;z-index:210;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-xl);max-width:calc(100vw - 56px)}.map-side--open{transform:translate(0)}.map-stage{width:100%}.map-stage:after{content:"";position:absolute;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:205}.map-side--open~.map-stage:after{opacity:1;pointer-events:auto}.map-side__tool-lbl{font-size:9px}.map-side__label{font-size:10px}}.filter-bar{position:absolute;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--bg-primary) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--border-color);overflow-x:auto;display:flex;gap:var(--space-2);align-items:center}@media(max-width:767px){.filter-bar{display:none}.filter-bar--open{display:flex;flex-wrap:wrap;position:fixed;bottom:0;z-index:var(--z-overlay);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);max-height:50vh;max-height:50dvh;overflow-y:auto}}.map-tooltip{position:absolute;z-index:var(--z-popover);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-left:3px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);max-width:380px;min-width:200px;pointer-events:none}@media(max-width:767px){.map-tooltip{position:fixed;bottom:0;left:0;right:0;max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:auto}}.map-tooltip__surah{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.map-tooltip__ref{font-size:var(--text-sm);color:var(--text-muted)}.map-tooltip__preview{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2);font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:1.7}.map-tooltip__stats{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.map-filter-panel{position:absolute;top:72px;left:var(--space-2);width:280px;max-height:calc(100% - 84px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-popover);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s}.map-filter-panel--open{opacity:1;pointer-events:auto;transform:translateY(0)}[data-theme=dark] .map-container .map-filter-panel{background:var(--bg-raised);border-color:var(--border-color)}.map-filter-panel__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 6px;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.06em}.map-filter-panel__close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted);padding:0 2px;line-height:1;transition:color var(--transition-fast)}.map-filter-panel__close:hover{color:var(--text-primary)}.map-filter-panel__body{overflow-y:auto;padding:6px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.map-filter-panel__body::-webkit-scrollbar{width:3px}.map-filter-panel__body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.map-filter-panel__section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.map-filter-panel__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.map-filter-panel__section--tags>.map-filter-panel__label{margin-bottom:10px}.map-filter-panel__section--tags .map-filter-panel__section{margin-bottom:12px;padding:0 0 0 8px;border-bottom:none;border-left:2px solid var(--border-color)}.map-filter-panel__section--tags .map-filter-panel__section:last-child{margin-bottom:0}.map-filter-panel__section--tags .map-filter-panel__section>.map-filter-panel__label{font-size:10px;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.map-filter-panel__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-family:var(--font-body)}.map-filter-panel__toggle{background:none;border:none;font-size:12px;color:var(--text-muted);opacity:.6;cursor:pointer;padding:1px 4px;font-family:Inter,system-ui,sans-serif;text-transform:lowercase;transition:opacity .15s}.map-filter-panel__toggle:hover{opacity:1}.map-filter-panel__section-reset{background:none;border:none;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color .12s,background .12s}.map-filter-panel__section-reset:first-of-type{margin-left:auto}.map-filter-panel__section-reset:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.map-filter-panel__chips{display:flex;flex-wrap:wrap;gap:5px;transition:opacity .15s}.map-filter-panel__search{width:100%;padding:3px 8px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-family:Inter,system-ui,sans-serif;outline:none;margin-bottom:4px;box-sizing:border-box}.map-filter-panel__search::placeholder{color:var(--text-muted)}.map-filter-panel__search:focus{border-color:var(--accent)}.map-filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;border-width:1px;border-style:solid;cursor:pointer;transition:opacity .12s,background .12s,color .12s,box-shadow .12s;font-family:var(--font-body);white-space:nowrap;line-height:1.4}.map-filter-chip[data-active=true]{opacity:1;color:var(--color-neutral-0);font-weight:600}.map-filter-chip[data-active=false]{background:transparent!important;opacity:.5}.map-filter-chip[data-active=false]:hover{opacity:.8}.map-filter-chip__swatch{display:inline-block;flex-shrink:0}.map-filter-active{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 12px;margin-bottom:12px;border-bottom:1px solid var(--border-color)}.mfa-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 10px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;line-height:1.4;transition:background .12s}.mfa-chip:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.mfa-chip__x{font-size:13px;line-height:1;opacity:.65}.mfa-chip:hover .mfa-chip__x{opacity:1}@media(max-width:767px){.map-filter-panel{position:fixed;inset:auto 0 0;width:auto;max-height:60vh;max-height:60dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.map-browser{position:absolute;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:var(--bg-primary);border-left:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease}.map-browser--open{transform:translate(0)}.map-browser__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0}.map-browser__title{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.map-browser__count{font-size:var(--text-xs);color:var(--text-muted)}.map-browser__close{background:none;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--text-muted);padding:var(--space-1);line-height:1}.map-browser__close:hover{color:var(--text-primary)}.map-browser__search-wrap{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0;display:flex;align-items:center;gap:6px}.map-browser__search-info{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:help;line-height:1}.map-browser__search-info:hover{background:var(--border-color);color:var(--text-primary)}.map-browser__morph-toggle{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.map-browser__morph-toggle:hover{border-color:var(--text-muted);color:var(--text-secondary)}.map-browser__morph-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.map-browser__root-info{padding:4px 10px;font-size:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:var(--radius-sm);margin:0 8px 4px;direction:rtl;text-align:right}.map-browser__search{flex:1;min-width:0;padding:6px 10px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--text-sm);font-family:inherit;outline:none;box-sizing:border-box}.map-browser__search:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.map-browser__search::placeholder{color:var(--text-muted)}.map-browser__list{flex:1;overflow-y:auto;overscroll-behavior:contain}.map-browser__item{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-4);border:none;border-bottom:var(--border-width) solid var(--border-color);background:transparent;cursor:pointer;font-family:inherit;transition:background .1s;height:100px;box-sizing:border-box;overflow:hidden}.map-browser__item:hover{background:var(--bg-secondary)}.map-browser__item--highlighted{background:color-mix(in srgb,var(--accent) 12%,transparent);border-left:3px solid var(--accent)}.map-browser__item-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.map-browser__item-ref{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.map-browser__item-surah{font-size:var(--text-xs);color:var(--text-muted)}.map-browser__item-preview{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.map-browser__item-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.map-browser__badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:8px;font-size:12px;line-height:1.4;font-family:Inter,system-ui,sans-serif}.root-explorer__header{padding:8px 12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.root-explorer__back{background:none;border:none;font-size:12px;color:var(--accent);cursor:pointer;padding:2px 6px;border-radius:4px}.root-explorer__back:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.root-explorer__root{font-size:20px;font-weight:600;color:var(--text-primary)}.root-explorer__count{font-size:12px;color:var(--text-muted);margin-left:auto}.root-explorer__tags{padding:6px 12px;display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border-color)}.root-explorer__section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px}.root-explorer__forms{border-bottom:1px solid var(--border-color);padding-bottom:4px}.root-explorer__form-row{display:flex;align-items:baseline;gap:6px;padding:3px 12px;font-size:12px}.root-explorer__form-row:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.map-browser__selection{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--accent);margin-left:auto;margin-right:var(--space-2)}.map-browser__selection-count{white-space:nowrap}.map-browser__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:767px){.map-browser{width:100%;max-width:none;top:auto;bottom:0;height:55vh;height:55dvh;border-left:none;border-top:var(--border-width) solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%)}.map-browser--open{transform:translateY(0)}}[data-theme=dark] .map-container .map-browser__morph-toggle.active{opacity:1;background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.query-map-banner{position:absolute;top:var(--space-4);right:var(--space-4);z-index:var(--z-dropdown);background:var(--color-query-bg);border:var(--border-width) solid var(--color-query-200);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-query-700);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-2)}.verse-modal{position:absolute;width:420px;max-width:90vw;max-height:calc(100% - 80px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-body)}.verse-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:12px 16px;background:var(--bg-raised);border-bottom:1px solid var(--border-color);cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none}.verse-modal__header:active{cursor:grabbing}.verse-modal__title-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.verse-modal__ref{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--accent);text-decoration:none;font-family:var(--font-mono, var(--font-body));background:color-mix(in srgb,var(--accent) 10%,transparent);padding:3px 10px;border-radius:var(--radius-full)}.verse-modal__ref:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.verse-modal__surah{font-size:14px;font-weight:600;color:var(--text-primary);text-decoration:none}.verse-modal__surah:hover{color:var(--accent)}.verse-modal__rev-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-muted)}.verse-modal__rev-badge--makki{background:color-mix(in srgb,var(--color-makki) 15%,transparent);color:var(--color-makki)}.verse-modal__rev-badge--madani{background:color-mix(in srgb,var(--color-madani) 16%,transparent);color:var(--color-madani)}.verse-modal__close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:4px 6px;line-height:1;flex-shrink:0;border-radius:var(--radius-sm)}.verse-modal__close:hover{color:var(--text-primary);background:var(--bg-secondary)}.verse-modal__body{flex:1;overflow-y:auto;padding:18px 16px 16px;overscroll-behavior:contain}.verse-modal__arabic{font-family:var(--font-arabic);font-size:23px;line-height:1.85;direction:rtl;text-align:center;color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:12px}.verse-modal__arabic .word-chip{font-size:20px;line-height:1.8;padding:0 2px}.verse-modal__translation{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:17px;line-height:1.7;color:var(--text-primary);margin-bottom:20px}.verse-modal__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.verse-modal__section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-color)}.verse-modal__section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.verse-modal__note{font-size:13px;color:var(--text-secondary);line-height:1.6;padding:11px 13px;background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-gold-500);border-radius:var(--radius-md);margin-bottom:8px}.verse-modal__link{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-teal-500);border-radius:var(--radius-md);margin-bottom:8px}.verse-modal__link-ref{font-weight:700;color:var(--color-teal-600);text-decoration:none;cursor:pointer;font-family:var(--font-mono, var(--font-body))}.verse-modal__link-ref:hover{text-decoration:underline}.verse-modal__link-type{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:1px 6px}.verse-modal__link-label{font-size:12px;color:var(--text-secondary)}.vm-hub{margin-top:2px}.vm-strip{display:flex;flex-wrap:wrap;gap:6px}.vm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .12s,background .12s,color .12s,opacity .12s}.vm-chip:hover{border-color:var(--vm-accent);color:var(--text-primary)}.vm-chip:not(.has){opacity:.5}.vm-chip.has{color:var(--text-secondary);border-color:color-mix(in srgb,var(--vm-accent) 35%,var(--border-color));background:color-mix(in srgb,var(--vm-accent) 9%,transparent)}.vm-chip.is-open{border-color:var(--vm-accent);background:color-mix(in srgb,var(--vm-accent) 15%,transparent);color:var(--text-primary)}.vm-chip__icon{color:var(--vm-accent);font-size:13px;line-height:1}.vm-chip__count{min-width:16px;text-align:center;padding:0 5px;border-radius:var(--radius-full);font-size:10px;font-weight:700;background:color-mix(in srgb,var(--vm-accent) 18%,transparent);color:var(--vm-accent)}.vm-chip:not(.has) .vm-chip__count{background:var(--bg-raised);color:var(--text-muted)}.vm-panel{margin-top:10px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px}.vm-empty{font-size:13px;color:var(--text-muted)}.vm-hint{font-size:11px;color:var(--text-muted);line-height:1.5}.vm-addrow{display:flex;gap:6px;align-items:flex-end}.vm-input{flex:1;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;outline:none}.vm-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.vm-input.is-invalid{border-color:var(--danger)}.vm-select{box-sizing:border-box;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:13px;cursor:pointer}.vm-save{flex-shrink:0;padding:8px 14px;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.vm-save:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.vm-save:disabled{opacity:.6;cursor:default}.vm-linkform{display:flex;flex-direction:column;gap:6px}.vm-link-pick{align-self:flex-start;background:none;border:none;color:var(--accent);font-family:inherit;font-size:12px;cursor:pointer;padding:2px 0}.vm-link-pick:hover{text-decoration:underline}.vm-pills{display:flex;flex-wrap:wrap;gap:6px}.vm-pill{font-family:inherit;font-size:12px;line-height:1.4;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);text-decoration:none;transition:background .12s,color .12s,border-color .12s}.vm-pill:hover{border-color:var(--vm-pc, var(--accent));color:var(--vm-pc, var(--accent))}.vm-pill.is-active{background:color-mix(in srgb,var(--vm-pc, var(--accent)) 16%,transparent);border-color:color-mix(in srgb,var(--vm-pc, var(--accent)) 55%,transparent);color:var(--vm-pc, var(--accent));font-weight:600}.vm-pill--new{border-style:dashed;color:var(--text-muted)}.vm-del{margin-left:auto;flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:16px;line-height:1;padding:0 2px}.vm-del:hover{color:var(--danger)}.vm-rootrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vm-rootrow__root{font-family:var(--font-arabic);font-size:15px;color:var(--text-secondary)}.vm-roottag{display:inline-flex;align-items:center;gap:3px;font-size:12px;padding:1px 4px 1px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-teal-500) 12%,transparent);color:var(--color-teal-600)}.vm-roottag__x{cursor:pointer;opacity:.6;font-size:13px;line-height:1}.vm-roottag__x:hover{opacity:1}.vm-rootadd{font-size:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}[data-theme=dark] .verse-modal{background:var(--bg-raised);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .verse-modal .verse-modal__header{border-bottom-color:var(--border-color)}[data-theme=dark] .verse-modal .verse-modal__arabic{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .verse-modal .verse-modal__translation{color:var(--text-secondary)}[data-theme=dark] .verse-modal .verse-modal__section{border-top-color:var(--border-color)}[data-theme=dark] .verse-modal .verse-modal__note{color:var(--text-secondary);background:var(--bg-raised)}[data-theme=dark] .verse-modal .verse-modal__close{color:var(--text-muted)}[data-theme=dark] .verse-modal .verse-modal__close:hover{color:var(--text-primary)}[data-theme=dark] .verse-modal .verse-modal__link-type,[data-theme=dark] .verse-modal .verse-modal__link-label{color:var(--text-muted)}[data-theme=dark] .verse-modal textarea{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:767px){.verse-modal{position:fixed;top:auto!important;right:0!important;left:0!important;bottom:0;width:100%;max-width:none;max-height:70vh;max-height:70dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-overlay)!important}}@media(max-width:767px){.map-controls{top:var(--space-2);left:var(--space-2);gap:4px}.map-actions{bottom:var(--space-2);left:var(--space-2);gap:4px}.map-mode-select{font-size:13px;padding:4px 6px;min-height:44px}.map-theme-toggle{padding:4px;font-size:15px;min-height:44px;min-width:44px;box-shadow:var(--shadow-sm)}.map-browser-toggle{min-height:44px;min-width:44px;font-size:15px;box-shadow:var(--shadow-sm)}.verse-modal~svg{display:none!important}.verse-modal{z-index:var(--z-modal)!important}.verse-modal__header{cursor:default;padding:var(--space-2) var(--space-3)}.verse-modal__body{padding:var(--space-3)}.bookmark-menu{left:8px!important;right:8px!important;max-width:none}.morphology-popover{left:8px!important;right:8px!important;max-width:none;min-width:0}.map-filter-chip{font-size:12px;padding:2px 6px}.root-explorer__header{padding:6px 10px}.root-explorer__root{font-size:17px}.link-popup{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;max-height:65dvh;overflow-y:auto;z-index:700}.query-map-banner{top:auto;bottom:calc(var(--space-4) + 54px);right:var(--space-2);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.thread-tooltip{white-space:normal;max-width:200px;font-size:11px}}.bookmark-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;max-width:280px;padding:4px 0;max-height:400px;overflow-y:auto}.bookmark-menu__item{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:var(--text-primary)}.bookmark-menu__item:hover{background:var(--bg-secondary)}.bookmark-menu__save{color:var(--accent);font-weight:600}.bookmark-menu__clear{color:var(--text-muted);font-size:12px}.bookmark-menu__divider{height:1px;background:var(--border-color);margin:4px 0}.bookmark-menu__delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 4px}.bookmark-menu__delete:hover{color:var(--color-red-500)}.bookmark-menu__name{font-weight:500}.bookmark-menu__desc{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.3;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-menu__item--active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left:3px solid var(--accent);padding-left:9px}.bookmark-menu__check{color:var(--accent);font-weight:700;margin-right:4px}.map-controls__bookmark--active{position:relative;color:var(--accent)!important;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}.map-controls__bookmark--active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent);border-radius:50%}[data-theme=dark] .map-container .surah-view .card{background:var(--bg-raised);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .map-container .surah-view .card:hover{border-color:var(--accent)}.surah-view__header{background:var(--bg-primary);color:var(--text-primary)}.surah-view .card{color:var(--text-primary)}[data-theme=dark] .surah-view .card{background:var(--bg-raised);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .surah-view .card:hover{border-color:var(--accent)}.app-content>.surah-view{width:100%;box-sizing:border-box;height:calc(100vh - var(--nav-height-mobile));height:calc(100dvh - var(--nav-height-mobile))}@media(min-width:768px){.app-content>.surah-view{height:calc(100vh - var(--nav-height-desktop));height:calc(100dvh - var(--nav-height-desktop))}}.map-connections-rows,.map-thread-rows{display:flex;flex-direction:column;gap:2px;padding:2px 0 4px}.map-conn-row{display:flex;align-items:center;gap:6px;padding:3px 2px;min-height:28px;border-radius:6px;transition:background .1s}.map-conn-row:hover{background:var(--bg-secondary)}.map-conn-cat-row{padding-left:20px}.map-conn-cb{width:14px;height:14px;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}.map-conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.map-conn-label{font-size:12px;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body)}.map-conn-expand{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:10px;color:var(--text-muted);cursor:pointer;padding:2px 5px;line-height:1;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.map-conn-expand:hover{background:var(--bg-tertiary, var(--bg-secondary));border-color:var(--text-muted);color:var(--text-primary)}.map-conn-thread-sym{font-size:12px;color:var(--accent);flex-shrink:0}.thread-tooltip{position:absolute;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:6px;padding:8px 12px;font-family:var(--font-body);font-size:12px;color:var(--text-primary);pointer-events:none;z-index:200;white-space:nowrap;box-shadow:0 4px 16px #00000026;transform:translateY(-100%) translateY(-10px)}.thread-tooltip-step{color:var(--accent);font-weight:500;margin-right:6px}.thread-tooltip-ref{color:var(--text-muted);margin-right:6px}.thread-tooltip-label{color:var(--text-primary);display:block;margin-top:3px}.note-verse-anchor{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;color:var(--color-teal-500);background:#4a9d8f1a;border:1px solid rgba(74,157,143,.25);border-radius:3px;padding:2px 8px;margin-bottom:8px;pointer-events:none;-webkit-user-select:none;user-select:none}.note-toolbar{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.note-tool{font-family:var(--font-body);font-size:11px;padding:4px 10px;border-radius:3px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.note-tool:hover{border-color:var(--accent);color:var(--accent)}.vp-note-editor{position:relative;font-family:var(--font-body);font-size:15px;line-height:1.8;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:14px;min-height:120px;transition:border-color .2s ease;width:100%;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;outline:none}.vp-note-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.vp-note-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted);font-style:italic;pointer-events:none;position:absolute;top:14px;left:14px}.syn-theme{color:var(--accent);font-weight:500}.syn-verse{color:var(--color-teal-500)}.syn-root{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:3px;padding:0 3px}.syn-scholar{color:var(--text-muted);font-style:italic}.note-autocomplete{position:absolute;background:var(--bg-primary);border:1px solid var(--accent);border-radius:6px;padding:4px;z-index:200;min-width:200px;box-shadow:0 8px 24px #00000026}.note-autocomplete-item{font-family:var(--font-body);font-size:13px;padding:7px 12px;border-radius:4px;color:var(--text-muted);cursor:pointer}.note-autocomplete-item:hover,.note-autocomplete-item.selected{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-primary)}.note-save-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-body);font-size:14px;padding:9px 24px;border-radius:4px;cursor:pointer;transition:all .2s ease}.note-save-btn:hover{background:var(--accent);color:#fff}.note-save-btn:disabled{opacity:.5;cursor:not-allowed}.note-cancel-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:14px;padding:9px 12px;cursor:pointer;transition:color .15s ease}.note-cancel-btn:hover{color:var(--text-primary)}.map-browser__detail{flex-shrink:0;flex-direction:column;gap:var(--space-2);max-height:48%;overflow-y:auto;padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--border-color);background:var(--bg-secondary)}.map-browser__detail-header{display:flex;align-items:center;gap:var(--space-2)}.map-browser__detail-ref{flex:1;min-width:0;font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-primary)}.map-browser__detail-open{flex-shrink:0;border:var(--border-width) solid var(--accent);background:transparent;color:var(--accent);font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.map-browser__detail-open:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.map-browser__detail-close{flex-shrink:0;background:none;border:none;font-size:var(--text-lg);line-height:1;color:var(--text-muted);cursor:pointer;padding:var(--space-1)}.map-browser__detail-close:hover{color:var(--text-primary)}.map-browser__detail-arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;font-size:var(--text-arabic-lg);line-height:1.9;color:var(--text-primary)}.map-browser__detail-trans{font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.map-browser__detail-tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-width) solid var(--border-color)}.map-browser__detail-tab{background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-3);cursor:pointer}.map-browser__detail-tab:hover{color:var(--text-secondary)}.map-browser__detail-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.map-browser__detail-content{display:flex;flex-direction:column;gap:var(--space-2)}.map-browser__detail-empty{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-2) 0}.map-browser__detail-note{font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);padding:var(--space-2);background:var(--bg-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm)}.map-browser__detail-row{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm)}.map-browser__detail-rowref{flex-shrink:0;font-weight:var(--weight-semibold);color:var(--accent)}.map-browser__detail-rowref.arabic{font-family:var(--font-arabic);direction:rtl}.map-browser__detail-rowdesc{color:var(--text-secondary);min-width:0}.map-browser__detail-rowdesc.arabic{font-family:var(--font-arabic);text-align:right}.map-side .map-filter-panel{position:static;width:auto;max-height:none;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:none;border-radius:0;display:flex;flex-direction:column}.map-side .map-filter-panel--docked,[data-theme=dark] .map-side .map-filter-panel--docked{background:transparent}.map-side .map-filter-panel__header{padding:14px 4px 6px;border-bottom:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;color:var(--text-muted)}.map-side .map-filter-panel__close{display:none}.map-side .map-filter-panel__body{overflow:visible;max-height:none;padding:2px 0 0}.map-filter-panel__badge{margin-left:6px;min-width:16px;padding:0 5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:0}@media(min-width:768px){.map-browser{position:relative;top:auto;right:auto;bottom:auto;transform:none;box-shadow:none;transition:none;background:var(--bg-raised)}.map-browser:not(.map-browser--open){display:none}}.vm-notecard{background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-gold-500);border-radius:var(--radius-md);padding:10px 12px}.map-browser__detail-note{border-left:3px solid var(--color-gold-500);background:var(--bg-raised);border-color:var(--border-color);border-radius:var(--radius-md);line-height:1.6}.map-browser__detail-rowref:not(.arabic){color:var(--color-teal-600)}@media(max-width:1023px){.map-side{position:absolute;top:0;left:0;bottom:0;width:264px;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-xl)}.map-side--open{transform:translate(0)}.map-side-toggle{display:flex}}@media(min-width:768px)and (max-width:1023px){.map-browser{width:300px}}.journal-trigger{position:fixed;bottom:22px;right:20px;z-index:calc(var(--z-modal) + 10);width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-gold-500);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-md),0 0 16px #c8900a4d;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.journal-trigger:hover{background:var(--color-gold-600);transform:scale(1.07);box-shadow:var(--shadow-lg),0 0 22px #c8900a66}.journal-trigger:active{transform:scale(.95)}.journal-trigger__dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-amber);border:2px solid var(--color-gold-500)}.journal-trigger__badge{position:absolute;bottom:5px;right:5px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-gold-800);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.journal-panel{position:fixed;bottom:0;right:20px;z-index:calc(var(--z-modal) + 5);width:400px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-xl),0 -4px 24px #00000014;transition:width var(--transition-base),max-height var(--transition-base);overflow:hidden}.journal-panel--fullscreen{right:0;bottom:0;width:100vw;max-height:100vh;max-height:100dvh;border-radius:0;border:none}@media(min-width:1100px){.journal-panel--fullscreen{left:var(--nav-width-desktop);width:calc(100vw - var(--nav-width-desktop))}}.journal-panel--hidden{display:none}.jp-header{display:flex;flex-direction:column;flex-shrink:0;border-bottom:1px solid var(--border-color)}.jp-header-row{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3);height:36px;flex-shrink:0;min-width:0}.jp-header-row--1{background:var(--bg-raised);border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.jp-header-row--2{background:var(--bg-raised)}.jp-header-side{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.jp-header-side--right{margin-left:auto;gap:var(--space-1)}.jp-header-label{font-family:var(--font-display);font-size:var(--text-base);font-weight:400;color:var(--text-primary);white-space:nowrap;letter-spacing:.01em}.jp-saved-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;margin-right:var(--space-1)}.jp-header-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center}.jp-header-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.jp-header-btn--active{color:var(--color-amber)}.jp-nav-btn{flex-shrink:0;font-size:var(--text-xs);padding:4px 5px}.jp-new-icon-btn{font-size:1.1rem;font-weight:300;padding:2px 7px;line-height:1}.jp-new-icon-btn:hover{color:var(--color-gold-500)!important;background:color-mix(in srgb,var(--color-gold-500) 10%,transparent)!important}.jp-nav-btn:disabled{opacity:.3;cursor:default}.jp-title-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);padding:4px var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.jp-title-input:focus{background:color-mix(in srgb,var(--color-gold-500) 6%,transparent)}.jp-title-input::placeholder{color:var(--text-muted);font-weight:400}.jp-search-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.jp-body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.jp-body::-webkit-scrollbar{width:4px}.jp-body::-webkit-scrollbar-track{background:transparent}.jp-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.jp-block{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.jp-block:hover{border-color:var(--border-color);background:var(--bg-primary)}.jp-block:focus-within{border-color:color-mix(in srgb,var(--color-gold-500) 55%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gold-500) 10%,transparent);background:var(--bg-primary)}.jp-block__context{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;padding:1px 7px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);align-self:flex-start}.jp-block__insert-ref{background:none;border:1px dashed var(--border-color);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);align-self:flex-start}.jp-block__insert-ref:hover{border-color:var(--accent);color:var(--accent)}.jp-block__toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:4px 0 3px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);margin-bottom:3px;animation:jp-toolbar-in .12s ease}@keyframes jp-toolbar-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.jp-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.jp-block__toolbar-btn,.jp-toolbar-btn{background:none;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--text-muted);padding:1px 7px;font-size:11px;line-height:1.7;font-family:var(--font-mono, monospace);font-weight:500;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation}.jp-block__toolbar-btn:hover,.jp-toolbar-btn:hover,.jp-block__toolbar-btn:active,.jp-toolbar-btn:active{color:var(--accent);border-color:transparent;background:color-mix(in srgb,var(--accent) 12%,transparent)}.jp-block__toolbar-btn--active{background:var(--accent);color:#fff;border-color:var(--accent);font-family:var(--font-body)}.jp-block__toolbar-btn--active:hover{background:var(--accent);opacity:.85}.jp-toolbar-divider{width:1px;height:14px;background:var(--border-color);margin:0 3px;flex-shrink:0}.jp-block__read{padding:var(--space-1) 0;font-size:var(--text-sm);font-weight:400;color:var(--text-primary);line-height:1.65;cursor:text;min-height:36px;word-break:break-word}.jp-block__read:empty:before{content:"Tap to write…";color:var(--text-muted)}.jp-block__read p{margin:0 0 var(--space-1)}.jp-block__read p:last-child{margin-bottom:0}.jp-block__textarea{width:100%;min-height:60px;resize:none;border:none;outline:none;background:transparent;font-size:var(--text-sm);font-weight:400;color:var(--text-primary);line-height:1.65;overflow:hidden;font-family:var(--font-body)}.jp-block__textarea::placeholder{color:var(--text-muted)}.jp-block__chips{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.jp-chip{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-full);font-size:11px;font-weight:500;background:color-mix(in srgb,var(--color-gold-500) 12%,transparent);color:var(--color-gold-500);border:1px solid color-mix(in srgb,var(--color-gold-500) 25%,transparent);text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.jp-chip:hover{background:color-mix(in srgb,var(--color-gold-500) 20%,transparent)}.jp-block__footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid transparent;margin-top:2px;opacity:0;transition:opacity var(--transition-fast),border-color var(--transition-fast);pointer-events:none}.jp-block:hover .jp-block__footer,.jp-block:focus-within .jp-block__footer{opacity:1;border-top-color:var(--border-color);pointer-events:auto}.jp-block__handle{color:var(--text-muted);cursor:grab;font-size:var(--text-sm);padding:1px 4px;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;opacity:.5}.jp-block__handle:active{cursor:grabbing}.jp-block__drag-handle{color:var(--text-muted);cursor:grab;font-size:var(--text-sm);padding:1px 4px;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}.jp-block__delete{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:1px 5px;border-radius:var(--radius-sm);font-size:var(--text-xs);transition:color var(--transition-fast),background var(--transition-fast)}.jp-block__delete:hover{color:var(--color-red);background:color-mix(in srgb,var(--color-red) 10%,transparent)}.jp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3);color:var(--text-secondary)}.jp-empty__icon{font-size:2.5rem;line-height:1}.jp-empty h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.jp-empty p{font-size:var(--text-sm);color:var(--text-muted);margin:0;max-width:260px}.jp-footer__summary{flex:1;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jp-search-result{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.jp-add-block{width:100%;padding:var(--space-2) var(--space-3);border:1px dashed color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:var(--radius-md);background:none;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;text-align:center;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);opacity:.7}.jp-add-block:hover{opacity:1;border-color:var(--color-gold-400);color:var(--color-gold-500);background:color-mix(in srgb,var(--color-gold-500) 5%,transparent)}.jp-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted)}.jp-footer-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);transition:color var(--transition-fast),background var(--transition-fast)}.jp-footer-btn:hover{color:var(--text-primary);background:color-mix(in srgb,currentColor 10%,transparent)}.jp-search{display:flex;flex-direction:column;height:100%}.jp-search__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);flex-shrink:0}.jp-search__input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.jp-search__input:focus{border-color:var(--color-gold-400)}.jp-search__close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-sm);transition:color var(--transition-fast)}.jp-search__close:hover{color:var(--text-primary)}.jp-search__results{flex:1;overflow-y:auto;padding:var(--space-2)}.jp-search-result{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.jp-search-result:hover{background:var(--bg-secondary)}.jp-search-result__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.jp-search-result__preview{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jp-search-empty{text-align:center;padding:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.jp-ar-keyboard{direction:rtl;display:flex;flex-direction:column;gap:3px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);animation:jp-toolbar-in .12s ease;margin-bottom:2px}.jp-ar-keyboard__row{display:flex;gap:2px;justify-content:center}.jp-ar-keyboard__key{flex:1;min-width:0;height:34px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-primary);font-size:15px;font-family:Amiri,Traditional Arabic,Scheherazade New,serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast);user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 1px 0 var(--border-color)}.jp-ar-keyboard__key:hover{background:var(--bg-primary);border-color:color-mix(in srgb,var(--color-gold-400) 60%,var(--border-color))}.jp-ar-keyboard__key:active{background:var(--bg-secondary);box-shadow:none;transform:translateY(1px)}.jp-ar-keyboard__key--space{flex:4;font-size:11px;font-family:var(--font-body);color:var(--text-muted);letter-spacing:.05em}.jp-ar-keyboard__key--bksp{flex:1.8;font-size:16px;color:var(--text-secondary);font-family:var(--font-body)}@media(max-width:768px){.journal-trigger{bottom:calc(var(--nav-height-mobile) + 16px);right:16px}.journal-panel{right:0;left:0;bottom:0;width:100%;max-height:80vh;max-height:80dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.journal-panel--fullscreen{max-height:100vh;max-height:100dvh;border-radius:0}.jp-block__toolbar-btn,.jp-toolbar-btn{padding:4px 10px;min-height:36px}.jp-ar-keyboard__row{gap:4px}.jp-ar-keyboard__key{height:42px;font-size:18px}}body.journal-mode .nav,body.journal-mode .nav--desktop,body.journal-mode .nav-topbar{display:none!important}body.journal-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.journal-studio{display:flex;height:100vh;height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow:hidden}.js-binder{width:264px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.journal-studio.is-focus .js-binder{display:none}.js-binder__head{padding:16px 14px 12px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.js-binder__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.js-binder__new{align-self:stretch;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--accent);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.js-binder__new:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.js-binder__search{box-sizing:border-box;width:100%;padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}.js-binder__search:focus{border-color:var(--accent)}.js-binder__list{flex:1;overflow-y:auto;padding:4px 0 16px}.js-binder__group{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;padding:12px 16px 4px}.js-binder__empty{font-size:13px;color:var(--text-muted);padding:16px}.js-entry{display:block;width:100%;text-align:left;padding:9px 16px;background:transparent;border:none;border-left:2.5px solid transparent;cursor:pointer}.js-entry:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.js-entry.is-active{background:color-mix(in srgb,var(--accent) 9%,transparent);border-left-color:var(--accent)}.js-entry__title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.js-entry.is-active .js-entry__title{color:var(--accent)}.js-entry__preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.js-page{flex:1;min-width:0;overflow-y:auto}.js-page__inner{max-width:680px;margin:0 auto;padding:24px 40px 140px}.js-page__bar{display:flex;align-items:center;gap:8px;margin-bottom:26px}.js-iconbtn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:15px;line-height:1;padding:6px 8px;border-radius:var(--radius-sm);transition:color .12s,background .12s}.js-iconbtn:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.js-iconbtn--danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.js-page__count{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.js-spacer{flex:1}.js-page__date{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin-bottom:6px}.js-page__title{width:100%;box-sizing:border-box;border:none;outline:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:30px;font-weight:800;letter-spacing:-.02em;padding:0;margin-bottom:20px}.js-page__title::placeholder{color:var(--text-muted);opacity:.5}.js-flow{display:flex;flex-direction:column;gap:4px}.js-blockwrap{display:flex;flex-direction:column}.js-block__from{font-size:11px;color:var(--color-teal-600);font-family:var(--font-mono, inherit);margin:10px 0 2px}.js-block{width:100%;box-sizing:border-box;border:none;outline:none;resize:none;background:transparent;color:var(--text-primary);font-family:var(--font-display, var(--font-body));font-size:17px;line-height:1.85;padding:2px 0;overflow:hidden;min-height:1.85em}.js-block::placeholder{color:var(--text-muted);opacity:.5}.js-block__drawing{font-size:13px;color:var(--text-muted);padding:8px 0}.js-add{align-self:flex-start;margin-top:14px;background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:13px;cursor:pointer;padding:4px 0;transition:color .12s}.js-add:hover{color:var(--accent)}.js-empty{max-width:420px;margin:12vh auto 0;text-align:center;padding:0 24px}.js-empty__icon{font-size:34px;color:var(--accent);margin-bottom:12px}.js-empty__title{font-family:var(--font-body);font-size:20px;font-weight:700;margin:0 0 8px}.js-empty__desc{font-size:14px;line-height:1.65;color:var(--text-secondary);margin:0 0 20px}.js-empty__cta{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:9px 18px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer}.js-empty__cta:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.journal-studio.is-focus .js-page__inner{max-width:620px}@media(max-width:820px){.journal-studio{flex-direction:column;height:auto;min-height:100dvh}.js-binder{width:100%;max-height:36vh}.js-page__inner{padding:22px 18px 100px}.js-page__title{font-size:24px}.js-block{font-size:16px}}.journal-panel:not(.journal-panel--fullscreen){width:360px}.jp-body{padding:8px 10px 10px;gap:3px}.jp-block{padding:4px 8px;gap:2px}.jp-block__insert-ref{display:none}.jp-block:focus-within .jp-block__insert-ref{display:inline-flex}.jp-block__toolbar{display:none}.jp-capture{display:flex;flex-direction:column;gap:8px;padding:2px 2px 12px;border-bottom:1px solid var(--border-color)}.jp-capture__ctx{font-size:11px;color:var(--color-teal-600);font-family:var(--font-mono, inherit)}.jp-capture__input{width:100%;box-sizing:border-box;resize:vertical;min-height:52px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;padding:9px 11px;outline:none}.jp-capture__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.jp-capture__input::placeholder{color:var(--text-muted)}.jp-capture__tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.jp-capture__tool{flex:0 0 auto;height:26px;min-width:26px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-mono, var(--font-body));font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:color .12s,background .12s}.jp-capture__tool:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.jp-capture__spacer{flex:1}.jp-capture__save{border:none;cursor:pointer;background:transparent;color:var(--accent);font-family:var(--font-body);font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--radius-sm);transition:background .12s,color .12s}.jp-capture__save:hover{background:var(--accent);color:#fff}.jp-capture__save:disabled{opacity:.6;cursor:default}.jp-recent{display:flex;flex-direction:column;gap:4px;padding:12px 2px 4px}.jp-recent__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:2px}.jp-recent__item{text-align:left;width:100%;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid color-mix(in srgb,var(--color-gold-500) 50%,transparent)}.jp-recent__item:hover{background:var(--bg-secondary);color:var(--text-primary)}.jp-recent__all{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;padding:4px 0}.jp-recent__all:hover{text-decoration:underline}.js-block__tools{display:none;align-items:center;gap:4px;flex-wrap:wrap;margin:4px 0 2px}.js-block__tools.is-on{display:flex}.js-block__tool{flex:0 0 auto;height:24px;min-width:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-mono, var(--font-body));font-size:11px;font-weight:600;line-height:1;cursor:pointer;transition:color .12s,background .12s}.js-block__tool:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tadabbur-invitation{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f;border-left-width:3px;border-left-color:var(--accent);transition:box-shadow var(--transition-fast)}.tadabbur-invitation__top{display:flex;align-items:flex-start;gap:var(--space-2)}.tadabbur-invitation__icon{flex-shrink:0;font-size:var(--text-base);line-height:1.4;-webkit-user-select:none;user-select:none}.tadabbur-invitation__observation{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);font-weight:var(--weight-medium)}.tadabbur-invitation__explanation{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted);padding-left:calc(var(--text-base) + var(--space-2))}.tadabbur-invitation__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-left:calc(var(--text-base) + var(--space-2))}.tadabbur-invitation__btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);line-height:1;font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent}.tadabbur-invitation__btn:hover,.tadabbur-invitation__btn:focus-visible{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-secondary)}.tadabbur-invitation__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tadabbur-invitation__btn:active{opacity:.8}.tadabbur-invitation__btn--reflect{color:var(--accent);border-color:var(--accent);font-weight:var(--weight-semibold)}.tadabbur-invitation__btn--reflect:hover,.tadabbur-invitation__btn--reflect:focus-visible{color:var(--bg-primary);background:var(--accent);border-color:var(--accent)}@media(max-width:400px){.tadabbur-invitation__actions{flex-direction:column;align-items:stretch;padding-left:0}.tadabbur-invitation__btn{width:100%;justify-content:center;min-height:44px;font-size:var(--text-base)}.tadabbur-invitation__explanation{padding-left:0}}@media(min-width:768px){.tadabbur-invitation{padding:var(--space-4);gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.tadabbur-invitation,.tadabbur-invitation__btn{transition:none}}.ob-fullscreen{position:fixed;inset:0;z-index:9000;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:24px;animation:ob-fade-in .4s ease}.ob-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:480px;width:100%}.ob-logo{font-family:Amiri,serif;font-size:4rem;color:#c9a84c;line-height:1;margin-bottom:8px}.ob-welcome{font-family:var(--font-display);font-style:italic;font-size:clamp(1.5rem,4vw,2rem);font-weight:400;color:var(--text-primary);margin:0}.ob-tagline{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-secondary);line-height:1.7;margin:0}.ob-starter-heading{font-family:var(--font-display);font-style:italic;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:400;color:var(--text-primary);margin:0}.ob-starter-body{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);line-height:1.75;margin:0;white-space:pre-line;max-width:400px}.ob-btn-group{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:8px}.ob-btn{font-family:var(--font-body);font-size:14px;color:#c9a84c;background:transparent;border:1px solid #c9a84c;border-radius:5px;padding:10px 28px;cursor:pointer;transition:background .2s,color .2s;min-height:44px}.ob-btn:hover:not(:disabled){background:#c9a84c;color:#0b0906}.ob-btn:disabled{opacity:.4;cursor:not-allowed}.ob-link-btn{background:none;border:none;font-family:var(--font-body);font-size:13px;color:var(--text-muted);cursor:pointer;padding:4px 0;text-decoration:underline;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}.ob-link-btn:hover{color:var(--text-secondary);text-decoration-color:currentColor}.ob-tooltip-overlay{position:fixed;inset:0;z-index:9000;background:#0006;pointer-events:none;animation:ob-fade-in .25s ease}.ob-tooltip{position:fixed;background:var(--bg-elevated, #1e293b);border:1px solid rgba(201,168,76,.35);border-radius:10px;padding:20px 24px;max-width:300px;z-index:9001;box-shadow:0 12px 40px #00000040;pointer-events:all;display:flex;flex-direction:column;gap:0;animation:ob-tooltip-in .3s ease}[data-theme=light] .ob-tooltip{background:#fff;box-shadow:0 12px 40px #0000001f}.ob-tooltip-title{font-family:var(--font-display);font-style:italic;font-size:16px;color:var(--text-primary);margin:0 0 8px}.ob-tooltip-text{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0 0 16px;white-space:pre-line}.ob-tooltip-cta{font-family:var(--font-body);font-size:13px;color:#c9a84c;background:transparent;border:1px solid #c9a84c;border-radius:4px;padding:7px 16px;cursor:pointer;transition:background .2s,color .2s;align-self:flex-start}.ob-tooltip-cta:hover{background:#c9a84c;color:#0b0906}@keyframes ob-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ob-tooltip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.reading-mode .nav,body.workspace-mode .nav,body.map-immersive .nav,body.reading-mode .nav--desktop,body.workspace-mode .nav--desktop,body.map-immersive .nav--desktop,body.reading-mode .nav-topbar,body.workspace-mode .nav-topbar,body.map-immersive .nav-topbar{display:none!important}body.reading-mode .app-content,body.workspace-mode .app-content,body.map-immersive .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}body.map-immersive .map-container{height:100dvh}@media(max-width:767px){body.has-app-rail.map-immersive .app-content{height:calc(100dvh - 56px)!important}body.has-app-rail.reading-mode .app-content,body.has-app-rail.workspace-mode .app-content{height:auto!important;min-height:calc(100dvh - 56px)!important;overflow-y:auto!important}}.reading{display:flex;height:100vh;height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.reading-sidebar{width:240px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.reading-brand{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid var(--border-color)}.reading-brand__mark{color:var(--accent);display:flex}.reading-brand__name{font-size:15px;font-weight:700;letter-spacing:-.02em}.reading-picker{margin:10px 12px 6px;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 10px 8px 12px;display:flex;align-items:center;gap:8px;text-align:left}.reading-picker__main{flex:1;min-width:0}.reading-picker__label{font-size:11px;color:var(--text-muted);margin-bottom:1px}.reading-picker__select{width:100%;box-sizing:border-box;border:none;background:transparent;padding:0;margin:0;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer}.reading-picker__select:focus{outline:none}.reading-picker__open{flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:border-color .15s,color .15s}.reading-picker__open:hover{border-color:var(--accent);color:var(--accent)}.reading-verselist{flex:1;overflow-y:auto;padding:4px 0}.reading-verselist__row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 14px;background:transparent;border:none;border-left:2.5px solid transparent;cursor:pointer;text-align:left}.reading-verselist__row:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.reading-verselist__row.is-active{background:color-mix(in srgb,var(--accent) 8%,transparent);border-left-color:var(--accent)}.reading-verselist__num{font-size:11px;font-weight:600;color:var(--text-muted);min-width:16px;text-align:right}.reading-verselist__row.is-active .reading-verselist__num,.reading-verselist__row.is-active .reading-verselist__preview{color:var(--accent)}.reading-verselist__preview{flex:1;min-width:0;font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-verselist__dots{display:flex;gap:3px;flex-shrink:0}.dot{width:5px;height:5px;border-radius:50%;display:inline-block}.dot--notes{background:var(--color-gold-500)}.dot--links{background:var(--color-teal-500)}.reading-nav{border-top:1px solid var(--border-color);padding:10px 12px}.reading-nav__item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left}.reading-nav__item:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.reading-nav__icon{font-size:14px;color:var(--text-muted);width:18px;text-align:center}.reading-nav__label{font-size:13px;color:var(--text-secondary)}.reading-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.reading-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:var(--bg-raised);border-bottom:1px solid var(--border-color)}.reading-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px}.reading-breadcrumb__surah{color:var(--accent);background:none;border:none;padding:0;font:inherit;cursor:pointer}.reading-breadcrumb__surah:hover{text-decoration:underline;text-underline-offset:2px}.reading-breadcrumb__sep{color:var(--border-color)}.reading-breadcrumb__verse{font-weight:600;color:var(--accent)}.reading-pager{display:flex;gap:8px}.reading-pager__btn{font-size:11px;padding:5px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.reading-pager__btn:hover:not([disabled]){border-color:var(--accent);color:var(--accent)}.reading-pager__btn[disabled]{opacity:.4;cursor:default}.reading-scroll{flex:1;overflow-y:auto;padding:48px 40px}.reading-column{max-width:640px;margin:0 auto}.reading-ref{margin-bottom:28px}.reading-ref__pill{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 9%,transparent);padding:4px 12px;border-radius:var(--radius-full)}.reading-arabic-card{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:32px 24px;margin-bottom:28px;text-align:center}.reading-bismillah{font-family:var(--font-arabic);font-size:22px;line-height:2;color:var(--text-secondary);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.reading-arabic{font-family:var(--font-arabic);font-size:44px;line-height:2;color:var(--text-primary)}.reading-translation{font-family:var(--font-display);font-style:italic;font-size:22px;line-height:1.7;color:var(--text-primary);margin-bottom:6px}.reading-translation__src{font-size:12px;color:var(--text-muted);margin-bottom:36px}.reading-meta__label{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.reading-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.reading-rootchip{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-sm);transition:border-color .15s}.reading-rootchip:hover{border-color:var(--accent)}.reading-rootchip__ar{font-family:var(--font-arabic);font-size:20px;color:var(--text-primary)}.reading-rootchip__go{font-size:10px;color:var(--accent);font-weight:600}.reading-tags{display:flex;gap:6px;flex-wrap:wrap}.reading-tag{font-size:12px;padding:5px 12px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer}.reading-tag:hover{border-color:var(--accent);color:var(--accent)}.reading-notes{width:400px;flex-shrink:0;background:var(--bg-raised);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.reading-notes__head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.reading-notes__title{font-size:15px;font-weight:600}.reading-notes__add{font-size:13px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--accent);border:none;color:#fff;cursor:pointer}.reading-notes__list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.reading-note{background:color-mix(in srgb,var(--accent) 6%,var(--bg-raised));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:var(--radius-md);padding:14px 16px}.reading-note__tag{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);margin-bottom:8px}.reading-note__text{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0;white-space:pre-wrap}.reading-notes__empty{padding:24px 8px;text-align:center}.reading-notes__empty-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.reading-notes__empty-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.reading-notes__editor{flex-shrink:0;padding:14px;border-top:1px solid var(--border-color)}.reading-notes__input{width:100%;box-sizing:border-box;min-height:70px;resize:vertical;padding:10px 12px;margin-bottom:8px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:13px;outline:none}.reading-notes__input:focus{border-color:var(--accent)}.reading-notes__save{width:100%;padding:9px;border-radius:var(--radius-md);background:var(--accent);border:none;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.reading-notes__save:disabled{opacity:.6;cursor:default}.reading-tabs{flex-shrink:0;display:flex;border-bottom:1px solid var(--border-color)}.reading-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 6px;background:transparent;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.reading-tab:hover{color:var(--text-secondary)}.reading-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.reading-tab__count{font-size:11px;font-weight:600;background:var(--bg-secondary);color:var(--text-muted);border-radius:var(--radius-full);padding:1px 7px;min-width:18px;text-align:center}.reading-tab.is-active .reading-tab__count{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.reading-panel__content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.reading-conn{background:color-mix(in srgb,var(--color-teal-500) 6%,var(--bg-raised));border:1px solid color-mix(in srgb,var(--color-teal-500) 20%,transparent);border-left:3px solid var(--color-teal-500);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:border-color .15s}.reading-conn:hover{border-color:var(--color-teal-500)}.reading-conn__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.reading-conn__ref{font-size:13px;font-weight:700;color:var(--color-teal-600);font-family:var(--font-mono)}.reading-conn__type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:1px 6px}.reading-conn__text{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.reading-q{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 14px}.reading-q__head{margin-bottom:7px}.reading-q__badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-amber);background:color-mix(in srgb,var(--color-amber) 14%,transparent);border-radius:var(--radius-sm);padding:2px 7px}.reading-q__badge.is-resolved{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.reading-q__text{font-size:14px;line-height:1.6;color:var(--text-primary);margin:0}.reading-q__answer{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-color)}.reading-tag--device{background:color-mix(in srgb,var(--color-link-completes) 10%,transparent);color:var(--color-link-completes);border-color:color-mix(in srgb,var(--color-link-completes) 30%,transparent)}.reading-tag--addr{background:color-mix(in srgb,var(--color-makki) 12%,transparent);color:var(--color-makki);border-color:color-mix(in srgb,var(--color-makki) 30%,transparent)}.reading-section{margin-top:32px}.reading-asbab{background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-gold-500);border-radius:var(--radius-md);padding:14px 16px}.reading-asbab__text{font-size:14px;line-height:1.7;color:var(--text-primary);margin:0}.reading-asbab__ref{font-size:12px;color:var(--text-muted);margin-top:6px}.reading-tafsir{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px}.reading-tafsir__src{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:8px}.reading-tafsir__excerpt{font-size:14px;line-height:1.75;color:var(--text-primary);margin:0}.reading-tafsir__excerpt.is-ar{font-family:var(--font-arabic);font-size:20px;line-height:2;text-align:right}.reading-tafsir__note{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-color)}.reading-tadabbur-prompts{padding:12px 16px 10px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.reading-tadabbur-prompt{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.5;color:var(--text-muted)}.reading-tadabbur-prompt__num{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);font-size:10px;font-weight:700;color:var(--text-muted)}.reading-tadabbur-prompt__text{flex:1;min-width:0}.reading-api-tafsir-section{margin-top:16px}.reading-api-tafsir-section__head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reading-api-tafsir-section__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.reading-api-tafsir-section__gear{background:none;border:none;font-size:14px;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:color .12s}.reading-api-tafsir-section__gear:hover{color:var(--accent)}.reading-api-tafsir-section__status{font-size:12px;color:var(--text-muted);font-style:italic}.reading-api-tafsir{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:6px;overflow:hidden}.reading-api-tafsir__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-primary);text-align:left;transition:background .12s}.reading-api-tafsir__header:hover{background:var(--bg-secondary)}.reading-api-tafsir__name{flex:1;min-width:0}.reading-api-tafsir__lang{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-full);padding:1px 7px;margin-right:8px;flex-shrink:0}.reading-api-tafsir__chevron{font-size:10px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.reading-api-tafsir.is-open .reading-api-tafsir__chevron{transform:rotate(90deg)}.reading-api-tafsir__body{max-height:0;overflow:hidden;transition:max-height .25s ease}.reading-api-tafsir.is-open .reading-api-tafsir__body{max-height:none;overflow:visible}.reading-api-tafsir__content{padding:0 14px 14px;font-size:14px;line-height:1.75;color:var(--text-primary)}.reading-api-tafsir__content.is-rtl{font-family:var(--font-arabic);font-size:18px;line-height:2;direction:rtl;text-align:right}.reading-api-tafsir__content h2{font-size:15px;font-weight:600;margin:12px 0 6px}.reading-api-tafsir__content h3{font-size:14px;font-weight:600;margin:10px 0 4px}.reading-api-tafsir__content p{margin:0 0 8px}.reading-tafsir-picker{position:absolute;z-index:var(--z-popover, 500);background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 14px;box-shadow:var(--shadow-lg);max-height:360px;overflow-y:auto;min-width:260px}.reading-tafsir-picker__group{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 4px}.reading-tafsir-picker__group:first-child{margin-top:0}.reading-tafsir-picker label{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;color:var(--text-primary);cursor:pointer}.reading-tafsir-picker input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;min-height:0;min-width:0}.reading-word{cursor:pointer;border-radius:4px;padding:0 2px;transition:background .12s,color .12s}.reading-word:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.reading-note__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reading-note__actions{display:flex;gap:2px}.reading-note__btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:13px;line-height:1;padding:3px 5px;border-radius:var(--radius-sm)}.reading-note__btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.reading-note__btn--del:hover{color:var(--danger)}.reading-note__editrow{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.reading-note__save{font-size:12px;padding:5px 12px;border-radius:var(--radius-sm);background:var(--accent);border:none;color:#fff;cursor:pointer}.reading-note__cancel{font-size:12px;padding:5px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer}.reading-struct{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-structure-chiasm);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:border-color .15s}.reading-struct:hover{border-color:var(--color-structure-chiasm)}.reading-struct__name{font-size:14px;font-weight:600;color:var(--text-primary)}.reading-struct__type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:1px 7px}.reading-qadd{display:flex;gap:6px;margin-top:4px}.reading-qadd__input{flex:1;min-width:0;box-sizing:border-box;padding:9px 12px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:13px;outline:none}.reading-qadd__input:focus{border-color:var(--accent)}.reading-qadd__btn{flex-shrink:0;padding:9px 14px;border-radius:var(--radius-md);background:var(--accent);border:none;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.reading-connadd{margin-top:4px}.reading-add-btn{width:100%;padding:9px 12px;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-family:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.reading-add-btn:hover{border-color:var(--accent);color:var(--accent)}.reading-linkform{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.reading-linkform__select{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-family:inherit;font-size:13px}.reading-qadd__input.is-invalid{border-color:var(--danger)}.reading-q__head{display:flex;align-items:center;justify-content:space-between}.reading-q__resolve{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent);font-size:11px;padding:3px 10px;cursor:pointer;transition:background .15s}.reading-q__resolve:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.reading-q__resolveform{margin-top:10px}@media(max-width:1100px){.reading-notes{width:320px}}@media(max-width:820px){.reading{flex-direction:column;overflow-y:auto;height:auto;min-height:100dvh}.reading-sidebar{width:100%;flex-direction:column;max-height:40vh}.reading-verselist{max-height:180px}.reading-main{overflow:visible}.reading-scroll{padding:28px 18px;overflow:visible}.reading-arabic{font-size:32px}.reading-translation{font-size:18px}.reading-notes{width:100%;border-left:none;border-top:1px solid var(--border-color)}}.reading-conn__type{text-transform:capitalize}.reading-conn__label{font-size:12px;color:var(--text-secondary);font-style:italic}.surahs-view{max-width:760px;margin:0 auto;padding:40px 24px 80px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary)}.surahs-view .page-header{margin-bottom:24px}.surahs-view .page-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 6px}.surahs-view .page-title{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2;margin:0}.surahs-view .page-title em{font-family:var(--font-display);font-weight:400;font-style:italic;color:var(--accent)}.surahs-view .page-controls{display:flex;gap:8px;margin-bottom:16px}.surahs-view .search-wrapper{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 12px}.surahs-view .search-wrapper:focus-within{border-color:var(--accent)}.surahs-view .search-icon{color:var(--text-muted);font-size:15px}.surahs-view .search-input{flex:1;border:none;background:transparent;padding:11px 0;font-family:inherit;font-size:14px;color:var(--text-primary);outline:none}.surahs-view .export-btn{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 14px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.surahs-view .export-btn:hover{border-color:var(--accent);color:var(--accent)}.surahs-view__filter-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.surahs-view__chips{display:flex;gap:6px}.surahs-view .chip{font-size:13px;padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.surahs-view .chip:hover{border-color:var(--accent);color:var(--accent)}.surahs-view .chip--active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}.surahs-view__juz-select{font-size:13px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-raised);color:var(--text-primary);cursor:pointer}.surahs-view__sort-row{display:flex;align-items:center;gap:2px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.surahs-view__sort-label{font-size:12px;color:var(--text-muted);margin-right:8px}.surahs-view__sort-btn{background:none;border:none;border-bottom:2px solid transparent;padding:9px 12px;font-family:inherit;font-size:13px;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.surahs-view__sort-btn:hover{color:var(--text-secondary)}.surahs-view__sort-btn--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.surahs-view__list-wrap{margin:0}.surahs-view__list{display:flex;flex-direction:column}.surahs-view .surah-row{position:relative;display:flex;align-items:center;gap:16px;padding:15px 16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--border-color);border-left:2.5px solid transparent;transition:background .12s,border-color .12s}.surahs-view .surah-row:hover{background:color-mix(in srgb,var(--accent) 5%,transparent);border-left-color:var(--accent)}.surahs-view .surah-row__num{position:static;font-size:13px;font-weight:600;color:var(--text-muted);min-width:30px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums;opacity:1;background:none}.surahs-view .surah-row:hover .surah-row__num{color:var(--accent)}.surahs-view .surah-row__names{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.surahs-view .surah-row__arabic{font-family:var(--font-arabic);font-size:25px;line-height:1.45;color:var(--text-primary);direction:rtl}.surahs-view .surah-row__translit{font-size:13px;color:var(--text-secondary)}.surahs-view .surah-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.surahs-view .surah-row__meta-top{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.surahs-view .surah-row__verses,.surahs-view .surah-row__juz{color:var(--text-muted)}.surahs-view .surah-row__rev{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);border:none}.surahs-view .surah-row__rev--makki{color:var(--color-makki);background:color-mix(in srgb,var(--color-makki) 15%,transparent)}.surahs-view .surah-row__rev--madani{color:var(--color-madani);background:color-mix(in srgb,var(--color-madani) 16%,transparent)}.surahs-view .surah-row__stats{display:flex;gap:10px;font-size:11px;color:var(--text-muted)}.surahs-view .surah-row__stat{display:inline-flex;align-items:center;gap:3px}.surahs-view .surah-row__stat-icon{color:var(--accent);font-size:11px}.surahs-view .surah-row__stat--gold .surah-row__stat-icon{color:var(--color-gold-500)}.surahs-view .surah-row__rev-order{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.surahs-view .surahs-journey-prompt{display:flex;flex-direction:column;gap:4px;padding:16px 18px;margin-bottom:16px;text-decoration:none;background:color-mix(in srgb,var(--accent) 7%,var(--bg-raised));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius-lg)}.surahs-view .surahs-journey-prompt:hover{border-color:var(--accent)}.surahs-view .surahs-journey-prompt__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.surahs-view .surahs-journey-prompt__arabic{font-family:var(--font-arabic);font-size:24px;color:var(--text-primary)}.surahs-view .surahs-journey-prompt__name{font-size:14px;color:var(--text-secondary)}.surahs-view .surahs-journey-prompt__rev{font-size:12px;color:var(--text-muted)}.surahs-view .surahs-journey-prompt__arrow{color:var(--accent)}.surahs-view .surahs-phase-header{display:flex;align-items:center;gap:10px;margin:30px 0 6px}.surahs-view .surahs-phase-header__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.surahs-view .surahs-phase-header__names{display:flex;align-items:baseline;gap:8px}.surahs-view .surahs-phase-header__arabic{font-family:var(--font-arabic);font-size:18px;color:var(--text-primary)}.surahs-view .surahs-phase-header__label{font-size:13px;font-weight:600;color:var(--text-secondary)}.surahs-view .surahs-phase-header__count{font-size:12px;color:var(--text-muted);margin-left:auto}.surahs-view .surahs-phase-desc{font-size:12px;color:var(--text-muted);margin:0 0 8px;line-height:1.5}.surahs-view .surahs-view__list .empty-state,.surahs-view .empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}@media(max-width:600px){.surahs-view{padding:24px 14px 60px}.surahs-view .surah-row__arabic{font-size:22px}.surahs-view .page-title{font-size:24px}}.sw{display:flex;height:calc(100dvh - var(--nav-height-mobile));background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}@media(min-width:1100px){.sw{height:100dvh}}.sw-sidebar{width:248px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sw-sidebar__head{flex-shrink:0;padding:16px 16px 12px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.sw-sidebar__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.sw-search{box-sizing:border-box;width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-size:13px;font-family:inherit}.sw-seg{display:flex;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2px}.sw-seg__btn{flex:1;padding:5px 2px;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;white-space:nowrap;background:transparent;color:var(--text-muted)}.sw-seg__btn.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:700}.sw-places{display:flex;gap:5px}.sw-place{flex:1;padding:4px 2px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500}.sw-place.is-active{font-weight:700}.sw-place--all.is-active{border-color:var(--text-secondary);color:var(--text-secondary);background:var(--bg-raised)}.sw-place--makki.is-active{border-color:var(--color-makki);color:var(--color-makki);background:color-mix(in srgb,var(--color-makki) 12%,transparent)}.sw-place--madani.is-active{border-color:var(--color-madani);color:var(--color-madani);background:color-mix(in srgb,var(--color-madani) 14%,transparent)}.sw-juz{width:100%;box-sizing:border-box;padding:6px 8px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-raised);color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer}.sw-juz.is-active{border-color:var(--accent);color:var(--accent)}.sw-list{flex:1;overflow-y:auto;padding:4px 0}.sw-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 14px;background:transparent;border:none;border-left:2.5px solid transparent;cursor:pointer;text-align:left}.sw-row:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.sw-row.is-active{background:color-mix(in srgb,var(--accent) 9%,transparent);border-left-color:var(--accent)}.sw-row__num{font-size:11px;font-weight:600;color:var(--text-muted);min-width:22px;text-align:right;font-variant-numeric:tabular-nums}.sw-row.is-active .sw-row__num{color:var(--accent)}.sw-row__names{flex:1;min-width:0}.sw-row__ar{font-family:var(--font-arabic);font-size:18px;line-height:1.4;color:var(--text-secondary);direction:rtl}.sw-row.is-active .sw-row__ar{color:var(--text-primary)}.sw-row__en{font-size:11px;color:var(--text-muted)}.sw-row__heat{width:32px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;flex-shrink:0}.sw-row__heat-fill{height:100%;background:var(--accent)}.sw-center{flex:1;min-width:0;overflow-y:auto}.sw-col{max-width:680px;margin:0 auto;padding:36px 36px 80px}.sw-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.sw-hero{display:flex;align-items:baseline;gap:16px;margin:6px 0 10px;flex-wrap:wrap}.sw-hero__ar{font-family:var(--font-arabic);font-size:46px;color:var(--text-primary);direction:rtl;line-height:1.2}.sw-hero__en{font-size:26px;font-weight:800;letter-spacing:-.02em}.sw-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.sw-spacer{flex:1}.sw-chip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-muted)}.sw-chip--makki{background:color-mix(in srgb,var(--color-makki) 15%,transparent);color:var(--color-makki)}.sw-chip--madani{background:color-mix(in srgb,var(--color-madani) 16%,transparent);color:var(--color-madani)}.sw-read{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.sw-read:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.sw-spine-wrap{margin-bottom:30px}.sw-spine{display:flex;gap:1.5px;align-items:stretch;height:30px;margin-bottom:6px}.sw-tick{flex:1;min-width:1px;background:var(--border-color);border-radius:1px;opacity:.7;cursor:pointer;transition:opacity .1s}.sw-tick:hover{opacity:1;outline:1px solid var(--text-muted)}.sw-tick--note{background:var(--color-gold-500);opacity:.9}.sw-tick--link{background:var(--color-teal-500);opacity:.9}.sw-tick--struct{background:var(--color-structure-chiasm);opacity:.95}.sw-legend{display:flex;gap:14px;font-size:11px;color:var(--text-muted)}.sw-legend__item{display:inline-flex;align-items:center;gap:4px}.sw-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.sw-dot--note{background:var(--color-gold-500)}.sw-dot--link{background:var(--color-teal-500)}.sw-dot--struct{background:var(--color-structure-chiasm)}.sw-seclabel{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.sw-seclabel__action{background:none;border:none;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0}.sw-argument{font-family:var(--font-display);font-size:17px;line-height:1.7;color:var(--text-secondary);font-style:italic;margin:0 0 28px}.sw-sections{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.sw-section{background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--role, var(--text-muted));border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:border-color .12s}.sw-section:hover{border-color:var(--role, var(--accent))}.sw-section__head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.sw-section__range{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.sw-section__title{font-size:14px;font-weight:700}.sw-section__thesis{font-size:13px;color:var(--text-secondary);line-height:1.55}.sw-invite{background:var(--bg-raised);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:18px;text-align:center;margin-bottom:28px}.sw-invite__text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.sw-invite__btn{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-md);padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}.sw-themes{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.sw-theme{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;color:var(--c, var(--accent));background:color-mix(in srgb,var(--c, var(--accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--c, var(--accent)) 30%,transparent)}.sw-theme__count{font-size:11px;opacity:.7}.sw-struct{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--color-structure-chiasm);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer}.sw-struct:hover{border-color:var(--color-structure-chiasm)}.sw-struct__type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 7px}.sw-struct__name{font-size:14px;font-weight:600}.sw-panel{width:340px;flex-shrink:0;background:var(--bg-raised);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sw-tabs{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}.sw-tab{flex:1;padding:13px 4px;border:none;background:transparent;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:5px}.sw-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.sw-tab__count{font-size:11px;background:var(--bg-secondary);color:var(--text-muted);border-radius:var(--radius-full);padding:1px 6px}.sw-tab.is-active .sw-tab__count{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.sw-panel__body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.sw-panel__hint{font-size:11px;color:var(--text-muted)}.sw-panel__empty{font-size:13px;color:var(--text-muted);padding:16px 4px}.sw-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:var(--radius-md);padding:11px 13px;cursor:pointer;transition:border-color .12s}.sw-card--note{border-left-color:var(--color-gold-500)}.sw-card--q{border-left-color:var(--color-amber)}.sw-card--conn{border-left-color:var(--color-teal-500)}.sw-card:hover{border-color:var(--accent)}.sw-card__row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.sw-card__ref{font-size:12px;font-weight:700;color:var(--accent);font-family:var(--font-mono)}.sw-card--conn .sw-card__ref{color:var(--color-teal-600)}.sw-card__arrow{color:var(--text-muted);font-size:11px}.sw-card__type,.sw-card__badge{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.sw-card__badge{font-weight:600;color:var(--color-amber)}.sw-card__badge.is-resolved{color:var(--accent)}.sw-card__text{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:4px 0 0}@media(max-width:1000px){.sw-panel{width:300px}.sw-sidebar{width:220px}}@media(max-width:820px){.sw{flex-direction:column;overflow-y:auto;height:auto;min-height:100dvh}.sw-sidebar{width:100%;max-height:38vh}.sw-center{overflow:visible}.sw-col{padding:24px 18px 60px}.sw-hero__ar{font-size:34px}.sw-hero__en{font-size:22px}.sw-panel{width:100%;border-left:none;border-top:1px solid var(--border-color)}}.sw-modebar{position:sticky;top:0;z-index:3;display:flex;gap:4px;padding:14px 0 12px;margin-bottom:4px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.sw-modebtn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.sw-modebtn:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--text-primary)}.sw-modebtn.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-weight:600}.sw-read{display:flex;flex-direction:column;gap:12px;max-width:760px}.sw-vcard{padding:16px 18px;border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);cursor:pointer;transition:background .15s,border-color .15s}.sw-vcard:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg-raised));border-color:color-mix(in srgb,var(--accent) 28%,var(--border-color))}.sw-vcard__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sw-vcard__num{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent)}.sw-read__dots{display:flex;gap:5px;align-items:center}.sw-vcard__ar{font-family:var(--font-arabic);font-size:1.9rem;line-height:2;direction:rtl;text-align:right;color:var(--text-primary);margin:0 0 8px}.sw-vcard__tr{font-size:15px;line-height:1.65;color:var(--text-secondary);margin:0}.sw-dot--q{background:var(--color-question-ring, #f43f5e)}.sw-echoes{max-width:760px}.sw-echoes__sub{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.sw-echoes__warn{font-size:12px;font-style:italic;color:var(--text-muted);margin:0 0 18px}.sw-echo{padding:14px 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.sw-echo__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sw-echo__word{font-family:var(--font-arabic);font-size:1.6rem;color:var(--accent);flex-shrink:0}.sw-echo__mean{font-size:14px;color:var(--text-secondary);flex:1;min-width:80px}.sw-echo__count{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.sw-echo__frame{font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.sw-echo__bar{flex:1;min-width:60px;max-width:120px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.sw-echo__bar-fill{height:100%;background:var(--accent);border-radius:2px}.sw-echo__refs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sw-echo__ref{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-decoration:none;padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-full)}.sw-echo__ref:hover{color:var(--accent)}.sw-echo__more{font-size:11px;color:var(--text-muted)}.sw-awakhir__bar{display:flex;gap:6px;margin-bottom:12px}.sw-awakhir{display:flex;flex-direction:column;gap:2px;max-width:720px}.sw-awrow{display:flex;align-items:center;gap:12px;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.sw-awrow:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.sw-awrow__num{font-size:12px;color:var(--text-muted);width:34px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.sw-awrow__bar{width:3px;height:22px;border-radius:2px;flex-shrink:0}.sw-awrow__end{font-family:var(--font-arabic);font-size:1.35rem;font-weight:700;direction:rtl;flex:1;text-align:right}.sw-awgroup{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-top:12px;border-radius:var(--radius-sm)}.sw-awgroup__pat{font-family:var(--font-arabic);font-size:1.5rem;font-weight:700;direction:rtl}.sw-awgroup__cnt{font-size:12px;opacity:.85}.sw-awgroup__rng{font-size:12px;color:var(--text-muted);margin-left:auto;font-variant-numeric:tabular-nums}.swm-wrap{width:100%;max-width:540px;margin:8px auto 14px}.swm-svg{width:100%;height:auto;display:block;overflow:visible}.swm-ring{fill:none;stroke:var(--border-color);stroke-width:1;opacity:.5}.swm-chord{fill:none;stroke-width:1.2;opacity:.5}.swm-node{cursor:pointer;transition:stroke-width .1s}.swm-node:hover{stroke:var(--text-primary);stroke-width:1.5}.swm-node--default{fill:color-mix(in srgb,var(--text-muted) 42%,transparent)}.swm-node--link{fill:var(--accent)}.swm-node--note{fill:var(--color-notes-node, #b8860b)}.swm-node--struct{fill:var(--color-structure-chiasm, #ec4899)}.swm-node.has-q{stroke:var(--color-question-ring, #f43f5e);stroke-width:2}.swm-wrap{position:relative}.swm-chord-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.swm-chord{pointer-events:none}.swm-chordg:hover .swm-chord{opacity:1;stroke-width:2.6}.swm-tip{position:fixed;z-index:600;display:none;pointer-events:none;background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:5px 10px;font-size:12px;color:var(--text-primary);white-space:nowrap;font-family:var(--font-mono)}.swm-svg.is-focusing .swm-chordg{opacity:.08}.swm-svg.is-focusing .swm-chordg.is-lit{opacity:1}.swm-svg.is-focusing .swm-chordg.is-lit .swm-chord{stroke-width:2.6;opacity:1}.swm-svg.is-focusing .swm-node{opacity:.18;transition:opacity .12s}.swm-svg.is-focusing .swm-node.is-lit{opacity:1}.swm-card{position:fixed;z-index:600;display:none;pointer-events:none;max-width:320px;background:var(--bg-raised);border:1px solid var(--border-color);border-left:3px solid var(--c, var(--accent));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:9px 12px}.swm-card__row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.swm-card__ref{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--c, var(--accent))}.swm-card__sep{color:var(--text-muted)}.swm-card__type{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.swm-card__ar{font-family:var(--font-arabic);font-size:1.5rem;line-height:1.9;direction:rtl;text-align:right;color:var(--text-primary);margin-top:2px}.swm-card__type{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--c, var(--accent));text-transform:capitalize}.swm-card__dot{width:8px;height:8px;border-radius:50%;background:var(--c, var(--accent));flex-shrink:0}.swm-card__label{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:3px}.swm-structline{fill:none;stroke-width:1.6;stroke-dasharray:5 3;opacity:.55;pointer-events:none;stroke-linecap:round}.swm-struct-hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke;cursor:pointer}.swm-structg:hover .swm-structline{opacity:1;stroke-width:2.6}.swm-svg.is-focusing .swm-structg{opacity:.07}.swm-svg.is-focusing .swm-structg.is-lit{opacity:1}.swm-svg.is-focusing .swm-structg.is-lit .swm-structline{opacity:1;stroke-width:2.4}.sw-center:has(.sw-col--split),.sw-center--split{overflow:hidden}.sw-col--split{display:flex;flex-direction:column;min-height:0;max-width:1100px;padding:16px 28px 20px;height:100%}.sw-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0;height:calc(100dvh - 130px)}.sw-split__side{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-raised);overflow:hidden}.sw-split__head{flex-shrink:0;display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sw-split__pick{flex:1;min-width:0;margin:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-body);font-size:13px;font-weight:600;padding:7px 10px;cursor:pointer}.sw-split__range{flex-shrink:0;width:116px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:7px 9px}.sw-split__verses{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.sw-vcard--sm{padding:12px 14px}.sw-vcard--sm .sw-vcard__ar{font-size:1.55rem;line-height:1.9;margin-bottom:6px}.sw-vcard--sm .sw-vcard__tr{font-size:13.5px}@media(max-width:760px){.sw-split{grid-template-columns:1fr;height:auto}.sw-split__side{max-height:70vh}}.swm-chordg--out .swm-chord{stroke-dasharray:3 3;opacity:.7}.themes-cn-view{display:flex;height:calc(100dvh - var(--nav-height-mobile));background:var(--bg-primary);color:var(--text-primary);overflow:hidden}@media(min-width:1100px){.themes-cn-view{height:100dvh}}.themes-cn-main{flex:1;min-width:0;display:flex;flex-direction:column}.themes-cn-header{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:24px 32px 12px}.themes-cn-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.themes-cn-title{margin:4px 0 0;font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.themes-cn-title em{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--accent)}.themes-cn-stat{font-size:12px;color:var(--text-muted);text-align:right}.themes-cn-canvas{flex:1;min-height:0;position:relative}.themes-cn-svg{display:block;width:100%;height:100%}.themes-cn-node{cursor:pointer;transition:opacity .15s}.themes-cn-node__circle,.themes-cn-node__label,.themes-cn-node__ring{transition:fill .15s,stroke-opacity .15s}.themes-cn-node__label{pointer-events:none;-webkit-user-select:none;user-select:none}.themes-cn-hint{position:absolute;bottom:14px;left:32px;font-size:12px;color:var(--text-muted);pointer-events:none}.themes-cn-panel{width:0;flex-shrink:0;overflow:hidden;background:var(--bg-raised);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .2s ease}.themes-cn-panel.is-open{width:360px}.themes-cn-panel__head{flex-shrink:0;padding:20px 22px 16px;border-bottom:1px solid var(--border-color)}.themes-cn-panel__head-row{display:flex;align-items:center;gap:10px}.themes-cn-panel__color{width:26px;height:26px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:none;cursor:pointer;flex-shrink:0}.themes-cn-panel__color::-webkit-color-swatch-wrapper{padding:2px}.themes-cn-panel__color::-webkit-color-swatch{border:none;border-radius:3px}.themes-cn-panel__name{flex:1;min-width:0;font-size:20px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.themes-cn-panel__close{background:none;border:none;font-size:20px;line-height:1;color:var(--text-muted);cursor:pointer}.themes-cn-panel__close:hover{color:var(--text-primary)}.themes-cn-panel__meta{font-size:13px;color:var(--text-secondary);margin:6px 0 12px}.themes-cn-panel__open{font-size:12px;padding:6px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:pointer}.themes-cn-panel__open:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.themes-cn-panel__body{flex:1;overflow-y:auto;padding:16px 20px}.themes-cn-panel__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.themes-cn-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.themes-cn-chip{font-size:12px;padding:5px 11px;border-radius:var(--radius-full);cursor:pointer;color:var(--chip, var(--accent));background:color-mix(in srgb,var(--chip, var(--accent)) 10%,transparent);border:1px solid color-mix(in srgb,var(--chip, var(--accent)) 30%,transparent)}.themes-cn-chip:hover{background:color-mix(in srgb,var(--chip, var(--accent)) 18%,transparent)}.themes-cn-verse{padding:10px 12px;margin-bottom:8px;cursor:pointer;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .15s}.themes-cn-verse:hover{border-color:var(--accent)}.themes-cn-verse__ref{display:block;font-size:12px;font-weight:700;color:var(--accent);font-family:var(--font-mono);margin-bottom:3px}.themes-cn-verse__text{font-size:13px;color:var(--text-secondary);line-height:1.5}.themes-cn-panel__none{font-size:13px;color:var(--text-muted)}.themes-cn-empty{max-width:440px;margin:12vh auto 0;text-align:center;padding:0 24px}.themes-cn-empty__icon{font-size:40px;color:var(--accent);margin-bottom:12px}.themes-cn-empty__title{font-size:20px;font-weight:700;margin:0 0 10px}.themes-cn-empty__desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 20px}@media(max-width:820px){.themes-cn-panel{position:fixed;left:0;right:0;bottom:0;width:100%!important;max-height:70dvh;border-left:none;border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-overlay);box-shadow:var(--shadow-xl)}.themes-cn-panel:not(.is-open){display:none}.themes-cn-stat{display:none}}body.themes-mode .nav,body.themes-mode .nav--desktop,body.themes-mode .nav-topbar{display:none!important}body.themes-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.themes-studio{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.themes-side{width:248px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.themes-side__scroll{flex:1;overflow-y:auto;padding:4px 12px 20px;display:flex;flex-direction:column;gap:4px}.themes-side__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin:10px 4px 2px}.themes-side__stat{font-size:11px;color:var(--text-muted);margin:0 4px 8px}.themes-side__empty{font-size:13px;color:var(--text-muted);line-height:1.5;padding:8px 4px}.themes-side__list{display:flex;flex-direction:column;gap:1px}.themes-side__row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;background:transparent;border:none;border-left:2.5px solid transparent;border-radius:var(--radius-md);cursor:pointer}.themes-side__row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.themes-side__row.is-active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left-color:var(--accent)}.themes-side__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.themes-side__name{flex:1;min-width:0;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.themes-side__count{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.themes-studio .themes-cn-view{flex:1;min-width:0;height:auto}.themes-studio .themes-cn-header{display:none}@media(max-width:900px){.themes-studio{flex-direction:column}.themes-side{width:100%;max-height:34vh}}.themes-side__group{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:14px 0 4px;padding-left:2px}.themes-side__group:before{content:"";width:7px;height:7px;border-radius:9999px;background:var(--g, var(--text-muted));display:inline-block;flex:0 0 auto}.themes-cn-panel__group{display:flex;flex-direction:column;gap:4px;margin:10px 0}.themes-cn-panel__group-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.themes-cn-panel__group-select{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm)}.themes-cn-panel__actions{display:flex;gap:8px;align-items:center;margin-top:4px}.themes-cn-panel__actions .themes-cn-panel__open{flex:1;margin-top:0}.themes-cn-panel__delete{border:1px solid var(--danger);color:var(--danger);background:transparent;border-radius:var(--radius-md);padding:8px 14px;cursor:pointer;font-family:var(--font-body)}.themes-cn-panel__delete:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.themes-cn-panel__confirm{padding:16px}.themes-cn-panel__confirm-title{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);margin-bottom:8px}.themes-cn-panel__confirm-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.themes-cn-panel__confirm-actions{display:flex;gap:8px;justify-content:flex-end}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav--desktop{background:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:none}.nav-desktop-item{color:var(--text-muted);margin:2px 0;border-radius:var(--radius-md);transition:background .15s,color .15s}.nav-desktop-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent)}.nav-desktop-item--active,.nav-desktop-item.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-desktop-item--active:before,.nav-desktop-item.is-active:before{background:var(--accent)}.nav-brand-icon{color:var(--accent);filter:none}.nav-item--active{color:var(--accent)}.nav-hamburger:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-drawer-item--active{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-left-color:var(--accent)}.btn{border-radius:var(--radius-md);font-weight:var(--weight-medium);font-family:var(--font-body);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.btn--primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn--primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000);border-color:color-mix(in srgb,var(--accent) 88%,#000);color:#fff}.btn--secondary{background:var(--bg-raised);border:1px solid var(--border-color);color:var(--text-secondary)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-raised)}.btn--ghost{color:var(--text-secondary)}.btn--ghost:hover{color:var(--accent)}.btn--ghost:after{background:var(--accent)!important}.btn--sm{border-radius:var(--radius-full)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.export-btn{border-radius:var(--radius-md);transition:border-color .15s,color .15s}.export-btn:hover{border-color:var(--accent);color:var(--accent)}.fab-btn{background:var(--accent);color:#fff}.fab-btn:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.fab-menu-item:hover{border-color:var(--accent);color:var(--accent)}.journal-trigger{background:var(--accent);color:#fff}.journal-trigger:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.journal-trigger__badge{background:color-mix(in srgb,var(--accent) 75%,#000);color:#fff}input,textarea,select{border-radius:var(--radius-md);font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus,.search-input:focus,.search-wrapper:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)!important;outline:none}.search-input{border-radius:var(--radius-md)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .12s}.card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-color));box-shadow:var(--shadow-md)}.card--user{border-left:3px solid var(--accent)}.notes-block{border-left:3px solid color-mix(in srgb,var(--accent) 25%,transparent)}.notes-block:hover{border-left-color:var(--accent)}.vv-link-row:hover,.vv-card:hover{border-color:var(--accent)}.journal-entry-row:hover,.themes-list__row:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color))}.chip{border-radius:var(--radius-full);transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip--selected,.chip.chip--active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent);color:var(--accent)}.notes-chip:hover{border-color:var(--accent);color:var(--accent)}.notes-chip--active,.notes-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.notes-chip--toggle.is-active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent)}.mention-chip{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.mention-chip:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.badge{border-radius:var(--radius-full);font-weight:var(--weight-semibold)}.badge--makki{background:color-mix(in srgb,var(--color-makki) 15%,transparent);color:var(--color-makki)}.badge--madani{background:color-mix(in srgb,var(--color-madani) 16%,transparent);color:var(--color-madani)}.badge--juz{background:var(--bg-secondary);color:var(--text-secondary)}.page-header{padding:32px 40px 16px}.page-label{color:var(--text-muted);font-weight:var(--weight-semibold);letter-spacing:.1em;margin-bottom:8px}.page-title{font-family:var(--font-body);font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}.page-title em{font-family:var(--font-display);font-weight:400;font-style:italic;color:var(--accent)}.section-header,.vv-section__header{background-image:none;border-bottom:1px solid var(--border-color);color:var(--text-muted);opacity:1;font-weight:var(--weight-semibold)}.modal-overlay{background:color-mix(in srgb,var(--bg-primary) 35%,rgba(0,0,0,.6));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.modal-title{font-family:var(--font-body);font-weight:700}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.popover{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.empty-state__title{font-family:var(--font-body);font-weight:700}.empty-state__cta{border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-md);font-family:var(--font-body);transition:background .15s,color .15s}.empty-state__cta:hover{background:var(--accent);color:#fff}.journal-verse-chip,.notes-block__verse-chip{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}a{color:var(--accent)}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}.app-rail{position:fixed;left:0;top:0;bottom:0;width:68px;z-index:60;display:flex;flex-direction:column;align-items:center;padding:12px 0 10px;background:var(--bg-secondary);border-right:1px solid var(--border-color)}.app-rail__brand{color:var(--accent);display:flex;margin-bottom:10px}.app-rail__items{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.app-rail__items::-webkit-scrollbar{width:0;height:0}.app-rail__item{width:60px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border-radius:var(--radius-md);color:var(--text-muted);line-height:1;text-decoration:none;transition:background .15s,color .15s}.app-rail__label{font-size:9px;line-height:1.1;text-align:center;letter-spacing:-.01em;max-width:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-rail__item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.app-rail__item.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.app-rail__account{margin-top:8px;width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.app-rail__account:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.app-rail__avatar{position:relative;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--text-secondary) 18%,transparent);border:1px solid var(--border-color);color:var(--text-primary);font-size:11px;font-weight:600}.app-rail__status{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:#22c55e;border:1.5px solid var(--bg-secondary)}.app-rail__theme{margin-top:6px;width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-secondary);font-size:15px;cursor:pointer;transition:border-color .15s,color .15s}.app-rail__theme:hover{border-color:var(--accent);color:var(--accent)}html body.has-app-rail .app-content{padding-left:68px!important}body.immersive-page .nav,body.immersive-page .nav--desktop,body.immersive-page .nav-topbar{display:none!important}body.immersive-page .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.page-studio{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.page-main{flex:1;min-width:0;overflow-y:auto}@media(max-width:767px){.app-rail{inset:auto 0 0;width:100%;height:56px;flex-direction:row;align-items:stretch;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);border-right:none;border-top:1px solid var(--border-color);z-index:200}.app-rail__brand{display:none}.app-rail__items{flex-direction:row;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;padding:0 2px;scrollbar-width:none;flex:1}.app-rail__items::-webkit-scrollbar{display:none}.app-rail__item{width:auto;min-width:44px;height:48px;flex-shrink:0;padding:4px 8px;flex-direction:column;border-radius:var(--radius-sm)}.app-rail__label{display:none}.app-rail__account{margin-top:0;margin-left:4px;width:40px;height:40px;flex-shrink:0;align-self:center}.app-rail__theme{margin-top:0;margin-left:4px;width:40px;height:40px;flex-shrink:0;font-size:15px;align-self:center}html body.has-app-rail .app-content{padding-left:0!important;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}body.has-app-rail.map-immersive .map-container{height:calc(100dvh - 56px)!important}body.has-app-rail.reading-mode .reading,body.has-app-rail.workspace-mode .sw{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.page-studio{height:calc(100dvh - 56px)}}body{letter-spacing:-.006em}.card{border-color:color-mix(in srgb,var(--border-color) 55%,transparent);box-shadow:var(--shadow-sm)}.card:hover{border-color:color-mix(in srgb,var(--border-color) 85%,transparent);box-shadow:var(--shadow-md);transform:none}.page-header{padding:48px 44px 22px}.page-label{font-size:11px;letter-spacing:.14em;color:var(--text-muted)}.page-title{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.08}.btn{letter-spacing:-.005em}.btn--primary{box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--shadow-md)}.btn--secondary,.btn--ghost{box-shadow:none}.section-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.search-wrapper,.search-input,input,textarea,select{background:var(--bg-raised)}.search-wrapper{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--border-color) 70%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 38%,transparent) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 26%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted) 44%,transparent);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.notes-list,.links-list,.tags-main__body,.threads-main__body,.structures-main__body,.scholars-main__body{max-width:880px;margin-inline:auto;line-height:1.6}@keyframes granolaRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notes-main,.links-main,.tags-main,.threads-main,.structures-main,.scholars-main,.page-main{animation:granolaRise .34s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.notes-main,.links-main,.tags-main,.threads-main,.structures-main,.scholars-main,.page-main{animation:none}}.app-rail__item svg,.threads-list__icon svg{display:block}.threads-list__icon{display:inline-flex;align-items:center;justify-content:center}.export-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.export-btn svg{display:block}.search-icon svg{display:block}.threads-list__row,.index-card{border-color:color-mix(in srgb,var(--border-color) 60%,transparent);box-shadow:none;transition:background .15s ease,border-color .15s ease}.threads-list__row{padding:16px 18px}.index-card{padding:15px 18px;margin-bottom:var(--space-2)}.threads-list__row:hover,.index-card:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg-raised));border-color:color-mix(in srgb,var(--accent) 28%,var(--border-color));box-shadow:none;transform:none}.index-card__arrow svg,.threads-list__arrow svg,.themes-list__arrow svg{display:block}.index-card__arrow,.threads-list__arrow{color:var(--text-muted)}:root{--leading-normal: 1.6}.threads-list__name,.index-card__label{font-size:17px;letter-spacing:-.01em}.themes-count{font-variant-numeric:tabular-nums;letter-spacing:.01em}.empty-state{max-width:460px;margin:0 auto;padding:clamp(48px,9vh,88px) 24px}.empty-state__icon{width:64px;height:64px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-size:28px;line-height:1}.empty-state__icon svg{display:block}.empty-state__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);line-height:1.25;letter-spacing:-.01em;margin-bottom:10px}.empty-state__desc{font-size:var(--text-base);line-height:1.7;max-width:40ch;margin-left:auto;margin-right:auto}.empty-state__text{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-muted)}.jp-header-btn{display:inline-flex;align-items:center;justify-content:center}.jp-header-btn svg{display:block}body.studio-mode .nav,body.studio-mode .nav--desktop,body.studio-mode .nav-topbar{display:none!important}body.studio-mode .app-content{padding:0!important;height:100vh;height:100dvh;overflow:hidden}.studio,.notes-studio,.tags-studio,.links-studio,.threads-studio,.structures-studio,.scholars-studio{position:relative;display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary)}.studio-side,.notes-side,.tags-side,.links-side,.threads-side,.structures-side,.scholars-side{width:270px;flex-shrink:0;box-sizing:border-box;background:var(--bg-secondary);border-right:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 14px 26px;position:relative;transition:width .2s ease,padding .2s ease;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 35%,transparent) transparent}.studio-side::-webkit-scrollbar,.notes-side::-webkit-scrollbar,.tags-side::-webkit-scrollbar,.links-side::-webkit-scrollbar,.threads-side::-webkit-scrollbar,.structures-side::-webkit-scrollbar,.scholars-side::-webkit-scrollbar{width:8px}.studio-side::-webkit-scrollbar-thumb,.notes-side::-webkit-scrollbar-thumb,.tags-side::-webkit-scrollbar-thumb,.links-side::-webkit-scrollbar-thumb,.threads-side::-webkit-scrollbar-thumb,.structures-side::-webkit-scrollbar-thumb,.scholars-side::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px;border:2px solid transparent;background-clip:padding-box;transition:background .2s}.studio-side:hover::-webkit-scrollbar-thumb,.notes-side:hover::-webkit-scrollbar-thumb,.tags-side:hover::-webkit-scrollbar-thumb,.links-side:hover::-webkit-scrollbar-thumb,.threads-side:hover::-webkit-scrollbar-thumb,.structures-side:hover::-webkit-scrollbar-thumb,.scholars-side:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 32%,transparent);background-clip:padding-box}.studio-main,.notes-main,.tags-main,.links-main,.threads-main,.structures-main,.scholars-main{flex:1;min-width:0;overflow-y:auto}.studio-list,.notes-list,.links-list,.tags-main__body,.threads-main__body,.structures-main__body,.scholars-main__body{padding:36px 40px 48px}.studio-side__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.studio-side__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted)}.studio-side__collapse,.studio-expand{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.studio-side__collapse:hover,.studio-expand:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-primary)}.studio-expand{position:absolute;top:16px;left:14px;z-index:6;display:none;background:var(--bg-raised);box-shadow:var(--shadow-sm)}.is-side-collapsed .studio-expand{display:inline-flex}.is-side-collapsed .studio-side{width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important;border-right:none!important;overflow:hidden}.studio-side__search,.notes-side__search{margin-bottom:22px}.studio-side__group,.tags-side__group{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:18px}.studio-side__group-label,.tags-side__group-label{flex-shrink:0;min-width:46px;margin:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.studio-side__opt,.tags-side__opt{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-raised);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;line-height:1.3;min-height:28px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.studio-side__dot{display:inline-block;width:8px;height:8px;border-radius:9999px;margin-right:7px;vertical-align:middle;flex:0 0 auto}.studio-side__opt:hover,.tags-side__opt:hover{border-color:var(--accent);color:var(--accent)}.studio-side__opt.is-active,.tags-side__opt.is-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.studio-side__opt:focus-visible,.tags-side__opt:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.studio-side__select,.tags-side__select{width:100%;box-sizing:border-box;margin-top:2px;flex:1 1 100%;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:10px;background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:8px 10px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.studio-side__select:hover,.tags-side__select:hover{border-color:color-mix(in srgb,var(--text-muted) 45%,transparent)}.studio-side__select:focus-visible,.tags-side__select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.studio-side__actions,.notes-side__actions{display:flex;gap:8px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)}.studio-side__lang,.notes-side__lang{flex-shrink:0;font-size:var(--text-xs);font-weight:600}.studio-side__export,.notes-side__export{flex:1;justify-content:center;text-align:center}.studio-side__new{flex:1;justify-content:center;text-align:center;text-decoration:none}@media(max-width:820px){.studio,.notes-studio,.tags-studio,.links-studio,.threads-studio,.structures-studio,.scholars-studio{flex-direction:column}.studio-side,.notes-side,.tags-side,.links-side,.threads-side,.structures-side,.scholars-side{width:100%;max-height:42vh}}.taxo-creator{margin-top:6px}.taxo-creator__toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:6px 11px;border-radius:10px;cursor:pointer;color:var(--accent);font-family:var(--font-body);font-size:12.5px;font-weight:500;text-align:left;transition:background .16s ease}.taxo-creator__toggle:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.taxo-creator__form{display:flex;flex-direction:column;gap:6px;margin-top:4px}.taxo-creator__name{width:100%;box-sizing:border-box}.taxo-creator__color{width:100%;height:30px;padding:0;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:none}.paths-list{max-width:760px;margin:0 auto;padding:36px 36px 80px}.paths-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.paths-list__title{font-size:24px;font-weight:700;letter-spacing:-.02em}.paths-list__grid{display:flex;flex-direction:column;gap:10px}.paths-card{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.paths-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.paths-card__top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.paths-card__level{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-full);padding:2px 8px}.paths-card__name{font-size:16px;font-weight:600;color:var(--text-primary)}.paths-card__question{font-size:14px;color:var(--text-secondary);font-style:italic;margin-top:2px;line-height:1.5}.paths-card__meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-top:10px}.paths-card__bar{height:3px;background:var(--border-color);border-radius:2px;margin-top:10px;overflow:hidden}.paths-card__bar-fill{height:100%;background:var(--accent);transition:width .3s}.paths-create{background:var(--bg-raised);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.paths-create__row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.paths-create__row label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.paths-create__row input,.paths-create__row textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary)}.paths-create__row textarea{resize:vertical;min-height:60px}.paths-create__levels{display:flex;gap:8px}.paths-create__level{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);transition:border-color .15s,color .15s}.paths-create__level.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.paths-create__actions{display:flex;gap:8px;justify-content:flex-end}.paths-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.paths-empty__icon{font-size:32px;margin-bottom:12px;opacity:.5}.paths-empty__text{font-size:15px;line-height:1.6;max-width:360px;margin:0 auto 16px}.path-detail{max-width:700px;margin:0 auto;padding:36px 36px 80px}.path-detail__back{font-size:13px;color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-bottom:16px}.path-detail__back:hover{color:var(--accent)}.path-detail__name{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 6px}.path-detail__name[contenteditable]{outline:none;border-bottom:1px dashed var(--border-color)}.path-detail__question{font-size:17px;color:var(--text-secondary);font-style:italic;line-height:1.6;margin:0 0 20px}.path-detail__question[contenteditable]{outline:none;border-bottom:1px dashed var(--border-color)}.path-detail__progress{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:32px}.path-detail__progress-fill{height:100%;background:var(--accent);transition:width .3s}.path-detail__meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-bottom:16px}.path-stops{position:relative;padding-left:28px}.path-stop{position:relative;padding-bottom:28px}.path-stop:last-child{padding-bottom:0}.path-stop__marker{position:absolute;left:-28px;top:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-primary);z-index:1}.path-stop--done .path-stop__marker{background:var(--accent);border-color:var(--accent)}.path-stop--active .path-stop__marker{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.path-stop__line{position:absolute;left:-22px;top:18px;bottom:0;width:2px;background:var(--border-color)}.path-stop:last-child .path-stop__line{display:none}.path-stop__ref{font-size:13px;font-weight:700;color:var(--accent);font-family:var(--font-mono, monospace);cursor:pointer;text-decoration:none}.path-stop__ref:hover{text-decoration:underline}.path-stop__title{font-size:15px;font-weight:600;color:var(--text-primary);margin-top:2px}.path-stop__prompt{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:4px}.path-stop__action{margin-top:8px}.path-stop__reveal{background:color-mix(in srgb,var(--accent) 6%,var(--bg-raised));border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border-color));border-radius:var(--radius-md);font-size:14px;line-height:1.65;color:var(--text-primary);opacity:0;max-height:0;overflow:hidden;transition:opacity .4s,max-height .4s,margin .3s,padding .3s;padding:0 14px;margin-top:0}.path-stop--done .path-stop__reveal{opacity:1;max-height:300px;padding:12px 14px;margin-top:10px}.path-stop__reveal-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px}.path-waypoint{padding:14px 0 14px 12px;margin-left:-22px;border-left:2px dashed color-mix(in srgb,var(--accent) 30%,var(--border-color));margin-bottom:20px}.path-waypoint__prompt{font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.6}.path-waypoint__fork{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.path-add-stop{display:flex;gap:8px;align-items:center;margin-top:16px;padding-left:0}.path-add-stop input{flex:1;font-size:13px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-mono, monospace)}.reading-path-banner{background:color-mix(in srgb,var(--accent) 8%,var(--bg-raised));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border-color));border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:20px}.reading-path-banner--done{opacity:.6}.reading-path-banner__path{margin-bottom:4px}.reading-path-banner__link{font-size:11px;font-weight:700;color:var(--accent);text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.reading-path-banner__link:hover{text-decoration:underline}.reading-path-banner__prompt{font-size:14px;color:var(--text-primary);line-height:1.55}.reading-path-banner__action{margin-top:8px}.reading-path-banner__reveal{font-size:13px;color:var(--text-secondary);line-height:1.55;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}@media(max-width:767px){.paths-list,.path-detail{padding:20px 16px 80px}.path-detail__name{font-size:20px}.path-detail__question{font-size:15px}}