@font-face{font-display:swap;font-family:Amiri;font-style:normal;font-weight:400;src:url('./fonts/amiri-v30-arabic_latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Amiri;font-style:normal;font-weight:700;src:url('./fonts/amiri-v30-arabic_latin-700.woff2') format('woff2')}:root{--arabic-scale:1}body{font-family:sans-serif;transition:background-color .3s,color .3s;background-color:#f8fafc;color:#0f172a;scroll-behavior:smooth;overscroll-behavior-y:none}body.dark{background-color:#0f172a;color:#f1f5f9}nav{position:sticky;top:0;z-index:9999!important;background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;transition:background-color .3s,border-color .3s}body.dark nav{background-color:rgba(15,23,42,.95);border-color:#334155}.nav-title-wrapper{position:relative;height:28px;overflow:hidden;width:150px}.nav-title{transition:transform .4s cubic-bezier(.4, 0, .2, 1),opacity .4s;position:absolute;left:0;top:0;white-space:nowrap}.nav-state-app .title-app{transform:translateY(0);opacity:1}.nav-state-app .title-cat{transform:translateY(100%);opacity:0}.nav-state-cat .title-app{transform:translateY(-100%);opacity:0}.nav-state-cat .title-cat{transform:translateY(0);opacity:1}.adhkar-card{background-color:#fff;border:1px solid #e2e8f0;transition:transform .1s ease,background-color .2s;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body.dark .adhkar-card{background-color:#1e293b;border-color:#334155}.card-pressed{transform:scale(.98);border-color:#10b981!important}.arabic-text{font-family:Amiri,serif;line-height:2.2;padding:1rem 0;font-size:calc(1.875rem * var(--arabic-scale));transition:font-size .2s ease}.counter-box{background-color:#ecfdf5;color:#065f46;border:1px solid #d1fae5}body.dark .counter-box{background-color:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}.card-done{border-color:#10b981!important;background-color:#f0fdf4!important}body.dark .card-done{background-color:#064e3b!important;border-color:#059669!important}.details-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.details-content.open{max-height:1000px;padding-top:1rem;border-top:1px solid #f1f5f9}body.dark .details-content.open{border-color:#334155}.card-actions,.card-actions button,.toggle-btn,.verify-link{padding:8px;margin:-4px;position:relative;z-index:10}.fab-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9000!important;pointer-events:none}.fab-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4, 0, .2, 1);opacity:0;transform:translateY(20px);pointer-events:auto}#resetFabBtn{background-color:#f43f5e;color:#fff;transition-delay:50ms}#scrollTopBtn{background-color:#10b981;color:#fff}.fab-container.visible .fab-btn{opacity:1;transform:translateY(0)}.fab-btn:active{transform:scale(.9)}#focusModal{z-index:10001}.ripple{position:absolute;border-radius:50%;background:rgba(16,185,129,.4);transform:scale(0);animation:ripple-anim .6s linear;pointer-events:none}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}.share-menu{position:absolute;bottom:110%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:6px;display:flex;flex-direction:column;gap:4px;z-index:50;min-width:140px;animation:fadeIn .2s ease-out}body.dark .share-menu{background-color:#1e293b;border-color:#334155}.share-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:.875rem;font-weight:500;color:#475569;text-decoration:none;transition:background-color .2s;white-space:nowrap}body.dark .share-item{color:#cbd5e1}body.dark .share-item:hover{background-color:#334155}.share-item:hover{background-color:#f1f5f9}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:640px){.fab-container{bottom:20px;right:20px}.fab-btn{width:44px;height:44px}}body.oled{background-color:#000}body.oled nav{background-color:rgba(0,0,0,.9);border-color:#1a1a1a}body.oled .adhkar-card{background-color:#000;border-color:#333}body.oled .counter-box{background-color:#111;border-color:#222}body.oled #settingsModal .bg-white,body.oled #settingsModal .dark\:bg-slate-800{background-color:#000;border:1px solid #333}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.btn-heart.active svg{fill:#ef4444;stroke:#ef4444;animation:heartPop .3s ease-out}