.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}}.fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.fab-categories{display:flex;gap:8px;margin-bottom:12px;padding:8px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;z-index:1001}.fab-category{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:25px;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap}.fab-category:hover{background:rgba(59,130,246,.1);color:#3b82f6}.fab-category.active{background:#3b82f6;color:#fff}.fab-category svg{flex-shrink:0}.fab-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:999}.fab-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:8px;position:relative;z-index:1001}.fab-action,.fab-action-wrapper{display:flex;align-items:center;gap:12px}.fab-action{padding:12px 16px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;min-width:140px;justify-content:flex-start;position:relative;z-index:1002}.fab-action:hover{transform:translateX(-4px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.fab-action svg{color:var(--action-color);flex-shrink:0}.fab-action-label{white-space:nowrap}.fab-main{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s ease;position:relative;z-index:1001}.fab-main:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,.6)}.fab-main-open{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px rgba(245,158,11,.4)}.fab-main-open:hover{box-shadow:0 6px 20px rgba(245,158,11,.6)}@media (max-width:768px){.fab-container{bottom:20px;right:20px;left:20px;align-items:center}.fab-categories{width:100%;max-width:300px;justify-content:center;flex-wrap:wrap;gap:6px}.fab-category{font-size:11px;padding:6px 10px}.fab-actions{width:100%;max-width:300px;align-items:center}.fab-action,.fab-action-wrapper{width:100%;justify-content:center}.fab-action{max-width:280px;padding:14px 20px;font-size:15px}.fab-main{width:60px;height:60px;align-self:center}}@media (max-width:480px){.fab-container{bottom:16px;right:16px;left:16px}.fab-categories{padding:6px;gap:4px}.fab-category{font-size:10px;padding:5px 8px}.fab-action{padding:12px 16px;font-size:14px;min-width:auto}.fab-main{width:56px;height:56px}}@media (hover:none) and (pointer:coarse){.fab-main{width:64px;height:64px}.fab-action{padding:16px 20px;font-size:16px;min-height:48px}.fab-category{padding:10px 14px;font-size:13px}}@media (min-width:769px) and (max-width:1024px){.fab-container{bottom:24px;right:24px}.fab-action{min-width:160px}}@media (min-width:1025px){.fab-container{bottom:32px;right:32px}.fab-action{min-width:180px;padding:14px 18px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.fab-main{box-shadow:0 2px 8px rgba(102,126,234,.3)}.fab-action{box-shadow:0 2px 8px rgba(0,0,0,.1)}}@media (prefers-color-scheme:dark){.fab-action{background:#1f2937;color:#f9fafb;box-shadow:0 4px 12px rgba(0,0,0,.3)}.fab-action:hover{box-shadow:0 6px 20px rgba(0,0,0,.4)}.fab-backdrop{background:rgba(0,0,0,.5)}}@media (prefers-reduced-motion:reduce){.fab-action,.fab-main{transition:none}.fab-action:hover,.fab-main:hover{transform:none}}.fab-action:focus,.fab-main:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.fab-container{display:none}}.simple-fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.simple-fab-categories{gap:8px;margin-bottom:12px;padding:0;border-radius:0;box-shadow:none}.simple-fab-categories,.simple-fab-category{display:flex;background:transparent;border:none}.simple-fab-category{align-items:center;justify-content:center;gap:0;padding:8px;border-radius:50%;cursor:pointer;font-size:12px;font-weight:500;color:#fbbf24;transition:all .2s ease;white-space:nowrap;width:36px;height:36px}.simple-fab-category:hover{background:transparent;color:#fbbf24;transform:scale(1.1);box-shadow:0 0 0 2px #fbbf24}.simple-fab-category.active{background:transparent!important;color:#fbbf24!important;font-weight:600;box-shadow:0 0 0 2px #fbbf24!important;transform:scale(1.2)}.simple-fab-category svg{flex-shrink:0}.simple-fab-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;background:transparent;border:none;box-shadow:none}.simple-fab-action-wrapper{display:flex;align-items:center;gap:12px}.simple-fab-action{display:flex;align-items:center;justify-content:center;gap:0;padding:0;border:none;box-shadow:0 2px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;height:48px;position:relative;overflow:hidden;min-width:48px;min-height:48px}.simple-fab-action,.simple-fab-action:hover{background:var(--action-color);border-radius:50%;color:#fff}.simple-fab-action:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.15),0 0 0 2px #fbbf24}.simple-fab-action svg{color:#fff;flex-shrink:0}.simple-fab-action-label{white-space:nowrap}.simple-fab-action-tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:12px;padding:6px 12px;background:rgba(0,0,0,.9);color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1002}.simple-fab-action-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:rgba(0,0,0,.9)}.simple-fab-action:hover .simple-fab-action-tooltip{opacity:1;visibility:visible}.simple-fab-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.simple-fab-action:active:before{width:300px;height:300px}.simple-fab-main{width:56px;height:56px;border-radius:50%;border:none;background:#fbbf24;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(251,191,36,.3);transition:all .2s ease;position:relative;z-index:1001;font-weight:600}.simple-fab-main:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(251,191,36,.4)}.simple-fab-main-open{background:#dc2626;box-shadow:0 4px 16px rgba(220,38,38,.3);color:#fff}.simple-fab-main-open:hover{box-shadow:0 6px 20px rgba(220,38,38,.4);transform:scale(1.05)}@media (max-width:768px){.simple-fab-container{bottom:16px;right:16px;left:auto;align-items:flex-end;gap:8px}.simple-fab-categories{width:auto;max-width:200px;justify-content:flex-end;flex-wrap:nowrap;gap:8px;padding:0;background:transparent;margin-bottom:4px;border-radius:0}.simple-fab-category{font-size:10px;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.simple-fab-category.active{background:transparent!important;color:#fbbf24!important;font-weight:600!important;box-shadow:0 0 0 2px #fbbf24!important;border:none!important;transform:scale(1.2)}.simple-fab-actions{width:auto;max-width:200px;align-items:flex-end;gap:6px}.simple-fab-action-wrapper{width:auto;justify-content:flex-end}.simple-fab-action{width:44px;height:44px;min-width:44px;min-height:44px;justify-content:center;padding:0;font-size:12px;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.simple-fab-action-tooltip{font-size:11px;padding:4px 8px;margin-right:8px}.simple-fab-action-label{font-size:11px}.simple-fab-main{width:48px;height:48px;align-self:flex-end;font-size:14px}}@media (max-width:480px){.simple-fab-container{bottom:12px;right:12px;left:auto;gap:6px}.simple-fab-categories{padding:0;gap:6px;max-width:160px;border-radius:0;background:transparent}.simple-fab-category{font-size:9px;padding:4px;width:28px;height:28px;border-radius:50%}.simple-fab-category.active{background:transparent!important;color:#fbbf24!important;font-weight:600!important;box-shadow:0 0 0 2px #fbbf24!important;border:none!important;transform:scale(1.2)}.simple-fab-action{padding:0;font-size:11px;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.simple-fab-action-tooltip{font-size:10px;padding:3px 6px;margin-right:6px}.simple-fab-action-label{font-size:10px}.simple-fab-main{width:44px;height:44px;font-size:12px}}@media (min-width:769px) and (max-width:1024px){.simple-fab-container{bottom:28px;right:28px}.simple-fab-categories{max-width:400px}.simple-fab-action{min-width:160px;padding:14px 18px}}@media (min-width:1025px){.simple-fab-container{bottom:32px;right:32px}.simple-fab-categories{max-width:450px}.simple-fab-action{min-width:180px;padding:16px 20px}}@media (hover:none) and (pointer:coarse){.simple-fab-container{bottom:16px;right:16px;left:auto;align-items:flex-end;gap:8px}.simple-fab-main{width:50px;height:50px;font-size:16px}.simple-fab-action{padding:10px 14px;font-size:13px;min-height:40px;max-width:180px}.simple-fab-category{padding:6px 10px;font-size:11px;min-height:32px}.simple-fab-category.active{background:transparent!important;color:#fbbf24!important;font-weight:600!important;box-shadow:0 0 0 2px #fbbf24!important;border:none!important;transform:scale(1.2)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.simple-fab-main{box-shadow:0 4px 16px rgba(251,191,36,.3)}.simple-fab-action{box-shadow:0 4px 16px rgba(0,0,0,.3)}}@media (prefers-color-scheme:dark){.simple-fab-action,.simple-fab-categories{background:transparent;border:none}}@media (prefers-reduced-motion:reduce){.simple-fab-action,.simple-fab-category,.simple-fab-main{transition:none}.simple-fab-action:hover,.simple-fab-category:hover,.simple-fab-main:hover{transform:none}}.simple-fab-action:focus,.simple-fab-category:focus,.simple-fab-main:focus{outline:2px solid #fbbf24;outline-offset:2px}@media print{.simple-fab-container{display:none}}@media (max-width:768px){.simple-fab-container .simple-fab-categories .simple-fab-category.active{background:transparent!important;color:#fbbf24!important;font-weight:600!important;box-shadow:0 0 0 2px #fbbf24!important;border:none!important;transform:scale(1.2)}.simple-fab-container
		.simple-fab-categories
		.simple-fab-category[class*=active],.simple-fab-container
		.simple-fab-categories
		button.simple-fab-category.active,.simple-fab-container .simple-fab-categories .simple-fab-category.active{background:transparent!important;background-color:transparent!important;color:#fbbf24!important;font-weight:600!important;box-shadow:0 0 0 2px #fbbf24!important;border:transparent!important;transform:scale(1.2)}}@media (max-width:480px){.simple-fab-container
		.simple-fab-categories
		.simple-fab-category[class*=active],.simple-fab-container
		.simple-fab-categories
		button.simple-fab-category.active,.simple-fab-container .simple-fab-categories .simple-fab-category.active{background:transparent!important;background-color:transparent!important;color:#fbbf24!important;font-weight:600!important;box-shadow:0 0 0 2px #fbbf24!important;border:transparent!important;transform:scale(1.2)}}:root{--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-surface:#fef7ff;--md-sys-color-on-surface:#1c1b1f;--md-sys-color-surface-container:#f3edf7;--md-sys-color-on-surface-variant:#49454f;--md-sys-color-outline:#79747e;--md-sys-color-shadow:#000;--md-elevation-1:0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15);--md-elevation-2:0px 1px 2px 0px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15);--md-elevation-3:0px 1px 3px 0px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15);--md-elevation-4:0px 2px 3px 0px rgba(0,0,0,.3),0px 6px 10px 4px rgba(0,0,0,.15);--md-elevation-5:0px 4px 4px 0px rgba(0,0,0,.3),0px 8px 12px 6px rgba(0,0,0,.15);--md-motion-duration-short1:50ms;--md-motion-duration-short2:100ms;--md-motion-duration-short3:150ms;--md-motion-duration-short4:200ms;--md-motion-duration-medium1:250ms;--md-motion-duration-medium2:300ms;--md-motion-duration-medium3:350ms;--md-motion-duration-medium4:400ms;--md-motion-duration-long1:450ms;--md-motion-duration-long2:500ms;--md-motion-duration-long3:550ms;--md-motion-duration-long4:600ms;--md-motion-easing-linear:cubic-bezier(0,0,1,1);--md-motion-easing-standard:cubic-bezier(0.2,0,0,1);--md-motion-easing-standard-accelerate:cubic-bezier(0.3,0,1,1);--md-motion-easing-standard-decelerate:cubic-bezier(0,0,0,1);--md-motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--md-motion-easing-emphasized-accelerate:cubic-bezier(0.3,0,0.8,0.15);--md-motion-easing-emphasized-decelerate:cubic-bezier(0.05,0.7,0.1,1)}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-surface:#141218;--md-sys-color-on-surface:#e6e0e9;--md-sys-color-surface-container:#1d1b20;--md-sys-color-on-surface-variant:#cac4d0;--md-sys-color-outline:#938f99}}.material-fab-backdrop{background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.material-fab-action{padding:12px 16px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline);border-radius:28px;transition:all var(--md-motion-duration-short4) var(--md-motion-easing-standard)}.material-fab-action:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.material-fab-action:focus-visible{outline:2px solid var(--md-sys-color-primary)}.material-fab-action-icon{color:var(--action-color,var(--md-sys-color-primary));transition:color var(--md-motion-duration-short4) var(--md-motion-easing-standard)}.material-fab-action:hover .material-fab-action-icon{color:var(--md-sys-color-on-primary-container)}.material-fab-main{color:var(--md-sys-color-on-primary);transition:all var(--md-motion-duration-medium2) var(--md-motion-easing-emphasized)}.material-fab-main,.material-fab-main:hover{background:var(--md-sys-color-primary)}.material-fab-main:focus-visible{outline:2px solid var(--md-sys-color-outline)}.material-fab-main-open{color:var(--md-sys-color-on-primary-container)}.material-fab-main-open,.material-fab-main-open:hover{background:var(--md-sys-color-primary-container)}.material-fab-icon{transition:transform var(--md-motion-duration-medium2) var(--md-motion-easing-emphasized)}.material-fab-action:before,.material-fab-main:before{background:hsla(0,0%,100%,.3);transition:width var(--md-motion-duration-medium2) var(--md-motion-easing-standard),height var(--md-motion-duration-medium2) var(--md-motion-easing-standard)}@media (max-width:768px){.material-fab-container{bottom:16px;right:16px;left:16px;align-items:center}.material-fab-actions{width:100%;max-width:320px;align-items:center}.material-fab-action,.material-fab-action-wrapper{width:100%;justify-content:center}.material-fab-action{max-width:280px;padding:16px 20px;min-height:56px}.material-fab-main{width:64px;height:64px;border-radius:20px;align-self:center}.material-fab-icon{width:28px;height:28px}}@media (max-width:480px){.material-fab-container{bottom:12px;right:12px;left:12px}.material-fab-actions{gap:8px}.material-fab-action{padding:14px 18px;font-size:13px;min-height:52px}.material-fab-main{width:56px;height:56px;border-radius:16px}.material-fab-icon{width:24px;height:24px}}@media (hover:none) and (pointer:coarse){.material-fab-main{width:64px;height:64px;border-radius:20px}.material-fab-action{padding:16px 20px;font-size:15px;min-height:56px}}@media (min-width:769px) and (max-width:1024px){.material-fab-container{bottom:28px;right:28px}.material-fab-action{min-width:160px;padding:14px 18px}}@media (min-width:1025px){.material-fab-container{bottom:32px;right:32px}.material-fab-action{min-width:180px;padding:16px 20px}}.material-fab-action:focus,.material-fab-main:focus{outline:2px solid var(--md-sys-color-primary)}@media (prefers-contrast:high){.material-fab-action,.material-fab-main{border:2px solid var(--md-sys-color-outline)}}:root{--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-container:#21005d;--md-surface:#fef7ff;--md-on-surface:#1c1b1f;--md-surface-container:#f3edf7;--md-on-surface-variant:#49454f;--md-outline:#79747e;--md-elevation-1:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 2px 0px rgba(0,0,0,.24);--md-elevation-2:0px 3px 6px 0px rgba(0,0,0,.16),0px 3px 6px 0px rgba(0,0,0,.23);--md-elevation-3:0px 10px 20px 0px rgba(0,0,0,.19),0px 6px 6px 0px rgba(0,0,0,.23);--md-elevation-4:0px 14px 28px 0px rgba(0,0,0,.25),0px 10px 10px 0px rgba(0,0,0,.22);--md-elevation-5:0px 19px 38px 0px rgba(0,0,0,.3),0px 15px 12px 0px rgba(0,0,0,.22);--md-duration-short:150ms;--md-duration-medium:300ms;--md-duration-long:500ms;--md-easing-standard:cubic-bezier(0.4,0,0.2,1);--md-easing-decelerate:cubic-bezier(0,0,0.2,1);--md-easing-accelerate:cubic-bezier(0.4,0,1,1)}@media (prefers-color-scheme:dark){:root{--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-container:#eaddff;--md-surface:#141218;--md-on-surface:#e6e0e9;--md-surface-container:#1d1b20;--md-on-surface-variant:#cac4d0;--md-outline:#938f99}}.material-fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.material-fab-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.material-fab-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.material-fab-action,.material-fab-action-wrapper{display:flex;align-items:center;gap:12px}.material-fab-action{padding:12px 20px;background:var(--md-surface-container);color:var(--md-on-surface);border:1px solid var(--md-outline);border-radius:24px;box-shadow:var(--md-elevation-1);cursor:pointer;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;min-height:48px;transition:all var(--md-duration-short) var(--md-easing-standard);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.material-fab-action:hover{background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:var(--md-elevation-2);transform:translateY(-2px);border-color:var(--md-primary)}.material-fab-action:active{transform:translateY(0);box-shadow:var(--md-elevation-1)}.material-fab-action:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.material-fab-action-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--action-color,var(--md-primary));transition:color var(--md-duration-short) var(--md-easing-standard)}.material-fab-action:hover .material-fab-action-icon{color:var(--md-on-primary-container)}.material-fab-action-label{white-space:nowrap;font-weight:500;color:inherit}.material-fab-main{width:56px;height:56px;border-radius:16px;background:var(--md-primary);color:var(--md-on-primary);border:none;box-shadow:var(--md-elevation-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--md-duration-medium) var(--md-easing-standard);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.material-fab-main:hover{background:var(--md-primary);box-shadow:var(--md-elevation-4);transform:translateY(-2px)}.material-fab-main:active{transform:translateY(0);box-shadow:var(--md-elevation-2)}.material-fab-main:focus-visible{outline:2px solid var(--md-outline);outline-offset:2px}.material-fab-main-open{background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:var(--md-elevation-4)}.material-fab-main-open:hover{background:var(--md-primary-container);box-shadow:var(--md-elevation-5)}.material-fab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform var(--md-duration-medium) var(--md-easing-standard)}.material-fab-action:before,.material-fab-main:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width var(--md-duration-medium) var(--md-easing-standard),height var(--md-duration-medium) var(--md-easing-standard);pointer-events:none}.material-fab-action:active:before,.material-fab-main:active:before{width:100px;height:100px}@media (max-width:768px){.material-fab-container{bottom:16px;right:16px;left:16px;align-items:center}.material-fab-actions{width:100%;max-width:320px;align-items:center}.material-fab-action,.material-fab-action-wrapper{width:100%;justify-content:center}.material-fab-action{max-width:280px;padding:16px 24px;min-height:56px;font-size:15px}.material-fab-main{width:64px;height:64px;border-radius:20px;align-self:center}.material-fab-icon{width:28px;height:28px}}@media (max-width:480px){.material-fab-container{bottom:12px;right:12px;left:12px}.material-fab-actions{gap:8px}.material-fab-action{padding:14px 20px;font-size:14px;min-height:52px}.material-fab-main{width:56px;height:56px;border-radius:16px}.material-fab-icon{width:24px;height:24px}}@media (hover:none) and (pointer:coarse){.material-fab-main{width:64px;height:64px;border-radius:20px}.material-fab-action{padding:16px 24px;font-size:15px;min-height:56px}}@media (min-width:769px) and (max-width:1024px){.material-fab-container{bottom:28px;right:28px}.material-fab-action{min-width:180px;padding:14px 20px}}@media (min-width:1025px){.material-fab-container{bottom:32px;right:32px}.material-fab-action{min-width:200px;padding:16px 24px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.material-fab-main{box-shadow:var(--md-elevation-2)}.material-fab-action{box-shadow:var(--md-elevation-1)}}@media (prefers-reduced-motion:reduce){.material-fab-action,.material-fab-icon,.material-fab-main{transition:none}.material-fab-action:hover,.material-fab-main:hover{transform:none}}@media print{.material-fab-container{display:none}}.material-fab-action:focus,.material-fab-main:focus{outline:2px solid var(--md-primary);outline-offset:2px}@media (prefers-contrast:high){.material-fab-action,.material-fab-main{border:2px solid var(--md-outline)}}.minimal-fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;gap:12px}.minimal-fab-actions,.minimal-fab-container{display:flex;flex-direction:column;align-items:flex-end}.minimal-fab-actions{gap:8px}.minimal-fab-action,.minimal-fab-action-wrapper{display:flex;align-items:center}.minimal-fab-action{width:48px;height:48px;border-radius:24px;background:rgba(0,0,0,.8);border:1px solid rgba(246,197,30,.3);box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden;color:#f6c51e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.minimal-fab-action:hover{background:#f6c51e;color:#000;transform:translateY(-2px);box-shadow:0 6px 16px rgba(246,197,30,.4);border-color:#f6c51e}.minimal-fab-action:active{transform:translateY(0);box-shadow:0 2px 8px rgba(246,197,30,.3)}.minimal-fab-action:focus-visible{outline:2px solid #f6c51e;outline-offset:2px}.minimal-fab-main{width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#f6c51e,#d4a017);color:#000;border:none;box-shadow:0 8px 24px rgba(246,197,30,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.minimal-fab-main:hover{background:linear-gradient(135deg,#f4c430,#c9a96e);box-shadow:0 12px 32px rgba(246,197,30,.5);transform:translateY(-2px)}.minimal-fab-main:active{transform:translateY(0);box-shadow:0 4px 16px rgba(246,197,30,.3)}.minimal-fab-main:focus-visible{outline:2px solid #f6c51e;outline-offset:2px}.minimal-fab-main-open{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px rgba(220,38,38,.4);color:#fff}.minimal-fab-main-open:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 12px 32px rgba(220,38,38,.5)}.minimal-fab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform .3s ease}.minimal-fab-action:before,.minimal-fab-main:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.minimal-fab-action:active:before,.minimal-fab-main:active:before{width:100px;height:100px}[data-theme=dark] .minimal-fab-action{background:rgba(30,30,30,.95);border:1px solid hsla(0,0%,100%,.1);color:#e5e7eb}[data-theme=dark] .minimal-fab-action:hover{background:var(--action-color,#3b82f6);color:#fff}@media (max-width:768px){.minimal-fab-container{bottom:16px;right:16px;align-items:flex-end}.minimal-fab-actions{align-items:flex-end;flex-direction:column;gap:8px}.minimal-fab-action-wrapper{width:auto}.minimal-fab-action{width:52px;height:52px}.minimal-fab-main{width:64px;height:64px;border-radius:32px}}@media (max-width:480px){.minimal-fab-container{bottom:12px;right:12px;align-items:flex-end}.minimal-fab-actions{align-items:flex-end;flex-direction:column;gap:6px}.minimal-fab-action{width:48px;height:48px}.minimal-fab-main{width:56px;height:56px;border-radius:28px}}@media (max-width:360px){.minimal-fab-container{bottom:8px;right:8px}.minimal-fab-actions{gap:4px}.minimal-fab-action{width:44px;height:44px}.minimal-fab-main{width:52px;height:52px;border-radius:26px}}@media (hover:none) and (pointer:coarse){.minimal-fab-main{width:64px;height:64px;border-radius:32px}.minimal-fab-action{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.minimal-fab-action,.minimal-fab-icon,.minimal-fab-main{transition:none}.minimal-fab-action:hover,.minimal-fab-main:hover{transform:none}}@media print{.minimal-fab-container{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}