@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.search-bar{margin-bottom:1rem}.search-bar input{width:100%;padding:.5rem;border-radius:5px;border:1px solid #ccc}.add-section-button{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:1rem;border-radius:8px;background-color:#ffffff1a;transition:background-color .3s ease;text-align:center;border:2px dashed #ccc;min-height:150px}.add-section-button:hover{background-color:#fff3}.add-section-button .icon{font-size:2rem;margin-bottom:.5rem}.icon.favicon{width:2rem;height:2rem;object-fit:cover;border-radius:3px;background-color:#ffffff1a}.card-size-small .icon.favicon,.card-size-list .icon.favicon{width:1.5rem;height:1.5rem}.edit-icon{position:absolute;top:.5rem;right:.5rem;cursor:pointer;color:#fff;opacity:.6;transition:opacity .3s ease}.edit-icon:hover{opacity:1}.section-title{display:flex;align-items:center}.section-title .edit-icon{margin-left:10px;position:static}@media (max-width: 767px){.search-bar{margin-bottom:0}.search-bar input{width:100%;padding:.75rem;font-size:16px;border-radius:8px}.section{margin-bottom:var(--spacing-md, 1rem);transition:margin-bottom .25s ease-out}.section:has(.section-title[aria-expanded=false]){margin-bottom:.375rem}.section-title[aria-expanded=false]{margin-bottom:0;padding-bottom:0}.section-title[aria-expanded=true]{margin-bottom:var(--spacing-md, 1rem)}.add-section-button{min-height:100px;padding:1.5rem;border-radius:12px;border-width:2px;margin-top:1rem}.add-section-button .icon{font-size:2.5rem;margin-bottom:.75rem}.edit-icon{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;opacity:1;top:.25rem;right:.25rem;padding:.5rem;background:#0000004d;border-radius:6px}.edit-icon:hover{opacity:1;background:#00000080}.section-title .edit-icon{margin-left:.5rem;position:relative;top:0;right:0}.icon.favicon{width:1.5rem;height:1.5rem;border-radius:3px}.card-size-small .icon.favicon{width:1.4rem;height:1.4rem}.card-size-list .icon.favicon{width:1.5rem;height:1.5rem}.section-title.collapsible{padding:.5rem;margin:-.5rem -.5rem 0;background:transparent;isolation:isolate}.section-title.collapsible[aria-expanded=false]{margin-bottom:0}.section-title.collapsible[aria-expanded=true]{margin-bottom:.5rem}}@media (max-width: 480px){.add-section-button{min-height:80px;padding:1rem}.add-section-button .icon{font-size:2rem;margin-bottom:.5rem}.edit-icon{min-width:40px;min-height:40px;padding:.375rem}.icon.favicon{width:1.4rem;height:1.4rem}.section{margin-bottom:var(--spacing-sm, .5rem)}.section:has(.section-title[aria-expanded=false]){margin-bottom:var(--spacing-xs, .25rem)}.section-title.collapsible{padding:.375rem;margin:-.375rem -.375rem 0}}@media (pointer: coarse){.list-item{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.edit-icon,.add-section-button,.add-item-button{-webkit-tap-highlight-color:rgba(255,255,255,.2);tap-highlight-color:rgba(255,255,255,.2)}.edit-icon{opacity:1}.search-bar input{min-height:48px}}.section-title.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1);border-radius:8px;transition:background-color .2s ease;min-height:var(--touch-target-min);position:relative;z-index:1;background:transparent}.section-title.collapsible:hover{background:var(--color-button-background-hover)}.section-title.collapsible:active{background:var(--color-button-background-active)}.section-title-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.section-toggle-icon{font-size:.875rem;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.section-title.collapsible[aria-expanded=true] .section-toggle-icon,.section-title.collapsible[aria-expanded=false] .section-toggle-icon{transform:rotate(0)}.collapse-enter-active,.collapse-leave-active{transition:opacity .25s cubic-bezier(.4,0,.2,1),max-height .35s cubic-bezier(.4,0,.2,1),margin .25s cubic-bezier(.4,0,.2,1);overflow:hidden;will-change:max-height,opacity,margin}.collapse-enter-from,.collapse-leave-to{opacity:0;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.collapse-enter-to,.collapse-leave-from{opacity:1;max-height:3000px}.collapse-enter-active{transition-timing-function:cubic-bezier(0,0,.2,1)}.collapse-leave-active{transition-timing-function:cubic-bezier(.4,0,1,1)}.item-list{will-change:max-height,opacity;margin:0;padding:0;position:relative;backface-visibility:hidden;transform:translateZ(0)}.section{contain:layout style;transform:translateZ(0)}.section-title{position:relative;z-index:1;transform:translateZ(0)}.item-list{position:relative;z-index:0}@media (prefers-reduced-motion: reduce){.collapse-enter-active,.collapse-leave-active,.section-toggle-icon{transition:none}}.context-menu-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000;display:flex;align-items:flex-end;justify-content:center}.context-menu{background:var(--color-background-primary);border-radius:20px 20px 0 0;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--safe-area-bottom, 0px));width:100%;max-width:100vw;box-shadow:0 -4px 30px #00000080;will-change:transform}.context-menu-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--spacing-md)}.context-menu-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.context-menu-btn{background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);min-height:var(--touch-target-comfortable);font-family:inherit;text-align:left}.context-menu-btn:hover,.context-menu-btn:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);transform:translate(4px)}.context-menu-btn i{font-size:1.125rem;width:24px;text-align:center;flex-shrink:0}.context-menu-btn span{flex:1}.context-menu-btn.delete{border-color:#dc26264d;color:#fca5a5}.context-menu-btn.delete:hover,.context-menu-btn.delete:active{background:#dc26261a;border-color:#dc2626;color:#fca5a5}.context-menu-btn.cancel{background:transparent;border-color:var(--color-border-secondary)}.context-menu-btn.cancel:hover,.context-menu-btn.cancel:active{background:var(--color-button-background)}.context-menu-enter-active,.context-menu-leave-active{transition:opacity .3s ease}.context-menu-enter-active .context-menu,.context-menu-leave-active .context-menu{transition:transform .3s cubic-bezier(.4,0,.2,1)}.context-menu-enter-from,.context-menu-leave-to{opacity:0}.context-menu-enter-from .context-menu,.context-menu-leave-to .context-menu{transform:translateY(100%)}@media (prefers-reduced-motion: reduce){.context-menu-enter-active,.context-menu-leave-active,.context-menu-enter-active .context-menu,.context-menu-leave-active .context-menu,.context-menu-btn{transition:none}.context-menu-btn:hover,.context-menu-btn:active{transform:none}}@media (min-width: 768px){.context-menu{max-width:400px;border-radius:16px;padding:var(--spacing-lg);margin:auto}.context-menu-overlay{align-items:center;padding:var(--spacing-lg)}}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;padding:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;font-weight:700;padding:0;margin-left:12px;line-height:1}.error-close:hover{color:#991b1b}button:disabled{opacity:.6;cursor:not-allowed}input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.form-group small{display:block;color:#6b7280;font-size:12px;margin-top:4px}[data-theme*=dark] .error-message{background-color:#7f1d1d;border-color:#dc2626;color:#fecaca}[data-theme*=dark] .error-close{color:#fecaca}[data-theme*=dark] .error-close:hover{color:#fff}[data-theme*=dark] input:disabled{background-color:#374151}.error-message{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-footer[data-v-930bc8f3]{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:1rem 0;font-size:.9rem;color:#888;background-color:#1a1a1a;border-top:1px solid #333;z-index:1000}.heart[data-v-930bc8f3]{color:#ff4b5c;margin:0 5px}.badge[data-v-930bc8f3]{display:inline-flex;align-items:center;border:1px solid #c9a227;border-radius:20px;padding:4px 12px;margin-left:6px;font-weight:700;font-size:.95rem;color:#f1c40f;text-decoration:none;transition:.3s}.badge[data-v-930bc8f3]:hover{background-color:#c9a22733}.badge img[data-v-930bc8f3]{width:18px;height:18px;margin-right:6px;border-radius:50%}.theme-selector-container{position:relative}.modal-enter-active{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.modal-leave-active{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.modal-enter-from{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-enter-to,.modal-leave-from{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-leave-to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-enter-from .theme-modal{transform:scale(.95) translateY(20px);opacity:0}.modal-enter-to .theme-modal,.modal-leave-from .theme-modal{transform:scale(1) translateY(0);opacity:1}.modal-leave-to .theme-modal{transform:scale(.95) translateY(20px);opacity:0}.themes-list{display:flex;flex-direction:column;gap:8px}.theme-row{position:relative;background:var(--color-background-card);border:2px solid var(--color-border-secondary);border-radius:12px;cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:72px}.theme-row:hover{transform:translate(4px);border-color:var(--color-border-hover);background:var(--color-background-card-hover);box-shadow:var(--color-shadow)}.theme-row.selected{border-color:var(--color-accent);background:var(--color-background-card-active);box-shadow:0 0 0 2px var(--color-accent),var(--color-shadow-active)}.theme-gradient-bg{position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.theme-content{position:relative;display:flex;align-items:center;padding:16px 20px;height:100%;z-index:2}.theme-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.theme-icon{font-size:20px;opacity:.9;width:24px;text-align:center}.theme-info{flex:1;min-width:0}.theme-name{font-size:16px;font-weight:600;margin:0 0 2px;letter-spacing:-.2px;color:var(--color-text-primary)}.theme-description{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-colors{display:flex;align-items:center;margin:0 16px}.color-dots{display:flex;gap:6px;align-items:center}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border-primary);transition:all .2s ease;cursor:pointer}.color-dot:hover{transform:scale(1.2);border-color:var(--color-border-hover)}.theme-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.theme-popularity{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;min-width:60px;text-align:right}.selection-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-on-accent);font-size:10px;animation:checkmark .3s cubic-bezier(.25,.46,.45,.94);box-shadow:var(--color-shadow)}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-45deg)}to{transform:scale(1) rotate(0);opacity:1}}.focus-ring{position:absolute;inset:-2px;pointer-events:none;animation:focusRing .2s ease-out}@keyframes focusRing{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.theme-modal{width:95vw;margin:16px}.modal-header{padding:16px 20px 12px}.modal-body{padding:20px}.theme-content{padding:14px 48px 14px 16px}.theme-left{gap:10px}.theme-colors{margin:0 12px}.color-dots{gap:4px}.color-dot{width:14px;height:14px}.theme-popularity{display:none}.selection-indicator{top:50%;transform:translateY(-50%);right:12px}}@media (max-width: 480px){.modal-header{padding:16px 18px 12px}.modal-title{font-size:18px}.modal-body{padding:18px}.theme-content{padding:12px 50px 12px 14px}.theme-name{font-size:14px}.theme-description{font-size:11px}.theme-icon{font-size:18px;width:20px}.theme-colors{margin:0 8px}.color-dot{width:12px;height:12px}.selection-indicator{top:50%;transform:translateY(-50%);right:14px;width:28px;height:28px;font-size:12px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.theme-card.compact{border-width:3px}.btn{border-width:2px}.selection-indicator{border:2px solid var(--color-text-on-accent)}}@media (max-width: 767px){.theme-modal{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0;transform:translateY(100%);animation:slideUpFromBottom .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUpFromBottom{to{transform:translateY(0)}}.modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border-primary)}.modal-title{font-size:var(--font-size-lg)}.modal-close-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.modal-body{padding:var(--spacing-lg);max-height:calc(100vh - 140px);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.themes-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.theme-card{padding:var(--spacing-lg);min-height:100px}.theme-card.compact{padding:var(--spacing-md);min-height:80px}.theme-preview-container{height:80px}.theme-info h4{font-size:var(--font-size-lg)}.theme-description{font-size:var(--font-size-sm)}.selection-indicator{width:32px;height:32px;font-size:1.125rem}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm)}.modal-footer .btn{min-height:var(--touch-target-comfortable);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);flex:1}}@media (max-width: 480px){.theme-modal{height:100vh;max-height:100vh;border-radius:0}.modal-header{padding:var(--spacing-sm) var(--spacing-md)}.modal-title{font-size:var(--font-size-base)}.modal-body{padding:var(--spacing-md);max-height:calc(100vh - 110px);flex:1}.themes-grid{gap:var(--spacing-sm)}.theme-card{padding:var(--spacing-md);min-height:80px}.theme-card.compact{padding:var(--spacing-sm);min-height:72px}.theme-preview-container{height:64px}.theme-info h4{font-size:var(--font-size-base)}.theme-description{font-size:var(--font-size-xs)}.selection-indicator{width:28px;height:28px;font-size:1rem}.modal-footer{padding:var(--spacing-sm) var(--spacing-md)}.modal-footer .btn{min-height:44px;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}}@media (pointer: coarse){.theme-card{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.theme-card{min-height:88px}.theme-card.compact{min-height:72px}.themes-grid{gap:var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.theme-modal{width:90vw;max-width:600px;max-height:85vh}.themes-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.theme-card{padding:var(--spacing-lg)}.theme-preview-container{height:100px}}@font-face{font-family:Uthmanic;src:url(data:font/woff2;base64,) format("woff2");font-weight:400;font-style:normal;font-display:swap}.quran-widget[data-v-6f520f2a]{padding:1.5rem;height:100%;min-height:320px;max-height:600px;background:linear-gradient(135deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a;position:relative;overflow:hidden;display:flex;flex-direction:column}.quran-widget-header[data-v-6f520f2a]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.widget-title-row[data-v-6f520f2a]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto}.quran-widget h3[data-v-6f520f2a]{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;margin:0;color:#fff;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.quran-widget h3[data-v-6f520f2a]:before{content:"📖";font-size:1.5rem;flex-shrink:0}.verse-controls-row[data-v-6f520f2a]{display:flex;justify-content:center;align-items:center;margin-bottom:.8rem}.verse-controls[data-v-6f520f2a]{display:flex;gap:.5rem;flex-wrap:wrap}.font-selector-row[data-v-6f520f2a]{display:flex;flex-direction:column;gap:.5rem;width:100%}.control-btn[data-v-6f520f2a]{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.5rem .8rem;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:500;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;position:relative;overflow:hidden}.control-btn[data-v-6f520f2a]:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.control-btn[data-v-6f520f2a]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.control-btn[data-v-6f520f2a]:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn.active[data-v-6f520f2a]{background:#fff3;border-color:#fff6;color:#fff}.verse-content[data-v-6f520f2a]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.verse-scroll-container[data-v-6f520f2a]{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-right:4px;margin-right:-4px}.verse-scroll-container[data-v-6f520f2a]::-webkit-scrollbar{width:4px}.verse-scroll-container[data-v-6f520f2a]::-webkit-scrollbar-track{background:transparent}.verse-scroll-container[data-v-6f520f2a]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.verse-scroll-container[data-v-6f520f2a]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.arabic-verse[data-v-6f520f2a]{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.8;text-align:right;direction:rtl;color:#fff;margin-bottom:1rem;padding:1rem;background:#ffffff0a;border-radius:12px;border-right:3px solid #fff;font-weight:400;letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.arabic-verse.long-verse[data-v-6f520f2a]{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.6}.arabic-verse.very-long-verse[data-v-6f520f2a]{font-size:clamp(1rem,2vw,1.2rem);line-height:1.5}.font-uthmanic[data-v-6f520f2a]{font-family:Uthmanic,Amiri,Noto Sans Arabic,Arial,sans-serif}.font-amiri[data-v-6f520f2a]{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif}.font-noto[data-v-6f520f2a]{font-family:Noto Sans Arabic,Amiri,Arial,sans-serif;font-weight:500}.font-scheherazade[data-v-6f520f2a]{font-family:Scheherazade New,Amiri,Noto Sans Arabic,Arial,sans-serif}.font-cairo[data-v-6f520f2a]{font-family:Cairo,Noto Sans Arabic,Arial,sans-serif;font-weight:400}.english-translation[data-v-6f520f2a]{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);line-height:1.6;color:#e8e8e8;margin-bottom:1rem;padding:1rem;background:#ffffff05;border-radius:12px;border-left:3px solid #0066ff;font-weight:400;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.english-translation.long-verse[data-v-6f520f2a]{font-size:clamp(.85rem,2vw,.95rem);line-height:1.5}.verse-reference-footer[data-v-6f520f2a]{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:0 0 12px 12px;flex-shrink:0}.reference-text[data-v-6f520f2a]{color:#a0a0a0;font-size:.9rem;font-weight:500}.surah-info[data-v-6f520f2a]{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.surah-arabic[data-v-6f520f2a]{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif;color:#fff;font-size:1rem;direction:rtl}.surah-english[data-v-6f520f2a]{color:#a0a0a0;font-size:.8rem}.loading-state[data-v-6f520f2a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner[data-v-6f520f2a]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;animation:spin-6f520f2a 1s linear infinite}@keyframes spin-6f520f2a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-6f520f2a]{color:#a0a0a0;font-family:Inter,sans-serif;font-size:.9rem}.error-state[data-v-6f520f2a]{text-align:center;padding:2rem;color:#ff6b6b}.error-icon[data-v-6f520f2a]{font-size:2rem;margin-bottom:1rem}.error-message[data-v-6f520f2a]{font-family:Inter,sans-serif;font-size:.9rem;margin-bottom:1rem}.retry-btn[data-v-6f520f2a]{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;transition:background-color .2s ease}.retry-btn[data-v-6f520f2a]:hover{background:#ff5252}.font-selector-label[data-v-6f520f2a]{font-family:Inter,sans-serif;font-size:.75rem;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.font-dropdown-full[data-v-6f520f2a]{width:100%;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;padding:.8rem 2.5rem .8rem 1rem;font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;white-space:nowrap;text-overflow:ellipsis}.font-dropdown-full[data-v-6f520f2a]:hover{background:#0009;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.font-dropdown-full[data-v-6f520f2a]:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;background:#000000b3}.font-dropdown-full option[data-v-6f520f2a]{background:#0f0f0ff2;color:#fff;padding:.8rem;font-family:Inter,sans-serif;border:none}.font-dropdown-full option[value=amiri][data-v-6f520f2a]{font-family:Amiri,serif}.font-dropdown-full option[value=noto][data-v-6f520f2a]{font-family:Noto Sans Arabic,sans-serif}.font-dropdown-full option[value=cairo][data-v-6f520f2a]{font-family:Cairo,sans-serif}.font-dropdown-full option[value=scheherazade][data-v-6f520f2a]{font-family:Scheherazade New,serif}.font-dropdown-full option[value=uthmanic][data-v-6f520f2a]{font-family:Uthmanic,serif}@media (max-width: 768px){.quran-widget[data-v-6f520f2a]{padding:1rem;min-height:280px;max-height:500px}.verse-controls-row[data-v-6f520f2a]{margin-bottom:.6rem}.verse-controls[data-v-6f520f2a]{justify-content:center;gap:.4rem}.control-btn[data-v-6f520f2a]{font-size:.7rem;padding:.4rem .7rem;min-width:75px}.font-selector-row[data-v-6f520f2a]{gap:.4rem}.font-selector-label[data-v-6f520f2a]{font-size:.7rem}.font-dropdown-full[data-v-6f520f2a]{font-size:.75rem;padding:.7rem 2.2rem .7rem .9rem}.verse-reference-footer[data-v-6f520f2a]{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem}.surah-info[data-v-6f520f2a]{align-items:flex-start}.arabic-verse[data-v-6f520f2a],.english-translation[data-v-6f520f2a]{padding:.8rem;margin-bottom:.8rem}}@media (max-width: 480px){.quran-widget[data-v-6f520f2a]{padding:.8rem;min-height:260px;max-height:450px}.quran-widget-header[data-v-6f520f2a]{gap:.6rem;margin-bottom:.8rem;padding-bottom:.8rem}.widget-title-row[data-v-6f520f2a]{gap:.5rem}.verse-controls-row[data-v-6f520f2a]{margin-bottom:.5rem}.verse-controls[data-v-6f520f2a]{gap:.3rem}.control-btn[data-v-6f520f2a]{font-size:.65rem;padding:.35rem .6rem;min-width:65px}.font-selector-label[data-v-6f520f2a]{font-size:.65rem}.font-dropdown-full[data-v-6f520f2a]{font-size:.7rem;padding:.6rem 2rem .6rem .8rem}.arabic-verse[data-v-6f520f2a],.english-translation[data-v-6f520f2a]{padding:.7rem;margin-bottom:.7rem;border-radius:8px}.verse-reference-footer[data-v-6f520f2a]{padding:.7rem}.reference-text[data-v-6f520f2a]{font-size:.8rem}.surah-arabic[data-v-6f520f2a]{font-size:.9rem}.surah-english[data-v-6f520f2a]{font-size:.75rem}}@media (max-width: 360px){.quran-widget[data-v-6f520f2a]{padding:.6rem;max-height:400px}.verse-controls[data-v-6f520f2a]{justify-content:space-around}.control-btn[data-v-6f520f2a]{font-size:.6rem;padding:.3rem .5rem;min-width:55px}.font-selector-label[data-v-6f520f2a]{font-size:.6rem}.font-dropdown-full[data-v-6f520f2a]{font-size:.65rem;padding:.5rem 1.8rem .5rem .7rem}.verse-reference-footer[data-v-6f520f2a]{padding:.6rem}}@media (max-width: 767px){.quran-widget[data-v-6f520f2a]{padding:1rem;min-height:280px;max-height:none;height:auto}.quran-widget-header[data-v-6f520f2a]{gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.widget-title-row[data-v-6f520f2a]{flex-wrap:wrap;gap:.5rem}.quran-widget button[data-v-6f520f2a]{min-height:44px;min-width:44px;padding:.75rem;font-size:.875rem}.verse-arabic[data-v-6f520f2a]{font-size:1.5rem!important;line-height:2.2!important;padding:1rem 0}.verse-translation[data-v-6f520f2a]{font-size:1rem!important;line-height:1.75!important;padding:.75rem 0}.verse-reference-footer[data-v-6f520f2a]{font-size:.875rem;padding:.75rem}.navigation-controls[data-v-6f520f2a]{gap:.5rem;flex-wrap:wrap}.navigation-controls button[data-v-6f520f2a]{flex:1;min-width:44px}.font-selector[data-v-6f520f2a],.theme-selector[data-v-6f520f2a]{width:100%;min-height:44px;font-size:1rem}.settings-panel[data-v-6f520f2a]{padding:1rem}.settings-panel button[data-v-6f520f2a],.settings-panel select[data-v-6f520f2a]{min-height:48px;font-size:1rem}}@media (max-width: 480px){.quran-widget[data-v-6f520f2a]{padding:.75rem;min-height:240px}.verse-arabic[data-v-6f520f2a]{font-size:1.25rem!important;line-height:2!important;padding:.75rem 0}.verse-translation[data-v-6f520f2a]{font-size:.9rem!important;line-height:1.6!important}.widget-title-row h3[data-v-6f520f2a]{font-size:1rem}.quran-widget button[data-v-6f520f2a]{min-height:42px;min-width:42px;padding:.625rem;font-size:.8125rem}}@media (pointer: coarse){.quran-widget button[data-v-6f520f2a]{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.navigation-controls button[data-v-6f520f2a],.random-verse-btn[data-v-6f520f2a],.settings-btn[data-v-6f520f2a]{min-height:48px;min-width:48px}.navigation-controls[data-v-6f520f2a]{gap:.75rem}}@media (orientation: landscape) and (max-height: 500px){.quran-widget[data-v-6f520f2a]{max-height:none;overflow-y:auto}.verse-content[data-v-6f520f2a]{max-height:none}}@media (min-width: 768px) and (max-width: 1023px){.quran-widget[data-v-6f520f2a]{padding:1.25rem;max-height:none}.verse-arabic[data-v-6f520f2a]{font-size:1.75rem!important;line-height:2.5!important}.verse-translation[data-v-6f520f2a]{font-size:1.125rem!important;line-height:1.8!important}.quran-widget button[data-v-6f520f2a]{min-height:44px;padding:.75rem 1rem}}.prayer-time-widget .next-prayer-container[data-v-4a32edd1]{text-align:center;padding:1rem 0}.prayer-time-widget .next-prayer-label[data-v-4a32edd1]{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem}.prayer-time-widget .next-prayer-time[data-v-4a32edd1]{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:2px;text-shadow:0 0 2px var(--color-accent),0 0 4px rgba(0,0,0,.3)}.prayer-time-widget[data-v-4a32edd1]{padding:1.5rem}.widget-title[data-v-4a32edd1]{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.prayer-list[data-v-4a32edd1]{list-style:none;padding:0;margin:0}.prayer-item[data-v-4a32edd1]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-border-primary)}.prayer-item[data-v-4a32edd1]:last-child{border-bottom:none}.prayer-icon[data-v-4a32edd1]{font-size:1.5rem;margin-right:1rem;color:var(--color-accent)}.prayer-name[data-v-4a32edd1]{font-weight:500}.prayer-time[data-v-4a32edd1]{font-weight:600}.error-message[data-v-4a32edd1]{text-align:center;color:tomato}.notification-controls[data-v-4a32edd1]{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.notification-btn[data-v-4a32edd1]{width:100%;padding:.75rem;border:2px solid var(--color-accent);background-color:transparent;color:var(--color-accent);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.notification-btn[data-v-4a32edd1]:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-1px)}.notification-status[data-v-4a32edd1]{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:var(--color-button-background);border-radius:6px;border:1px solid var(--color-border-secondary)}.status-text[data-v-4a32edd1]{color:var(--color-accent);font-weight:500}.settings-btn[data-v-4a32edd1]{background:transparent;border:none;color:var(--color-accent);font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .3s ease}.settings-btn[data-v-4a32edd1]:hover{background-color:var(--color-button-background)}.disable-btn[data-v-4a32edd1]{background:transparent;border:1px solid #dc3545;color:#dc3545;font-size:.8rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease;margin-left:.5rem}.disable-btn[data-v-4a32edd1]:hover{background-color:#dc3545;color:#fff}.notification-settings[data-v-4a32edd1]{background-color:var(--color-background-secondary);padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid var(--color-border-primary)}.setting-row[data-v-4a32edd1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.setting-row[data-v-4a32edd1]:last-child{margin-bottom:0}.setting-row label[data-v-4a32edd1]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-size:.9rem;cursor:pointer}.setting-row input[type=checkbox][data-v-4a32edd1]{margin:0;accent-color:var(--color-accent)}.setting-row select[data-v-4a32edd1]{background-color:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:4px;padding:.25rem .5rem;font-size:.9rem}.setting-row select[data-v-4a32edd1]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 767px){.prayer-widget[data-v-4a32edd1]{padding:1rem;max-height:none;height:auto}.prayer-widget-header[data-v-4a32edd1]{padding-bottom:.75rem;margin-bottom:.75rem}.prayer-widget h3[data-v-4a32edd1]{font-size:1.125rem}.prayer-widget button[data-v-4a32edd1]{min-height:44px;min-width:44px;padding:.625rem .875rem;font-size:.875rem}.prayer-times-list[data-v-4a32edd1]{gap:.5rem}.prayer-time-item[data-v-4a32edd1]{padding:.875rem;min-height:52px}.prayer-name[data-v-4a32edd1]{font-size:1rem}.prayer-time[data-v-4a32edd1]{font-size:1rem;font-weight:600}.settings-toggle-btn[data-v-4a32edd1]{min-height:44px;min-width:44px}.settings-panel[data-v-4a32edd1]{padding:1rem}.setting-row[data-v-4a32edd1]{padding:.75rem 0;min-height:48px}.setting-row select[data-v-4a32edd1],.setting-row input[data-v-4a32edd1]{min-height:44px;font-size:1rem;padding:.5rem}.setting-row label[data-v-4a32edd1]{font-size:.9375rem}.notification-controls[data-v-4a32edd1]{gap:.75rem}.notification-controls button[data-v-4a32edd1]{min-height:48px;padding:.75rem 1rem}.location-input[data-v-4a32edd1]{min-height:48px;font-size:1rem;padding:.75rem}}@media (max-width: 480px){.prayer-widget[data-v-4a32edd1]{padding:.75rem}.prayer-widget h3[data-v-4a32edd1]{font-size:1rem}.prayer-time-item[data-v-4a32edd1]{padding:.75rem;min-height:48px}.prayer-name[data-v-4a32edd1],.prayer-time[data-v-4a32edd1]{font-size:.9375rem}.prayer-widget button[data-v-4a32edd1]{min-height:42px;min-width:42px;padding:.5rem .75rem;font-size:.8125rem}}@media (pointer: coarse){.prayer-widget button[data-v-4a32edd1],.prayer-time-item[data-v-4a32edd1]{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.settings-toggle-btn[data-v-4a32edd1],.notification-toggle[data-v-4a32edd1]{min-height:48px;min-width:48px}.setting-row input[type=checkbox][data-v-4a32edd1]{min-width:24px;min-height:24px;transform:scale(1.2)}}@media (min-width: 768px) and (max-width: 1023px){.prayer-widget[data-v-4a32edd1]{padding:1.25rem;max-height:none}.prayer-time-item[data-v-4a32edd1]{padding:1rem;min-height:56px}.prayer-name[data-v-4a32edd1],.prayer-time[data-v-4a32edd1]{font-size:1.0625rem}}.mobile-header[data-v-2975f5cd]{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-primary);z-index:1000;height:56px;min-height:56px;box-shadow:0 2px 20px #0000004d;gap:var(--spacing-md)}.mobile-header-btn[data-v-2975f5cd]{background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-header-btn[data-v-2975f5cd]:hover,.mobile-header-btn[data-v-2975f5cd]:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-text-primary)}.mobile-header-btn[data-v-2975f5cd]:focus{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-header-title[data-v-2975f5cd]{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:var(--spacing-sm)}.mobile-header-logo[data-v-2975f5cd]{width:28px;height:28px;flex-shrink:0}.mobile-title[data-v-2975f5cd]{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1}.mobile-header-btn[data-v-2975f5cd]{will-change:transform;transform:translateZ(0)}.mobile-header-btn[data-v-2975f5cd]:active{transform:scale(.95) translateZ(0)}@media (prefers-reduced-motion: reduce){.mobile-header-btn[data-v-2975f5cd]{transition:none}}@media (max-width: 374px){.mobile-title[data-v-2975f5cd]{font-size:var(--font-size-sm)}.mobile-header-logo[data-v-2975f5cd]{width:24px;height:24px}.mobile-header-btn[data-v-2975f5cd]{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1rem}}.hamburger-menu-overlay[data-v-91e7f9b9]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:stretch}.hamburger-menu-drawer[data-v-91e7f9b9]{width:85vw;max-width:320px;background:var(--color-background-primary);border-right:1px solid var(--color-border-primary);box-shadow:4px 0 20px #00000080;display:flex;flex-direction:column;overflow-y:auto;will-change:transform}.menu-header[data-v-91e7f9b9]{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-primary);background:var(--color-background-secondary);gap:var(--spacing-md)}.menu-logo-area[data-v-91e7f9b9]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.menu-logo[data-v-91e7f9b9]{width:40px;height:40px;flex-shrink:0;border-radius:8px}.menu-app-info[data-v-91e7f9b9]{flex:1;min-width:0}.menu-app-title[data-v-91e7f9b9]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-app-subtitle[data-v-91e7f9b9]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-close-btn[data-v-91e7f9b9]{background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-close-btn[data-v-91e7f9b9]:hover,.menu-close-btn[data-v-91e7f9b9]:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-text-primary)}.menu-content[data-v-91e7f9b9]{flex:1;display:flex;flex-direction:column;overflow-y:auto}.menu-section[data-v-91e7f9b9]{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.menu-section[data-v-91e7f9b9]:last-child{border-bottom:none}.menu-search[data-v-91e7f9b9]{position:relative;display:flex;align-items:center}.menu-search-icon[data-v-91e7f9b9]{position:absolute;left:var(--spacing-md);color:var(--color-text-muted);pointer-events:none}.menu-search-input[data-v-91e7f9b9]{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) * 2.5);background:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text-primary);font-size:var(--font-size-base);min-height:var(--touch-target-min);transition:all .2s ease}.menu-search-input[data-v-91e7f9b9]:focus{outline:none;background:var(--color-input-background-focus);border-color:var(--color-input-border-focus)}.menu-search-input[data-v-91e7f9b9]::placeholder{color:var(--color-input-placeholder)}.menu-item[data-v-91e7f9b9]{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-comfortable);text-align:left;font-family:inherit;font-size:var(--font-size-base)}.menu-item[data-v-91e7f9b9]:hover,.menu-item[data-v-91e7f9b9]:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);transform:translate(4px)}.menu-item.active[data-v-91e7f9b9]{background:var(--color-button-background-active);border-color:var(--color-accent)}.menu-item-icon[data-v-91e7f9b9]{font-size:1.2rem;color:var(--color-text-secondary);flex-shrink:0;width:24px;text-align:center}.menu-item-text[data-v-91e7f9b9]{flex:1;font-weight:500}.menu-item-arrow[data-v-91e7f9b9]{color:var(--color-text-muted);font-size:.875rem;flex-shrink:0}.menu-item-badge[data-v-91e7f9b9]{color:var(--color-accent);font-size:1rem;flex-shrink:0}.menu-footer[data-v-91e7f9b9]{margin-top:auto}.menu-info[data-v-91e7f9b9]{text-align:center;padding:var(--spacing-md) 0}.menu-info-text[data-v-91e7f9b9]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;font-weight:500}.menu-info-subtext[data-v-91e7f9b9]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.menu-enter-active[data-v-91e7f9b9],.menu-leave-active[data-v-91e7f9b9]{transition:opacity .25s ease}.menu-enter-active .hamburger-menu-drawer[data-v-91e7f9b9],.menu-leave-active .hamburger-menu-drawer[data-v-91e7f9b9]{transition:transform .25s cubic-bezier(.4,0,.2,1)}.menu-enter-from[data-v-91e7f9b9],.menu-leave-to[data-v-91e7f9b9]{opacity:0}.menu-enter-from .hamburger-menu-drawer[data-v-91e7f9b9],.menu-leave-to .hamburger-menu-drawer[data-v-91e7f9b9]{transform:translate(-100%)}@media (prefers-reduced-motion: reduce){.menu-enter-active[data-v-91e7f9b9],.menu-leave-active[data-v-91e7f9b9],.menu-enter-active .hamburger-menu-drawer[data-v-91e7f9b9],.menu-leave-active .hamburger-menu-drawer[data-v-91e7f9b9],.menu-item[data-v-91e7f9b9]{transition:none}}.bottom-navigation[data-v-5e90e812]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border-primary);z-index:999;height:56px;min-height:56px;box-shadow:0 -2px 20px #0000004d;padding-left:var(--safe-area-left, 0);padding-right:var(--safe-area-right, 0)}.bottom-nav-btn[data-v-5e90e812]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;position:relative;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;-webkit-tap-highlight-color:transparent}.bottom-nav-btn[data-v-5e90e812]:hover,.bottom-nav-btn[data-v-5e90e812]:active{background:var(--color-button-background-hover);color:var(--color-text-secondary)}.bottom-nav-btn.active[data-v-5e90e812]{color:var(--color-accent)}.bottom-nav-btn[data-v-5e90e812]:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.bottom-nav-icon[data-v-5e90e812]{font-size:1.25rem;transition:all .2s ease}.bottom-nav-btn.active .bottom-nav-icon[data-v-5e90e812]{transform:scale(1.1)}.bottom-nav-label[data-v-5e90e812]{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav-indicator[data-v-5e90e812]{position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:3px;background:var(--color-accent);border-radius:0 0 3px 3px}.bottom-nav-btn[data-v-5e90e812]:active{transform:scale(.95)}.bottom-nav-btn[data-v-5e90e812]{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.bottom-nav-btn[data-v-5e90e812],.bottom-nav-icon[data-v-5e90e812]{transition:none}.bottom-nav-btn[data-v-5e90e812]:active,.bottom-nav-btn.active .bottom-nav-icon[data-v-5e90e812]{transform:none}}@media (max-width: 374px){.bottom-nav-icon[data-v-5e90e812]{font-size:1.1rem}.bottom-nav-label[data-v-5e90e812]{font-size:.5625rem}}@media (orientation: landscape) and (max-height: 500px){.bottom-navigation[data-v-5e90e812]{height:48px;min-height:48px}.bottom-nav-icon[data-v-5e90e812]{font-size:1.1rem}.bottom-nav-label[data-v-5e90e812]{font-size:.5625rem}}@media (max-width: 480px){.bottom-navigation[data-v-5e90e812]{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bottom-navigation[data-v-5e90e812]::-webkit-scrollbar{display:none}.bottom-nav-btn[data-v-5e90e812]{flex:0 0 auto;min-width:80px}}.settings-drawer-overlay[data-v-480a4101]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:stretch;justify-content:flex-end}.settings-drawer-content[data-v-480a4101]{width:85vw;max-width:380px;background:var(--color-background-primary);border-left:1px solid var(--color-border-primary);box-shadow:-4px 0 20px #00000080;display:flex;flex-direction:column;overflow-y:auto;will-change:transform}.settings-drawer-header[data-v-480a4101]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-primary);background:var(--color-background-secondary);flex-shrink:0;gap:var(--spacing-md)}.settings-drawer-title[data-v-480a4101]{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0;flex:1;line-height:1.2}.settings-drawer-close[data-v-480a4101]{background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-drawer-close[data-v-480a4101]:hover,.settings-drawer-close[data-v-480a4101]:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-text-primary)}.settings-drawer-body[data-v-480a4101]{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.settings-drawer-body[data-v-480a4101]::-webkit-scrollbar{width:6px}.settings-drawer-body[data-v-480a4101]::-webkit-scrollbar-track{background:transparent}.settings-drawer-body[data-v-480a4101]::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.settings-section[data-v-480a4101]{margin-bottom:var(--spacing-xl)}.settings-section[data-v-480a4101]:last-child{margin-bottom:0}.settings-section-title[data-v-480a4101]{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.8px}.settings-option-button[data-v-480a4101]{width:100%;background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:12px;padding:var(--spacing-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;text-align:left;color:inherit;font-family:inherit;min-height:var(--touch-target-comfortable)}.settings-option-button[data-v-480a4101]:hover,.settings-option-button[data-v-480a4101]:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);transform:translate(-4px)}.option-info[data-v-480a4101]{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.option-title[data-v-480a4101]{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary);line-height:1.2}.option-description[data-v-480a4101]{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-arrow[data-v-480a4101]{color:var(--color-text-muted);font-size:.875rem;transition:all .2s ease;flex-shrink:0}.settings-option-button:hover .option-arrow[data-v-480a4101]{color:var(--color-text-secondary);transform:translate(2px)}.layout-grid[data-v-480a4101]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.layout-option[data-v-480a4101]{background:var(--color-button-background);border:2px solid var(--color-button-border);border-radius:10px;padding:var(--spacing-md) var(--spacing-sm);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all .2s ease;min-height:80px;color:var(--color-text-secondary);font-family:inherit}.layout-option[data-v-480a4101]:hover,.layout-option[data-v-480a4101]:active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);transform:translateY(-2px)}.layout-option.active[data-v-480a4101]{background:var(--color-button-background-active);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 12px #0003}.layout-icon[data-v-480a4101]{font-size:1.5rem;transition:all .2s ease}.layout-option.active .layout-icon[data-v-480a4101]{transform:scale(1.1)}.layout-name[data-v-480a4101]{font-size:.75rem;font-weight:500;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.drawer-enter-active[data-v-480a4101],.drawer-leave-active[data-v-480a4101]{transition:opacity .25s ease}.drawer-enter-active .settings-drawer-content[data-v-480a4101],.drawer-leave-active .settings-drawer-content[data-v-480a4101]{transition:transform .25s cubic-bezier(.4,0,.2,1)}.drawer-enter-from[data-v-480a4101],.drawer-leave-to[data-v-480a4101]{opacity:0}.drawer-enter-from .settings-drawer-content[data-v-480a4101],.drawer-leave-to .settings-drawer-content[data-v-480a4101]{transform:translate(100%)}@media (prefers-reduced-motion: reduce){.drawer-enter-active[data-v-480a4101],.drawer-leave-active[data-v-480a4101],.drawer-enter-active .settings-drawer-content[data-v-480a4101],.drawer-leave-active .settings-drawer-content[data-v-480a4101],.settings-option-button[data-v-480a4101],.layout-option[data-v-480a4101]{transition:none}.layout-option.active .layout-icon[data-v-480a4101]{transform:none}}@media (max-width: 374px){.settings-drawer-content[data-v-480a4101]{width:90vw}.layout-grid[data-v-480a4101]{grid-template-columns:1fr}.layout-option[data-v-480a4101]{flex-direction:row;justify-content:flex-start;min-height:var(--touch-target-comfortable);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.layout-icon[data-v-480a4101]{font-size:1.25rem}.layout-name[data-v-480a4101]{font-size:var(--font-size-sm);text-align:left}}.notebook-widget{width:100%;height:100%;background:var(--color-background-tertiary);border-radius:8px;box-shadow:0 8px 32px #00000026;overflow:hidden;font-family:Georgia,serif;z-index:1000;transition:all .3s ease}.notebook-widget.minimized{height:60px}.notebook-header{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-button-background-hover) 100%);padding:12px 16px;color:var(--color-text-on-accent);display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative}.notebook-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.toggle-btn{background:none;border:none;color:var(--color-text-on-accent);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;position:relative;z-index:1}.toggle-btn:hover{background:var(--color-button-background-hover)}.notebook-content{height:calc(100% - 60px);display:flex;flex-direction:column;background:linear-gradient(to right,var(--color-background-secondary) 0%,var(--color-background-secondary) 40px,var(--color-border-secondary) 40px,var(--color-border-secondary) 42px,var(--color-background-secondary) 42px);position:relative}.pages-container{flex:1;overflow:hidden;position:relative}.page-tabs{display:flex;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.page-tabs::-webkit-scrollbar{display:none}.page-tab{padding:8px 12px;cursor:pointer;background:var(--color-background-tertiary);border-right:1px solid var(--color-border-secondary);font-size:12px;color:var(--color-text-secondary);white-space:nowrap;position:relative;min-width:80px;text-align:center;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.page-tab.active{background:var(--color-background-primary);color:var(--color-text-primary)}.page-tab:hover:not(.active){background:var(--color-button-background-hover)}.close-tab{position:absolute;right:2px;top:2px;width:16px;height:16px;background:var(--color-border-secondary);border:none;border-radius:50%;color:var(--color-text-primary);font-size:10px;cursor:pointer;display:none}.page-tab:hover .close-tab{display:block}.page-content{flex:1;padding:16px 16px 16px 50px;overflow-y:auto}.page-title{border:none;background:transparent;font-size:14px;font-weight:700;color:var(--color-text-primary);width:100%;margin-bottom:12px;outline:none;font-family:inherit;line-height:20px;border-bottom:1px dotted var(--color-border-primary);padding-bottom:4px}.page-title:focus{border:none!important;outline:none!important;box-shadow:none!important;border-bottom:1px dotted var(--color-border-primary)!important}.page-title::placeholder{color:var(--color-text-muted);font-style:italic}.page-textarea{width:100%;height:200px;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--color-text-primary);resize:none;outline:none;line-height:22px;background-image:repeating-linear-gradient(transparent,transparent 21px,var(--color-background-secondary) 21px,var(--color-background-secondary) 22px)}.page-textarea:focus{border:none!important;outline:none!important;box-shadow:none!important}.page-textarea::placeholder{color:var(--color-text-muted);font-style:italic}.notebook-footer{padding:8px 16px;background:var(--color-background-secondary);border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-text-secondary)}.add-page-btn{background:var(--color-button-background);color:var(--color-text-primary);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:11px;transition:background .2s}.add-page-btn:hover{background:var(--color-button-background-hover)}.page-info{font-style:italic}@media (max-width: 768px){.page-tab{min-width:60px;padding:6px 8px;font-size:11px}.page-content{padding:12px 12px 12px 40px}.page-title{font-size:13px}.page-textarea{font-size:12px;line-height:20px}}@media (max-width: 480px){.notebook-header{padding:10px 12px}.notebook-title{font-size:14px}.page-tabs{padding-left:0}.page-tab{min-width:50px;padding:4px 6px;font-size:10px}.close-tab{width:14px;height:14px;font-size:8px}.page-content{padding:8px 8px 8px 30px}.notebook-footer{padding:6px 12px;font-size:10px}.add-page-btn{padding:4px 8px;font-size:10px}}@media (max-width: 767px){.note-widget{padding:1rem;max-height:none;height:auto}.notebook-header{padding:.75rem;min-height:52px}.notebook-title{font-size:1rem}.page-tabs{gap:.375rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-tabs::-webkit-scrollbar{display:none}.page-tab{min-height:44px;padding:.625rem .875rem;font-size:.875rem;min-width:60px}.page-tab.active{min-height:48px}.page-content{padding:1rem;min-height:200px}.page-content textarea{font-size:1rem;line-height:1.6;padding:.75rem;min-height:200px}.add-page-btn,.delete-page-btn,.save-btn{min-height:44px;min-width:44px;padding:.625rem .875rem;font-size:.875rem}.notebook-footer{padding:.75rem;font-size:.8125rem;min-height:48px}.note-textarea{font-size:1rem;padding:1rem;line-height:1.6}.note-textarea::placeholder{font-size:.9375rem}}@media (max-width: 480px){.note-widget{padding:.75rem}.notebook-header{padding:.625rem;min-height:48px}.notebook-title{font-size:.9375rem}.page-tab{min-height:42px;padding:.5rem .75rem;font-size:.8125rem;min-width:50px}.page-content{padding:.75rem;min-height:180px}.page-content textarea{min-height:180px;padding:.625rem}.add-page-btn,.delete-page-btn{min-height:42px;min-width:42px;padding:.5rem .75rem;font-size:.8125rem}}@media (pointer: coarse){.page-tab,.add-page-btn,.delete-page-btn{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.page-tab{min-height:48px;min-width:64px}.page-tabs{gap:.5rem}.page-content textarea{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}}@media (orientation: landscape) and (max-height: 500px){.note-widget{max-height:none}.page-content,.page-content textarea{min-height:160px}}@media (min-width: 768px) and (max-width: 1023px){.note-widget{padding:1.25rem;max-height:none}.page-content{padding:1.25rem;min-height:240px}.page-content textarea{min-height:240px}.page-tab{min-height:44px;padding:.75rem 1rem;font-size:.9375rem}}@font-face{font-family:Uthmanic;src:url(data:font/woff2;base64,) format("woff2");font-weight:400;font-style:normal;font-display:swap}.quran-widget{padding:1.5rem;height:100%;min-height:320px;max-height:600px;background:linear-gradient(135deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a;position:relative;overflow:hidden;display:flex;flex-direction:column}.quran-widget-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.widget-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto}.quran-widget h3{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;margin:0;color:#fff;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.quran-widget h3:before{content:"📖";font-size:1.5rem;flex-shrink:0}.verse-controls-row{display:flex;justify-content:center;align-items:center;margin-bottom:.8rem}.verse-controls{display:flex;gap:.5rem;flex-wrap:wrap}.font-selector-row{display:flex;flex-direction:column;gap:.5rem;width:100%}.control-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.5rem .8rem;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:500;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;position:relative;overflow:hidden}.control-btn:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.control-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn.active{background:#fff3;border-color:#fff6;color:#fff}.verse-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.verse-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-right:4px;margin-right:-4px}.verse-scroll-container::-webkit-scrollbar{width:4px}.verse-scroll-container::-webkit-scrollbar-track{background:transparent}.verse-scroll-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.verse-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.arabic-verse{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.8;text-align:right;direction:rtl;color:#fff;margin-bottom:1rem;padding:1rem;background:#ffffff0a;border-radius:12px;border-right:3px solid #fff;font-weight:400;letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.arabic-verse.long-verse{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.6}.arabic-verse.very-long-verse{font-size:clamp(1rem,2vw,1.2rem);line-height:1.5}.font-uthmanic{font-family:Uthmanic,Amiri,Noto Sans Arabic,Arial,sans-serif}.font-amiri{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif}.font-noto{font-family:Noto Sans Arabic,Amiri,Arial,sans-serif;font-weight:500}.font-scheherazade{font-family:Scheherazade New,Amiri,Noto Sans Arabic,Arial,sans-serif}.font-cairo{font-family:Cairo,Noto Sans Arabic,Arial,sans-serif;font-weight:400}.english-translation{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);line-height:1.6;color:#e8e8e8;margin-bottom:1rem;padding:1rem;background:#ffffff05;border-radius:12px;border-left:3px solid #0066ff;font-weight:400;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.english-translation.long-verse{font-size:clamp(.85rem,2vw,.95rem);line-height:1.5}.verse-reference-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:0 0 12px 12px;flex-shrink:0}.reference-text{color:#a0a0a0;font-size:.9rem;font-weight:500}.surah-info{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.surah-arabic{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif;color:#fff;font-size:1rem;direction:rtl}.surah-english{color:#a0a0a0;font-size:.8rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#a0a0a0;font-family:Inter,sans-serif;font-size:.9rem}.error-state{text-align:center;padding:2rem;color:#ff6b6b}.error-icon{font-size:2rem;margin-bottom:1rem}.error-message{font-family:Inter,sans-serif;font-size:.9rem;margin-bottom:1rem}.retry-btn{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;transition:background-color .2s ease}.retry-btn:hover{background:#ff5252}.font-selector-label{font-family:Inter,sans-serif;font-size:.75rem;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.font-dropdown-full{width:100%;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;padding:.8rem 2.5rem .8rem 1rem;font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;white-space:nowrap;text-overflow:ellipsis}.font-dropdown-full:hover{background:#0009;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.font-dropdown-full:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;background:#000000b3}.font-dropdown-full option{background:#0f0f0ff2;color:#fff;padding:.8rem;font-family:Inter,sans-serif;border:none}.font-dropdown-full option[value=amiri]{font-family:Amiri,serif}.font-dropdown-full option[value=noto]{font-family:Noto Sans Arabic,sans-serif}.font-dropdown-full option[value=cairo]{font-family:Cairo,sans-serif}.font-dropdown-full option[value=scheherazade]{font-family:Scheherazade New,serif}.font-dropdown-full option[value=uthmanic]{font-family:Uthmanic,serif}@media (max-width: 768px){.quran-widget{padding:1rem;min-height:280px;max-height:500px}.verse-controls-row{margin-bottom:.6rem}.verse-controls{justify-content:center;gap:.4rem}.control-btn{font-size:.7rem;padding:.4rem .7rem;min-width:75px}.font-selector-row{gap:.4rem}.font-selector-label{font-size:.7rem}.font-dropdown-full{font-size:.75rem;padding:.7rem 2.2rem .7rem .9rem}.verse-reference-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem}.surah-info{align-items:flex-start}.arabic-verse,.english-translation{padding:.8rem;margin-bottom:.8rem}}@media (max-width: 480px){.quran-widget{padding:.8rem;min-height:260px;max-height:450px}.quran-widget-header{gap:.6rem;margin-bottom:.8rem;padding-bottom:.8rem}.widget-title-row{gap:.5rem}.verse-controls-row{margin-bottom:.5rem}.verse-controls{gap:.3rem}.control-btn{font-size:.65rem;padding:.35rem .6rem;min-width:65px}.font-selector-label{font-size:.65rem}.font-dropdown-full{font-size:.7rem;padding:.6rem 2rem .6rem .8rem}.arabic-verse,.english-translation{padding:.7rem;margin-bottom:.7rem;border-radius:8px}.verse-reference-footer{padding:.7rem}.reference-text{font-size:.8rem}.surah-arabic{font-size:.9rem}.surah-english{font-size:.75rem}}@media (max-width: 360px){.quran-widget{padding:.6rem;max-height:400px}.verse-controls{justify-content:space-around}.control-btn{font-size:.6rem;padding:.3rem .5rem;min-width:55px}.font-selector-label{font-size:.6rem}.font-dropdown-full{font-size:.65rem;padding:.5rem 1.8rem .5rem .7rem}.verse-reference-footer{padding:.6rem}}@media (max-width: 767px){.quran-widget{padding:1rem;min-height:280px;max-height:none;height:auto}.quran-widget-header{gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.widget-title-row{flex-wrap:wrap;gap:.5rem}.quran-widget button{min-height:44px;min-width:44px;padding:.75rem;font-size:.875rem}.verse-arabic{font-size:1.5rem!important;line-height:2.2!important;padding:1rem 0}.verse-translation{font-size:1rem!important;line-height:1.75!important;padding:.75rem 0}.verse-reference-footer{font-size:.875rem;padding:.75rem}.navigation-controls{gap:.5rem;flex-wrap:wrap}.navigation-controls button{flex:1;min-width:44px}.font-selector,.theme-selector{width:100%;min-height:44px;font-size:1rem}.settings-panel{padding:1rem}.settings-panel button,.settings-panel select{min-height:48px;font-size:1rem}}@media (max-width: 480px){.quran-widget{padding:.75rem;min-height:240px}.verse-arabic{font-size:1.25rem!important;line-height:2!important;padding:.75rem 0}.verse-translation{font-size:.9rem!important;line-height:1.6!important}.widget-title-row h3{font-size:1rem}.quran-widget button{min-height:42px;min-width:42px;padding:.625rem;font-size:.8125rem}}@media (pointer: coarse){.quran-widget button{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.navigation-controls button,.random-verse-btn,.settings-btn{min-height:48px;min-width:48px}.navigation-controls{gap:.75rem}}@media (orientation: landscape) and (max-height: 500px){.quran-widget{max-height:none;overflow-y:auto}.verse-content{max-height:none}}@media (min-width: 768px) and (max-width: 1023px){.quran-widget{padding:1.25rem;max-height:none}.verse-arabic{font-size:1.75rem!important;line-height:2.5!important}.verse-translation{font-size:1.125rem!important;line-height:1.8!important}.quran-widget button{min-height:44px;padding:.75rem 1rem}}.hadith-widget{padding:1.5rem;height:100%;min-height:320px;max-height:600px;border-radius:16px;background:linear-gradient(135deg,var(--color-background-tertiary) 0%,var(--color-background-secondary) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-border-secondary);box-shadow:0 8px 32px #0000001f,inset 0 1px 0 var(--color-background-tertiary);position:relative;overflow:hidden;display:flex;flex-direction:column}.hadith-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent),var(--color-accent));border-radius:12px 12px 0 0}.hadith-widget-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-secondary);flex-shrink:0}.widget-title-row{display:flex;align-items:center;justify-content:center}.mode-controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.mode-controls,.action-controls{display:flex;gap:.5rem}.book-selector-row{display:flex;align-items:center;gap:.75rem;justify-content:center}.book-selector-label{font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.hadith-widget h3{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;margin:0;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.widget-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;min-width:0}.book-dropdown{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);padding:.4rem 1.8rem .4rem .6rem;font-size:.75rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .4rem center;background-repeat:no-repeat;background-size:.8em .8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;min-width:120px}.book-dropdown:hover{background:var(--color-button-background-hover);border-color:var(--color-border-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.book-dropdown:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af374d}.book-dropdown option{background:var(--color-background-primary);color:var(--color-text-primary);padding:.5rem;font-family:Inter,sans-serif}.control-btn{background:var(--color-button-background);border:1px solid var(--color-border-secondary);border-radius:8px;padding:.5rem .75rem;color:var(--color-text-secondary);font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;flex-shrink:0}.control-btn.icon-only{padding:.5rem;min-width:36px;width:36px;height:36px}.control-btn.active{background:#d4af3733;border-color:#d4af3766;color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3733}.control-btn:hover:not(:disabled){background:var(--color-button-background-hover);border-color:var(--color-border-primary);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--color-background-tertiary);border-color:var(--color-border-secondary)}.api-key-input{margin-bottom:1rem;padding:1rem;background:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-border-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.api-key-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--color-accent);margin:0}.close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;line-height:1}.close-btn:hover{background:#ff646433;color:#ff6464;transform:scale(1.1)}.api-key-field{width:100%;background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);padding:.6rem .8rem;font-size:.8rem;font-family:Inter,sans-serif;margin-bottom:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-key-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af374d;background:var(--color-background-secondary)}.api-key-field::placeholder{color:var(--color-text-muted);font-size:.75rem}.api-key-actions{display:flex;gap:.5rem;justify-content:flex-end}.save-btn,.clear-btn{background:var(--color-background-tertiary);border:1px solid var(--color-border-secondary);color:var(--color-text-primary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:.3rem;min-width:60px}.save-btn{background:#00c80033;border-color:#00c80066;color:#00c800}.clear-btn{background:#ff646433;border-color:#ff646466;color:#ff6464}.save-btn:hover,.clear-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.save-btn:hover{background:#00c8004d;border-color:#00c80099}.clear-btn:hover{background:#ff64644d;border-color:#ff646499}.hadith-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.hadith-text{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent;padding-right:4px;margin-right:-4px;margin-bottom:1rem}.hadith-text::-webkit-scrollbar{width:4px}.hadith-text::-webkit-scrollbar-track{background:transparent}.hadith-text::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:2px}.hadith-text::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.hadith-arabic{font-family:Amiri,Noto Sans Arabic,Arial,sans-serif;font-size:clamp(1.2rem,2.8vw,1.5rem);line-height:1.8;text-align:right;direction:rtl;color:var(--color-text-primary);margin-bottom:1rem;padding:1rem;background:var(--color-background-tertiary);border-radius:12px;border-right:3px solid var(--color-accent);font-weight:400;letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hadith-english{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);line-height:1.6;color:var(--color-text-secondary);margin-bottom:1rem;padding:1rem;background:var(--color-background-secondary);border-radius:12px;border-left:3px solid var(--color-accent);font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.hadith-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;margin-top:auto;border-top:1px solid var(--color-border-secondary);background:var(--color-background-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:0 0 12px 12px;flex-shrink:0}.book-info{color:var(--color-accent);font-size:.9rem;font-weight:600}.hadith-number{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.chapter-info{color:var(--color-text-muted);font-size:.8rem}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;text-align:center;padding:2rem}.loading-state i{font-size:2rem;color:var(--color-accent)}.loading-state p{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.9rem;margin:0}.error-state i{font-size:2rem;color:#ff6b6b}.error-state p{color:#f99;font-family:Inter,sans-serif;font-size:.9rem;margin:0;max-width:200px;line-height:1.4}.retry-btn,.load-btn{background:#d4af3733;border:1px solid rgba(212,175,55,.4);color:var(--color-accent);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem}.retry-btn:hover,.load-btn:hover{background:#d4af374d;border-color:#d4af3799;transform:translateY(-1px);box-shadow:0 4px 12px #d4af3733}.empty-state i{font-size:2rem;color:var(--color-text-muted)}.empty-state p{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.9rem;margin:0}@media (max-width: 768px){.hadith-widget{padding:1rem;min-height:280px;max-height:500px}.hadith-widget-header{gap:.6rem;margin-bottom:.8rem;padding-bottom:.8rem}.mode-controls-row{flex-wrap:wrap;gap:.5rem}.mode-controls,.action-controls{gap:.4rem}.book-dropdown{max-width:140px;min-width:100px;font-size:.7rem;padding:.3rem 1.6rem .3rem .5rem}.control-btn{padding:.4rem .6rem;font-size:.75rem}.control-btn.icon-only{width:32px;height:32px;padding:.4rem}.hadith-arabic,.hadith-english{padding:.8rem;margin-bottom:.8rem}.hadith-info{padding:.8rem}}@media (max-width: 480px){.hadith-widget{padding:.8rem;min-height:260px;max-height:450px}.hadith-widget-header{gap:.5rem;margin-bottom:.7rem;padding-bottom:.7rem}.mode-controls-row{flex-direction:column;align-items:center;gap:.5rem}.book-dropdown{max-width:120px;min-width:80px;font-size:.65rem;padding:.25rem 1.4rem .25rem .4rem}.api-key-btn,.refresh-btn{width:28px;height:28px;font-size:.7rem}.hadith-arabic,.hadith-english{padding:.7rem;margin-bottom:.7rem;border-radius:8px}.hadith-info{padding:.7rem}.book-info{font-size:.8rem}.hadith-number{font-size:.75rem}.chapter-info{font-size:.7rem}}@media (max-width: 360px){.hadith-widget{padding:.6rem;max-height:400px}.hadith-widget-header{gap:.4rem}.mode-controls-row{flex-direction:column;align-items:center;gap:.4rem}.mode-controls,.action-controls,.book-selector-row{width:100%;justify-content:center}.book-dropdown{flex:1;max-width:200px;font-size:.6rem;padding:.25rem 1.2rem .25rem .4rem}.control-btn{padding:.35rem .5rem;font-size:.7rem}.control-btn.icon-only{width:30px;height:30px;padding:.35rem}.hadith-info{padding:.6rem}}@media (max-width: 767px){.hadith-widget{padding:1rem;max-height:none;height:auto}.hadith-widget-header{padding-bottom:.75rem;margin-bottom:.75rem}.hadith-widget h3{font-size:1.125rem}.hadith-widget button,.control-btn{min-height:44px;min-width:44px;padding:.625rem .875rem;font-size:.875rem}.control-btn.icon-only{min-width:44px;min-height:44px;padding:.625rem}.hadith-arabic{font-size:1.375rem!important;line-height:2!important;padding:1rem 0}.hadith-translation{font-size:1rem!important;line-height:1.75!important;padding:.75rem 0}.hadith-info{font-size:.875rem;padding:.75rem}.hadith-controls{gap:.5rem;flex-wrap:wrap}.hadith-controls button{flex:1;min-width:44px}.collection-selector{width:100%;min-height:44px;font-size:1rem;padding:.625rem}.api-key-input{min-height:48px;font-size:1rem;padding:.75rem}.api-key-container{gap:.5rem}.api-key-container button{min-height:48px;min-width:48px}}@media (max-width: 480px){.hadith-widget{padding:.75rem}.hadith-widget h3{font-size:1rem}.hadith-arabic{font-size:1.125rem!important;line-height:1.8!important;padding:.75rem 0}.hadith-translation{font-size:.9375rem!important;line-height:1.6!important}.hadith-widget button,.control-btn{min-height:42px;min-width:42px;padding:.5rem .75rem;font-size:.8125rem}.control-btn.icon-only{min-width:42px;min-height:42px;padding:.5rem}.hadith-info{font-size:.8125rem;padding:.625rem}}@media (pointer: coarse){.hadith-widget button,.control-btn{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.hadith-controls button,.random-hadith-btn,.settings-btn{min-height:48px;min-width:48px}.hadith-controls{gap:.75rem}}@media (orientation: landscape) and (max-height: 500px){.hadith-widget{max-height:none;overflow-y:auto}.hadith-content{max-height:none}}@media (min-width: 768px) and (max-width: 1023px){.hadith-widget{padding:1.25rem;max-height:none}.hadith-arabic{font-size:1.5rem!important;line-height:2.25!important}.hadith-translation{font-size:1.0625rem!important;line-height:1.8!important}.hadith-widget button,.control-btn{min-height:44px;padding:.75rem 1rem}}:root{--color-background-primary: #0a0a0a;--color-background-secondary: #1e1e1e;--color-background-tertiary: #2a2a2a;--touch-target-min: 44px;--touch-target-comfortable: 48px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px) --color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-text-muted: rgba(255, 255, 255, .7);--color-text-disabled: rgba(255, 255, 255, .5);--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: rgba(255, 255, 255, .2);--color-border-accent: rgba(255, 255, 255, .4);--color-button-background: rgba(255, 255, 255, .05);--color-button-background-hover: rgba(255, 255, 255, .15);--color-button-background-active: rgba(255, 255, 255, .25);--color-button-border: rgba(255, 255, 255, .1);--color-button-border-hover: rgba(255, 255, 255, .2);--color-button-border-active: rgba(255, 255, 255, .4);--color-input-background: rgba(255, 255, 255, .05);--color-input-background-focus: rgba(255, 255, 255, .1);--color-input-border: rgba(255, 255, 255, .1);--color-input-border-focus: rgba(255, 255, 255, .4);--color-input-placeholder: rgba(255, 255, 255, .5);--color-card-background: #1e1e1e;--color-card-border: rgba(255, 255, 255, .1);--color-accent: #ffffff;--color-background-modal: #1a1a1a;--color-background-card: rgba(255, 255, 255, .03);--color-background-card-hover: rgba(255, 255, 255, .06);--color-background-card-active: rgba(255, 255, 255, .08);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-on-accent: #ffffff;--color-button-hover: rgba(255, 255, 255, .2);--color-border-hover: rgba(255, 255, 255, .3);--color-accent-hover: #0066aa;--color-shadow: 0 8px 16px rgba(0, 0, 0, .2);--color-shadow-active: 0 8px 16px rgba(0, 0, 0, .3);--color-shadow-hover: 0 4px 12px rgba(0, 122, 204, .4)}.search-bar{position:relative;display:flex;align-items:center;justify-content:center;height:48px}.search-bar .search-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--color-text-disabled);z-index:1}.search-bar input{background:var(--color-input-background);color:var(--color-text-primary);border:1px solid var(--color-input-border);border-radius:8px;padding:0 1rem 0 2.5rem;width:300px;height:48px;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;font-size:.9rem;display:flex;align-items:center;line-height:1}.search-bar input:focus{width:400px;outline:none;background:var(--color-input-background-focus);border-color:var(--color-input-border-focus);box-shadow:0 4px 16px #0003}.search-bar input::placeholder{color:var(--color-input-placeholder)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;scroll-behavior:smooth;background-color:var(--color-background-primary);color:var(--color-text-primary)}.layout-icon,.widget-toggle button,.custom-dropdown .selected-option{will-change:transform}:focus{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent);color:var(--color-background-primary);padding:8px;z-index:1001;text-decoration:none}.skip-link:focus{top:6px}html{overflow-x:hidden}#app{position:relative;padding-top:100px;padding-bottom:100px;min-height:100vh;box-sizing:border-box}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-primary);z-index:1000;height:60px;min-height:60px;max-height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 20px #0000004d;margin-bottom:10}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0;height:100%}.header-center{display:flex;align-items:center;justify-content:center;flex:1;height:100%;max-width:500px;margin:0 1rem}.header-right{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;height:100%}.logo-and-title{display:flex;align-items:center;flex-shrink:0;height:100%}.logo{width:32px;height:32px;margin-right:.75rem;flex-shrink:0}.title{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;display:flex;align-items:center;height:36px}.nav-links a{color:var(--color-text-primary);text-decoration:none;margin-left:1rem}.controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0;overflow:hidden}.settings-btn,.edit-button,.widget-btn{background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;padding:.5rem;width:40px;height:40px;font-size:1.1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-btn:hover,.edit-button:hover,.widget-btn:hover,.settings-btn.active,.edit-button.active{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}.widget-btn.selected{background:var(--color-button-background-active);border-color:var(--color-button-border-active);color:var(--color-text-primary);box-shadow:0 4px 12px #0000004d,0 0 0 2px var(--color-border-secondary);transform:translateY(-1px)}.settings-panel{position:absolute;top:calc(100% + .5rem);right:0;background:#000000fa;border:2px solid var(--color-border-secondary);border-radius:20px;padding:1.5rem;min-width:340px;max-width:400px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 25px 50px #0009,0 15px 30px #0006;z-index:1001;max-height:75vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent;opacity:0;transform:translateY(-12px) scale(.92);animation:settingsPanelAppear .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes settingsPanelAppear{to{opacity:1;transform:translateY(0) scale(1)}}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-panel label{display:block;color:var(--color-text-secondary);font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.8px}.settings-option-button{width:100%;background:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:14px;padding:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;color:inherit;font-family:inherit}.settings-option-button:hover{background:var(--color-button-background-hover);border-color:var(--color-button-border-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.option-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.option-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);line-height:1.2}.option-description{font-size:.85rem;color:var(--color-text-muted);line-height:1.3}.option-arrow{color:var(--color-text-disabled);font-size:.9rem;transition:all .2s ease}.settings-option-button:hover .option-arrow{color:var(--color-text-muted);transform:translate(2px)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;animation:modalOverlayAppear .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalOverlayAppear{to{opacity:1}}.selection-modal{background:#000000fa;border:2px solid var(--color-border-secondary);border-radius:24px;width:100%;max-width:600px;max-height:80vh;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 30px 60px #000c;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.9) translateY(-20px);animation:modalAppear .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalAppear{to{opacity:1;transform:scale(1) translateY(0)}}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.selection-grid .selection-item{background:var(--color-button-background);border:2px solid var(--color-border-primary);border-radius:18px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.selection-grid .selection-item:hover{background:var(--color-button-background-hover);border-color:var(--color-border-secondary);transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.selection-grid .selection-item.selected{border-color:var(--color-border-accent);background:var(--color-button-background-active);box-shadow:0 8px 20px #0003}.theme-preview{width:100%;height:80px;border-radius:12px;margin-bottom:1rem;position:relative;overflow:hidden}.preview-header{height:20px;background:var(--color-button-background);margin-bottom:4px}.preview-content{height:56px;background:var(--color-background-secondary);border-radius:0 0 12px 12px}.theme-preview.CyberGlow{background:linear-gradient(135deg,#0ff3,#00c8c81a)}.theme-preview.Fire{background:linear-gradient(135deg,#ff644733,#ff8c001a)}.theme-preview.Glow{background:linear-gradient(135deg,#0f03,#32cd321a)}.theme-preview.slate{background:linear-gradient(135deg,#fff3,#c8c8c81a)}.theme-preview.MonoFire{background:linear-gradient(135deg,#ffffff26,#9696961a)}.theme-preview.Square{background:linear-gradient(135deg,#1a1a1acc,#6464644d)}.selection-indicator{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-background-primary);font-size:1rem;font-weight:700}.selection-list{display:flex;flex-direction:column;gap:1rem}.selection-list .selection-item{background:var(--color-button-background);border:2px solid var(--color-border-primary);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between}.selection-list .selection-item:hover:not(.permanent){background:var(--color-button-background-hover);border-color:var(--color-border-secondary);transform:translate(4px)}.selection-list .selection-item.selected{border-color:var(--color-border-accent);background:var(--color-button-background-active)}.selection-list .selection-item.permanent{border-color:var(--color-accent);background:var(--color-button-background-active);cursor:default}.selection-list .item-content{display:flex;align-items:center;gap:1rem;flex:1}.selection-list .item-info{display:flex;flex-direction:column;gap:.25rem}.selection-list .item-title{font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);line-height:1.2}.selection-list .item-description{font-size:.85rem;color:var(--color-text-muted);line-height:1.3}.selection-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0}.selection-checkbox input[type=checkbox]{width:20px;height:20px;border-radius:6px;border:2px solid var(--color-border-secondary);background:transparent;cursor:pointer;appearance:none;position:relative;transition:all .2s ease}.selection-checkbox input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.selection-checkbox input[type=checkbox]:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-background-primary);font-size:14px;font-weight:700}.dashboard-grid{display:flex;gap:2rem;overflow-x:hidden;max-width:100%;margin-top:0}.bookmark-area{flex-grow:1;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.widget-area-wrapper{flex-shrink:0;width:300px;position:relative;touch-action:pan-y}.widget-area{width:100%;background-color:var(--color-card-background);border-radius:8px;box-shadow:0 0 10px #0003;color:var(--color-text-primary);overflow:hidden;height:100%}.layout-compact .bookmark-area{grid-template-columns:1fr}.layout-two-column .bookmark-area{grid-template-columns:repeat(2,1fr)}.layout-three-column .bookmark-area{grid-template-columns:repeat(3,1fr)}.card-size-small .section{padding:1rem}.card-size-small .item{padding:.75rem;font-size:.9rem}.card-size-small .bookmark-area{gap:1.5rem}.card-size-medium .section{padding:1.5rem}.card-size-medium .item{padding:1rem}.card-size-medium .bookmark-area{gap:2rem}.card-size-list .bookmark-area{grid-template-columns:1fr!important;gap:1rem}.card-size-list .section{padding:1rem 1.5rem}.card-size-list .items-grid{display:flex;flex-direction:column;gap:.5rem}.card-size-list .item{padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:1rem}.card-size-list .item .icon{font-size:1.2rem}.card-size-list .item h3{font-size:1rem;margin:0}.section{background-color:var(--color-card-background);padding:1.5rem;border-radius:8px;border:1px solid var(--color-card-border);box-shadow:0 0 10px #0000001a;position:relative;overflow:visible;isolation:isolate}.section-title{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.edit-icon-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.edit-icon-button:hover{background:var(--color-button-background-hover);color:var(--color-text-primary);transform:scale(1.1)}.item-edit-button{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease;z-index:10}.list-item{position:relative}.list-item .item-edit-button{opacity:1}.item-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;row-gap:1rem;column-gap:1rem}.item-link{background-color:var(--color-card-background);border-radius:4px;padding:1rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--color-card-border);box-shadow:0 0 8px #ffffff1a,inset 0 0 4px #ffffff0d;transition:background-color .2s ease-in-out;text-decoration:none;color:var(--color-text-primary)}.item-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;border-color:var(--color-border-accent)}.item-link .icon{font-size:2rem;margin-bottom:.5rem;margin-right:0;color:var(--color-text-secondary)}.item-title{font-size:.8rem;font-weight:600;text-align:left;line-height:1.2;color:var(--color-text-primary)}.widget-selector{display:flex;align-items:center;flex-shrink:0;height:100%}.widget-toggle{display:flex;gap:.25rem;background:#0006;border:1px solid var(--color-border-primary);border-radius:12px;padding:.25rem;align-items:center;height:fit-content;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 16px #0003;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex-shrink:0}.widget-toggle::-webkit-scrollbar{display:none}.widget-btn{font-size:1.4rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;flex-shrink:0;flex-grow:0;flex-basis:auto;min-width:48px;min-height:48px}.add-item-button{border-style:dashed;background:none!important;border:1px solid var(--color-border-accent)!important;border-style:dashed!important;transition:all .2s ease;aspect-ratio:1 / 1!important;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.add-item-button .icon{font-size:2rem;margin-bottom:.5rem}.add-item-button:hover{border-color:var(--color-accent)!important;background:var(--color-button-background-hover)!important;transform:translateY(-1px)}.card-size-small .item-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.card-size-small .item-link{padding:.75rem}.card-size-small .item-link .icon{font-size:1.5rem}.card-size-small .item-title{font-size:.7rem}.card-size-medium .item-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.card-size-medium .item-link{padding:1rem}.card-size-medium .item-link .icon{font-size:2rem}.card-size-medium .item-title{font-size:.8rem}.card-size-list .item-list{display:flex;flex-wrap:wrap;align-items:center;max-width:100%;gap:1rem}.card-size-list .item-link{flex:1 1 calc(50% - 1rem);flex-direction:row;justify-content:flex-start;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;aspect-ratio:unset;min-height:48px}.card-size-list .item-link .icon{margin-right:1rem;margin-bottom:0;font-size:1.5rem;flex-shrink:0}.card-size-list .item-title{text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-controls{display:flex;gap:1rem}.layout-selector,.card-size-selector{flex:1;margin-right:0}.layout-selector{display:flex;flex-direction:column;align-items:flex-start;margin-right:1rem}.layout-selector label,.card-size-selector label{margin-bottom:.5rem;color:var(--color-text-primary);font-size:.8rem;font-weight:500}.layout-icons{display:flex;gap:.5rem}.layout-icon{cursor:pointer;padding:.75rem;border-radius:6px;background-color:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);transition:all .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.layout-icon:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border-secondary);transform:translateY(-1px)}.layout-icon.selected{background-color:var(--color-accent);color:var(--color-background-primary);box-shadow:0 2px 8px #0003}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[type=text],.form-group input[type=url]{width:100%;padding:.75rem;border:1px solid var(--color-input-border);border-radius:6px;background-color:var(--color-input-background);color:var(--color-text-primary);box-sizing:border-box;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #007bff40}.save-button,.cancel-button,.delete-button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-height:44px}.save-button{background-color:#007bff;color:#fff}.save-button:hover{background-color:#0056b3;transform:translateY(-1px)}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#545b62}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}button:focus,div:focus,ul:focus,li:focus,a:focus,i:focus{outline:none;outline-offset:0}@media (max-width: 374px){.header{padding:var(--spacing-xs) var(--spacing-sm);min-height:52px}.title{font-size:var(--font-size-sm)}.widget-btn,.settings-btn,.edit-button{width:40px;height:40px;font-size:1rem}}@media (min-width: 640px){.bookmark-area{gap:var(--spacing-lg)}.section{padding:var(--spacing-lg)}}@media (min-width: 768px) and (max-width: 1023px){.layout-three-column .bookmark-area,.layout-two-column .bookmark-area{grid-template-columns:repeat(2,1fr)}.header{padding:var(--spacing-md) var(--spacing-xl)}.section{padding:.875rem;margin-bottom:.875rem}.section:has(.section-title[aria-expanded=false]){margin-bottom:.375rem}.section-title{font-size:1.075rem;margin-bottom:.875rem}.section-title[aria-expanded=false]{margin-bottom:0}.bookmark-area{row-gap:.875rem}.item-list{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.625rem}.item-link{min-height:75px;padding:.625rem}.item-link .icon{font-size:1.75rem}.item-title{font-size:.8rem}.section-title.collapsible{padding:.5rem;margin:-.5rem -.5rem 0;background:transparent;isolation:isolate}.section-title.collapsible[aria-expanded=false]{margin-bottom:0}.section-title.collapsible[aria-expanded=true]{margin-bottom:.5rem}}@media (min-width: 1024px){.dashboard-grid{flex-direction:row}.widget-area{order:0;width:300px}.layout-three-column .bookmark-area{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.layout-three-column .bookmark-area{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1536px){.layout-three-column .bookmark-area{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.dashboard-grid{flex-direction:column}.widget-area{width:100%;order:-1;margin-bottom:2rem}.layout-three-column .bookmark-area{grid-template-columns:repeat(2,1fr)}.layout-two-column .bookmark-area{grid-template-columns:1fr}.section{padding:1rem}}@media (max-width: 767px){#app{padding-top:calc(60px + var(--safe-area-top));padding-bottom:calc(80px + var(--safe-area-bottom));padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.header{padding:calc(var(--safe-area-top) + var(--spacing-sm)) var(--spacing-md) var(--spacing-sm);height:auto;min-height:56px;flex-wrap:wrap}.header-left{flex:0 0 auto;order:1}.header-center{order:3;flex:1 1 100%;margin:var(--spacing-sm) 0 0 0;max-width:100%}.header-right{flex:0 0 auto;order:2;gap:var(--spacing-xs)}.logo{width:32px;height:32px;margin-right:var(--spacing-sm)}.title{font-size:var(--font-size-base);height:auto;display:block}.search-bar{width:100%}.search-bar input{width:100%;max-width:100%;font-size:var(--font-size-base);height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem}.search-bar input:focus{width:100%;max-width:100%}.widget-btn,.settings-btn,.edit-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);width:var(--touch-target-min);height:var(--touch-target-min);font-size:1.1rem}.widget-toggle{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;padding:var(--spacing-xs)}.widget-toggle::-webkit-scrollbar{display:none}.bookmark-area{grid-template-columns:1fr!important;gap:0;row-gap:var(--spacing-md)}.section{padding:.75rem;border-radius:10px;margin-bottom:var(--spacing-md);transition:margin-bottom .25s ease}.section:has(.section-title[aria-expanded=false]){margin-bottom:.375rem}.section-title{font-size:1.05rem;margin-bottom:.75rem}.section-title[aria-expanded=false]{margin-bottom:0}.item-list{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:var(--spacing-sm);row-gap:var(--spacing-sm);column-gap:var(--spacing-sm)}.item-link{min-height:70px;padding:.5rem;border-radius:6px}.item-link .icon{font-size:1.5rem;margin-bottom:.375rem}.item-title{font-size:.75rem;line-height:var(--line-height-tight)}.edit-icon-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--spacing-sm)}.item-edit-button{opacity:1}.add-item-button,.add-section-button{min-height:80px;padding:var(--spacing-md);border-width:2px}.modal-overlay{padding:0}.modal-content{width:100vw;height:100vh;max-width:100vw;max-height:100vh;min-width:auto;border-radius:0;margin:0}.modal-content .form-group input{min-height:var(--touch-target-comfortable);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.modal-content .form-group label{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.modal-content .save-button,.modal-content .cancel-button,.modal-content .delete-button{min-height:var(--touch-target-comfortable);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.card-size-list .item-link{flex-basis:100%;min-height:var(--touch-target-comfortable)}.settings-panel{position:fixed;top:0;right:0;width:85vw;max-width:320px;height:100vh;max-height:100vh;border-radius:0;padding:var(--spacing-lg);padding-top:calc(var(--safe-area-top) + var(--spacing-lg));padding-bottom:calc(var(--safe-area-bottom) + var(--spacing-lg))}.settings-option-button{padding:var(--spacing-md);min-height:var(--touch-target-comfortable)}.widget-area-wrapper,.widget-area{width:100%;margin-bottom:var(--spacing-lg)}.dashboard-grid{flex-direction:column;gap:var(--spacing-md)}.header:not(.mobile-header){display:none}#app{padding-top:calc(56px + var(--safe-area-top));padding-bottom:calc(56px + var(--safe-area-bottom))}}@media (max-width: 480px){.header{min-height:56px;padding:calc(var(--safe-area-top) + var(--spacing-xs)) var(--spacing-sm) var(--spacing-xs)}.title{font-size:var(--font-size-sm);height:auto;display:block}.logo{width:28px;height:28px}.widget-btn,.settings-btn,.edit-button{min-width:42px;min-height:42px;width:42px;height:42px;font-size:1rem}.widget-btn{min-width:40px;width:40px;height:40px}.item-list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.375rem;row-gap:.375rem;column-gap:.375rem}.item-link{min-height:65px;padding:.375rem}.item-link .icon{font-size:1.4rem}.item-title{font-size:.7rem}.section{padding:.625rem;margin-bottom:.5rem}.section:has(.section-title[aria-expanded=false]){margin-bottom:.25rem}.section-title{font-size:1rem;margin-bottom:.5rem}.section-title[aria-expanded=false]{margin-bottom:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.item-link,.section,.modal-content,button,.edit-button,.widget-btn{border-width:2px}}@media (orientation: landscape) and (max-height: 500px){.header{min-height:48px;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}#app{padding-top:48px;padding-bottom:var(--spacing-md)}.section{padding:var(--spacing-sm)}.modal-content{max-height:95vh;overflow-y:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10001}.theme-modal,.selection-modal.widget-modal{background:var(--color-background-modal);border:2px solid var(--color-border-primary);border-radius:16px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.theme-modal{width:800px;max-width:95vw}.selection-modal.widget-modal{width:90%;max-width:500px}.modal-header{background:var(--color-background-secondary);padding:20px 28px 16px;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:space-between}.modal-title,.modal-header h3{color:var(--color-text-primary)!important;font-size:20px;font-weight:600;margin:0;letter-spacing:-.3px}.modal-close-btn,.modal-close{background:var(--color-button-background);border:1px solid var(--color-border-primary);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:14px}.modal-close-btn:hover,.modal-close:hover{background:var(--color-button-hover);border-color:var(--color-border-hover);transform:scale(1.05)}.modal-body{padding:24px;max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.modal-footer{padding:16px 24px 20px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--color-border-primary);background:var(--color-background-secondary)}.btn,.modal-button{padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:80px;display:flex;align-items:center;justify-content:center}.btn-secondary,.modal-button.secondary{background:var(--color-button-background);border-color:var(--color-border-primary);color:var(--color-text-primary)}.btn-secondary:hover,.modal-button.secondary:hover{background:var(--color-button-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-primary,.modal-button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--color-shadow)}.btn-primary:hover,.modal-button.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--color-shadow-hover)}.btn:focus,.modal-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.modal-content{background:var(--color-background-modal, rgba(0, 0, 0, .98));border:2px solid var(--color-border-primary, #333);border-radius:16px;width:100%;max-width:600px;min-width:480px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-hover, 0 6px 20px rgba(0, 0, 0, .4));opacity:0;transform:scale(.9) translateY(-20px);animation:modalAppear .4s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 640px){.modal-content{min-width:320px;max-width:95vw;margin:1rem}}.modal-content h3{background:var(--color-background-secondary, #1a1a1a);color:var(--color-text-primary, #fff)!important;font-size:20px;font-weight:600;margin:0 0 16px;padding:20px 28px 16px;border-bottom:1px solid var(--color-border-primary, #333);border-radius:14px 14px 0 0}.modal-content .form-group{margin-bottom:20px;padding:0 24px}.modal-content .form-group:first-of-type{padding-top:24px}.modal-content label{display:block;margin-bottom:8px;color:var(--color-text-primary, #fff);font-size:14px;font-weight:500}.modal-content input[type=text]{width:100%;padding:12px 16px;background:var(--color-input-background, #333);border:1px solid var(--color-input-border, #555);border-radius:8px;color:var(--color-text-primary, #fff);font-size:14px;transition:all .2s ease;box-sizing:border-box}.modal-content input[type=text]:focus{background:var(--color-input-background-focus, #444);border-color:var(--color-input-border-focus, var(--color-accent, #00ffff));outline:none;box-shadow:none}.modal-content input[type=text]:disabled{opacity:.6;cursor:not-allowed}.modal-content input[type=text]::placeholder{color:var(--color-input-placeholder, #888)}.modal-content small{display:block;margin-top:4px;color:var(--color-text-muted, #888);font-size:12px}.modal-content .modal-actions{padding:16px 24px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--color-border-primary, #333);background:var(--color-background-secondary, #1a1a1a);border-radius:0 0 14px 14px}.modal-content .modal-actions>div{display:flex;gap:12px}.modal-content .save-button,.modal-content .cancel-button,.modal-content .delete-button{padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:80px;text-align:center}.modal-content .save-button{background:var(--color-accent, #00ffff);color:var(--color-button-text, var(--color-text-on-accent, #000));border-color:var(--color-accent, #00ffff)}.modal-content .save-button:hover:not(:disabled){background:var(--color-accent-hover, #00cccc);border-color:var(--color-accent-hover, #00cccc);color:var(--color-button-text-hover, var(--color-text-on-accent, #000));transform:translateY(-1px)}.modal-content .cancel-button{background:var(--color-button-background, #333);border:1px solid var(--color-border-primary, #555);color:var(--color-button-text, var(--color-text-primary, #fff))}.modal-content .cancel-button:hover:not(:disabled){background:var(--color-button-background-hover, #444);border-color:var(--color-border-hover, #666);color:var(--color-button-text-hover, var(--color-text-primary, #fff));transform:translateY(-1px)}.modal-content .delete-button{background:#dc2626;border-color:#dc2626;color:#fff}.modal-content .delete-button:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.modal-content .save-button:disabled,.modal-content .cancel-button:disabled,.modal-content .delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content .error-message{background:#dc26261a;border:1px solid #dc2626;color:#fca5a5;padding:12px 16px;border-radius:8px;margin:0 24px 20px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.modal-content .error-close{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:18px;padding:0;margin-left:12px}.modal-content .error-close:hover{color:#fff}.selection-list{display:flex;flex-direction:column;gap:12px}.selection-item{background:var(--color-background-card);border:2px solid var(--color-border-secondary);border-radius:12px;padding:20px 24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.selection-item:hover{border-color:var(--color-accent);background:var(--color-background-card-hover);transform:translateY(-2px)}.selection-item.selected{border-color:var(--color-accent);background:var(--color-background-card-active);box-shadow:0 0 0 2px var(--color-accent)}.selection-item.permanent{background:var(--color-background-tertiary);border-color:var(--color-border-primary);cursor:default;opacity:.9}.selection-item.permanent:hover{transform:none;border-color:var(--color-border-primary);background:var(--color-background-tertiary)}.item-content{display:flex;align-items:center;gap:16px;flex:1}.item-info{display:flex;flex-direction:column;gap:4px;flex:1}.item-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.item-description{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.4}.permanent-badge{background:var(--color-accent);color:var(--color-text-on-accent);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.selection-checkbox input[type=checkbox]{width:24px;height:24px;border:2px solid var(--color-border-primary);border-radius:6px;background:var(--color-background-secondary);cursor:pointer;accent-color:var(--color-accent)}.selection-checkbox input[type=checkbox]:disabled{background:var(--color-background-tertiary);border-color:var(--color-border-secondary);cursor:not-allowed;opacity:.6}