@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#fcfcf9;--bg-card:#fff;--fg-main:#1a1c18;--fg-muted:#5c5f59;--border-color:#e2e3db;--border-focus:#2c5e43;--accent-islamic:#2c5e43;--accent-islamic-bg:#e8f0eb;--accent-scientific:#8a5800;--accent-scientific-bg:#fcf1dc;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition:all .25s cubic-bezier(.16, 1, .3, 1);--shadow:0 4px 24px #1c1e180a}.dark{--bg-main:#0e110d;--bg-card:#151a14;--fg-main:#e2e3db;--fg-muted:#8d9286;--border-color:#2b322a;--border-focus:#6eb68b;--accent-islamic:#6eb68b;--accent-islamic-bg:#6eb68b1a;--accent-scientific:#ebb965;--accent-scientific-bg:#ebb9651a;--shadow:0 4px 30px #00000040}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--fg-main);font-family:var(--font-sans);justify-content:center;min-height:100vh;line-height:1.6;transition:background-color .3s;display:flex}.app-wrapper{flex-direction:column;width:100%;max-width:960px;min-height:100vh;margin:0 auto;padding:60px 24px 0;display:flex}@media (max-width:768px){.app-wrapper{padding:32px 16px 0}}.header{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:48px;display:flex}.logo-text{font-family:var(--font-serif);letter-spacing:-.5px;font-size:42px;font-style:italic;font-weight:400;line-height:1.1}.subtitle{color:var(--fg-muted);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:600}.main-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);flex-direction:column;gap:24px;padding:32px;display:flex}@media (max-width:768px){.main-card{padding:20px}}.input-label{color:var(--fg-main);margin-bottom:-8px;font-size:15px;font-weight:500}.dream-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--fg-main);font-family:var(--font-sans);resize:vertical;min-height:140px;transition:var(--transition);background:0 0;outline:none;padding:16px;font-size:15px;line-height:1.6}.dream-textarea:focus{border-color:var(--border-focus)}.dream-textarea::placeholder{color:var(--fg-muted);opacity:.6}.submit-btn{background:var(--fg-main);color:var(--bg-main);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-self:flex-end;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}@media (max-width:768px){.submit-btn{align-self:stretch}}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:var(--border-color);color:var(--fg-muted);cursor:not-allowed;opacity:.7;transform:none}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quick-search-section{flex-direction:column;gap:12px;display:flex}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--fg-muted);font-size:11px;font-weight:700}.chips-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-color);color:var(--fg-main);cursor:pointer;transition:var(--transition);background:0 0;border-radius:30px;padding:8px 16px;font-size:13px}.chip:hover{border-color:var(--border-focus);background:var(--bg-main)}.chip.active{background:var(--accent-islamic-bg);border-color:var(--accent-islamic);color:var(--accent-islamic)}.results-layout{flex-direction:column;gap:32px;margin-top:32px;display:flex}.back-link{color:var(--fg-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--fg-main)}.matches-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:850px){.matches-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}}.concept-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.concept-card:hover{border-color:var(--border-focus)}.concept-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.concept-title{font-family:var(--font-serif);text-transform:capitalize;font-size:26px;font-style:italic;font-weight:400}.concept-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--fg-muted);background:var(--bg-main);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:4px 8px;font-size:10px;font-weight:600}.tabs-header{background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex}.tab-button{font-family:var(--font-sans);color:var(--fg-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:14px 12px;font-size:13px;font-weight:600;position:relative}.tab-button.active.islamic{color:var(--accent-islamic)}.tab-button.active.scientific{color:var(--accent-scientific)}.tab-indicator{width:100%;height:2px;transition:var(--transition);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.tab-button.active .tab-indicator.islamic{background:var(--accent-islamic);transform:scaleX(1)}.tab-button.active .tab-indicator.scientific{background:var(--accent-scientific);transform:scaleX(1)}.tab-pane{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex}.ref-item{border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;padding-bottom:20px;display:flex}.ref-item:last-child{border-bottom:none;padding-bottom:0}.ref-item-header{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.ref-author{font-size:13px;font-weight:700}.ref-author.islamic{color:var(--accent-islamic)}.ref-author.scientific{color:var(--accent-scientific)}.ref-citation{color:var(--fg-muted)}.ref-work{color:var(--fg-muted);margin-top:-6px;font-size:12px;font-style:italic}.ref-content{color:var(--fg-main);text-align:justify;font-size:14.5px;line-height:1.7}.helper-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);align-items:flex-start;gap:16px;margin-top:24px;padding:24px;display:flex}.helper-icon{color:var(--border-focus);font-size:20px;line-height:1}.helper-text{color:var(--fg-muted);font-size:13px;line-height:1.6}.bottom-chat-bar{background:linear-gradient(to top, var(--bg-main) 70%, #fcfcf900);z-index:50;pointer-events:none;justify-content:center;width:100%;padding:24px 24px 32px;display:flex;position:sticky;bottom:0}.chat-input-container{pointer-events:auto;flex-direction:column;gap:8px;width:100%;max-width:700px;display:flex}.chat-input-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);align-items:flex-end;gap:12px;padding:8px 12px;display:flex;box-shadow:0 8px 30px #0000000a}.chat-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 8px 30px #00000014}.chat-textarea{box-sizing:border-box;resize:none;color:var(--fg-main);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-height:38px;max-height:150px;padding:8px 4px;font-size:15px;line-height:1.5;overflow-y:auto}.chat-textarea::placeholder{color:var(--fg-muted);opacity:.6}.chat-send-btn{background:var(--fg-main);color:var(--bg-main);cursor:pointer;width:38px;height:38px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.chat-send-btn:disabled{background:var(--border-color);color:var(--fg-muted);opacity:.5;cursor:not-allowed}.send-icon{width:18px;height:18px;transform:rotate(0)}.chat-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.chat-error-message{color:#c2410c;border-radius:var(--radius-md);text-align:center;background:#c2410c14;border:1px solid #c2410c26;padding:8px 12px;font-size:13px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.bottom-chat-bar{padding:12px 16px 20px}.chat-textarea{min-height:36px;font-size:14px}}.interactive-word{border-bottom:1.5px dotted var(--border-focus);cursor:pointer;transition:var(--transition);background:#2c5e430f;border-radius:2px;padding:0 2px;font-weight:500;display:inline-block;position:relative}.interactive-word:hover{background:#2c5e431f}.interactive-word.scientific-term{border-bottom-color:var(--accent-scientific);background:#8a58000f}.interactive-word.scientific-term:hover{background:#8a58001f}.word-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;width:250px;font-family:var(--font-sans);text-align:left;pointer-events:auto;padding:12px 14px;font-style:normal;font-weight:400;line-height:1.4;animation:.2s cubic-bezier(.16,1,.3,1) tooltipFadeIn;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.word-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--border-color) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-header{text-transform:uppercase;color:var(--fg-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:6px;padding-bottom:4px;font-size:10px;font-weight:700}.tooltip-body{flex-direction:column;gap:8px;font-size:11px;display:flex}.tooltip-row{flex-direction:column;gap:2px;display:flex}.tooltip-row-label{color:var(--fg-main);align-items:center;gap:4px;font-weight:700;display:flex}.tooltip-row-value{color:var(--fg-muted)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.marquee-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:45;align-items:center;height:32px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.marquee-track{width:max-content;animation:90s linear infinite scrollMarquee;display:flex}.marquee-bar:hover .marquee-track{animation-play-state:paused}.marquee-list{align-items:center;gap:40px;padding-right:40px;display:flex}.marquee-item{text-transform:uppercase;color:var(--fg-muted);letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:12px;font-size:9.5px;font-weight:700;display:flex}.marquee-item a{color:inherit;transition:var(--transition);text-decoration:none}.marquee-item a:hover{color:var(--border-focus)}.marquee-dot{color:var(--border-focus);opacity:.6}@keyframes scrollMarquee{0%{transform:translate(0,0)}to{transform:translate(-25%)}}.chat-messages-container{flex-direction:column;gap:20px;width:100%;display:flex}.message-bubble{border-radius:var(--radius-lg);max-width:80%;padding:16px 20px;font-size:15px;line-height:1.6;animation:.3s cubic-bezier(.16,1,.3,1) forwards messageFadeIn;position:relative;box-shadow:0 2px 12px #00000008}.message-bubble.user{background:var(--fg-main);color:var(--bg-main);border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.ai{background:var(--bg-card);border:1px solid var(--border-color);color:var(--fg-main);box-shadow:var(--shadow);border-bottom-left-radius:4px;align-self:flex-start}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.message-bubble{max-width:90%;padding:12px 16px;font-size:14px}}.sidebar-overlay{z-index:54;background-color:#0003;position:fixed;inset:0}.sidebar-container{z-index:55;background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:280px;height:100vh;transition:transform .3s;display:flex;position:sticky;top:0}@media (max-width:768px){.sidebar-container{position:fixed;top:0;bottom:0;left:0}}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-btn-primary{color:var(--fg-main);background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;margin-right:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.sidebar-btn-primary:hover{background-color:#0000000d}.sidebar-btn-icon{color:var(--fg-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sidebar-btn-icon:hover{color:var(--fg-main);background-color:#0000000d}.sidebar-tabs{border-bottom:1px solid var(--border-color);padding:8px;display:flex}.sidebar-tab{border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-tab:hover{color:var(--fg-main);background-color:#0000000d}.sidebar-tab.active{background-color:var(--accent-islamic);color:#fff}.sidebar-content{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.sidebar-item{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--fg-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px;font-size:14px;transition:all .2s;display:flex;overflow:hidden}.sidebar-item:hover{background-color:#0000000d}.sidebar-item.active{color:var(--accent-islamic);background-color:#0000000d;font-weight:500}.sidebar-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-empty{text-align:center;color:var(--fg-muted);margin-top:16px;font-size:14px}.sidebar-collection-item{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px;padding:12px}.sidebar-collection-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.sidebar-collection-title{color:var(--fg-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sidebar-collection-delete{color:var(--fg-muted);cursor:pointer;opacity:.5;background:0 0;border:none;transition:all .2s}.sidebar-collection-item:hover .sidebar-collection-delete{opacity:1}.sidebar-collection-delete:hover{color:#ef4444}.sidebar-collection-content{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-main);padding:16px}.sidebar-user{justify-content:space-between;align-items:center;display:flex}.sidebar-user-info{align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.sidebar-avatar-fallback{background-color:var(--accent-islamic);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.sidebar-user-details{overflow:hidden}.sidebar-user-name{color:var(--fg-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sidebar-user-email{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-login-btn{width:100%;color:var(--fg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.sidebar-login-btn:hover{background-color:#0000000d}.sidebar-toggle{z-index:55;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--fg-main);cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;top:44px;left:16px;box-shadow:0 1px 3px #0000001a}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(12px);background-color:#0006;justify-content:center;align-items:center;padding:16px;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-container{background-color:var(--bg-main);border:1px solid color-mix(in srgb, var(--border-color) 60%, transparent);border-radius:24px;width:100%;max-width:420px;max-height:calc(100dvh - 32px);padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0000001a}.modal-container::-webkit-scrollbar{width:4px}.modal-container::-webkit-scrollbar-track{background:0 0}.modal-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.modal-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--fg-main);background:color-mix(in srgb, var(--fg-muted) 10%, transparent)}.modal-title{text-align:center;margin-bottom:24px}.modal-title h2{font-family:var(--font-serif);letter-spacing:-.5px;color:var(--fg-main);margin:0;font-size:28px;font-weight:400}.modal-title p{color:var(--fg-muted);margin-top:8px;font-size:14.5px}.modal-error{text-align:center;color:#ef4444;background-color:#ef44441a;border-radius:12px;margin-bottom:24px;padding:12px;font-size:13.5px}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-form-group label{color:var(--fg-main);margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.modal-input{width:100%;color:var(--fg-main);background-color:color-mix(in srgb, var(--fg-muted) 5%, transparent);border:1px solid #0000;border-radius:12px;outline:none;padding:12px 16px;font-size:14.5px;transition:all .3s}.modal-input:focus{background-color:var(--bg-main);border-color:var(--accent-islamic);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-islamic) 12%, transparent)}.modal-submit{width:100%;color:var(--bg-main);background-color:var(--fg-main);cursor:pointer;border:none;border-radius:99px;margin-top:4px;padding:14px;font-size:14.5px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.modal-submit:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb, var(--fg-main) 15%, transparent);transform:scale(1.02)}.modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-divider{justify-content:center;align-items:center;margin:28px 0 20px;display:flex;position:relative}.modal-divider:before{content:"";border-top:1px solid var(--border-color);z-index:1;align-items:center;width:100%;display:flex;position:absolute;inset:50% 0 0}.modal-divider span{letter-spacing:1px;color:var(--fg-muted);background-color:var(--bg-main);z-index:2;padding:0 16px;font-size:11.5px;font-weight:600;position:relative}.modal-google-btn{width:100%;color:var(--fg-main);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.modal-google-btn:hover{background-color:color-mix(in srgb, var(--fg-muted) 5%, transparent)}.modal-footer{text-align:center;color:var(--fg-muted);margin-top:32px;font-size:14px}.modal-footer button{color:var(--fg-main);cursor:pointer;background:0 0;border:none;margin-left:4px;font-weight:600}.modal-footer button:hover{text-underline-offset:4px;text-decoration:underline}.flex-h-screen{width:100%;max-width:100vw;height:100vh;display:flex;overflow:hidden}.flex-1-overflow{flex:1;overflow-y:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1000!important;cursor:default!important;background:#00000080!important;justify-content:center!important;align-items:flex-end!important;display:flex!important;position:fixed!important;inset:0!important}.modal-container{z-index:1001!important;flex-direction:column!important;width:calc(100% - 24px)!important;max-width:480px!important;margin:0 12px 12px!important;animation:.28s cubic-bezier(.16,1,.3,1) slideUp!important;display:flex!important}.modal-pill{cursor:grab!important;touch-action:none!important;background:#fff6!important;border-radius:2.5px!important;width:36px!important;height:5px!important;margin:0 auto 8px!important;display:block!important}.modal-content{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-height:75vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 10px 40px #00000026!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (min-width:768px){.modal-backdrop{align-items:center!important}.modal-container{width:90%!important;max-width:860px!important;margin:0!important;animation:.28s cubic-bezier(.16,1,.3,1) modalFadeIn!important}.modal-pill{display:none!important}.modal-content{border-radius:var(--radius-lg)!important;max-height:80vh!important;box-shadow:0 24px 60px #0003!important}}.quran-modal-overlay{background:var(--bg-main);z-index:2000;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUp;display:flex;position:fixed;inset:0}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quran-modal-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.quran-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:2010;height:auto;min-height:60px;padding:12px 16px;padding-top:calc(env(safe-area-inset-top) + 12px);box-sizing:border-box;background:#ffffffe6;flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}.dark .quran-header{background:#161618e6}.quran-close-btn{color:var(--fg-main);cursor:pointer;background:0 0;background:var(--bg-card);box-shadow:var(--shadow-sm);border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.quran-title{color:var(--fg-main);font-size:16px;font-weight:700}.quran-settings-btn{cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px}.quran-scroll-area{-webkit-overflow-scrolling:touch;background:var(--bg-main);scroll-behavior:smooth;flex:1;overflow-y:auto}.verse-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px;transition:all .3s;position:relative}.verse-focused{border-color:var(--accent-islamic);background:linear-gradient(#17a37908,#17a37900);box-shadow:0 4px 20px #17a37926}.verse-number-badge{background:var(--bg-main);border:1px solid var(--border-color);color:var(--fg-muted);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-12px;left:20px;box-shadow:0 2px 4px #0000000d}.verse-focused .verse-number-badge{background:var(--accent-islamic);color:#fff;border-color:var(--accent-islamic)}.verse-arabic{text-align:right;color:var(--fg-main);direction:rtl;margin-top:8px;margin-bottom:16px;font-family:Amiri,Traditional Arabic,serif;font-size:26px;line-height:1.8}.verse-transliteration{color:var(--accent-islamic);margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.6}.verse-turkish{color:var(--fg-muted);border-top:1px dashed var(--border-color);padding-top:16px;font-size:15px;line-height:1.6}.verse-actions{gap:12px;margin-top:20px;display:flex}.verse-action-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.verse-action-btn.primary{background:var(--accent-islamic);color:#fff}.verse-action-btn.secondary{background:var(--bg-main);color:var(--fg-main);border:1px solid var(--border-color)}@media (max-width:768px){.quran-header{height:64px;padding:0 12px}.quran-close-btn{padding:8px 10px;font-size:13px}.quran-scroll-padding{padding:90px 16px 60px!important}.verse-card{border-radius:12px;padding:20px 16px 16px}.verse-arabic{margin-bottom:12px;font-size:26px}.verse-turkish{padding-top:12px;font-size:14.5px}.verse-number-badge{top:-14px;left:12px}.quran-title{width:100%}.quran-title select{max-width:200px;padding:6px 8px!important;font-size:14px!important}.hide-on-mobile{display:none!important}}.ai-highlight{cursor:pointer;background-color:#ffeb3b40;border-radius:4px;padding:0 4px;transition:background-color .2s,box-shadow .2s;display:inline;box-shadow:0 0 0 1px #0000}.ai-highlight:hover{background-color:#ffeb3b80;box-shadow:0 0 0 1px #ffeb3b99}.citation-badge{color:#f57f17;vertical-align:super;pointer-events:none;justify-content:center;align-items:center;margin-left:6px;font-size:11px;font-weight:700;display:inline-flex}.ai-highlight-interpreted{cursor:pointer;background-color:#ffeb3b40;border-radius:4px;padding:0 4px;transition:background-color .2s,box-shadow .2s;display:inline;box-shadow:0 0 0 1px #0000}.ai-highlight-interpreted:hover{background-color:#ffeb3b80;box-shadow:0 0 0 1px #ffeb3b99}.ai-highlight-verbatim{cursor:pointer;background-color:#2196f326;border-radius:4px;padding:0 4px;transition:background-color .2s,box-shadow .2s;display:inline;box-shadow:0 0 0 1px #0000}.ai-highlight-verbatim:hover{background-color:#2196f34d;box-shadow:0 0 0 1px #2196f366}.ai-highlight-exact{cursor:pointer;background-color:#4caf5026;border-radius:4px;padding:0 4px;transition:background-color .2s,box-shadow .2s;display:inline;box-shadow:0 0 0 1px #0000}.ai-highlight-exact:hover{background-color:#4caf504d;box-shadow:0 0 0 1px #4caf5066}.legal-content h2{color:var(--fg-main);margin:28px 0 10px;font-size:18px;font-weight:700}.legal-content h3{color:var(--fg-main);margin:20px 0 8px;font-size:15px;font-weight:700}.legal-content p{margin:0 0 12px}.legal-content ul,.legal-content ol{margin:0 0 12px;padding-left:22px}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--accent-islamic)}.legal-content code{background:#0000000d;border-radius:4px;padding:1px 5px;font-size:13px}.legal-content strong{font-weight:700}