.app-shell{background:#eef3f0;flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;padding-top:56px;padding-bottom:64px;overflow-y:auto}@media (min-width:1024px){.app-main{padding-top:64px;padding-bottom:0;padding-right:80px}}.app-header{z-index:100;background:linear-gradient(135deg,#338a3e,#1b5e20);height:56px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #1b5e2059}@media (min-width:1024px){.app-header{height:64px}}.app-header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 12px;display:flex}.header-icon-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.header-icon-btn:hover{background:#ffffff4d;transform:scale(1.05)}.header-logo{align-items:center;gap:8px;display:flex}.header-logo-icon{background:#ffffff38;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.header-logo-text{letter-spacing:-.02em;color:#fff;font-size:1.15rem;font-weight:700}.header-logo-text .text-white{color:#fff}.header-logo-text .text-gold{color:#ffd54f}.header-actions{align-items:center;gap:6px;display:flex}.notification-icon{position:relative}.notification-dot{background:#ef4444;border:2px solid #1b5e20;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;position:absolute;top:6px;right:6px}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.hamburger-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;position:fixed;inset:0}.hamburger-backdrop.open{opacity:1;pointer-events:auto}.hamburger-drawer{z-index:201;background:#fff;border-right:1px solid #d0ddd4;flex-direction:column;width:300px;max-width:85vw;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.hamburger-drawer.open{transform:translate(0)}.hamburger-header{background:linear-gradient(135deg,#338a3e,#1b5e20);border-bottom:1px solid #d0ddd4;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.hamburger-header .header-icon-btn{color:#fff;background:#ffffff2e;border-color:#ffffff40}.hamburger-logo{align-items:center;gap:8px;display:flex}.hamburger-logo .header-logo-icon{background:#ffffff38}.hamburger-logo .header-logo-text{color:#fff}.hamburger-logo .header-logo-text .text-gold{color:#ffd54f}.hamburger-nav{flex:1;padding:10px;overflow-y:auto}.hamburger-section-label{color:#7a8a80;letter-spacing:.12em;margin-bottom:2px;padding:8px 12px;font-size:.65rem;font-weight:700}.hamburger-item{color:#3e5043;border-radius:12px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 12px;text-decoration:none;transition:all .25s;display:flex}.hamburger-item:hover{color:#1a2e1f;background:#e8f0eb}.hamburger-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hamburger-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.hamburger-item-label{color:#1a2e1f;font-size:.9rem;font-weight:600}.hamburger-item-desc{color:#7a8a80;margin-top:1px;font-size:.72rem}.hamburger-item-arrow{color:#b0c0b6;flex-shrink:0}.hamburger-footer{border-top:1px solid #d0ddd4;padding:14px 16px}.hamburger-footer-inner{color:#7a8a80;align-items:center;gap:8px;font-size:.75rem;display:flex}.search-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#00000059;justify-content:center;align-items:flex-start;padding-top:72px;transition:opacity .3s;display:flex;position:fixed;inset:0}.search-overlay.open{opacity:1;pointer-events:auto}.search-overlay-content{background:#fff;border:1px solid #d0ddd4;border-radius:20px;width:92%;max-width:560px;padding:8px;transition:all .35s cubic-bezier(.4,0,.2,1);transform:translateY(-20px)scale(.95);box-shadow:0 20px 60px #00000024}.search-overlay-content.open{transform:translateY(0)scale(1)}.search-input-wrapper{background:#f2f7f4;border:1px solid #c5d8cc;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-input-icon{color:#2e7d32;flex-shrink:0}.search-input{color:#1a2e1f;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.search-input::placeholder{color:#7a8a80}.search-close-btn{color:#4a6350;cursor:pointer;background:#e8f0eb;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.search-close-btn:hover{color:#1a2e1f;background:#d0ddd4}.search-suggestions{padding:14px 12px 8px}.search-suggestions-label{color:#7a8a80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem;font-weight:600}.search-tags{flex-wrap:wrap;gap:8px;display:flex}.search-tag{color:#3e5043;cursor:pointer;background:#e8f0eb;border:1px solid #c5d8cc;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.8rem;transition:all .2s}.search-tag:hover{color:#1b5e20;background:#c8e6c9;border-color:#81c784}.prayer-widget{color:#fff;background:linear-gradient(145deg,#388e3c,#2e7d32,#1b5e20);border:none;border-radius:20px;margin:10px 12px;padding:14px 14px 12px;position:relative;overflow:hidden;box-shadow:0 6px 24px #1b5e2059}@media (min-width:1024px){.prayer-widget{border-radius:24px;margin:20px 24px;padding:24px 20px}}.prayer-widget-skeleton{background:#c5d8cc;border-radius:20px;height:240px;margin:10px 12px;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.8}}.prayer-widget-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.prayer-widget-orb{filter:blur(60px);border-radius:50%;position:absolute}.prayer-widget-orb-1{background:#ffffff1f;width:180px;height:180px;top:-50px;right:-30px}.prayer-widget-orb-2{background:#ffffff0f;width:120px;height:120px;bottom:-30px;left:-20px}.prayer-widget-stars{position:absolute;inset:0}.prayer-star{background:#ffffff80;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.prayer-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex;position:relative}@media (min-width:1024px){.prayer-top-row{margin-bottom:20px}}.prayer-date-block{flex-direction:column;gap:1px;display:flex}.prayer-date-day{color:#fff;font-size:.95rem;font-weight:700}.prayer-date-gregorian{color:#ffffffd9;font-size:.72rem}.prayer-date-islamic{color:#ffd54f;font-size:.65rem;font-weight:600}@media (min-width:1024px){.prayer-date-day{font-size:1.1rem}.prayer-date-gregorian{font-size:.8rem}.prayer-date-islamic{font-size:.72rem}}.prayer-weather-block{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.prayer-weather-temp{color:#fff;align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:flex}.prayer-weather-condition{color:#ffffffd9;align-items:center;gap:4px;font-size:.68rem;display:flex}.prayer-weather-location{color:#ffffffb3;align-items:center;gap:3px;font-size:.6rem;display:flex}.prayer-current-time{justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex;position:relative}@media (min-width:1024px){.prayer-current-time{margin-bottom:20px}}.prayer-clock-icon{color:#ffd54f;animation:3s infinite pulse-dot}.prayer-time-display{color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}@media (min-width:1024px){.prayer-time-display{font-size:2.8rem}}.prayer-status-row{align-items:center;gap:8px;margin-bottom:10px;display:flex;position:relative}@media (min-width:1024px){.prayer-status-row{gap:12px;margin-bottom:20px}}.prayer-status-card{text-align:center;border-radius:14px;flex:1;padding:10px}@media (min-width:1024px){.prayer-status-card{border-radius:16px;padding:14px}}.prayer-status-card.current{background:#fff3;border:1px solid #ffffff4d}.prayer-status-card.next{background:#ffd54f2e;border:1px solid #ffd54f59}.prayer-status-label{text-transform:uppercase;letter-spacing:.1em;color:#fffc;justify-content:center;align-items:center;gap:5px;margin-bottom:2px;font-size:.6rem;font-weight:700;display:flex}.prayer-status-dot{border-radius:50%;width:6px;height:6px}.prayer-status-dot.current{background:#a5d6a7;box-shadow:0 0 8px #a5d6a799}.prayer-status-dot.next{background:#ffd54f;box-shadow:0 0 8px #ffd54f99}.prayer-status-name{color:#fff;font-size:1.05rem;font-weight:800}@media (min-width:1024px){.prayer-status-name{font-size:1.2rem}}.prayer-status-time{color:#fffc;margin-top:1px;font-size:.72rem}.prayer-progress-bridge{flex-direction:column;align-items:center;gap:3px;min-width:50px;display:flex}.prayer-progress-track{background:#ffffff2e;border-radius:2px;width:100%;height:3px;overflow:hidden}.prayer-progress-fill{background:linear-gradient(90deg,#a5d6a7,#ffd54f);border-radius:2px;height:100%;transition:width 1s}.prayer-progress-label{color:#ffd54f;white-space:nowrap;font-size:.55rem;font-weight:600}.prayer-times-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:relative}@media (min-width:640px){.prayer-times-grid{grid-template-columns:repeat(6,1fr);gap:8px}}.prayer-time-chip{background:#ffffff1f;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;transition:all .3s;display:flex}@media (min-width:1024px){.prayer-time-chip{border-radius:12px;gap:4px;padding:10px 6px}}.prayer-time-chip:hover{background:#ffffff38;transform:translateY(-2px)}.prayer-time-chip.active-current{background:#ffffff38;border-color:#fff6}.prayer-time-chip.active-next{background:#ffd54f2e;border-color:#ffd54f59}.prayer-chip-icon{color:#fffc}.prayer-time-chip.active-current .prayer-chip-icon{color:#a5d6a7}.prayer-time-chip.active-next .prayer-chip-icon{color:#ffd54f}.prayer-chip-name{color:#ffffffe6;font-size:.65rem;font-weight:700}.prayer-chip-time{color:#ffffffb3;font-size:.58rem;font-weight:500}.daily-cards-section{flex-direction:column;gap:10px;padding:6px 12px 12px;display:flex}@media (min-width:768px){.daily-cards-section{flex-direction:row;gap:16px}}@media (min-width:1024px){.daily-cards-section{padding:8px 24px 24px}}.daily-card{background:#fff;border-radius:16px;flex:1;padding:14px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}@media (min-width:1024px){.daily-card{border-radius:20px;padding:24px 20px}}.daily-card.visible{opacity:1;transform:translateY(0)}.daily-card.hidden{opacity:0;transform:translateY(8px)}.daily-card.ayah-card{border:1px solid #d0e8d4;border-left:4px solid #2e7d32}.daily-card.hadith-card{border:1px solid #ffe0b2;border-left:4px solid #e65100}.daily-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.daily-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}@media (min-width:1024px){.daily-card-header{margin-bottom:12px}}.daily-card-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;font-weight:700;display:flex}.daily-card-badge.ayah{color:#1b5e20;background:#e0f0e4}.daily-card-badge.hadith{color:#bf360c;background:#fff3e0}.daily-card-actions{gap:3px;display:flex}.daily-card-action-btn{color:#7a8a80;cursor:pointer;background:#f2f7f4;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;transition:all .2s;display:flex}@media (min-width:1024px){.daily-card-action-btn{border-radius:8px;width:32px;height:32px}}.daily-card-action-btn:hover{color:#3e5043;background:#d0e8d4}.daily-card-reference{color:#7a8a80;margin-bottom:8px;font-size:.7rem;font-weight:600}@media (min-width:1024px){.daily-card-reference{margin-bottom:16px}}.daily-card-arabic{color:#1a2e1f;margin-bottom:8px;font-size:1.15rem;line-height:1.8}@media (min-width:1024px){.daily-card-arabic{margin-bottom:16px;font-size:1.4rem;line-height:2}}.daily-card-translation{color:#4a6350;margin-bottom:10px;font-size:.8rem;font-style:italic;line-height:1.5}@media (min-width:1024px){.daily-card-translation{margin-bottom:16px;font-size:.88rem;line-height:1.7}}.daily-card-read-more{color:#1b5e20;cursor:pointer;background:#e0f0e4;border:1px solid #81c784;border-radius:10px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .25s;display:inline-flex}.daily-card-read-more:hover{background:#a5d6a7;transform:translate(2px)}.daily-card-read-more.hadith-btn{color:#bf360c;background:#fff3e0;border-color:#ffcc80}.daily-card-read-more.hadith-btn:hover{background:#ffcc80}.bottom-nav-mobile{z-index:90;background:#fff;border-top:1px solid #d0ddd4;justify-content:space-around;align-items:center;height:60px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}@media (min-width:1024px){.bottom-nav-mobile{display:none}}.bottom-nav-item{color:#7a8a80;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;text-decoration:none;transition:all .25s;display:flex;position:relative}.bottom-nav-item.active{color:#1b5e20}.bottom-nav-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:relative}.bottom-nav-icon-wrap.active{color:#1b5e20;background:#e0f0e4}.bottom-nav-active-dot{background:#2e7d32;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px}.bottom-nav-label{letter-spacing:.02em;font-size:.58rem;font-weight:700}.right-sidebar-desktop{display:none}@media (min-width:1024px){.right-sidebar-desktop{z-index:90;background:#fff;border-left:1px solid #d0ddd4;flex-direction:column;align-items:center;gap:8px;width:80px;padding-top:24px;display:flex;position:fixed;top:64px;bottom:0;right:0;box-shadow:-4px 0 16px #0000000a}}.right-sidebar-item{color:#7a8a80;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 8px;text-decoration:none;transition:all .25s;display:flex;position:relative}.right-sidebar-item:hover{color:#4a6350}.right-sidebar-item.active{color:#1b5e20}.right-sidebar-icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.right-sidebar-icon.active{color:#1b5e20;background:#e0f0e4}.right-sidebar-label{letter-spacing:.02em;font-size:.6rem;font-weight:600}.right-sidebar-active-bar{background:#2e7d32;border-radius:2px 0 0 2px;width:3px;height:24px;position:absolute;top:50%;right:0;transform:translateY(-50%)}