@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_0571ae{font-family:Geist,Geist Fallback;font-style:normal}.__variable_0571ae{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5aae3a1c1074c5e1-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ecb0c194634e5a7f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8c2fd50d66d22a18-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/da6e5417d357d163-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9c79641216ce8622-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd5f2241e050216b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Amiri Fallback;src:local("Times New Roman");ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.00%;size-adjust:99.94%}.__className_338cf8{font-family:Amiri,Amiri Fallback;font-style:normal}.__variable_338cf8{--font-amiri:"Amiri","Amiri Fallback"}:root{--color-primary:#1E3A5F;--color-primary-light:#2C5F8D;--color-primary-dark:#152A45;--color-secondary:#0F766E;--color-secondary-light:#14B8A6;--color-secondary-dark:#0D5D56;--color-accent:#8B7355;--color-accent-light:#A89078;--color-accent-dark:#6B5A45;--color-bg:#FAFAFA;--color-surface:#FFFFFF;--color-surface-elevated:#FFFFFF;--color-surface-muted:#F5F5F5;--color-border:#E5E7EB;--color-border-light:#F3F4F6;--color-border-focus:var(--color-primary);--color-text:#1F2937;--color-text-secondary:#6B7280;--color-text-muted:#9CA3AF;--color-text-inverse:#FFFFFF;--color-error:#DC2626;--color-error-bg:rgba(220,38,38,0.1);--color-success:#059669;--color-success-bg:rgba(5,150,105,0.1);--color-warning:#D97706;--color-warning-bg:rgba(217,119,6,0.1);--color-info:#0284C7;--color-info-bg:rgba(2,132,199,0.1);--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-arabic:"Amiri","Traditional Arabic","Scheherazade New",serif;--font-mono:"SF Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--leading-arabic:2.2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-none:0;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.1);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.05);--shadow-none:none;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-height:52px;--nav-height-with-safe:calc(var(--nav-height) + var(--safe-bottom));--header-height:56px;--sidebar-width:260px;--sidebar-width-collapsed:70px;--touch-target-min:44px;--content-max-width:1200px}@media (prefers-color-scheme:dark){:root{--color-bg:#0F1419;--color-surface:#1A1F2E;--color-surface-elevated:#252B3A;--color-surface-muted:#1A1F2E;--color-border:#374151;--color-border-light:#2D3748;--color-text:#E8E6E3;--color-text-secondary:#9CA3AF;--color-text-muted:#6B7280;--color-primary-light:#4B7BB5;--color-secondary-light:#2DD4BF}}:root{--background:#FAFAFA;--foreground:#2C3E50;--primary-teal:#0D9488;--primary-teal-light:#5EEAD4;--primary-teal-dark:#0F766E;--gold:#D4AF37;--gold-light:#F4E4C1;--gold-dark:#B8941F;--gold-text:#9A7B00;--gold-text-dark:#7A6100;--gold-on-dark:#F4D03F;--deep-blue:#1E3A5F;--royal-blue:#2C5F8D;--cream:#FAF6F0;--cream-dark:#F0EBE3;--error-color:#DC2626;--success-color:#059669;--warning-color:#D97706;--info-color:#0D9488;--text-primary:#2C3E50;--text-secondary:#64748B;--text-muted:#6B7280;--text-on-teal:#FFFFFF;--text-on-gold:#1F2937;--border-light:rgba(212,175,55,0.2);--border-medium:rgba(13,148,136,0.3);--shadow-soft:0 2px 8px rgba(30,58,95,0.08);--shadow-medium:0 4px 16px rgba(30,58,95,0.12);--shadow-strong:0 8px 32px rgba(30,58,95,0.16);--gradient-teal-gold:linear-gradient(135deg,#0D9488,#D4AF37);--gradient-blue-teal:linear-gradient(135deg,#1E3A5F,#0D9488);--gradient-manuscript:linear-gradient(180deg,#FDFBF7,#FAF6F0);--gradient-night:linear-gradient(135deg,#1E3A5F,#2C5F8D);--user-gradient:linear-gradient(135deg,#0D9488,#14B8A6)}@media (prefers-color-scheme:dark){:root{--background:#0F1419;--foreground:#E8E6E3;--cream:#1A1F2E;--cream-dark:#252B3A;--border-light:rgba(212,175,55,0.15);--border-medium:rgba(94,234,212,0.2);--surface:#1A1F2E;--text-primary:#E8E6E3;--text-secondary:#9CA3AF;--text-muted:#6B7280;--deep-blue:#93B5E1;--gold-text:#F4D03F;--shadow-soft:0 2px 8px rgba(0,0,0,0.3);--shadow-medium:0 4px 16px rgba(0,0,0,0.4);--shadow-strong:0 8px 32px rgba(0,0,0,0.5);--gradient-manuscript:linear-gradient(180deg,#0F1419,#1A1F2E);--color-overlay:rgba(0,0,0,0.85)}.tafsir-form input,.tafsir-form select{color:var(--foreground)!important}.tafsir-form input,.tafsir-form select,.verse-card,.verse-card.enhanced{background:var(--color-surface)!important;border-color:var(--color-border)!important}.card{background:var(--color-surface);color:var(--foreground)}}@media (prefers-color-scheme:dark){.tafsir-form input::placeholder{color:var(--color-text-muted)}.suggestions-toggle{background:var(--color-surface);border-color:var(--color-border)}.result-section h2{border-bottom-color:var(--color-border)}.tafsir-details[open] summary{background:var(--primary-teal);color:white}.tafsir-details summary:hover{background:rgba(13,148,136,.15)}.digest-viewer,.struggle-card,.trajectory-display{background:var(--color-surface)!important;border-color:var(--color-border)!important}.markdown-content blockquote,.markdown-content code{background:var(--color-surface-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.confirm-dialog,.dialog-content,.help-panel,.reflection-panel{background:var(--color-surface)!important;color:var(--foreground)!important}.annotation-form .form-header{border-bottom-color:var(--color-border)!important}.annotation-form .form-header h2{color:var(--foreground)!important}.annotation-form .context-display{background:var(--color-surface-muted)!important}.annotation-form .context-display label,.annotation-form .form-group label{color:var(--color-text-secondary)!important}.annotation-form .selected-text,.annotation-form .verse-text{color:var(--foreground)!important}.annotation-form .content-textarea{color:var(--foreground)!important}.annotation-form .content-textarea,.annotation-form .tags-container{background:var(--color-surface)!important;border-color:var(--color-border)!important}.annotation-form .tag-input{background:transparent!important;color:var(--foreground)!important}.annotation-form .privacy-notice{background:rgba(5,150,105,.1)!important;color:var(--color-secondary-light)!important}.annotation-form .form-footer{border-top-color:var(--color-border)!important;background:var(--color-surface)!important}.annotation-form .btn-cancel{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.confirm-dialog .confirm-content{color:var(--foreground)!important}.confirm-dialog #confirm-message,.confirm-dialog .cancel-btn{color:var(--color-text-secondary)!important}.confirm-dialog .cancel-btn{background:var(--color-surface)!important;border-color:var(--color-border)!important}.confirm-dialog .cancel-btn:hover{background:var(--color-surface-muted)!important}.badge-card{background:var(--color-surface)!important;border-color:var(--color-border)!important}.badge-card--earned{border-color:var(--gold,#d4a017)!important}.badge-error button,.badge-popup{background:var(--color-surface)!important}.help-panel .help-close{background:var(--color-surface-muted)!important;border-color:var(--color-border)!important;color:var(--foreground)!important}.help-panel .help-tab.active{background:var(--color-surface)!important}.help-panel .help-tab:hover{background:var(--color-surface-muted)!important}.help-panel #confirm-message,.help-panel .faq-item p,.help-panel .feedback-description,.help-panel .feedback-success-subtitle,.help-panel .item-content p,.help-panel .no-shortcuts,.help-panel .shortcut-action{color:var(--color-text-secondary)!important}.help-panel .shortcut-keys kbd{background:var(--color-surface-muted)!important;border-color:var(--color-border)!important;color:var(--foreground)!important}.help-panel .feedback-type-btn{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.help-panel .feedback-type-btn.active{background:rgba(13,148,136,.15)!important;color:var(--primary-teal)!important;border-color:var(--primary-teal)!important}.help-panel .feedback-another-btn,.help-panel .feedback-textarea{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--foreground)!important}.help-panel .help-bottom-nav{background:var(--color-surface)!important;border-top-color:var(--color-border)!important}.behavior-selector{background:var(--color-surface)!important;border-color:var(--color-border)!important}.behavior-selector .bs-cat-header{background:var(--color-surface-muted)!important}.behavior-selector .bs-cat-label{color:var(--foreground)!important}.behavior-selector .bs-behavior:hover:not(.disabled){background:var(--color-surface-muted)!important}.behavior-selector .bs-b-label{color:var(--foreground)!important}.behavior-selector .bs-b-type{background:var(--color-surface-muted)!important;color:var(--color-text-secondary)!important}.behavior-selector .bs-footer{background:var(--color-surface-muted)!important;border-top-color:var(--color-border)!important}.saved-item{background:var(--color-surface)!important;border-color:var(--color-border)!important}.saved-title{color:var(--foreground)!important}.saved-count{background:var(--color-surface-muted)!important;color:var(--color-text-secondary)!important}.reflections-title{color:var(--foreground)!important}.reflections-count{background:var(--color-surface-muted)!important;color:var(--color-text-secondary)!important}.search-input{border-color:var(--color-border)!important;color:var(--foreground)!important}.filter-chip,.search-input,.search-input:focus{background:var(--color-surface)!important}.filter-chip{border-color:var(--color-border)!important;color:var(--foreground)!important}.filter-chip.active{background:var(--chip-color)!important;color:white!important;border-color:var(--chip-color)!important}.tag-chip{background:var(--color-surface-muted)!important;color:var(--color-text-secondary)!important}.annotations-list{background:var(--color-border)!important}.annotation-card{background:var(--color-surface)!important}.annotation-card:active{background:var(--color-surface-muted)!important}.card-context{color:var(--foreground)!important}.card-content{color:var(--color-text-secondary)!important}.lessons-section .lesson-card,.reflection-panel>div{border-color:var(--color-border)!important}.lessons-section .lesson-card{background:var(--color-surface)!important}.iman-onboarding{background:var(--color-bg)!important}.ob-struggle-card{background:var(--color-surface)!important;border-color:var(--color-border)!important}.ob-struggle-card.selected{background:rgba(5,150,105,.1)!important}.ob-s-label,.ob-title{color:var(--foreground)!important}.ob-body{color:var(--color-text-secondary)!important}.ob-feature-title{color:var(--foreground)!important}.ob-tip{color:var(--color-text-secondary)!important}.ob-hint{background:rgba(5,150,105,.1)!important;border-color:rgba(5,150,105,.2)!important}.ob-hint-text{color:var(--color-secondary-light)!important}.ob-btn.secondary{background:var(--color-surface)!important;color:var(--foreground)!important;border-color:var(--color-border)!important}.ob-medallion{background:rgba(13,148,136,.1)!important}.desktop-nav,.plan-card,.plan-item,.surah-tile{background:var(--color-surface)!important;border-color:var(--color-border)!important}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth;overscroll-behavior-y:none;color-scheme:light dark}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px;position:relative;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:16px 16px 0;animation:fadeIn .6s ease-out;transition:margin-left .3s ease,max-width .3s ease}.container.with-sidebar{margin-left:260px;max-width:calc(100% - 280px)}.container.with-sidebar-collapsed{margin-left:70px;max-width:calc(100% - 90px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--color-surface);border-radius:10px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:none;margin-bottom:8px;position:relative;overflow:hidden}.main-app{max-width:none;box-shadow:none;margin-bottom:0;overflow:visible}.header,.main-app{padding:0;border:none;border-radius:0;background:transparent}.header{justify-content:space-between;margin-bottom:12px;position:relative}.header,.header-logo{display:flex;align-items:center}.header-logo{gap:10px}.header h1{font-size:1.15rem;font-weight:700;color:var(--primary-teal);position:relative;letter-spacing:-.02em;margin:0}.user-info{display:flex;align-items:center;gap:8px;padding:0;background:transparent;border:none;border-radius:0;font-size:.78rem;font-weight:600;color:var(--deep-blue)}.user-info:before{content:attr(data-persona-icon);font-size:1.1rem}.persona-badge{text-transform:capitalize;color:var(--primary-teal);font-weight:700;background:none;border:none;padding:0;font:inherit}.persona-badge.clickable{cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:4px}.persona-badge.clickable:hover{color:var(--gold)}.nav-link:hover{background:var(--primary-teal)!important;color:white!important;border-color:var(--primary-teal)!important}.add-annotation-btn{position:relative;z-index:10}.add-annotation-btn:hover{box-shadow:var(--shadow-soft)}.suggestions-section{margin-bottom:32px}.suggestions-toggle{background:var(--cream);border:1px solid var(--border-light);border-radius:12px;padding:14px 20px;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--primary-teal);transition:all .2s ease;position:relative;overflow:hidden;width:100%;text-align:left;display:flex;align-items:center;justify-content:center;gap:10px}.suggestions-toggle:hover{background:var(--primary-teal);color:white;border-color:var(--primary-teal)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px;margin-top:12px;padding:14px;background:var(--color-surface);border-radius:10px;border:none;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-chip{background:var(--color-surface);color:var(--foreground);border:1px solid var(--border-light);border-radius:24px;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden}.suggestion-chip:hover{color:white;background:var(--primary-teal);border-color:var(--primary-teal)}.form{margin-bottom:24px}.tafsir-form{display:flex;gap:10px;margin-bottom:12px;padding:14px;background:var(--color-surface);border-radius:10px;border:none;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;flex-wrap:wrap;align-items:center}.surah-verse-picker,.tafsir-form{scroll-margin-top:100px}@keyframes formSubmit{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.tafsir-form.submitting{animation:formSubmit .3s ease}.tafsir-form select{padding:12px 40px 12px 16px;border:1px solid var(--border-medium);border-radius:10px;font-size:1rem;font-weight:600;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--color-surface);color:var(--foreground);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%230D9488' d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;vertical-align:middle}.tafsir-form select:focus,.tafsir-form select:hover{border-color:var(--primary-teal)}.tafsir-form select:focus{outline:none;box-shadow:0 0 0 3px rgba(13,148,136,.1)}.tafsir-form input{flex:1 1 180px;min-width:120px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:.9rem;font-weight:500;line-height:1.2;transition:all .2s ease;background:var(--color-surface);color:var(--foreground);vertical-align:middle}.tafsir-form input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px rgba(13,148,136,.1)}.tafsir-form input::placeholder{color:rgba(44,62,80,.6);font-style:italic;font-weight:400}.tafsir-form input:focus-visible,.tafsir-form select:focus-visible{outline:3px solid var(--primary-teal);outline-offset:3px;box-shadow:0 0 0 6px rgba(13,148,136,.15),var(--shadow-soft)}.tafsir-form button.search-button{background:var(--primary-teal);border:none;border-radius:8px;width:36px;height:36px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;color:white}.tafsir-form button.search-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .5s,height .5s}.tafsir-form button.search-button:hover:not(:disabled):before{width:120px;height:120px}.tafsir-form button.search-button:hover:not(:disabled){box-shadow:var(--shadow-medium)}.tafsir-form button.search-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.tafsir-form button.search-button:disabled{opacity:.7;cursor:not-allowed;transform:none;animation:pulse 1.5s ease-in-out infinite}.tafsir-form button.search-button.loading{background:#dc2626;animation:pulse 1.5s ease-in-out infinite;cursor:pointer}.tafsir-form button.search-button.loading:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong)}.tafsir-form button.search-button.loading:active{transform:translateY(-1px) scale(.98)}button{background:var(--primary-teal);color:white;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:hover:not(:disabled){box-shadow:var(--shadow-soft)}.logout-button{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:600}.logout-button,.toggle-auth{background:transparent;color:var(--primary-teal);border:1px solid var(--primary-teal)}.toggle-auth{margin-top:16px;border-radius:10px}.toggle-auth:hover{background:var(--primary-teal);color:white}.loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;gap:24px}.loading-spinner:after{content:"";width:48px;height:48px;border:4px solid var(--cream-dark);border-top-color:var(--primary-teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.error{color:var(--error-color);background:rgba(220,38,38,.1);border:1px solid var(--error-color);border-radius:10px;margin:12px 0}.error,.rate-limit-warning{padding:12px 16px;font-weight:600}.rate-limit-warning{background:rgba(217,119,6,.08);border:1px solid var(--warning-color);color:var(--warning-color);border-radius:10px;margin:16px 0;display:flex;align-items:center;gap:8px}.level-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin:24px 0}.level-buttons button{padding:20px;font-size:1rem;font-weight:600;border-radius:12px;background:var(--color-surface);color:var(--foreground);border:1px solid var(--border-light);transition:background .2s ease,border-color .2s ease;cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:hover) and (pointer:fine){.level-buttons button:hover{color:white;background:var(--primary-teal);border-color:var(--primary-teal)}}.level-buttons button:active{background:var(--primary-teal);color:white;border-color:var(--primary-teal)}.results-container{margin-top:32px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-section{padding:16px;background:var(--color-surface);border-radius:10px;border:none;box-shadow:0 1px 3px rgba(0,0,0,.06)}.result-section,.result-section h2{margin-bottom:12px;position:relative}.result-section h2{color:var(--primary-teal);font-size:1.1rem;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--color-border-light);text-transform:none;letter-spacing:.01em}.verse-card{background:var(--color-surface);border-radius:10px;padding:14px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:none;position:relative;overflow:hidden}.verse-card.enhanced{background:var(--color-surface);border-left:3px solid var(--primary-teal)}.verse-ref{font-size:.8rem;color:var(--primary-teal);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--color-border-light);display:inline-block}.arabic-text{font-family:var(--font-amiri),"Amiri Quran","Scheherazade New","Traditional Arabic",serif;font-size:clamp(1.6rem,4vw,2.4rem);line-height:2.2;margin:8px 0;padding:16px;border-radius:10px;text-align:center;direction:rtl;border:none}.arabic-text,.translation{background:var(--color-surface-muted);position:relative}.translation{font-family:Georgia,Palatino,serif;font-style:italic;font-size:1.05rem;line-height:1.8;color:var(--deep-blue);padding:14px;border-radius:10px;border-left:3px solid var(--primary-teal);margin-top:8px}.tafsir-details{margin-bottom:8px;border:none;border-radius:10px;background:var(--color-surface);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.tafsir-details summary{padding:14px 16px;cursor:pointer;background:var(--color-surface);font-weight:700;font-size:1rem;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;position:relative}.tafsir-details summary:hover{background:rgba(13,148,136,.06);color:var(--primary-teal)}.tafsir-details[open] summary{background:var(--primary-teal);color:white}.limited-content-badge{background:var(--warning-color);color:white;font-size:11px;padding:4px 8px;border-radius:12px;font-weight:600;margin-left:12px}.explanation-content{padding:20px;line-height:1.8;background:var(--color-surface);font-size:1rem}.explanation-content p{margin-bottom:16px}.cross-references{display:grid;grid-gap:16px;gap:16px}.cross-ref-item{padding:12px 14px;background:var(--color-surface);border-radius:8px;border:none;border-left:3px solid var(--primary-teal);box-shadow:0 1px 2px rgba(0,0,0,.04)}.lessons-list{list-style:none;padding:0}.lesson-item{padding:12px 14px 12px 40px;margin-bottom:8px;background:var(--color-surface);border-radius:8px;border:none;border-left:3px solid var(--success-color);position:relative;box-shadow:0 1px 2px rgba(0,0,0,.04)}.lesson-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);background:var(--success-color);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.summary-content{background:var(--color-surface);border-radius:8px;padding:14px;border:none;font-size:1rem;line-height:1.7}.export-section{margin-top:12px;padding:16px;background:var(--deep-blue);border-radius:10px;border:1px solid var(--gold);position:relative;overflow:hidden}.export-section h3{color:white;margin-bottom:16px;font-size:1.15rem;font-weight:700;text-transform:none;letter-spacing:.02em;position:relative;z-index:1}.export-controls{display:flex;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.export-btn{background:transparent;color:var(--primary-teal,#0d9488);padding:6px 14px;border-radius:6px;font-weight:500;border:1px solid var(--primary-teal,#0d9488);display:flex;align-items:center;gap:6px;transition:all .2s ease;cursor:pointer;font-size:.8rem}.export-btn:hover{background:var(--primary-teal,#0d9488);color:white}.markdown-content{font-size:1.05rem;line-height:1.9}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-weight:700;color:var(--primary-teal)}.markdown-content h1,.markdown-content h2{font-size:1.15rem;margin-top:20px;margin-bottom:10px;padding-top:4px}.markdown-content h1:first-child,.markdown-content h2:first-child{margin-top:0}.markdown-content h3{font-size:1.05rem;margin-top:16px;margin-bottom:8px}.markdown-content p{margin-bottom:16px;line-height:1.9}.markdown-content ol,.markdown-content ul{margin-left:24px;margin-bottom:16px}.markdown-content ul{list-style:none}.markdown-content ul li:before{content:"•";color:var(--primary-teal);font-weight:700;display:inline-block;width:1em;margin-left:-1em;font-size:1.2em}.markdown-content ol{list-style:decimal}.markdown-content li{margin-bottom:8px;padding-left:8px}.markdown-content b,.markdown-content strong{font-weight:700;color:var(--primary-teal)}.markdown-content em,.markdown-content i{font-style:italic;color:var(--deep-blue)}.markdown-content code{background:var(--cream);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:var(--font-geist-mono),monospace}.markdown-content blockquote{border-left:4px solid var(--gold);margin:20px 0;font-style:italic;color:var(--deep-blue);background:var(--cream);padding:16px;border-radius:8px}.markdown-content hr{border:none;border-top:2px solid var(--border-light);margin:24px 0}@media (max-width:768px){.container{padding:8px 8px 0;max-width:100%}.card{padding:12px;margin-bottom:8px;border-radius:10px}.main-app{padding:0;border:none;border-radius:0;background:transparent;margin-bottom:0}.header{flex-direction:row;gap:8px;text-align:left;padding:0;margin-bottom:8px}.header h1{font-size:1rem}.user-info{flex-direction:row;flex-wrap:nowrap;gap:6px;padding:0}.user-info:before{display:none}.user-info>span{font-size:.7rem;opacity:.7}.persona-badge{background:var(--primary-teal)!important;color:white!important;border-radius:6px!important;border:none!important;cursor:pointer}.logout-button,.persona-badge{font-size:.68rem!important;padding:3px 8px!important}.logout-button{border-radius:6px!important;color:var(--primary-teal)!important;border:1px solid var(--primary-teal)!important}.tafsir-form{flex-direction:column;gap:10px;padding:16px 14px;margin:0}.tafsir-form:before{top:-12px;font-size:1.5rem}.tafsir-form input,.tafsir-form select{min-width:auto;font-size:16px;padding:10px 12px}.tafsir-form button.search-button{width:40px;height:40px;border-radius:8px}.suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:16px 12px;margin:0}.suggestions-grid:before{display:none}.level-buttons{grid-template-columns:1fr;gap:12px;padding:0 8px}.export-controls{flex-direction:column}.arabic-text{padding:20px 12px;margin:0}.result-section{padding:16px 14px;margin:0}.result-section h2{position:relative;font-size:1.15rem;margin-bottom:12px}.verse-card{padding:16px 14px;position:relative;margin:0 0 16px}.add-annotation-btn{position:relative!important;z-index:10!important;margin-left:auto;flex-shrink:0}.explanation-content{padding:20px 16px}.tafsir-details{margin:0 0 20px}.tafsir-details summary{padding:20px 16px;font-size:1.05rem}.lesson-item{padding:14px 16px 14px 40px;margin-bottom:10px}.export-section{padding:24px 16px;margin:32px 0 0}}@media (max-width:480px){.container{padding:6px 6px 0}.header,.main-app{padding:0}.header{gap:6px;margin-bottom:6px}.header h1{font-size:.95rem;line-height:1.2}.user-info{gap:4px}.user-info>span{font-size:.65rem}.logout-button,.persona-badge{font-size:.65rem!important;padding:3px 6px!important}.card{padding:10px;margin-bottom:6px}.tafsir-form{padding:24px 12px 16px;margin:0}.suggestions-grid{padding:12px 8px;gap:8px;margin:0}.result-section{padding:14px 12px;margin:0}.verse-card{padding:14px 12px;margin:0 0 12px}.arabic-text{line-height:2;padding:16px 10px;margin:0}.translation{font-size:1rem;padding:14px 12px}.suggestion-chip{font-size:.85rem;padding:10px 14px}.result-section h2{margin-top:0;padding-top:0;font-size:1.1rem}.tafsir-details{margin:0 0 16px}.tafsir-details summary{padding:16px 12px;font-size:1rem}.explanation-content{padding:16px 12px;font-size:.95rem}.lesson-item{padding:12px 14px 12px 36px;font-size:.95rem}.lesson-item:before{left:12px;width:20px;height:20px;font-size:10px}.export-section{padding:20px 12px;margin:24px 0 0}.export-section h3{font-size:1.2rem}.export-btn{padding:6px 12px;font-size:.75rem}}@media (max-width:360px){.container{padding:4px 4px 0}.header,.main-app{padding:0}.header{gap:6px;margin-bottom:6px}.header h1{font-size:.9rem}.user-info{padding:0;gap:4px}.persona-badge{font-size:.65rem!important;padding:3px 6px!important}.logout-button{padding:3px 6px!important;font-size:.6rem!important}.tafsir-form{padding:16px 10px 12px;border-radius:12px}.tafsir-form input,.tafsir-form select{padding:10px 12px;font-size:14px}.result-section{padding:12px 10px;border-radius:12px}.verse-card{padding:10px 8px;border-radius:10px}.card{padding:12px 10px;border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--primary-teal);outline-offset:2px}@media print{.export-section,.header .user-info,.suggestions-section,button{display:none!important}.card{box-shadow:none;border:1px solid #ccc}.result-section{break-inside:avoid;page-break-inside:avoid}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .5s ease-out}@media (display-mode:standalone){html{height:100%}body{min-height:100%;overscroll-behavior-y:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@supports (min-height:100dvh){body{min-height:100dvh}}.container{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:0}.card.main-app{padding:0}}