.bookmarks-container{width:100%;min-height:100vh;background:#000;position:relative;overflow-x:hidden}.bookmarks-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem .5rem .75rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.bookmarks-title-section{flex:1 1}.bookmarks-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:#fff;margin:0 0 .125rem;font-family:Playfair Display,serif}.bookmarks-subtitle{font-size:.7rem;color:#888;margin:0;line-height:1.3}.bookmarks-stats{gap:.75rem}.bookmarks-stats,.stat-item{display:flex;align-items:center}.stat-item{gap:.25rem;color:#f6c51e;font-size:.7rem;font-weight:500}.stat-item.sync-status{color:#10b981;font-size:.65rem}.settings-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#999;padding:.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:hsla(0,0%,100%,.08);border-color:#f6c51e;color:#f6c51e}.bookmarks-navigation{padding:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.nav-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:hsla(220,9%,46%,.1);border:1px solid hsla(220,9%,46%,.3);border-radius:6px;color:#6b7280;text-decoration:none;font-size:.75rem;font-weight:500;transition:all .2s ease}.nav-link:hover{background:hsla(220,9%,46%,.2);border-color:#6b7280;color:#9ca3af;transform:translateY(-1px)}.archive-link{background:hsla(220,9%,46%,.1);border-color:hsla(220,9%,46%,.3);color:#6b7280}.archive-link:hover{background:hsla(220,9%,46%,.2);border-color:#6b7280;color:#9ca3af}.bookmarks-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;gap:.5rem}.search-section{display:flex;align-items:center;gap:.375rem;flex:1 1;max-width:400px}.search-box{position:relative;flex:1 1}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666;z-index:1}.search-input{width:100%;padding:.5rem .5rem .5rem 2rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;font-size:.8rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#f6c51e;background:hsla(0,0%,100%,.08)}.search-icon-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#999;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.search-icon-btn:hover{background:hsla(0,0%,100%,.08);border-color:#f6c51e;color:#f6c51e}.search-close-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:.375rem}.search-close-btn:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.filter-toggle{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#999;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filter-toggle:hover{background:hsla(0,0%,100%,.08);border-color:#f6c51e;color:#f6c51e}.filter-toggle.active{background:rgba(246,197,30,.1);border-color:#f6c51e;color:#f6c51e}.controls-right{display:flex;align-items:center;gap:.375rem}.view-mode-toggle{display:flex;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.view-btn{background:transparent;border:none;color:#999;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:hsla(0,0%,100%,.05);color:#fff}.create-collection-btn,.view-btn.active{background:rgba(246,197,30,.1);color:#f6c51e}.create-collection-btn{border:1px solid rgba(246,197,30,.3);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.create-collection-btn:hover{background:rgba(246,197,30,.2);transform:translateY(-1px)}.filters-section,.settings-section{padding:0 .5rem .5rem;overflow:hidden}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.setting-group{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;padding:.75rem}.setting-group h4{font-size:.8rem;font-weight:500;color:#fff;margin:0 0 .5rem}.setting-actions{display:flex;flex-direction:column;gap:.25rem}.action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem;border-radius:6px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.action-btn:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn:hover:not(:disabled){border-color:#10b981;color:#10b981}.import-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.restore-btn:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b}.clear-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.filter-select{width:100%;max-width:300px;padding:.75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:.9rem}.filter-select option{background:#1a1a1a;color:#fff}.bookmarks-list{padding:0 .5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.bookmarks-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.5rem;gap:.5rem}.bookmark-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.75rem;transition:all .2s ease;cursor:pointer}.bookmark-card:hover{border-color:rgba(246,197,30,.3);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.bookmark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bookmark-type{gap:.25rem;color:#f6c51e;font-size:.7rem;font-weight:500}.bookmark-type,.remove-btn{display:flex;align-items:center}.remove-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;justify-content:center}.remove-btn:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.bookmark-content{flex:1 1}.bookmark-title{font-size:.9rem;font-weight:500;color:#fff;margin:0 0 .25rem;line-height:1.3}.bookmark-title a{color:inherit;text-decoration:none;transition:color .2s ease}.bookmark-title a:hover{color:#f6c51e}.bookmark-book{font-size:.75rem;color:#999;margin:0 0 .5rem;line-height:1.3}.bookmark-book a{color:#f6c51e;text-decoration:none}.bookmark-book a:hover{text-decoration:underline}.bookmark-meta{display:flex;flex-wrap:wrap;gap:.375rem}.meta-item{display:flex;align-items:center;gap:.15rem;color:#777;font-size:.65rem}.meta-item svg{color:#f6c51e}.collections-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem .5rem .75rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.collections-title-section{flex:1 1}.collections-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:#fff;margin:0 0 .125rem;font-family:Playfair Display,serif}.collections-subtitle{font-size:.7rem;color:#888;margin:0;line-height:1.3}.collections-list{padding:.75rem .5rem 1rem;display:flex;flex-direction:column;gap:.75rem}.collection-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:1rem;transition:all .2s ease}.collection-card:hover{border-color:rgba(246,197,30,.3);box-shadow:0 4px 12px rgba(0,0,0,.2)}.collection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.collection-info{display:flex;align-items:center;gap:.5rem;flex:1 1}.collection-color{width:2rem;height:2rem;border-radius:6px;flex-shrink:0}.collection-name{font-size:1rem;font-weight:500;color:#fff;margin:0 0 .125rem}.collection-description{font-size:.75rem;color:#999;margin:0;line-height:1.3}.collection-actions{display:flex;align-items:center;gap:.5rem}.bookmark-count{background:rgba(246,197,30,.1);color:#f6c51e;padding:.15rem .5rem;border-radius:10px;font-size:.65rem;font-weight:600}.delete-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.collection-bookmarks{display:flex;flex-direction:column;gap:.375rem}.collection-bookmark{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;transition:all .2s ease}.collection-bookmark:hover{background:hsla(0,0%,100%,.05);border-color:rgba(246,197,30,.2)}.bookmark-info h4{font-size:.8rem;font-weight:500;color:#fff;margin:0 0 .125rem}.bookmark-info h4 a{color:inherit;text-decoration:none;transition:color .2s ease}.bookmark-info h4 a:hover{color:#f6c51e}.bookmark-info p{font-size:.7rem;color:#999;margin:0}.remove-from-collection{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.2rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-from-collection:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.empty-collection{color:#666;font-size:.75rem;text-align:center;padding:.5rem;margin:0}.empty-state{text-align:center;padding:2rem 1rem;color:#666}.empty-state svg{color:#444;margin-bottom:.5rem}.empty-state h3{font-size:1rem;font-weight:500;color:#999;margin:0 0 .25rem}.empty-state p{font-size:.8rem;color:#777;margin:0;line-height:1.4}.bookmarks-tabs{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.25rem;z-index:100}.bookmarks-tabs,.tab{display:flex;gap:.25rem}.tab{align-items:center;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:#999;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab:hover{background:hsla(0,0%,100%,.05);color:#fff}.tab.active{background:rgba(246,197,30,.1);color:#f6c51e;border:1px solid rgba(246,197,30,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:1.25rem;font-weight:500;color:#fff;margin:0 0 1rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:#fff;margin-bottom:.375rem}.form-input,.form-textarea{width:100%;padding:.625rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:.8rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#f6c51e;background:hsla(0,0%,100%,.08)}.form-input::placeholder,.form-textarea::placeholder{color:#666}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:2rem;height:2rem;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;transform:scale(1.1)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#999;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.create-btn{background:rgba(246,197,30,.1);border:1px solid rgba(246,197,30,.3);color:#f6c51e;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.create-btn:hover:not(:disabled){background:rgba(246,197,30,.2);transform:translateY(-1px)}.create-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.bookmarks-header,.collections-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem .5rem .5rem}.bookmarks-stats{gap:.5rem;flex-wrap:wrap}.stat-item.sync-status{font-size:.65rem}.bookmarks-controls{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem}.search-section{max-width:none;justify-content:flex-start}.search-icon-btn{min-width:36px;height:36px;padding:.375rem}.controls-right{justify-content:space-between}.bookmarks-list.grid{grid-template-columns:1fr}.bookmark-card{padding:.625rem}.collection-card{padding:.75rem}.collection-header{flex-direction:column;align-items:flex-start;gap:.5rem}.collection-info{width:100%}.collection-actions{width:100%;justify-content:space-between}.settings-grid{grid-template-columns:1fr;gap:.5rem}.setting-group{padding:.625rem}.action-btn{padding:.375rem;font-size:.7rem}.bookmarks-tabs{bottom:.5rem;left:.5rem;right:.5rem;transform:none}.bookmarks-tabs,.tab{justify-content:center}.tab{flex:1 1;padding:.5rem .625rem}.modal-content{margin:.5rem;padding:1rem}}@media (max-width:480px){.bookmarks-title,.collections-title{font-size:1.25rem}.bookmarks-subtitle,.collections-subtitle{font-size:.65rem}.bookmark-card{padding:.5rem}.collection-card{padding:.625rem}.collection-color{width:1.75rem;height:1.75rem}.collection-name{font-size:.9rem}.bookmark-meta{gap:.25rem}.meta-item{font-size:.6rem}.empty-state{padding:1.5rem .75rem}.empty-state svg{width:32px;height:32px}.empty-state h3{font-size:.9rem}.empty-state p{font-size:.75rem}.settings-grid{grid-template-columns:1fr;gap:.375rem}.setting-group{padding:.5rem}.action-btn{padding:.375rem;font-size:.65rem}.search-icon-btn{min-width:32px;height:32px;padding:.25rem}}@media (prefers-reduced-motion:reduce){.bookmark-card,.collection-card,.create-collection-btn,.delete-btn,.remove-btn,.tab{transition:none}.bookmark-card:hover,.collection-card:hover{transform:none}}@media (max-width:768px){.page-container{padding:0 1rem!important}.hero-section{padding:2rem 0 3rem!important}.hero-title{font-size:2rem!important;line-height:1.2!important}.hero-subtitle{font-size:1rem!important;line-height:1.5!important}.section-title{font-size:1.5rem!important;margin-bottom:1.5rem!important}.content-section{padding:2rem 0!important}.card-grid{display:block!important}.card-item{margin-bottom:1.5rem!important;padding:1.5rem!important}.icon-container{width:2.5rem!important;height:2.5rem!important}.icon-container svg{width:20px!important;height:20px!important}.card-title{font-size:1.1rem!important}.card-description{font-size:.9rem!important;line-height:1.5!important}.hero-icon{width:3rem!important;height:3rem!important}.hero-icon svg{width:24px!important;height:24px!important}}@media (min-width:769px) and (max-width:1024px){.page-container{padding:0 1.5rem!important}.hero-section{padding:3rem 0 4rem!important}.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.1rem!important}.section-title{font-size:1.75rem!important}.content-section{padding:3rem 0!important}.card-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.card-item{padding:1.75rem!important}}@media (min-width:1025px){.page-container{padding:0 2rem!important}.hero-section{padding:4rem 0 6rem!important}.hero-title{font-size:3rem!important}.hero-subtitle{font-size:1.25rem!important}.section-title{font-size:2rem!important}.content-section{padding:4rem 0!important}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important}.card-item{padding:2rem!important}}@media (min-width:1440px){.page-container{max-width:1200px!important;margin:0 auto!important}}@media print{.page-container{color:#000!important;background:#fff!important}.card-item,.content-section,.hero-section{page-break-inside:avoid!important;break-inside:avoid!important}.card-item{border:1px solid #ccc!important}}@media (prefers-contrast:high){.card-item{border:2px solid #fff!important}.hero-title,.section-title{text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}}@media (prefers-reduced-motion:reduce){.motion-element{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){.page-container{background-color:#000!important;color:#fff!important}}.focusable:focus{outline:2px solid #f6c51e!important;outline-offset:2px!important}.skip-link{position:absolute;top:-40px;left:6px;background:#f6c51e;color:#000;padding:8px;text-decoration:none;z-index:1000}.skip-link:focus{top:6px}.breadcrumb-nav{margin-bottom:1rem;padding:.25rem 0}.breadcrumb-container{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.breadcrumb-item{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .25rem;color:hsla(0,0%,100%,.5);text-decoration:none;border-radius:.125rem;font-size:.75rem;font-weight:400;transition:all .15s ease}.breadcrumb-separator{color:hsla(0,0%,100%,.3);font-size:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 .125rem}.breadcrumb-current{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .25rem;color:hsla(0,0%,100%,.8);font-size:.75rem;font-weight:500;border-radius:.125rem}.breadcrumb-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.breadcrumb-period{font-size:.65rem;color:hsla(0,0%,100%,.4);font-weight:400;white-space:nowrap}@media (min-width:769px){.breadcrumb-nav{margin-bottom:1.25rem;padding:.375rem 0}.breadcrumb-container{gap:.375rem}.breadcrumb-item{gap:.25rem;padding:.25rem .375rem;font-size:.8rem}.breadcrumb-separator{font-size:.8rem;margin:0 .125rem}.breadcrumb-current{gap:.25rem;padding:.25rem .375rem;font-size:.8rem}.breadcrumb-text{max-width:120px}.breadcrumb-period{font-size:.7rem}}@media (min-width:1025px){.breadcrumb-nav{margin-bottom:1.5rem;padding:.5rem 0}.breadcrumb-container{gap:.375rem}.breadcrumb-item{gap:.25rem;padding:.25rem .5rem;font-size:.8rem}.breadcrumb-separator{font-size:.8rem;margin:0 .125rem}.breadcrumb-current{gap:.25rem;padding:.25rem .5rem;font-size:.8rem}.breadcrumb-text{max-width:140px}.breadcrumb-period{font-size:.7rem}}@media (min-width:1440px){.breadcrumb-text{max-width:160px}}.breadcrumb-item:hover{color:hsla(0,0%,100%,.8);background-color:hsla(0,0%,100%,.05)}.breadcrumb-item:focus{outline:1px solid hsla(0,0%,100%,.3);outline-offset:1px}@media (prefers-reduced-motion:reduce){.breadcrumb-item{transition:none}}.posts-content{padding:1rem;max-width:1200px;margin:0 auto;min-height:100vh}.posts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.posts-title-section{flex:1 1}.posts-title{display:flex;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:.25rem;font-family:Playfair Display,serif}.posts-title-icon{color:#f6c51e}.posts-description{font-size:.9rem;color:#aaa;line-height:1.5}.posts-stats{display:flex;gap:1rem;align-items:center}.stat-item{text-align:center;padding:.5rem .8rem;background:#1a1a1a;border:1px solid #333;min-width:60px}.stat-number{display:block;font-size:1.2rem;font-weight:600;color:#f6c51e;margin-bottom:.1rem}.stat-label{font-size:.7rem;color:#aaa;text-transform:uppercase;letter-spacing:.3px}.posts-filters{background:#1a1a1a;padding:.8rem;border:1px solid #333;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.search-container{flex:1 1;max-width:300px}.search-input-wrapper{display:flex;align-items:center;background:#111;border:1px solid #333;border-radius:4px;padding:.4rem .6rem;transition:border-color .2s ease}.search-input-wrapper:focus-within{border-color:#f6c51e}.search-icon{color:#f6c51e;margin-right:.5rem;opacity:.7}.search-input{flex:1 1;border:none;background:transparent;color:#fff;font-size:.85rem;outline:none}.search-input::placeholder{color:#666}.filter-controls{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;flex:1 1}.filter-group{display:flex;flex-direction:column;gap:.2rem;min-width:100px}.filter-label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:#f6c51e;text-transform:uppercase;letter-spacing:.3px}.filter-select{padding:.4rem .6rem;border:1px solid #333;font-size:.8rem;background:#000;color:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#f6c51e}.posts-grid{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card{background:#1a1a1a;border:1px solid #333;padding:.8rem;position:relative}.post-card:hover{border-color:#555}.post-card.expanded{grid-column:1/-1;max-width:none}.post-header{margin-bottom:.6rem}.post-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.4rem;line-height:1.3;font-family:Playfair Display,serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-meta{display:flex;gap:.8rem;flex-wrap:wrap}.post-meta-item{display:flex;align-items:center;gap:.2rem;font-size:.7rem;color:#aaa}.post-meta-item svg{color:#f6c51e}.post-content,.post-excerpt{margin-bottom:.6rem}.post-excerpt{font-size:.8rem;line-height:1.4;color:#bbb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-full-content{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #333}.markdown-content{line-height:1.6;color:#ccc}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#f6c51e;margin-top:1.5rem;margin-bottom:.8rem;font-family:Playfair Display,serif}.markdown-content h1{font-size:1.6rem;border-bottom:2px solid rgba(246,197,30,.3);padding-bottom:.5rem}.markdown-content h2{font-size:1.4rem}.markdown-content h3{font-size:1.2rem}.markdown-content p{margin-bottom:1rem}.markdown-content ol,.markdown-content ul{margin-bottom:1rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:3px solid #f6c51e;margin:1rem 0;font-style:italic;color:#ddd;background:rgba(246,197,30,.1);padding:.8rem 1rem;border-radius:0 6px 6px 0}.markdown-content code{background:rgba(246,197,30,.15);color:#f6c51e;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.85rem}.markdown-content pre{background:#111;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0;border:1px solid #333}.post-footer{justify-content:space-between;align-items:center;gap:1rem}.post-footer,.post-tags{display:flex;flex-wrap:wrap}.post-tags{gap:.5rem}.post-tag{background:rgba(246,197,30,.15);color:#f6c51e;padding:.2rem .4rem;font-size:.7rem;font-weight:500;border:1px solid rgba(246,197,30,.3)}.post-tag:hover{background:rgba(246,197,30,.25)}.expand-button{background:#f6c51e;color:#000;border:none;padding:.4rem .8rem;font-size:.75rem;font-weight:500;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}.expand-button:hover{background:#fff}.no-posts{grid-column:1/-1;text-align:center;padding:3rem 2rem;color:#aaa}.no-posts-icon{color:#f6c51e;opacity:.5;margin-bottom:1rem}.no-posts h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.load-more-container{text-align:center;margin-top:3rem}.load-more-button{background:rgba(246,197,30,.1);color:#f6c51e;border:1px solid rgba(246,197,30,.3);padding:.8rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:not-allowed;opacity:.6;transition:all .3s ease}@media (max-width:1024px){.posts-content{padding:.8rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem}}@media (max-width:768px){.posts-content{padding:.6rem}.posts-header{flex-direction:column;gap:.8rem;text-align:center}.posts-title{font-size:1.5rem;justify-content:center}.posts-stats{justify-content:center;gap:.6rem}.posts-filters{padding:.6rem;flex-direction:column;align-items:stretch;gap:.8rem}.search-container{max-width:none;width:100%}.filter-controls{flex-direction:column;align-items:stretch;gap:.6rem}.filter-group{min-width:auto}.posts-grid{grid-template-columns:1fr;gap:.6rem}.post-card{padding:.6rem}.post-title{font-size:.95rem}.post-meta{flex-direction:column;gap:.3rem}.post-footer{flex-direction:column;align-items:stretch;gap:.5rem}.expand-button{width:100%;text-align:center}}@media (max-width:480px){.posts-content{padding:.4rem}.posts-title{font-size:1.3rem}.posts-filters{padding:.4rem}.post-card{padding:.5rem}.stat-item{padding:.4rem .5rem;min-width:40px}.stat-number{font-size:1rem}.posts-grid{grid-template-columns:1fr;gap:.4rem}.post-title{font-size:.9rem}.post-meta-item{font-size:.65rem}.post-excerpt{font-size:.75rem}}@media (max-width:360px){.posts-content{padding:.3rem}.posts-title{font-size:1.2rem}.posts-filters{padding:.3rem}.post-card{padding:.4rem}.filter-controls{gap:.4rem}.filter-group{min-width:80px}}.back-to-posts{margin-bottom:1.5rem}.back-button{display:flex;align-items:center;gap:.5rem;background:#333;color:#fff;border:1px solid #444;padding:.6rem 1rem;border-radius:4px;font-size:.85rem;cursor:pointer}.back-button:hover{background:#444;border-color:#f6c51e}.single-post{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:2rem;max-width:900px;margin:0 auto}.single-post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #333}.single-post-title{font-size:2rem;font-weight:700;color:#f6c51e;margin-bottom:1rem;line-height:1.3}.single-post-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.single-post-meta-item{display:flex;align-items:center;gap:.4rem;color:#999;font-size:.85rem}.single-post-meta-item svg{color:#f6c51e;opacity:.8}.single-post-content{margin-bottom:2rem;line-height:1.7}.single-post-content .markdown-content{color:#e0e0e0;font-size:1rem}.single-post-content .markdown-content h1,.single-post-content .markdown-content h2,.single-post-content .markdown-content h3,.single-post-content .markdown-content h4,.single-post-content .markdown-content h5,.single-post-content .markdown-content h6{color:#f6c51e;margin-top:2rem;margin-bottom:1rem;font-weight:600}.single-post-content .markdown-content h1{font-size:1.8rem;border-bottom:2px solid #f6c51e;padding-bottom:.5rem}.single-post-content .markdown-content h2{font-size:1.5rem}.single-post-content .markdown-content h3{font-size:1.3rem}.single-post-content .markdown-content p{margin-bottom:1.2rem}.single-post-content .markdown-content ol,.single-post-content .markdown-content ul{margin-bottom:1.2rem;padding-left:1.5rem}.single-post-content .markdown-content li{margin-bottom:.5rem}.single-post-content .markdown-content blockquote{border-left:4px solid #f6c51e;margin:1.5rem 0;color:#ccc;font-style:italic;background:#222;padding:1rem;border-radius:4px}.single-post-content .markdown-content code{background:#333;color:#f6c51e;padding:.2rem .4rem;border-radius:3px;font-size:.9rem}.single-post-content .markdown-content pre{background:#222;padding:1rem;border-radius:4px;margin:1rem 0;border:1px solid #333;overflow-x:auto}.single-post-footer{padding-top:1.5rem;border-top:1px solid #333}.single-post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.single-post-tag{background:#333;color:#f6c51e;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;border:1px solid #444}.read-more-indicator{color:#f6c51e;font-size:.8rem;font-weight:500;margin-top:.5rem;text-align:center;opacity:.8}.post-card{cursor:pointer}.post-card:hover{border-color:#f6c51e;transform:translateY(-2px)}@media (max-width:768px){.single-post{padding:1.5rem;margin:0 .5rem}.single-post-title{font-size:1.6rem}.single-post-meta{flex-direction:column;gap:.5rem}}@media (max-width:480px){.single-post{padding:1rem;margin:0 .3rem}.single-post-title{font-size:1.4rem}.single-post-content .markdown-content{font-size:.9rem}.single-post-content .markdown-content h1{font-size:1.5rem}.single-post-content .markdown-content h2{font-size:1.3rem}.single-post-content .markdown-content h3{font-size:1.1rem}}.scroll-to-top-button{position:fixed;bottom:24px;right:24px;z-index:1000;width:48px;height:48px;border-radius:24px;background:rgba(0,0,0,.85);border:1px solid rgba(246,197,30,.35);box-shadow:0 8px 24px rgba(0,0,0,.45);color:#f6c51e;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.scroll-to-top-button:hover{background:#f6c51e;color:#000;border-color:#f6c51e;box-shadow:0 10px 28px rgba(246,197,30,.45)}.scroll-to-top-button:focus-visible{outline:2px solid #f6c51e;outline-offset:2px}[data-theme=dark] .scroll-to-top-button{background:rgba(30,30,30,.95);border-color:rgba(246,197,30,.35);color:#f6c51e}[data-theme=dark] .scroll-to-top-button:hover{background:#f6c51e;color:#000}@media (max-width:768px){.scroll-to-top-button{bottom:16px;right:16px;width:52px;height:52px;border-radius:26px}}@media (max-width:480px){.scroll-to-top-button{bottom:12px;right:12px;width:48px;height:48px;border-radius:24px}}@media (prefers-reduced-motion:reduce){.scroll-to-top-button{transition:none}}@media print{.scroll-to-top-button{display:none}}.quran-player-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem}.floating-quran-player{background:rgba(26,26,26,.95);border:1px solid rgba(246,197,30,.3);border-radius:12px;padding:1rem;width:100%;max-width:350px;max-height:80vh;overflow-y:auto;box-shadow:0 15px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;position:relative}.quran-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(246,197,30,.2)}.quran-player-title{display:flex;align-items:center;gap:.5rem;color:#f6c51e;font-weight:600;font-size:1rem}.playing-indicator{color:#dc2626;font-size:.8rem;margin-left:.25rem;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.quran-player-close{background:rgba(246,197,30,.1);border:1px solid rgba(246,197,30,.3);border-radius:6px;padding:.4rem;color:#f6c51e;cursor:pointer;transition:all .2s ease}.quran-player-close:hover{background:rgba(246,197,30,.2);border-color:rgba(246,197,30,.5)}.quran-player-selection{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.selection-group{position:relative}.selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:#fff;font-weight:500;font-size:.9rem}.dropdown-toggle{background:rgba(246,197,30,.1);border:1px solid rgba(246,197,30,.3);border-radius:4px;padding:.2rem;color:#f6c51e;cursor:pointer;transition:all .2s ease}.dropdown-toggle:hover{background:rgba(246,197,30,.2)}.selected-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(246,197,30,.1);border:1px solid rgba(246,197,30,.2);border-radius:6px;cursor:pointer;transition:all .2s ease}.selected-item:hover{background:rgba(246,197,30,.15);border-color:rgba(246,197,30,.3)}.surah-number{background:#f6c51e;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;flex-shrink:0}.item-info{flex:1 1;min-width:0}.item-name{color:#fff;font-weight:500;font-size:.85rem;margin-bottom:.15rem}.item-name,.item-name-arabic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-name-arabic{color:#f6c51e;font-size:.75rem;font-family:Amiri,serif}.item-list{margin-top:.25rem;border:1px solid rgba(246,197,30,.2);border-radius:6px;background:rgba(0,0,0,.3);overflow:hidden;max-height:150px;overflow-y:auto}.item-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;width:100%;background:transparent;color:#fff;cursor:pointer;transition:all .2s ease;border:none;border-bottom:1px solid rgba(246,197,30,.1)}.item-option:last-child{border-bottom:none}.item-option:hover{background:rgba(246,197,30,.1)}.item-option .surah-number,.item-option.selected{background:rgba(246,197,30,.2);color:#f6c51e}.item-option .surah-number{border:1px solid rgba(246,197,30,.3)}.item-option.selected .surah-number{background:#f6c51e;color:#000}.quran-player-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(246,197,30,.2)}.progress-section{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.time-display{display:flex;align-items:center;gap:.25rem;color:#999;font-size:.7rem;min-width:35px}.progress-bar{flex:1 1;position:relative}.progress-slider{width:100%;height:3px;background:rgba(246,197,30,.2);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#f6c51e;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3)}.progress-slider::-moz-range-thumb{width:12px;height:12px;background:#f6c51e;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.3)}.play-controls{justify-content:space-between;gap:1rem}.play-btn,.play-controls{display:flex;align-items:center}.play-btn{background:#f6c51e;color:#000;border:none;border-radius:50%;width:40px;height:40px;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-btn:hover{background:#f4c430;transform:scale(1.05)}.volume-control{display:flex;align-items:center;gap:.5rem;color:#999;flex:1 1}.volume-slider{flex:1 1;height:3px;background:rgba(246,197,30,.2);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#f6c51e;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3)}.volume-slider::-moz-range-thumb{width:10px;height:10px;background:#f6c51e;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:480px){.floating-quran-player{margin:.5rem;padding:.75rem;max-width:calc(100vw - 1rem);max-height:85vh}.quran-player-header{margin-bottom:.75rem;padding-bottom:.5rem}.quran-player-selection{gap:.5rem;margin-bottom:.75rem}.item-option,.selected-item{padding:.4rem}.play-controls{gap:.75rem}.play-btn{width:36px;height:36px}}.light-theme .floating-quran-player{background:hsla(0,0%,100%,.95);border:1px solid rgba(246,197,30,.3);box-shadow:0 15px 30px rgba(0,0,0,.1)}.light-theme .quran-player-title{color:#f6c51e}.light-theme .item-name,.light-theme .selection-header{color:#1a1a1a}.light-theme .item-name-arabic{color:#f6c51e}.light-theme .item-list{background:rgba(246,197,30,.05);border:1px solid rgba(246,197,30,.2)}.light-theme .item-option{color:#1a1a1a;border-bottom:1px solid rgba(246,197,30,.1)}.light-theme .item-option:hover{background:rgba(246,197,30,.1)}.light-theme .item-option.selected{background:rgba(246,197,30,.2);color:#f6c51e}.light-theme .time-display,.light-theme .volume-control{color:#666}:root{--fq-primary:#f6c51e;--fq-primary-hover:#f4c430;--fq-card-bg:rgba(30,30,30,.95);--fq-card-border:rgba(246,197,30,.25);--fq-text:#f5f5f5;--fq-text-muted:#a3a3a3;--fq-track-bg:hsla(0,0%,45%,.45);--fq-width:320px;--fq-cover-size:56px;--fq-strip-width:28px;--fq-collapsed-height:80px;--fq-ease-slide:cubic-bezier(0.32,0.72,0,1);--fq-duration-slide:0.35s}.fq-player{width:var(--fq-width);background:var(--fq-card-bg);border:1px solid var(--fq-card-border);border-radius:12px;padding:0;box-shadow:0 8px 32px rgba(0,0,0,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;transition:width var(--fq-duration-slide) var(--fq-ease-slide),box-shadow var(--fq-duration-slide) ease}.fq-player,.fq-player-body{box-sizing:border-box;position:relative}.fq-player-body{width:100%;padding:12px;transition:transform var(--fq-duration-slide) var(--fq-ease-slide)}.fq-player-collapsed .fq-player-body{will-change:transform;width:var(--fq-width);height:var(--fq-collapsed-height);max-height:var(--fq-collapsed-height);overflow:hidden;box-sizing:border-box;transform:translateX(calc(-1 * (var(--fq-width) - var(--fq-strip-width))))}.fq-player-fixed{position:fixed;bottom:16px;left:0;z-index:1001}.fq-player-fixed.fq-player-collapsed{width:var(--fq-strip-width);height:var(--fq-collapsed-height);max-height:var(--fq-collapsed-height);border-radius:0 12px 12px 0;border-left:none;box-shadow:4px 8px 28px rgba(0,0,0,.45);transition:width var(--fq-duration-slide) var(--fq-ease-slide),box-shadow var(--fq-duration-slide) ease}.fq-player-collapsed .fq-controls,.fq-player-collapsed .fq-error-banner,.fq-player-collapsed .fq-info,.fq-player-collapsed .fq-playlist-drawer,.fq-player-collapsed .fq-progress-wrap,.fq-player-collapsed .fq-reciter-panel{display:none}.fq-player-collapsed .fq-player-top{margin-bottom:0;flex-wrap:nowrap;align-items:center;gap:8px;padding:0 2px}.fq-player-collapsed .fq-cover,.fq-player-collapsed .fq-cover-wrap{width:var(--fq-cover-size);height:var(--fq-cover-size)}.fq-expand-strip{display:none;position:absolute;top:0;right:0;bottom:0;width:var(--fq-strip-width);border:none;border-left:1px solid rgba(246,197,30,.32);border-radius:0 12px 12px 0;background:linear-gradient(180deg,rgba(246,197,30,.18),rgba(246,197,30,.06));color:var(--fq-primary);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;transition:background .2s ease,box-shadow .2s ease,color .2s ease;z-index:3}.fq-expand-chevron{flex-shrink:0;transition:transform .2s var(--fq-ease-slide)}.fq-strip-eq{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:10px;opacity:.9}.fq-strip-eq span{width:2px;border-radius:1px;background:var(--fq-primary);animation:fq-strip-eq .75s ease-in-out infinite alternate}.fq-strip-eq span:first-child{height:4px;animation-delay:0s}.fq-strip-eq span:nth-child(2){height:8px;animation-delay:.12s}.fq-strip-eq span:nth-child(3){height:5px;animation-delay:.24s}@keyframes fq-strip-eq{0%{transform:scaleY(.4);opacity:.55}to{transform:scaleY(1);opacity:1}}.fq-player-active.fq-player-collapsed .fq-expand-strip{box-shadow:inset 0 0 10px rgba(246,197,30,.1)}.fq-player-collapsed .fq-expand-strip{display:flex;top:0;bottom:auto;height:100%;max-height:var(--fq-collapsed-height)}@media (hover:hover) and (pointer:fine){.fq-expand-strip:hover{background:linear-gradient(180deg,rgba(246,197,30,.34),rgba(246,197,30,.16));box-shadow:inset 0 0 16px rgba(246,197,30,.14),0 0 12px rgba(246,197,30,.08)}.fq-expand-strip:hover .fq-expand-chevron{transform:translateX(3px)}}.fq-expand-strip:active{background:rgba(246,197,30,.36)}.fq-expand-strip:active .fq-expand-chevron{transform:translateX(1px)}.fq-player-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;padding:0 2px}.fq-cover-wrap{flex-shrink:0;cursor:pointer}.fq-cover{width:var(--fq-cover-size);height:var(--fq-cover-size);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,rgba(246,197,30,.35) 0,transparent 55%),linear-gradient(145deg,#1e5c48,#0f3d30 45%,#164a3a);border:2px solid rgba(246,197,30,.35);box-shadow:0 4px 12px rgba(0,0,0,.35);position:relative;transition:box-shadow .3s ease,border-color .3s ease}.fq-cover-number{font-size:15px;font-weight:800;color:var(--fq-primary);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:opacity .2s ease,transform .2s ease}.fq-cover-eq{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:10px;background:rgba(0,0,0,.25)}.fq-cover-eq span{width:3px;border-radius:2px;background:var(--fq-primary);animation:fq-eq .8s ease-in-out infinite alternate}.fq-cover-eq span:first-child{height:8px;animation-delay:0s}.fq-cover-eq span:nth-child(2){height:14px;animation-delay:.15s}.fq-cover-eq span:nth-child(3){height:10px;animation-delay:.3s}@keyframes fq-eq{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.fq-cover-playing .fq-cover-number{opacity:0;transform:scale(.6)}.fq-cover-custom .fq-cover-number{display:flex;align-items:center;justify-content:center;color:var(--fq-primary)}.fq-player-error{border-color:hsla(0,91%,71%,.45)}.fq-player-loading .fq-progress-wrap{opacity:.85}.fq-player-collapsed .fq-cover-playing{animation:fq-spin 12s linear infinite}.fq-player-active:not(.fq-player-collapsed) .fq-cover{border-color:rgba(246,197,30,.55);box-shadow:0 0 0 3px rgba(246,197,30,.12),0 4px 14px rgba(0,0,0,.35)}.fq-player-active.fq-player-collapsed .fq-cover:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(246,197,30,.45);animation:fq-pulse 2.2s ease-out infinite;pointer-events:none}@keyframes fq-pulse{0%{transform:scale(1);opacity:.75}to{transform:scale(1.18);opacity:0}}@keyframes fq-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fq-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.fq-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.fq-title-wrap{min-width:0;flex:1 1}.fq-title{margin:0;font-size:15px;font-weight:700;color:var(--fq-text);line-height:1.2}.fq-subtitle,.fq-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fq-subtitle{margin:2px 0 0;font-size:12px;color:var(--fq-text-muted);font-family:Amiri,serif}.fq-collapse-btn{flex-shrink:0;width:28px;height:28px;border:none;border-radius:6px;background:hsla(0,0%,100%,.06);color:var(--fq-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.fq-collapse-btn:hover{color:var(--fq-primary);background:rgba(246,197,30,.12)}.fq-reciter-row{position:relative}.fq-reciter-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:0;font-size:12px;color:var(--fq-text-muted);cursor:pointer;transition:color .2s}.fq-reciter-btn.active,.fq-reciter-btn:hover{color:var(--fq-primary)}.fq-rotated{transform:rotate(180deg)}.fq-reciter-panel{overflow:hidden;border-top:1px solid hsla(0,0%,100%,.06);margin-top:8px}.fq-reciter-panel-inner{max-height:240px;overflow-y:auto;padding-top:8px}.fq-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:0 2px}.fq-panel-title{margin:0;font-size:12px;font-weight:600;color:var(--fq-text);letter-spacing:.02em}.fq-panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:hsla(0,0%,100%,.06);color:var(--fq-text-muted);cursor:pointer;transition:color .2s,background .2s}.fq-panel-close:hover{color:var(--fq-primary);background:rgba(246,197,30,.12)}.fq-reciter-list{display:flex;flex-direction:column;gap:2px}.fq-reciter-option{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;cursor:pointer;text-align:left;transition:background .15s,color .15s}.fq-reciter-option:hover:not(.disabled){background:rgba(246,197,30,.1)}.fq-reciter-option.active{background:rgba(246,197,30,.22);box-shadow:inset 0 0 0 1px rgba(246,197,30,.35)}.fq-reciter-option.disabled{opacity:.45;cursor:not-allowed}.fq-reciter-name{font-size:13px;font-weight:600;color:var(--fq-text);line-height:1.25}.fq-reciter-meta{font-size:11px;color:var(--fq-text-muted);line-height:1.2}.fq-reciter-option.active .fq-reciter-name{color:var(--fq-primary)}.fq-reciter-arabic{font-size:11px;color:var(--fq-text-muted);font-family:Amiri,serif;line-height:1.2}.fq-time-volume{justify-content:space-between;gap:8px;height:20px}.fq-time,.fq-time-volume{display:flex;align-items:center}.fq-time{font-size:10px;font-family:ui-monospace,monospace;color:var(--fq-text-muted);gap:3px;flex-shrink:0}.fq-time-sep{opacity:.5}.fq-volume-wrap{display:flex;align-items:center;gap:4px;margin-left:auto}.fq-volume-track{position:relative;width:64px;height:4px;background:var(--fq-track-bg);border-radius:999px;cursor:pointer}.fq-volume-bar{position:absolute;left:0;top:0;height:100%;background:var(--fq-primary);border-radius:999px;pointer-events:none}.fq-volume-input{position:absolute;inset:-6px 0;width:100%;opacity:0;cursor:pointer;margin:0}.fq-progress-wrap{padding:0 2px;margin-bottom:8px}.fq-progress-track{position:relative;width:100%;height:4px;background:var(--fq-track-bg);border-radius:999px;cursor:pointer}.fq-progress-track:hover .fq-progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1)}.fq-progress-bar{left:0;top:0;height:100%;border-radius:999px;transition:width .1s linear}.fq-progress-bar,.fq-progress-thumb{position:absolute;background:var(--fq-primary);pointer-events:none}.fq-progress-thumb{top:50%;width:12px;height:12px;border:2px solid rgba(30,30,30,.9);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .2s,opacity .2s}.fq-progress-input{position:absolute;inset:-8px 0;width:100%;opacity:0;cursor:pointer;margin:0}.fq-controls{justify-content:space-between;padding:0 2px;margin-bottom:4px}.fq-controls,.fq-icon-btn{display:flex;align-items:center}.fq-icon-btn{border:none;background:transparent;color:var(--fq-text-muted);cursor:pointer;padding:6px;border-radius:8px;justify-content:center;transition:color .2s,transform .15s;position:relative}.fq-icon-btn:hover{color:var(--fq-primary)}.fq-icon-btn:active{transform:scale(.92)}.fq-btn-loop.active,.fq-btn-loop.mode-one.active,.fq-icon-btn.active,.fq-loop-one,.fq-mode-btn.active{color:var(--fq-primary)}.fq-loop-one{position:absolute;top:0;right:0;font-size:8px;font-weight:700}.fq-play-btn{width:48px;height:48px;border-radius:50%;border:none;background:hsla(0,0%,100%,.08);color:var(--fq-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s,transform .15s;flex-shrink:0}.fq-play-btn:hover{background:rgba(246,197,30,.15)}.fq-play-btn:active{transform:scale(.94)}.fq-play-btn-active{background:var(--fq-primary);color:#1a1a1a}.fq-play-btn-active:hover{background:var(--fq-primary-hover)}.fq-playlist-drawer{overflow:hidden;border-top:1px solid hsla(0,0%,100%,.06);margin-top:8px}.fq-playlist-inner{max-height:200px;overflow-y:auto;padding-top:8px}.fq-playlist{list-style:none;margin:0;padding:0}.fq-play-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.fq-loader-spin{animation:fq-loader-rotate 1s linear infinite}@keyframes fq-loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fq-progress-wrap{position:relative}.fq-progress-loading-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--fq-primary),transparent);animation:fq-loading-slide 1.2s ease-in-out infinite}@keyframes fq-loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fq-error-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 8px;padding:8px 10px;border-radius:8px;background:rgba(220,38,38,.15);border:1px solid hsla(0,91%,71%,.35)}.fq-error-banner p{margin:0;font-size:11px;line-height:1.3;color:#fecaca;flex:1 1}.fq-error-retry{display:inline-flex;align-items:center;gap:4px;border:1px solid hsla(0,91%,71%,.45);background:hsla(0,91%,71%,.12);color:#fecaca;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;flex-shrink:0}.fq-error-retry:hover{background:hsla(0,91%,71%,.22)}.fq-playlist-search-wrap{position:relative;margin-bottom:8px}.fq-playlist-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fq-text-muted);pointer-events:none}.fq-playlist-search{width:100%;box-sizing:border-box;padding:8px 10px 8px 30px;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.25);color:var(--fq-text);font-size:12px;outline:none}.fq-playlist-search:focus{border-color:rgba(246,197,30,.45)}.fq-playlist-search::placeholder{color:var(--fq-text-muted)}.fq-playlist-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:6px;font:inherit}.fq-playlist-empty{margin:8px 4px 0;font-size:12px;color:var(--fq-text-muted);text-align:center}.fq-playlist li{list-style:none}.fq-playlist-item:hover{background:hsla(0,0%,100%,.05)}.fq-playlist-item.fq-playlist-item-active{background:rgba(246,197,30,.18)}.fq-playlist-index{flex-shrink:0;width:24px;text-align:center;color:var(--fq-text-muted);font-weight:600}.fq-playlist-item-active .fq-playlist-index{color:var(--fq-primary)}.fq-playlist-title{flex:1 1;color:var(--fq-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fq-playlist-arabic{flex-shrink:0;color:var(--fq-text-muted);font-family:Amiri,serif;font-size:11px}.fq-playlist-inner::-webkit-scrollbar,.fq-reciter-panel-inner::-webkit-scrollbar{width:4px}.fq-playlist-inner::-webkit-scrollbar-thumb,.fq-reciter-panel-inner::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}@media (max-width:480px){:root{--fq-width:280px;--fq-cover-size:52px;--fq-strip-width:26px;--fq-collapsed-height:76px}.fq-player-fixed{bottom:12px}.fq-volume-track{width:48px}}