@font-face{font-family:Amiri;src:url('../../../fonts/fonts/amiri/Amiri-Regular.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Amiri;src:url('../../../fonts/fonts/amiri/Amiri-Bold.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'Reem Kufi';src:url('../../../fonts/fonts/reem-kufi/ReemKufi-Regular.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Scheherazade New';src:url('../../../fonts/fonts/scheherazad/ScheherazadeNew-4.400/web/ScheherazadeNew-Regular.woff2') format('woff2'),url('../../../fonts/fonts/scheherazad/ScheherazadeNew-4.400/web/ScheherazadeNew-Regular.woff') format('woff'),url('../../../fonts/fonts/scheherazad/ScheherazadeNew-4.400/ScheherazadeNew-Regular.ttf') format('truetype');font-weight:400;font-style:normal}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0;border-radius:0}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:0;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#718096}*{scrollbar-width:thin;scrollbar-color:#4a5568 transparent}body{direction:rtl}.main-content{direction:ltr}:root{--bg-deep:#020a0a;--bg-surface:#0a1414;--sidebar-bg:#050f0f;--primary:#4ff0b7;--primary-dim:rgba(79, 240, 183, 0.1);--primary-glow:rgba(79, 240, 183, 0.4);--gold:#d4af37;--gold-dim:rgba(212, 175, 55, 0.1);--text:#e2e8f0;--text-muted:#8899a6;--border:rgba(255, 255, 255, 0.08);--header-height:60px;--sidebar-width:300px}*{box-sizing:border-box;margin:0;padding:0;outline:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);color:var(--text);font-family:Amiri,serif;min-height:100vh;overflow-x:hidden;padding-top:var(--header-height);direction:rtl}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0;border-radius:0}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:0;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#718096}*{scrollbar-width:thin;scrollbar-color:#4a5568 transparent}.main-content{direction:ltr}.bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("../../../img/patterns/arabesque.png");opacity:.03;pointer-events:none;z-index:0;animation:pulse 10s infinite alternate}@keyframes pulse{0%{opacity:.03}100%{opacity:.05}}.top-navbar{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:rgba(2,10,10,.95);backdrop-filter:blur(12px);z-index:2000;border-bottom:1px solid var(--border);padding:0 20px;display:flex;justify-content:space-between;align-items:center}.menu-toggle{font-size:22px;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.app-logo{display:flex;align-items:center;gap:10px;font-family:Kufam,sans-serif;font-weight:900;font-style:italic;font-size:20px;color:#fff}.nav-actions{display:flex;gap:15px}.action-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:.3s}.action-btn:hover{background:rgba(255,255,255,.1);border-color:var(--primary)}.sidebar{position:fixed;right:0;top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:linear-gradient(180deg,#0a0f0f 0,#000 100%);border-left:1px solid var(--border);z-index:1500;overflow-y:auto;overflow-x:hidden;transition:width .3s cubic-bezier(.4, 0, .2, 1),transform .3s cubic-bezier(.4, 0, .2, 1)}.sidebar.collapsed{width:90px;padding:0!important;display:flex;flex-direction:column;align-items:center}.sidebar.collapsed .nav-links{width:100%;padding:20px 0;margin:0;display:flex;flex-direction:column;align-items:center}.sidebar.collapsed .add-custom-dhikr-btn span,.sidebar.collapsed .category-chevron,.sidebar.collapsed .category-header span,.sidebar.collapsed .dhikr-info,.sidebar.collapsed .dropdown-toggle-btn span,.sidebar.collapsed .group-label,.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .settings-panel,.sidebar.collapsed .toggle-icon{display:none!important}.sidebar.collapsed .dropdown-toggle-btn,.sidebar.collapsed .nav-item{justify-content:center;padding:0;width:50px;height:50px;min-height:50px;border-radius:14px;display:flex;align-items:center;margin:0 0 10px 0;color:var(--text-muted);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.sidebar.collapsed .dropdown-toggle-btn i{margin:0!important}.sidebar.collapsed .dropdown-toggle-btn>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar.collapsed .dhikr-card{justify-content:center;padding:10px 0}.sidebar.collapsed .dhikr-icon{margin:0}.sidebar.collapsed .add-custom-dhikr-btn{justify-content:center;margin:10px 5px}.main-content{margin-right:var(--sidebar-width);padding:40px 50px 100px;min-height:calc(100vh - var(--header-height));transition:margin-right .3s cubic-bezier(.4, 0, .2, 1)}.main-content.expanded{margin-right:90px}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);z-index:1400;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.active{opacity:1;pointer-events:auto}.popup-dismiss-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.popup-dismiss-overlay.active{display:block}.tasbih-hero{background:linear-gradient(135deg,#0f3a3a 0,#020a0a 100%);border-radius:25px;padding:40px;margin-bottom:40px;border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}.tasbih-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(79,240,183,.1),transparent);border-radius:50%;animation:float 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-content{position:relative;z-index:2;text-align:center}.hero-label{font-family:'Reem Kufi';font-size:14px;color:var(--gold);margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.hero-dhikr{font-family:'Scheherazade New';font-size:48px;color:#fff;margin-bottom:15px;text-shadow:0 0 30px rgba(255,255,255,.2);line-height:1.4}.hero-benefit{font-family:Amiri;font-size:16px;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.8}.hero-source-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-family:Tajawal,sans-serif;font-size:12px;color:#fff;margin-bottom:15px;transition:all .3s ease}.hero-source-badge:hover{background:rgba(255,255,255,.1);color:var(--primary);border-color:var(--primary)}.hero-source-badge i{color:var(--gold);font-size:11px}.hero-category-tag{display:inline-block;background:var(--gold-dim);border:1px solid var(--gold);color:var(--gold);padding:6px 15px;border-radius:20px;font-size:13px;font-family:'Reem Kufi';margin-top:15px}.reactor-zone{display:flex;flex-direction:column;align-items:center;gap:40px;margin:60px 0}.reactor-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.reactor-ring{position:absolute;border-radius:50%;border:1px solid var(--border);pointer-events:none}.ring-1{width:100%;height:100%;border-color:rgba(79,240,183,.2);animation:spin 10s linear infinite}.ring-2{width:85%;height:85%;border-style:dashed;border-color:rgba(212,175,55,.3);animation:spin 15s linear infinite reverse}@keyframes spin{100%{transform:rotate(360deg)}}.progress-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.progress-circle{fill:none;stroke:var(--primary);stroke-width:6;stroke-dasharray:754;stroke-dashoffset:754;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 8px var(--primary))}.tasbih-btn{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1a2525,#000);border:3px solid var(--primary);box-shadow:0 0 40px var(--primary-dim),inset 0 0 30px rgba(0,0,0,.9);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .1s cubic-bezier(.4, 0, .2, 1);z-index:10;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}.tasbih-btn:active{transform:scale(.95);box-shadow:0 0 60px var(--primary-glow),inset 0 0 20px rgba(0,0,0,.5);border-color:#fff}.tasbih-btn.is-pressed{transform:scale(.95);box-shadow:0 0 60px var(--primary-glow),inset 0 0 20px rgba(0,0,0,.5);border-color:#fff}.bottom-controls{position:fixed;left:12px;right:12px;bottom:16px;z-index:1300;background:rgba(2,10,10,.92);border:1px solid var(--border);border-radius:18px;padding:10px 12px;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 14px 40px rgba(0,0,0,.45);direction:rtl}.bottom-controls .dhikr-mini{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:2px 4px}.bottom-controls .dhikr-mini .label{font-family:Tajawal,sans-serif;font-size:12px;color:var(--gold);font-weight:500;margin-bottom:2px}.bottom-controls .dhikr-mini .text{font-family:Amiri,serif;font-size:16px;color:#fff;font-weight:600;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4;word-break:break-word;text-shadow:none}@media (min-width:769px){.bottom-controls .dhikr-mini{flex-direction:row;align-items:center;gap:8px}.bottom-controls .dhikr-mini .label{font-size:14px;margin:0}.bottom-controls .dhikr-mini .text{font-size:16px;font-weight:600;white-space:normal;overflow:visible;text-overflow:clip;max-width:none;text-shadow:none;color:#fff;line-height:1.3}.bottom-controls .dhikr-mini .label::after{content:' / ';color:var(--gold);font-weight:700}}.bottom-controls .controls{display:flex;align-items:center;gap:8px;flex-shrink:0;direction:ltr}.bottom-controls .control-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.bottom-controls .control-btn:hover{background:rgba(255,255,255,.08);border-color:var(--primary);color:var(--primary)}.bottom-controls .control-btn:active{transform:scale(.97)}.bottom-controls .control-btn i{font-size:18px}.bottom-controls .control-btn.playing{background:rgba(79,240,183,.2)!important;border-color:var(--primary)!important;color:var(--primary)!important;animation:soundPulse 1.5s infinite}@keyframes soundPulse{0%{box-shadow:0 0 0 0 rgba(79,240,183,.4)}70%{box-shadow:0 0 0 10px rgba(79,240,183,0)}100%{box-shadow:0 0 0 0 rgba(79,240,183,0)}}@media (max-width:768px){.bottom-controls{bottom:86px}}.completion-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:10001;display:none;align-items:center;justify-content:center;padding:20px}.completion-overlay.active{display:flex}.completion-card{width:100%;max-width:520px;background:linear-gradient(180deg,rgba(20,20,20,.92),rgba(0,0,0,.96));border:1px solid rgba(255,215,0,.35);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.8)}.completion-card .icon{font-size:48px;color:gold;margin-bottom:10px}.completion-card h3{font-family:'Reem Kufi',sans-serif;font-size:20px;color:#fff;margin:0 0 8px}.completion-card p{font-family:Amiri,serif;font-size:16px;color:#e2e8f0;margin:0 0 14px;line-height:1.8}.completion-card .quote{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 14px;margin-top:12px;font-family:Tajawal,sans-serif;font-size:14px;color:#d0d7de;line-height:1.8}.completion-card .done-btn{margin-top:16px;width:100%;padding:12px 14px;border-radius:16px;border:none;cursor:pointer;font-family:'Reem Kufi',sans-serif;font-size:15px;font-weight:700;background:linear-gradient(135deg,gold,#d4af37);color:#000;transition:.2s}.completion-card .done-btn:active{transform:scale(.99)}.counter-val{font-family:'Reem Kufi';font-size:72px;font-weight:700;color:#fff;margin-bottom:5px;text-shadow:0 4px 20px rgba(0,0,0,.8);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:inline-block;min-width:4ch;text-align:center}.counter-label{font-family:Amiri;font-size:15px;color:var(--primary);margin-top:8px;z-index:2}.ripple{position:absolute;background:rgba(255,255,255,.4);border-radius:50%;transform:scale(0);animation:ripple-anim .6s linear;pointer-events:none}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}.copy-pill{position:absolute;top:20px;left:20px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);cursor:pointer;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px 0 10px;transition:all .2s ease;outline:0;font-family:Tajawal,sans-serif;overflow:hidden;color:var(--text-muted);backdrop-filter:blur(4px);z-index:10}@media (max-width:768px){.copy-pill{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:10px;padding:0;justify-content:center;background:rgba(255,255,255,.02);border:1.5px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.copy-pill .pill-icon-wrap{width:20px;height:20px}.copy-pill .pill-text{display:none}.copy-pill .pill-icon-wrap svg{width:20px;height:20px}}.copy-pill:hover{border-color:var(--gold);background:rgba(255,255,255,.1);color:#fff}.copy-pill .pill-icon-wrap{position:relative;width:18px;height:18px;flex-shrink:0}.copy-pill .pill-icon-wrap svg{position:absolute;top:0;left:0}.copy-pill .pill-copy-icon{opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.copy-pill.copied .pill-copy-icon{opacity:0;transform:scale(.5)}.copy-pill .pill-check-icon{opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.copy-pill.copied .pill-check-icon{opacity:1;transform:scale(1)}.copy-pill .pill-check-icon .check-path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .4s cubic-bezier(.4, 0, .2, 1) .1s}.copy-pill.copied .pill-check-icon .check-path{stroke-dashoffset:0}.pill-text{position:relative;height:20px;width:50px;overflow:hidden;text-align:right}.pill-text span{display:block;font-size:12px;font-weight:700;line-height:20px;transition:all .3s cubic-bezier(.4, 0, .2, 1);white-space:nowrap}.pill-text .text-copy{transform:translateY(0)}.pill-text .text-copied{position:absolute;top:0;right:0;transform:translateY(20px)}.copy-pill.copied{border-color:#4ff0b7;background:rgba(79,240,183,.1)}.copy-pill.copied .text-copy{transform:translateY(-20px)}.copy-pill.copied .text-copied{transform:translateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:25px;text-align:center;position:relative;overflow:hidden;transition:all .3s}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(0,0,0,.4)}.stat-icon{width:50px;height:50px;border-radius:15px;background:var(--primary-dim);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 15px}.stat-value{font-family:'Reem Kufi';font-size:32px;font-weight:700;color:#fff;margin-bottom:5px}.stat-label{font-size:14px;color:var(--text-muted)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.sidebar::-webkit-scrollbar-thumb{background:rgba(79,240,183,.3);border-radius:10px}.nav-links{padding:20px 15px}.dropdown-toggle-btn{display:flex;align-items:center;padding:12px 15px;cursor:pointer;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid var(--border);color:var(--gold);border-radius:12px;margin-bottom:15px;font-weight:700;font-size:14px;justify-content:space-between;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3);font-family:'Reem Kufi'}.dropdown-toggle-btn:hover{border-color:var(--gold);box-shadow:0 0 15px rgba(212,175,55,.2)}.toggle-icon{transition:transform .3s}.dropdown-toggle-btn.active .toggle-icon{transform:rotate(180deg)}.global-nav-links{overflow:hidden;max-height:0;opacity:0;background:rgba(20,20,20,.5);border-radius:12px;transition:all .4s cubic-bezier(.25, 1, .5, 1);margin-bottom:15px}.global-nav-links.expanded{max-height:500px;opacity:1;border:1px solid rgba(255,255,255,.08)}.nav-item{font-size:14px;padding:12px 20px;color:#ccc;display:flex;align-items:center;gap:15px;font-family:Amiri,serif;cursor:pointer;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.03);transition:.2s}.nav-item:hover{background:linear-gradient(90deg,rgba(79,240,183,.15),transparent);color:#fff}.nav-label{color:#666;font-size:12px;font-family:'Reem Kufi';margin:20px 10px 15px 10px;position:relative;display:flex;align-items:center;gap:10px}.nav-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.category-section{margin-bottom:20px}.category-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;cursor:pointer;background:rgba(255,255,255,.02);border-radius:10px;margin-bottom:10px;transition:.3s}.category-header:hover{background:rgba(79,240,183,.05)}.category-title{display:flex;align-items:center;gap:10px;font-family:Amiri,serif;font-size:16px;color:var(--text);font-weight:700}.category-icon{width:30px;height:30px;background:var(--primary-dim);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px}.category-chevron{transition:transform .3s;color:var(--text-muted)}.category-header.active .category-chevron{transform:rotate(180deg)}.category-items{max-height:0;overflow:hidden;transition:max-height .3s ease}.category-items.expanded{max-height:2000px}.dhikr-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.dhikr-card::before{content:'';position:absolute;right:0;top:0;width:4px;height:100%;background:var(--primary);transform:scaleY(0);transition:transform .3s}.dhikr-card:hover{background:var(--primary-dim);border-color:var(--primary);transform:translateX(-5px)}.dhikr-card:hover::before{transform:scaleY(1)}.dhikr-card.active{background:var(--primary-dim);border-color:var(--primary);border-right:3px solid var(--primary)}.dhikr-card.active::before{transform:scaleY(1)}.dhikr-icon{width:38px;height:38px;flex-shrink:0;background:rgba(0,0,0,.3);border:1px solid var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary)}.dhikr-info{flex:1}.dhikr-name{font-family:Amiri,serif;font-size:16px;color:#e2e8f0;font-weight:700;margin-bottom:3px;line-height:1.5}.dhikr-count{font-family:Amiri,serif;font-size:13px;color:var(--text-muted)}.delete-custom-btn{position:absolute;top:8px;left:8px;background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);border-radius:6px;color:#ff4757;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.3s;font-size:12px}.dhikr-card{position:relative}.dhikr-card:hover .delete-custom-btn{opacity:1}.delete-custom-btn:hover{background:rgba(255,71,87,.2);transform:scale(1.1)}.settings-panel{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:15px;padding:15px;margin-bottom:20px}.settings-title{font-family:'Reem Kufi';font-size:15px;color:var(--gold);margin-bottom:15px;display:flex;align-items:center;gap:8px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:rgba(0,0,0,.2);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:.3s}.setting-item:hover{background:rgba(79,240,183,.05)}.setting-label{font-family:Amiri,serif;font-size:15px;color:var(--text);display:flex;align-items:center;gap:8px}.toggle-switch{width:40px;height:22px;background:rgba(255,255,255,.1);border-radius:20px;position:relative;transition:.3s}.toggle-switch.active{background:var(--primary)}.toggle-switch::after{content:'';width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.3s}.toggle-switch.active::after{left:20px}.reset-btn{width:100%;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-family:Amiri,serif;font-size:14px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.reset-btn:hover{background:rgba(255,255,255,.1);border-color:var(--primary);color:var(--primary)}.add-custom-dhikr-btn{width:calc(100% - 45px);padding:12px;background:linear-gradient(135deg,var(--primary-dim),rgba(79,240,183,.1));border:1px solid var(--primary);border-radius:12px;color:var(--primary);font-family:Amiri,serif;font-size:15px;font-weight:700;cursor:pointer;margin:0 15px 15px 30px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.add-custom-dhikr-btn:hover{background:linear-gradient(135deg,rgba(79,240,183,.2),var(--primary-dim));transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-dim)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:center;justify-content:center;animation:fadeIn .3s}.modal-overlay.active{display:flex}.custom-modal{background:linear-gradient(180deg,#0f1419 0,#000 100%);border:1px solid var(--border);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:slideUp .3s}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:'Reem Kufi';font-size:18px;color:var(--primary);display:flex;align-items:center;gap:10px;margin:0}.modal-close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted);width:35px;height:35px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:rgba(255,71,87,.1);border-color:#ff4757;color:#ff4757}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:Amiri,serif;font-size:15px;color:var(--text);margin-bottom:8px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:12px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:Amiri,serif;font-size:15px;resize:vertical;transition:.3s}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--primary);background:rgba(79,240,183,.05)}.modal-footer{padding:15px 20px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:10px 20px;border-radius:10px;font-family:Amiri,serif;font-size:14px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:6px;font-weight:700}.cancel-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:var(--text-muted)}.cancel-btn:hover{background:rgba(255,255,255,.1);color:var(--text)}.save-btn{background:linear-gradient(135deg,var(--primary),#00d9a3);border:none;color:#000}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-dim)}.night-mode-active .bg-pattern{opacity:.01}.night-mode-active .tasbih-hero{background:linear-gradient(135deg,#0a0f1f 0,#000 100%)}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1s}.night-mode-active .stars-container{opacity:1}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){:root{--header-height:56px}.top-navbar{padding:0 12px}.nav-actions{gap:8px}.action-btn{width:36px;height:36px}.menu-toggle{width:36px;height:36px;font-size:20px}.app-logo{gap:8px}.app-logo i{font-size:20px!important}.app-logo span{font-size:15px!important;font-weight:800;white-space:nowrap}.main-content{margin-right:0;padding:20px 15px 100px}.sidebar{transform:translateX(100%)}.sidebar.active{transform:translateX(0)}.tasbih-hero{padding:30px 20px}.hero-dhikr{font-size:32px}.reactor-container{width:250px;height:250px}.tasbih-btn{width:200px;height:200px}.counter-val{font-size:56px}.stats-grid{grid-template-columns:1fr 1fr;gap:15px}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:70px;background:rgba(2,10,10,.98);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:1000;padding:0 20px;justify-content:space-around;align-items:center}.nav-btn-mobile{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-muted);cursor:pointer;transition:.3s;padding:10px}.nav-btn-mobile.active{color:var(--primary)}.nav-btn-mobile i{font-size:20px}.nav-btn-mobile span{font-size:11px;font-family:'Reem Kufi'}@media (max-width:768px){.mobile-nav{display:flex}}.settings-title.collapsible{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:.3s}.settings-title.collapsible:hover{color:var(--primary)}.toggle-icon{transition:transform .3s;font-size:12px}.settings-title.collapsed .toggle-icon{transform:rotate(-90deg)}.panel-content{max-height:1000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.panel-content.collapsed{max-height:0;opacity:0}:root{--glass-bg:rgba(20, 23, 30, 0.85);--glass-border:rgba(255, 255, 255, 0.08);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.37);--accent-gradient:linear-gradient(135deg, #4ff0b7 0%, #2bb382 100%);--text-primary:#ffffff;--border-radius:24px;--transition-speed:0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}.sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:10000;display:none;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s ease}.sheet-overlay.active{display:flex;opacity:1}.bottom-sheet{width:100%;max-width:600px;background:linear-gradient(180deg,#0a0f0f 0,#000 100%);border-top:1px solid rgba(212,175,55,.2);box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 40px rgba(212,175,55,.08);border-radius:24px 24px 0 0;padding:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.sheet-overlay.active .bottom-sheet{transform:translateY(0)}.sheet-handle-bar{width:100%;height:25px;display:flex;align-items:center;justify-content:center;cursor:grab;flex-shrink:0}.sheet-handle{width:40px;height:5px;background:rgba(255,255,255,.2);border-radius:10px;transition:.3s}.bottom-sheet:hover .sheet-handle{background:rgba(255,255,255,.4);width:50px}.sheet-header{padding:0 25px 15px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:2}.sheet-header h3{font-family:Kufam,sans-serif;font-size:20px;font-weight:900;font-style:italic;color:#fff;margin:0;display:flex;align-items:center;gap:12px;text-shadow:0 0 20px rgba(212,175,55,.3)}.sheet-header h3 i{color:var(--gold);text-shadow:0 0 15px rgba(212,175,55,.5)}.sheet-content{padding:20px 25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent;overscroll-behavior:contain;position:relative;z-index:2;flex:1;max-height:calc(85vh - 150px)}.sheet-content::-webkit-scrollbar{width:6px}.sheet-content::-webkit-scrollbar-track{background:0 0;margin:5px}.sheet-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px;background-clip:padding-box}.sheet-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.mode-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;transition:.3s;cursor:pointer;position:relative;overflow:hidden}.mode-card:hover{background:rgba(255,255,255,.06);transform:translateX(-5px)}.mode-card.active{background:linear-gradient(90deg,rgba(79,240,183,.1) 0,transparent 100%);border-color:var(--primary)}.mode-info{display:flex;align-items:center;gap:15px}.mode-icon-box{width:45px;height:45px;background:rgba(0,0,0,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted);transition:.3s}.sidebar.collapsed .nav-links{padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.sidebar.collapsed #globalNavToggle,.sidebar.collapsed .add-custom-dhikr-btn,.sidebar.collapsed .category-chevron,.sidebar.collapsed .category-header span,.sidebar.collapsed .category-items,.sidebar.collapsed .dhikr-info,.sidebar.collapsed .dropdown-toggle-btn i:last-child,.sidebar.collapsed .dropdown-toggle-btn span,.sidebar.collapsed .group-label,.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .panel-content,.sidebar.collapsed .settings-title .toggle-icon,.sidebar.collapsed .settings-title span,.sidebar.collapsed .toggle-icon{display:none!important}.sidebar.collapsed #globalNavLinks .nav-item:not(:first-child){display:none!important}.sidebar.collapsed .category-header,.sidebar.collapsed .settings-panel,.sidebar.collapsed .settings-title{display:flex!important;justify-content:center;align-items:center}.sidebar.collapsed .category-section{margin-bottom:10px;width:100%;display:flex;justify-content:center}.sidebar.collapsed .category-section,.sidebar.collapsed .settings-panel{background:0 0!important;padding:0!important;margin:0 0 10px 0!important;border:none!important;width:50px!important;height:50px!important}.sidebar.collapsed .category-header,.sidebar.collapsed .settings-title{width:50px!important;height:50px!important;border-radius:14px;padding:0!important;margin:0!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.05)!important;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;box-shadow:none!important;display:flex!important;justify-content:center;align-items:center}.sidebar.collapsed .category-icon,.sidebar.collapsed .nav-item img,.sidebar.collapsed .settings-title i{color:var(--text-muted)!important;transition:color .3s}.sidebar.collapsed #globalNavLinks .nav-item:first-child img{color:gold!important;filter:drop-shadow(0 0 8px rgba(255, 215, 0, .4))}.sidebar.collapsed #globalNavLinks .nav-item:first-child{border-color:rgba(255,215,0,.3)!important;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(0,0,0,0))!important}.sidebar.collapsed .category-header:hover,.sidebar.collapsed .nav-item:hover,.sidebar.collapsed .settings-title:hover{background:var(--primary-dim)!important;border-color:var(--primary)!important}.sidebar.collapsed .category-header:hover .category-icon,.sidebar.collapsed .nav-item:hover img,.sidebar.collapsed .settings-title:hover i{color:var(--primary)!important;transform:scale(1.1)}.sidebar.collapsed .category-title{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0!important;padding:0!important}.sidebar.collapsed .category-icon{margin:0!important;font-size:22px!important;display:flex;justify-content:center;align-items:center;width:auto!important;height:auto!important}.sidebar.collapsed #globalNavLinks{display:flex!important;flex-direction:column;gap:12px;height:auto!important;max-height:none!important;opacity:1!important;padding:0!important;width:100%;align-items:center;margin:0!important;background:0 0!important}.sidebar.collapsed .nav-item{width:50px;height:50px;min-height:50px;border-radius:14px;display:flex!important;justify-content:center;align-items:center;padding:0!important;margin:0!important;color:var(--text-muted);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.sidebar.collapsed .nav-item:hover{background:var(--primary-dim);color:var(--primary);border-color:var(--primary);box-shadow:0 5px 15px rgba(0,0,0,.3)}.sidebar.collapsed .nav-item.active{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary)}.sidebar.collapsed .nav-item img{font-size:24px!important;margin:0!important}.sidebar.collapsed .nav-item::after{content:attr(data-title);position:absolute;right:65px;background:rgba(10,10,15,.95);color:#fff;padding:8px 14px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;transform:translateX(10px);border:1px solid var(--border);font-family:Tajawal,sans-serif;box-shadow:0 4px 15px rgba(0,0,0,.5);z-index:10000}.sidebar.collapsed .nav-item:hover::after{opacity:1;transform:translateX(0)}.mode-card.active .mode-icon-box{background:var(--primary);color:#000;box-shadow:0 0 15px var(--primary)}.mode-text h4{margin:0 0 4px 0;font-family:Cairo,sans-serif;font-size:16px;color:var(--text-primary)}.mode-text p{margin:0;font-family:Tajawal,sans-serif;font-size:12px;color:var(--text-muted)}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:10px 0}.share-item{background:rgba(255,255,255,.03);border-radius:20px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:.3s;border:1px solid transparent}.share-item:hover{background:rgba(255,255,255,.08);transform:translateY(-5px);border-color:rgba(255,255,255,.1)}.share-icon{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));box-shadow:0 8px 16px rgba(0,0,0,.2);transition:.3s}.share-item:hover .share-icon{transform:scale(1.1) rotate(5deg)}.share-label{font-family:Tajawal,sans-serif;font-size:13px;font-weight:700;color:var(--text-primary);text-align:center}.section-title{font-family:Rakkas,serif;font-size:18px;color:var(--primary);margin-bottom:15px;display:flex;align-items:center;gap:10px}.sheet-handle-wrapper{width:100%;height:25px;display:flex;align-items:center;justify-content:center;cursor:grab;flex-shrink:0}.sheet-handle{width:40px;height:5px;background:rgba(255,255,255,.2);border-radius:10px;transition:.3s}.sheet-handle-wrapper:hover .sheet-handle{background:rgba(255,255,255,.4);width:50px}.sheet-islamic-header{position:relative;width:100%;height:100px;background:linear-gradient(135deg,#1a0f00 0,#0d1a15 50%,#1a0f00 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sheet-islamic-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='0.8'%3E%3Cpolygon points='40,8 50,20 62,20 54,30 58,42 46,36 40,46 34,36 22,42 26,30 18,20 30,20'/%3E%3Ccircle cx='40' cy='40' r='35'/%3E%3Ccircle cx='40' cy='40' r='25'/%3E%3Cline x1='40' y1='5' x2='40' y2='75'/%3E%3Cline x1='5' y1='40' x2='75' y2='40'/%3E%3Cline x1='12' y1='12' x2='68' y2='68'/%3E%3Cline x1='68' y1='12' x2='12' y2='68'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.sheet-islamic-icon{position:relative;z-index:2;color:var(--gold);font-size:28px;text-shadow:0 0 20px rgba(212,175,55,.5);font-family:Amiri,serif}.sheet-corner-ornament{position:absolute;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2,2 L10,2 L10,6 L6,6 L6,10 L2,10 Z M28,2 L20,2 L20,6 L24,6 L24,10 L28,10 Z M2,28 L10,28 L10,24 L6,24 L6,20 L2,20 Z M28,28 L20,28 L20,24 L24,24 L24,20 L28,20 Z' fill='%23d4af37' opacity='0.3'/%3E%3C/svg%3E");background-size:contain;z-index:3}.sheet-corner-ornament.top-left{top:10px;left:10px}.sheet-corner-ornament.top-right{top:10px;right:10px;transform:scaleX(-1)}.sheet-body{padding:0!important;width:100%;display:flex;flex-direction:column;height:100%}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:12px 0}.sheet-section-label{font-size:10px;font-family:Kufam,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;padding:8px 15px 4px;display:flex;align-items:center;gap:6px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;border-radius:0;padding:15px 20px;color:var(--text);font-size:14px;font-family:Kufam,sans-serif;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .2s}.dropdown-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.03)}.dropdown-item{margin:0 10px 5px 10px}.dropdown-item:hover{background:rgba(255,255,255,.04)}.item-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-left:10px}.dropdown-item.item-settings .item-icon{background:rgba(79,240,183,.1);color:var(--primary)}.dropdown-item.item-theme .item-icon{background:rgba(212,175,55,.1);color:var(--gold)}.dropdown-item.item-notifications .item-icon{background:rgba(96,165,250,.1);color:#60a5fa}.dropdown-item.item-language .item-icon{background:rgba(167,139,250,.1);color:#a78bfa}.dropdown-item.item-about .item-icon{background:rgba(251,191,36,.1);color:#fbbf24}.dropdown-item.item-share .item-icon{background:rgba(52,211,153,.1);color:#34d399}.dropdown-item.logout .item-icon{background:rgba(255,107,107,.1);color:var(--danger)}.item-text-group{flex:1;display:flex;flex-direction:column}.item-label{font-weight:600;font-size:14px}.item-desc{font-size:11px;color:var(--text-muted)}.item-arrow{font-size:12px;color:var(--text-muted);transition:transform .3s}.dropdown-item:hover .item-arrow{transform:translateX(-3px)}.sheet-toggle{position:relative;display:inline-block;width:42px;height:24px}.sheet-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.1);transition:.3s;border-radius:24px;border:1px solid rgba(255,255,255,.2)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}input:checked+.toggle-slider:before{transform:translateX(18px)}.dropdown-footer{text-align:center;padding:14px 20px 18px;border-top:1px solid var(--border);margin-top:10px}.footer-brand-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.footer-brand{color:var(--gold);font-size:13px;font-weight:700;font-family:Kufam,sans-serif;font-style:italic;display:flex;align-items:center;gap:8px}.footer-version{font-size:11px;color:var(--text-muted);font-family:Outfit,sans-serif;background:rgba(255,255,255,.05);padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.footer-dua{font-size:14px;color:#fff;font-family:Amiri,serif;font-weight:700;line-height:1.6;text-align:center;padding:8px 0;text-shadow:0 0 10px rgba(255,255,255,.2)}.sheet-close-btn{position:absolute;top:15px;left:15px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;z-index:10}.sheet-close-btn:hover{background:rgba(255,107,107,.1);color:#ff6b6b;border-color:rgba(255,107,107,.3);transform:rotate(90deg)}.section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--primary-dim),transparent)}.fonts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:25px}.font-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;text-align:center;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.font-card:hover{border-color:var(--primary);box-shadow:0 5px 15px rgba(0,0,0,.3)}.font-card.active{background:linear-gradient(135deg,rgba(79,240,183,.2),rgba(79,240,183,.05));border-color:var(--primary)}.font-preview-text{font-size:22px;margin-bottom:5px;color:#fff}.font-name{font-size:12px;color:var(--text-muted);font-family:Tajawal,sans-serif}.colors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:5px}.palette-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:6px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.palette-card.active{border-color:var(--primary);background:rgba(255,255,255,.07);box-shadow:0 0 20px rgba(0,0,0,.2)}.palette-preview{height:70px;border-radius:12px;margin-bottom:8px;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.palette-circle{width:24px;height:24px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2)}.palette-name{display:block;text-align:center;font-family:Tajawal;font-size:12px;color:var(--text-muted);font-weight:500}.palette-card.active .palette-name{color:#fff}.mode-card.active .toggle-switch{background:var(--primary)}.mode-card.active .toggle-switch::after{left:20px}.mode-card.locked{opacity:.6;filter:grayscale(1);cursor:not-allowed;position:relative}.mode-card.locked::after{content:'\f023';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;background:rgba(0,0,0,.5);padding:15px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}body.focus-mode .menu-toggle,body.focus-mode .mobile-nav,body.focus-mode .nav-actions,body.focus-mode .sidebar,body.focus-mode .stats-grid,body.focus-mode .top-navbar{display:none!important}body.focus-mode .main-content{margin-right:0;padding:20px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}body.focus-mode .tasbih-hero{margin:0;width:100%;max-width:600px;border:none;background:0 0;box-shadow:none}body.focus-mode .tasbih-hero::before{display:none}body.focus-mode .hero-content{text-align:center}body.focus-mode .reactor-zone{margin:0;transform:scale(1.2)}body.focus-mode::before{content:'خروج من وضع التركيز';position:fixed;top:20px;left:20px;background:rgba(255,255,255,.1);padding:10px 20px;border-radius:20px;cursor:pointer;z-index:9999;color:#fff;font-family:Tajawal;font-size:12px}body.qiyam-mode{--primary:#ffd700;--primary-dim:rgba(255, 215, 0, 0.1);--text:#fff}body.qiyam-mode .tasbih-hero{border-color:gold;box-shadow:0 0 30px rgba(255,215,0,.1)}body.qiyam-mode .star{background:gold!important;box-shadow:0 0 6px gold;will-change:opacity,transform;animation:twinkle-gold 3s infinite ease-in-out}@keyframes twinkle-gold{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.copy-btn{position:relative;width:40px;height:40px;border:none;background:0 0;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;outline:0;-webkit-tap-highlight-color:transparent}.copy-btn.bordered{border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.02)}.copy-btn.bordered:hover{border-color:var(--primary);background:rgba(79,240,183,.05)}.copy-btn.bordered.copied{border-color:var(--primary);background:rgba(79,240,183,.1)}.copy-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-check,.icon-copy{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.icon-copy{opacity:1;transform:translate(-50%,-50%) scale(1);stroke:var(--text-muted)}.copy-btn:hover .icon-copy{stroke:#fff}.copy-btn.copied .icon-copy{opacity:0;transform:translate(-50%,-50%) scale(.6)}.icon-check{opacity:0;transform:translate(-50%,-50%) scale(.6);stroke:var(--primary)}.copy-btn.copied .icon-check{opacity:1;transform:translate(-50%,-50%) scale(1)}.check-path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .4s cubic-bezier(.4, 0, .2, 1) .15s}.copy-btn.copied .check-path{stroke-dashoffset:0}@keyframes micro-bounce{0%{transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}100%{transform:translate(-50%,-50%) scale(1)}}.copy-btn.copied .icon-check.bounce{animation:micro-bounce .4s cubic-bezier(.4,0,.2,1)}.dropdown-item{gap:15px}