:root{--primary-color:#0d7377;--primary-dark:#0a5c5f;--secondary-color:#14213d;--accent-color:#fca311;--success-color:#2d6a4f;--danger-color:#d62828;--warning-color:#f77f00;--light-color:#f0f2f4;--dark-color:#212529;--gray-color:#6c757d;--border-color:#e9ecef;--shadow:0 2px 8px #00000014;--transition:all 0.3s ease;--bg-color:#f8f9fa;--text-color:#212529;--card-bg:#fff;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-arabic:"Amiri","Traditional Arabic","Arabic Typesetting",serif}[data-theme=dark]{--primary-color:#14a085;--primary-dark:#0d7377;--secondary-color:#e5e5e5;--accent-color:#ffd60a;--success-color:#52b788;--danger-color:#ef476f;--warning-color:#fca311;--bg-color:#0f1419;--text-color:#e9ecef;--card-bg:#1a1f26;--border-color:#2d3748;--gray-color:#718096;--light-color:#252c36;--shadow:0 2px 8px #0006}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;background-color:#f8f9fa;background-color:var(--bg-color);color:#212529;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.main-content{flex:1 1;padding-bottom:2rem}h1,h2,h3,h4,h5,h6{color:#14213d;color:var(--secondary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:1rem}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{line-height:1.65;margin-bottom:1rem}a{color:#0d7377;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#0a5c5f;color:var(--primary-dark)}.arabic-text,.surah-arabic,[lang=ar]{direction:rtl;font-family:Amiri,Traditional Arabic,Arabic Typesetting,serif;font-family:var(--font-arabic);font-size:1.15em;line-height:1.8;text-align:right}.card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 4px 12px #0d737726}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h3{margin:0}.form-group{margin-bottom:1.5rem}label{color:#14213d;color:var(--secondary-color);display:block;font-weight:500;margin-bottom:.5rem}input,select,textarea{background-color:#fff;background-color:var(--card-bg);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:4px;color:#212529;color:var(--text-color);font-size:1rem;padding:.75rem;transition:all .3s ease;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#0d7377;border-color:var(--primary-color);box-shadow:0 0 0 3px #0d737726;outline:none}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1 1;margin-bottom:0}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#0d7377;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#0a5c5f;background-color:var(--primary-dark);color:#fff}.btn-secondary{background-color:#6c757d;background-color:var(--gray-color);color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#d62828}.btn-danger:hover{background-color:#c0392b}.btn-success{background-color:#2d6a4f;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#27ae60}.btn-outline-primary{background-color:initial;border:1px solid #0d7377;border:1px solid var(--primary-color);color:#0d7377;color:var(--primary-color)}.btn-outline-primary:hover{background-color:#0d7377;background-color:var(--primary-color);color:#fff}.btn-full{width:100%}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.dashboard{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.stat-card{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:1.5rem}.stat-card h3{color:#6c757d;color:var(--gray-color);font-size:1rem;margin-bottom:.5rem}.stat-value{color:#14213d;color:var(--secondary-color);font-size:2rem;font-weight:700}.stat-change{font-size:.875rem;margin-top:auto}.stat-change.positive{color:#2d6a4f;color:var(--success-color)}.stat-change.negative{color:#d62828;color:var(--danger-color)}.loader-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loader{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.not-found{padding:4rem 1rem;text-align:center}.not-found h1{color:#0d7377;color:var(--primary-color);font-size:6rem;margin-bottom:0}.not-found h2{margin-bottom:1.5rem}.not-found p{color:#6c757d;color:var(--gray-color);margin-bottom:2rem}.footer{background-color:#fff;background-color:var(--card-bg);border-top:1px solid #e9ecef;border-top:1px solid var(--border-color);margin-top:auto;padding:1.5rem 0}.footer p{color:#6c757d;color:var(--gray-color);margin:0;text-align:center}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.dashboard{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}.sign-in-btn{background-color:#0d73771a;border-radius:6px;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.sign-in-btn:hover{background-color:#0d737733}[data-theme=dark] .sign-in-btn{background-color:#14a08526}[data-theme=dark] .sign-in-btn:hover{background-color:#14a08540}.home-container{padding:2rem 0}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:var(--secondary-color);font-size:1.85rem;font-weight:700;line-height:1.2;margin:0}.subtitle{color:var(--gray-color);font-size:.9rem;margin:.35rem 0 0}.stats-badge{align-items:center;background:#0d73771a;border:1px solid #0d737740;border-radius:20px;color:var(--primary-color);display:inline-flex;flex-direction:row;flex-shrink:0;gap:.4rem;padding:.4rem .85rem}.stat-number{font-size:.95rem;font-weight:700;line-height:1}.stat-label{font-size:.85rem;font-weight:500;opacity:.85}.home-tabs{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:1.5rem}.home-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--gray-color);cursor:pointer;display:inline-flex;font:600 .95rem/1 inherit;gap:.45rem;margin-bottom:-1px;padding:.7rem 1.5rem;transition:color .2s,border-color .2s}.home-tab-btn.active,.home-tab-btn:hover{color:var(--primary-color)}.home-tab-btn.active{border-bottom-color:var(--primary-color)}.tab-icon{align-items:center;display:flex}.tab-content{animation:tabIn .2s ease;padding-top:1rem}@keyframes tabIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.search-container{margin-bottom:2rem}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:1rem;pointer-events:none}.search-clear,.search-icon{font-size:1.25rem;position:absolute}.search-clear{background:none;border:none;color:var(--gray-color);cursor:pointer;padding:.25rem;right:1rem;transition:var(--transition)}.search-clear:hover{color:var(--danger-color)}.search-input{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #0d73771a;outline:none}.surah-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.surah-card{grid-gap:1rem;align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:inherit;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;min-height:88px;overflow:hidden;padding:1rem 1.25rem;position:relative;text-decoration:none;transition:all .25s ease}.surah-card:before{background:linear-gradient(180deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease;width:3px}.surah-card:hover{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color),0 6px 28px #0d737738;transform:translateY(-2px)}.surah-card:hover:before{transform:scaleY(1)}.surah-card:active{box-shadow:none;transform:translateY(0)}.surah-number{align-items:center;align-self:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:46px;justify-content:center;letter-spacing:-.01em;width:46px}.surah-content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.surah-name-row{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;min-width:0}.surah-name{color:var(--secondary-color);flex-shrink:1;font-size:.95rem;font-weight:700;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}.surah-arabic,.surah-name{margin:0;white-space:nowrap}.surah-arabic{color:var(--primary-color);direction:rtl;flex-shrink:0;font-size:1rem;font-weight:600;line-height:1.4}.surah-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.meta-badge{align-items:center;background:#ffffff0a;border:1px solid var(--border-color);border-radius:20px;color:var(--gray-color);display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:500;gap:.2rem;padding:.18rem .55rem;white-space:nowrap}.meta-badge.revelation{background:#0d73771a;border-color:#0d737740;color:var(--primary-color);font-weight:600}.meta-badge--page{background:#0d737714!important;border-color:#0d737733!important;color:var(--primary-color)!important;font-weight:600}.surah-arrow{align-self:center;color:#ffffff40;flex-shrink:0;font-size:1rem;line-height:1;transition:color .25s ease,transform .25s ease}.surah-card:hover .surah-arrow{color:var(--primary-color);transform:translateX(4px)}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--border-color) 25%,var(--light-color) 50%,var(--border-color) 75%);background-size:200% 100%;border-radius:20px;height:13px;margin-bottom:.5rem}.skeleton-line.short{width:55%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:5rem 2rem;text-align:center}.empty-icon,.empty-icon-svg{font-size:3rem;margin-bottom:1rem;opacity:.35}.empty-state h3{color:var(--secondary-color);font-size:1.05rem;margin-bottom:.35rem}.empty-state p{color:var(--gray-color);font-size:.88rem}.auth-container{align-items:flex-start;display:flex;justify-content:center;padding:3rem 1rem 2rem}.auth-card.modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0003;max-width:440px;padding:2.5rem;width:100%}.auth-logo{display:block;height:60px;margin:0 auto 1.25rem;object-fit:contain;width:60px}.auth-card.modern h2{color:var(--secondary-color);font-size:1.6rem;font-weight:700;margin:0 0 .4rem;text-align:center}.auth-subtitle{color:var(--gray-color);font-size:.9rem;line-height:1.5;margin:0 0 1.75rem;text-align:center}.auth-form .form-group{margin-bottom:1.1rem}.auth-form label{color:var(--secondary-color);display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{appearance:none;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-color);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.auth-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0d73771f;outline:none}.auth-form input:-webkit-autofill,.auth-form input:-webkit-autofill:focus,.auth-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-color)!important;border-color:var(--border-color);-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.auth-form .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.auth-form .form-row .form-group{margin-bottom:0}.auth-form .form-group{margin-bottom:1rem}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{flex:1 1;padding-right:2.75rem}.password-toggle{align-items:center;background:none;border:none;color:var(--gray-color);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:var(--primary-color)}.form-options{flex-wrap:nowrap;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem}.checkbox-label,.form-options{align-items:center;display:flex;line-height:1}.checkbox-label{color:var(--text-color);cursor:pointer;font-size:.875rem;gap:6px;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-label span{line-height:1;vertical-align:middle}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:15px;margin:0 6px 0 0;vertical-align:middle;width:15px}.forgot-password-link{align-items:center;color:var(--primary-color);display:flex;flex-shrink:0;font-size:.875rem;line-height:1;text-decoration:none;white-space:nowrap}.forgot-password-link:hover{text-decoration:underline}.auth-form .btn{border-radius:10px;font-size:1rem;font-weight:600;margin-top:.25rem;padding:.85rem;width:100%}.auth-footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.25rem;text-align:center}.auth-footer p{color:var(--gray-color);font-size:.875rem;margin:0}.auth-link{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.error-message{background:#dc354514;border:1px solid #dc35454d;color:#e05560;line-height:1.5}.error-message,.success-message{font-size:.875rem;padding:.7rem 1rem}.success-message{background:#28a74514;border:1px solid #28a7454d}.resend-link{font-size:.875rem;margin-left:.4rem;padding:0}@media(max-width:600px){.auth-container{align-items:flex-start;padding:1.5rem .75rem 1rem}.auth-card.modern{border-radius:14px;max-width:100%;padding:1.75rem 1.25rem}.auth-card.modern h2{font-size:1.35rem}.auth-subtitle{font-size:.85rem;margin-bottom:1.5rem}.auth-logo{height:52px;margin-bottom:1rem;width:52px}.form-options{flex-wrap:nowrap}.auth-footer p{line-height:1.5;white-space:normal}}.btn-loader{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.demo-label{color:var(--gray-color);font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.demo-credentials{background-color:var(--light-color);border-radius:8px;padding:1rem}.credential-item{display:flex;justify-content:space-between;padding:.5rem 0}.credential-item:not(:last-child){border-bottom:1px solid var(--border-color)}.credential-label{color:var(--gray-color);font-size:.875rem}.credential-value{color:var(--secondary-color);font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.navbar{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;gap:1rem;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.navbar-brand{flex-shrink:0}.brand-link,.navbar-brand{align-items:center;display:flex}.brand-link{color:inherit;gap:.5rem;text-decoration:none}.brand-link:hover{opacity:.8}.nav-logo{height:36px;width:auto}.brand-text{color:var(--secondary-color);font-size:1.25rem;font-weight:700}.hamburger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;padding:0;transition:background-color .2s ease;width:40px}.hamburger:hover{background-color:var(--light-color)}.hamburger span{background-color:var(--text-color);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:22px}.hamburger.active span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-menu{flex:1 1;gap:1rem;justify-content:space-between}.nav-links,.navbar-menu{align-items:center;display:flex}.nav-links{gap:.25rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;border-radius:8px;color:var(--text-color);display:flex;font-size:.95rem;font-weight:500;gap:.4rem;padding:.5rem .875rem;position:relative;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.nav-link:hover{background-color:var(--light-color);color:var(--primary-color)}.nav-link.active{background-color:initial;color:var(--primary-color)}.nav-link.active:after{background-color:var(--primary-color);border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.nav-icon{font-size:1rem;line-height:1}.navbar-actions{gap:.5rem}.navbar-actions,.theme-toggle{align-items:center;display:flex;flex-shrink:0}.theme-toggle{background:#0000;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;font-size:1.2rem;height:38px;justify-content:center;transition:background-color .2s ease;width:38px}.theme-toggle:hover{background-color:var(--light-color)}.user-dropdown{flex-shrink:0;position:relative}.user-toggle{align-items:center;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:50px;cursor:pointer;display:flex;gap:.5rem;padding:.375rem .75rem .375rem .375rem;transition:border-color .2s ease;white-space:nowrap}.user-toggle:hover{border-color:var(--primary-color)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:30px;justify-content:center;letter-spacing:.5px;width:30px}.user-name-nav{color:var(--text-color);font-size:.9rem;font-weight:500}.dropdown-arrow{color:var(--gray-color);font-size:.55rem;margin-left:.125rem;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFade .18s ease;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #0000002e;min-width:230px;overflow:hidden;position:absolute;right:0;top:calc(100% + .625rem);z-index:1100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background-color:var(--light-color);border-bottom:1px solid var(--border-color);padding:1rem 1rem .875rem}.dropdown-name{color:var(--secondary-color);font-size:.95rem;font-weight:600;margin-bottom:.2rem}.dropdown-email{color:var(--gray-color);font-size:.8rem;margin-bottom:.5rem;word-break:break-all}.dropdown-role{background-color:#0d73771f;border-radius:4px;color:var(--primary-color);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.3px;padding:.2rem .5rem;text-transform:capitalize}.dropdown-divider{background-color:var(--border-color);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .15s ease;width:100%}.dropdown-item:hover{background-color:var(--light-color)}.dropdown-item.logout{color:var(--danger-color)}.dropdown-item.logout:hover{background-color:#d6282814}.guest-links{align-items:center;display:flex;gap:.5rem}@media (max-width:768px){.hamburger{display:flex}.navbar-container{height:60px;padding:0 1rem}.navbar-menu{align-items:stretch;background-color:var(--card-bg);border-bottom:2px solid var(--border-color);box-shadow:0 8px 24px #00000026;display:none;flex-direction:column;gap:0;left:0;padding:.75rem 1rem 1rem;position:absolute;right:0;top:60px;z-index:999}.navbar-menu.active{display:flex}.nav-links{border-bottom:1px solid var(--border-color);flex-direction:column;gap:0;margin-bottom:.5rem;padding-bottom:.5rem;width:100%}.nav-link{border-radius:8px;font-size:.975rem;justify-content:flex-start;padding:.75rem .875rem;width:100%}.nav-link.active:after{display:none}.nav-link.active{background-color:#0d73771a;color:var(--primary-color)}.navbar-actions{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding-top:.5rem;width:100%}.navbar-actions .theme-toggle,.navbar-actions .user-dropdown{flex-shrink:0}.navbar-actions .user-toggle{width:auto}.guest-actions{align-items:center;display:flex;gap:.5rem;padding-top:.5rem;width:100%}.guest-actions .theme-toggle{flex-shrink:0}.guest-actions .btn{flex:1 1;justify-content:center;text-align:center}.dropdown-menu{max-width:calc(100vw - 2rem);min-width:240px;position:absolute;right:0;top:calc(100% + .5rem)}.home-container{padding:2rem 0 1rem}.page-header{align-items:center;flex-direction:row;margin-bottom:1.25rem}.page-header h1{font-size:1.4rem}.subtitle{font-size:.82rem}.stats-badge{padding:.35rem .7rem}.stat-number{font-size:.85rem}.stat-label{font-size:.78rem}.surah-grid{gap:.75rem;grid-template-columns:1fr}.surah-card{min-height:0;min-height:auto;padding:.85rem 1rem}.surah-number{border-radius:8px;height:40px;width:40px}.surah-name,.surah-number{font-size:.9rem}.surah-arabic{font-size:.95rem}.surah-meta{flex-wrap:wrap}.search-input{font-size:.95rem;padding:.875rem .875rem .875rem 2.75rem}.search-icon{font-size:1.125rem;left:.875rem}.auth-card.modern{padding:2rem 1.5rem}.auth-icon{font-size:2.5rem}}.profile-page{margin:0 auto;max-width:700px;padding:2rem 1rem}.profile-card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:2rem}.profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-details h2{color:var(--secondary-color);font-size:1.5rem;margin:0 0 .25rem}.profile-details p{color:var(--gray-color);margin:0 0 .5rem}.profile-details .badge{background-color:#0d73771a;border-radius:6px;color:var(--primary-color);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.profile-form-section{margin-bottom:2rem}.profile-form-section:last-child{margin-bottom:0}.profile-form-section h3{border-bottom:1px solid var(--border-color);color:var(--secondary-color);font-size:1.125rem;margin-bottom:1rem;padding-bottom:.5rem}.profile-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.profile-form .form-group{margin-bottom:1rem}.profile-form label{color:var(--secondary-color);display:block;font-weight:500;margin-bottom:.5rem}.profile-form input[type=email],.profile-form input[type=password],.profile-form input[type=text]{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.profile-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0d73771a;outline:none}.profile-form input.disabled,.profile-form input:disabled{background-color:var(--light-color);cursor:not-allowed}.profile-form small{color:var(--gray-color);display:block;font-size:.875rem;margin-top:.25rem}.profile-form .btn{margin-top:.5rem}.btn-secondary{background-color:var(--light-color);border:2px solid var(--border-color);color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--danger-color);border:none;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-danger:disabled,.btn-outline:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.resend-section{background-color:var(--light-color);border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:center}.resend-text{color:var(--gray-color);font-size:.9rem;margin:0 0 .75rem}.resend-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;margin-left:.5rem;text-decoration:underline}.resend-link:hover{color:var(--primary-dark)}.resend-link:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.profile-page{padding:1rem}.profile-card{padding:1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-form .form-row{grid-template-columns:1fr}}.error-message{background-color:#dc35451a;border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color)}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.success-message{background-color:#28a7451a;border:1px solid #28a745;border-radius:8px;color:#28a745}.robust-error-boundary{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;inset:0;justify-content:center;min-height:100vh;overflow:auto;padding:2rem;position:fixed;text-align:center;z-index:9999}.error-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0003;max-width:600px;padding:2rem;width:100%}.error-icon{display:block;font-size:3rem;line-height:1;margin-bottom:1rem}.error-title{color:var(--secondary-color);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.error-description{color:var(--gray-color);line-height:1.5;margin:0 0 1.5rem}.error-details{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1.5rem;padding:1rem;text-align:left}.error-details summary{color:var(--text-color);cursor:pointer;display:block;font-weight:700;margin-bottom:.5rem}.error-details pre{color:var(--text-secondary);font-size:.75rem;margin:0;white-space:pre-wrap}.error-details p{font-size:.875rem;margin:0 0 .5rem}.error-details strong{color:var(--secondary-color)}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.error-btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.error-btn.primary{background-color:var(--primary-color);box-shadow:0 2px 4px #0d73774d;color:#fff}.error-btn.primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #0d737766;transform:translateY(-1px)}.error-btn.secondary{background-color:initial;border:1px solid var(--border-color);color:var(--text-color)}.error-btn.secondary:hover{background-color:var(--light-color);border-color:var(--primary-color);color:var(--primary-color)}.error-btn.success{background-color:var(--success-color);color:#fff}.error-btn.success:hover{background-color:#1e7e34;transform:translateY(-1px)}.error-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-support{color:var(--gray-color);font-size:.875rem;margin:0;opacity:.8}@media (max-width:768px){.robust-error-boundary{padding:1rem}.error-card{padding:1.5rem}.error-title{font-size:1.25rem}.error-icon{font-size:2.5rem}.error-actions{align-items:center;flex-direction:column;gap:.75rem}.error-btn{max-width:280px;width:100%}}.qr2-shell{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;height:calc(100vh - 100px);min-height:600px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.qr2-topbar{background:var(--card-bg);border-bottom:1px solid var(--border-color);gap:.75rem;justify-content:space-between;min-height:52px;padding:.625rem 1rem;z-index:5}.qr2-topbar,.qr2-topbar-nav{align-items:center;display:flex;flex-shrink:0}.qr2-topbar-nav{gap:.5rem}.qr2-nav-btn{align-items:center;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .18s ease;width:34px}.qr2-nav-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.05)}.qr2-nav-btn:disabled{cursor:not-allowed;opacity:.3}.qr2-page-jump{align-items:center;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:8px;display:flex;gap:.3rem;padding:.25rem .5rem}.qr2-jump-input{appearance:textfield;-moz-appearance:textfield;background:#0000;border:none;color:var(--text-color);font:600 .9rem/1 inherit;outline:none;padding:0;text-align:center;width:48px}.qr2-jump-input::-webkit-inner-spin-button,.qr2-jump-input::-webkit-outer-spin-button{-webkit-appearance:none}.qr2-jump-sep{color:var(--border-color);font-size:.85rem}.qr2-jump-total{color:var(--gray-color);font-size:.78rem;font-weight:500}.qr2-jump-go{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font:600 .75rem/1 inherit;padding:.22rem .55rem;transition:background .18s}.qr2-jump-go:hover{background:var(--primary-dark)}.qr2-surah-badge{background:#0d737714;border:1px solid #0d737726;border-radius:20px;flex:1 1;gap:.4rem;margin:0 auto;max-width:260px;min-width:0;padding:.3rem .75rem}.qr2-sb-num,.qr2-surah-badge{align-items:center;display:flex;justify-content:center}.qr2-sb-num{background:var(--primary-color);border-radius:50%;color:#fff;flex-shrink:0;font:700 .65rem/1 inherit;height:20px;width:20px}.qr2-sb-en{color:var(--primary-color);font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr2-sb-ar{color:var(--primary-dark);flex-shrink:0;font-size:.92rem}.qr2-topbar-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem}.qr2-action-btn{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:8px;color:var(--gray-color);cursor:pointer;display:flex;font:500 .78rem/1 inherit;gap:.3rem;padding:.3rem .65rem;position:relative;transition:all .18s ease;white-space:nowrap}.qr2-action-btn:hover{background:#0d73770f;border-color:var(--primary-color);color:var(--primary-color)}.qr2-action-btn.bookmarked{background:#fca31114;border-color:var(--accent-color);color:var(--accent-color)}.qr2-action-label{font-size:.75rem}.qr2-bm-count{background:var(--accent-color);border-radius:8px;color:#111;font:700 .6rem/16px inherit;height:16px;min-width:16px;padding:0 3px;position:absolute;right:-5px;text-align:center;top:-5px}.qr2-progress{background:var(--border-color);flex-shrink:0;height:3px}.qr2-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:0 2px 2px 0;height:100%;transition:width .4s ease}.qr2-progress-label{background:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--gray-color);flex-shrink:0;font-size:.68rem;letter-spacing:.02em;padding:.18rem 1rem;text-align:right}.qr2-stage-wrap{flex:1 1;isolation:isolate;min-height:0;position:relative}.qr2-stage{background:var(--bg-color);background-image:radial-gradient(circle at 1px 1px,var(--border-color) 1px,#0000 0);background-size:24px 24px;display:block;inset:0;overflow:auto;padding:1.5rem;position:absolute;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin;will-change:scroll-position}.qr2-img{border-radius:4px;box-shadow:0 8px 32px #0000002e;display:block;height:auto;margin:0 auto;max-width:100%;opacity:0;transform-origin:top center;transition:opacity .3s ease,transform .25s ease;width:auto}.qr2-img.loaded{opacity:1}[data-theme=dark] .qr2-img{box-shadow:0 8px 32px #00000080;filter:invert(1) hue-rotate(180deg)}.qr2-shimmer{animation:qr2-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--border-color) 25%,var(--light-color) 50%,var(--border-color) 75%);background-size:200% 100%;border-radius:8px;inset:1.5rem;position:absolute}@keyframes qr2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr2-state{align-items:center;color:var(--gray-color);display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;justify-content:center;padding:3rem 2rem;text-align:center;width:100%}.qr2-state-icon{font-size:2.5rem}.qr2-spinner{animation:qr2-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:38px;width:38px}@keyframes qr2-spin{to{transform:rotate(1turn)}}.qr2-retry-btn{background:#0000;border:1.5px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font:600 .875rem/1 inherit;padding:.5rem 1.25rem;transition:all .18s}.qr2-retry-btn:hover{background:var(--primary-color);color:#fff}.qr2-zoom-fab{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50px;bottom:1rem;box-shadow:0 4px 20px #00000040;display:flex;gap:.2rem;opacity:0;padding:.3rem .6rem;pointer-events:none;position:absolute;right:1rem;transition:opacity .2s ease;z-index:9990}.qr2-zoom-fab.visible{opacity:1;pointer-events:auto}.qr2-zoom-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;line-height:1;transition:all .15s;width:28px}.qr2-zoom-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.qr2-zoom-btn:disabled{cursor:not-allowed;opacity:.3}.qr2-zoom-val{color:var(--gray-color);font-size:.72rem;font-weight:600;min-width:34px;text-align:center}.qr2-zoom-divider{background:var(--border-color);height:16px;margin:0 .1rem;width:1px}.qr2-bottom-nav{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:.625rem 1rem;z-index:5}.qr2-bottom-btn{align-items:center;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font:600 .875rem/1 inherit;gap:.4rem;padding:.5rem 1.25rem;transition:all .18s ease}.qr2-bottom-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.qr2-bottom-btn:disabled{cursor:not-allowed;opacity:.3}.qr2-bottom-info{color:var(--gray-color);font:600 .85rem/1 inherit}.qr2-drawer-overlay{align-items:flex-end;animation:qr2-overlay-in .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes qr2-overlay-in{0%{opacity:0}to{opacity:1}}.qr2-drawer{animation:qr2-drawer-up .28s cubic-bezier(.34,1.56,.64,1);background:var(--card-bg);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0003;display:flex;flex-direction:column;max-height:75vh;max-width:480px;overflow:hidden;width:100%}@keyframes qr2-drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qr2-drawer-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem;position:relative}.qr2-drawer-header:before{background:var(--border-color);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px}.qr2-drawer-title{color:var(--secondary-color);font:700 1rem/1 inherit}.qr2-drawer-close{align-items:center;background:var(--light-color);border:none;border-radius:50%;color:var(--gray-color);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .15s;width:28px}.qr2-drawer-close:hover{background:var(--danger-color);color:#fff}.qr2-drawer-list{flex:1 1;overflow-y:auto;padding:.5rem 0;scrollbar-width:thin}.qr2-surah-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:inherit;gap:.75rem;padding:.75rem 1.25rem;text-align:left;transition:all .15s;width:100%}.qr2-surah-item:hover{background:var(--light-color)}.qr2-surah-item.active{background:#0d737714;border-left-color:var(--primary-color)}.qr2-si-num{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:8px;color:#fff;display:flex;flex-shrink:0;font:700 .72rem/28px inherit;height:28px;justify-content:center;text-align:center;width:28px}.qr2-si-body{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.qr2-si-en{color:var(--text-color);font:500 .875rem/1 inherit}.qr2-si-ar{color:var(--secondary-color);font-size:1rem}.qr2-si-pg{color:var(--gray-color);flex-shrink:0;font-size:.72rem}.qr2-drawer-empty{align-items:center;color:var(--gray-color);display:flex;flex-direction:column;gap:.5rem;padding:3rem 1.5rem;text-align:center}.qr2-empty-icon{font-size:2.5rem}.qr2-drawer-empty p{font-size:.9rem;margin:0}.qr2-drawer-empty small{font-size:.78rem;opacity:.7}.qr2-bm-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:space-between;padding:.875rem 1.25rem}.qr2-bm-info{flex:1 1}.qr2-bm-page{color:var(--secondary-color);display:block;font:600 .9rem/1 inherit;margin-bottom:.2rem}.qr2-bm-note{color:var(--gray-color);font-size:.75rem}.qr2-bm-actions{display:flex;gap:.4rem}.qr2-bm-del,.qr2-bm-go{background:#0000;border:1.5px solid var(--border-color);border-radius:6px;cursor:pointer;font:600 .78rem/1 inherit;padding:.3rem .7rem;transition:all .15s}.qr2-bm-go{border-color:var(--primary-color);color:var(--primary-color)}.qr2-bm-go:hover{background:var(--primary-color);color:#fff}.qr2-bm-del{border-color:var(--danger-color);color:var(--danger-color)}.qr2-bm-del:hover{background:var(--danger-color);color:#fff}.qr2-toast{animation:qr2-toast-in .25s ease,qr2-toast-out .25s ease 2.2s forwards;background:var(--primary-color);border-radius:50px;bottom:2rem;box-shadow:0 6px 24px #00000040;color:#fff;font:500 .85rem/1 inherit;left:50%;padding:.6rem 1.5rem;pointer-events:none;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes qr2-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes qr2-toast-out{to{opacity:0}}@media(min-width:769px){.qr2-drawer-overlay{align-items:stretch;justify-content:flex-end}.qr2-drawer{animation:qr2-drawer-right .25s cubic-bezier(.34,1.2,.64,1);border-left:1px solid var(--border-color);border-radius:0;max-height:100%;max-width:300px}@keyframes qr2-drawer-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}.qr2-drawer-header:before{display:none}}@media(max-width:768px){.qr2-shell{border-radius:12px;height:calc(100svh - 60px);min-height:500px}.qr2-topbar{flex-wrap:wrap;gap:.4rem;min-height:auto;padding:.5rem .75rem}.qr2-topbar-nav{flex:1 1;order:1}.qr2-surah-badge{display:none}.qr2-topbar-actions{flex-shrink:0;order:2}.qr2-action-label{display:none}.qr2-action-btn{font-size:1rem;padding:.3rem .5rem}.qr2-page-jump{gap:.25rem;padding:.2rem .4rem}.qr2-jump-input{font-size:.85rem;width:40px}.qr2-jump-sep,.qr2-jump-total{display:none}.qr2-nav-btn{height:30px;width:30px}.qr2-progress-label{font-size:.7rem;text-align:center}.qr2-stage{align-items:flex-start;background-color:var(--bg-color);background-image:none;display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0}.qr2-img{flex-shrink:0;height:100%;max-width:none;object-fit:contain;width:auto}.qr2-zoom-fab{bottom:.75rem;gap:.1rem;padding:.2rem .45rem;right:.75rem}.qr2-zoom-btn{font-size:.9rem;height:26px;width:26px}.qr2-zoom-val{font-size:.68rem;min-width:28px}.qr2-zoom-divider{height:12px}.qr2-bottom-nav{padding:.5rem .75rem}.qr2-bottom-btn{font-size:.82rem;padding:.45rem 1rem}.qr2-bottom-info{font-size:.8rem}}@media(max-width:400px){.qr2-shell{border-radius:10px;height:calc(100vh - 110px);min-height:440px}.qr2-stage{padding:.5rem}.qr2-zoom-fab{bottom:.5rem;right:.5rem}.qr2-bottom-btn{font-size:.78rem;padding:.4rem .75rem}.qr2-jump-input{width:36px}.qr2-jump-go{font-size:.7rem;padding:.18rem .4rem}}.pv2-shell{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;height:calc(100vh - 100px);min-height:600px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.pv2-topbar{background:var(--card-bg);border-bottom:1px solid var(--border-color);gap:.75rem;justify-content:space-between;min-height:52px;padding:.625rem 1rem;z-index:5}.pv2-topbar,.pv2-topbar-nav{align-items:center;display:flex;flex-shrink:0}.pv2-topbar-nav{gap:.5rem}.pv2-back-btn{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:8px;color:var(--gray-color);cursor:pointer;display:flex;font:500 .78rem/1 inherit;gap:.3rem;padding:.3rem .65rem;text-decoration:none;transition:all .18s ease;white-space:nowrap}.pv2-back-btn:hover{background:#0d73770f;border-color:var(--primary-color);color:var(--primary-color)}.pv2-nav-btn{align-items:center;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .18s ease;width:34px}.pv2-nav-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.05)}.pv2-nav-btn:disabled{cursor:not-allowed;opacity:.3}.pv2-page-jump{align-items:center;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:8px;display:flex;gap:.3rem;padding:.25rem .5rem}.pv2-jump-input{appearance:textfield;-moz-appearance:textfield;background:#0000;border:none;color:var(--text-color);font:600 .9rem/1 inherit;outline:none;padding:0;text-align:center;width:48px}.pv2-jump-input::-webkit-inner-spin-button,.pv2-jump-input::-webkit-outer-spin-button{-webkit-appearance:none}.pv2-jump-sep{color:var(--border-color);font-size:.85rem}.pv2-jump-total{color:var(--gray-color);font-size:.78rem;font-weight:500}.pv2-jump-go{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font:600 .75rem/1 inherit;padding:.22rem .55rem;transition:background .18s}.pv2-jump-go:hover{background:var(--primary-dark)}.pv2-meta-badge{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem;justify-content:center;min-width:0}.pv2-chip{align-items:center;background:#0d737714;border:1px solid #0d737726;border-radius:20px;color:var(--primary-color);display:inline-flex;font:600 .72rem/1 inherit;padding:.2rem .55rem;white-space:nowrap}.pv2-chip.accent{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pv2-topbar-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem}.pv2-action-btn{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:8px;color:var(--gray-color);cursor:pointer;display:flex;font:500 .78rem/1 inherit;gap:.3rem;padding:.3rem .65rem;transition:all .18s ease;white-space:nowrap}.pv2-action-btn:hover{background:#0d73770f;border-color:var(--primary-color);color:var(--primary-color)}.pv2-action-btn.bookmarked{background:#fca31114;border-color:var(--accent-color);color:var(--accent-color)}.pv2-action-label{font-size:.75rem}.pv2-progress{background:var(--border-color);flex-shrink:0;height:3px}.pv2-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:0 2px 2px 0;height:100%;transition:width .4s ease}.pv2-progress-label{background:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--gray-color);flex-shrink:0;font-size:.68rem;letter-spacing:.02em;padding:.18rem 1rem;text-align:right}.pv2-stage-wrap{flex:1 1;min-height:0;position:relative}.pv2-stage{background:var(--bg-color);background-image:radial-gradient(circle at 1px 1px,var(--border-color) 1px,#0000 0);background-size:24px 24px;display:block;inset:0;overflow:auto;padding:1.5rem;position:absolute;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.pv2-img{border-radius:4px;box-shadow:0 8px 32px #0000002e;display:block;height:auto;margin:0 auto;max-width:100%;opacity:0;transform-origin:top center;transition:opacity .3s ease,transform .25s ease;width:auto}.pv2-img.loaded{opacity:1}[data-theme=dark] .pv2-img{box-shadow:0 8px 32px #00000080;filter:invert(1) hue-rotate(180deg)}.pv2-shimmer{animation:pv2-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--border-color) 25%,var(--light-color) 50%,var(--border-color) 75%);background-size:200% 100%;border-radius:8px;inset:1.5rem;position:absolute}@keyframes pv2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pv2-state{align-items:center;color:var(--gray-color);display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;justify-content:center;padding:3rem 2rem;text-align:center;width:100%}.pv2-state-icon{font-size:2.5rem}.pv2-spinner{animation:pv2-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:38px;width:38px}@keyframes pv2-spin{to{transform:rotate(1turn)}}.pv2-retry-btn{background:#0000;border:1.5px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font:600 .875rem/1 inherit;padding:.5rem 1.25rem;transition:all .18s}.pv2-retry-btn:hover{background:var(--primary-color);color:#fff}.pv2-zoom-fab{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50px;bottom:.75rem;box-shadow:0 4px 20px #00000040;display:flex;gap:.2rem;opacity:0;padding:.3rem .6rem;pointer-events:none;position:absolute;right:.75rem;transition:opacity .2s ease;z-index:50}.pv2-zoom-fab.visible{opacity:1;pointer-events:auto}.pv2-zoom-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;line-height:1;transition:all .15s;width:28px}.pv2-zoom-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.pv2-zoom-btn:disabled{cursor:not-allowed;opacity:.3}.pv2-zoom-val{color:var(--gray-color);font-size:.72rem;font-weight:600;min-width:34px;text-align:center}.pv2-zoom-divider{background:var(--border-color);height:16px;margin:0 .1rem;width:1px}.pv2-bottom-nav{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:.625rem 1rem;z-index:5}.pv2-bottom-btn{align-items:center;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font:600 .875rem/1 inherit;gap:.4rem;padding:.5rem 1.25rem;transition:all .18s ease}.pv2-bottom-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pv2-bottom-btn:disabled{cursor:not-allowed;opacity:.3}.pv2-bottom-info{color:var(--gray-color);font:600 .85rem/1 inherit}.pv2-toast{animation:pv2-toast-in .25s ease,pv2-toast-out .25s ease 2s forwards;background:var(--primary-color);border-radius:50px;bottom:2rem;box-shadow:0 6px 24px #00000040;color:#fff;font:500 .85rem/1 inherit;left:50%;padding:.6rem 1.5rem;pointer-events:none;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes pv2-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pv2-toast-out{to{opacity:0}}@media(max-width:768px){.pv2-shell{border-radius:12px;height:calc(100svh - 60px);margin-top:1rem;min-height:500px}.pv2-topbar{flex-wrap:wrap;gap:.4rem;min-height:auto;padding:.5rem .75rem}.pv2-topbar-nav{flex:1 1;order:1}.pv2-meta-badge{display:none}.pv2-topbar-actions{flex-shrink:0;order:2}.pv2-action-label{display:none}.pv2-action-btn{font-size:1rem;padding:.3rem .5rem}.pv2-page-jump{gap:.25rem;padding:.2rem .4rem}.pv2-jump-input{font-size:.85rem;width:40px}.pv2-jump-sep,.pv2-jump-total{display:none}.pv2-nav-btn{height:30px;width:30px}.pv2-progress-label{font-size:.7rem;text-align:center}.pv2-stage{align-items:flex-start;background-color:var(--bg-color);background-image:none;display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0}.pv2-img{flex-shrink:0;height:100%;max-width:none;object-fit:contain;width:auto}.pv2-zoom-fab{bottom:.5rem;gap:.1rem;padding:.2rem .4rem;right:.5rem}.pv2-zoom-btn{font-size:.9rem;height:26px;width:26px}.pv2-zoom-val{font-size:.68rem;min-width:28px}.pv2-zoom-divider{height:12px}.pv2-bottom-nav{padding:.5rem .75rem}.pv2-bottom-btn{font-size:.82rem;padding:.45rem 1rem}.pv2-bottom-info{font-size:.8rem}.pv2-back-btn span{display:none}}@media(max-width:400px){.pv2-shell{border-radius:10px;height:calc(100vh - 110px);min-height:440px}.pv2-stage{padding:.5rem}.pv2-zoom-fab{bottom:.4rem;right:.4rem}.pv2-bottom-btn{font-size:.78rem;padding:.4rem .75rem}.pv2-jump-input{width:36px}.pv2-jump-go{font-size:.7rem;padding:.18rem .4rem}}@media(min-width:769px){.pv2-shell{margin-top:1.5rem}.qr2-shell{margin-top:.5rem}}
/*# sourceMappingURL=main.9480ade4.css.map*/