*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#002b5b;--color-secondary:#256d85;--color-accent:#2b7dc3;--color-text:#333333;--color-bg:#f5f6fa;--color-white:#ffffff;--color-light-gray:#e8e8e8;--color-success:#0d8c4b;--color-warning:#ff6b35;--color-gold:#d4af37;--color-dark:#1a1a1a;--badge-grade:#2563eb;--badge-subject:#256d85;--badge-curriculum:#e74c3c;--shadow:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 6px 20px rgba(0,0,0,.12);--radius:12px;--transition-fast:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;--transition-slow:transform .6s cubic-bezier(.2,.9,.3,1.1),opacity .6s ease;--transition-hover:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;--toggle-blue:rgb(91,91,240);--toggle-green:rgb(35,174,35);--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-accent));--gradient-secondary:linear-gradient(135deg,var(--color-secondary),var(--color-primary));--gradient-success:linear-gradient(135deg,#25D366,#128C7E)}html,body{width:100%;max-width:100%;overflow-x:hidden!important;position:relative}body{font-family:"Tajawal",sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;direction:rtl;font-size:16px;-webkit-font-smoothing:antialiased}body.protected-mode{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.protected-mode input,body.protected-mode textarea{-webkit-user-select:auto!important;user-select:auto!important}body.protected-mode img{-webkit-user-drag:none;user-drag:none;pointer-events:none}body.protected-mode a img,body.protected-mode button img{pointer-events:auto}.ultra-hero{position:relative;height:190px;background:linear-gradient(135deg,#001633 0%,var(--color-primary) 100%);overflow:hidden;display:flex;flex-direction:column}.ultra-breadcrumb{background:rgba(0,0,0,.15);padding:12px 20px;width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.05)}.ultra-breadcrumb ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.ultra-breadcrumb ol li{flex-shrink:0}.ultra-breadcrumb .separator{color:rgba(255,255,255,.25);font-size:.6rem;display:flex;align-items:center;padding:0 2px}.ultra-breadcrumb .separator i{font-size:.55rem}.ultra-breadcrumb a{color:rgba(255,255,255,.7);font-size:.85rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;transition:opacity .3s ease,color .3s ease}.ultra-breadcrumb a:hover{color:#fff}.hero-glow{position:absolute;top:-50%;left:0;width:100%;height:200%;background:radial-gradient(circle at 50% 0%,rgba(43,125,195,.3) 0%,transparent 60%);pointer-events:none;will-change:transform}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;overflow:hidden;line-height:0;z-index:2}.hero-wave svg{display:block;width:calc(130% + 1.3px);height:60px;transform:rotateY(180deg);will-change:transform}.hero-wave .shape-fill{fill:var(--color-bg)}.ultra-main-container{max-width:1500px!important;width:96%!important;margin:0 auto;padding:0 16px;position:relative;z-index:10}.ultra-card{background:var(--color-white);border-radius:20px;padding:28px;box-shadow:0 10px 40px rgba(0,33,73,.08);border:1px solid rgba(0,0,0,.04);margin-top:-90px;margin-bottom:24px;will-change:transform}.uc-top-section{display:flex;gap:24px;margin-bottom:20px}.uc-cover-col{position:relative;flex:0 0 160px}.uc-cover-img{width:100%;aspect-ratio:3/4;border-radius:var(--radius);object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.12);will-change:transform}.uc-type-badge{position:absolute;top:auto;bottom:10px;right:auto;left:10px;background:rgba(0,43,91,.85);backdrop-filter:blur(5px);color:#fff;padding:3px 8px;border-radius:30px;font-size:.6rem;font-weight:800;z-index:10;box-shadow:0 4px 10px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;gap:6px}.uc-type-badge i{font-size:.8rem}.uc-title-col{flex:1}.uc-title{font-size:1.8rem;font-weight:800;color:var(--color-primary);margin-bottom:12px}.uc-badges{display:flex;flex-wrap:wrap;gap:8px}.u-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:700;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.02)}.u-badge.grade i{color:var(--badge-grade,#3b82f6)}.u-badge.subject i{color:var(--badge-subject,#10b981)}.u-badge i{font-size:.95rem}.uc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;background:#f8fafc;border-radius:var(--radius);margin-bottom:20px;border:1px solid rgba(0,0,0,.03)}.u-stat{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#1a2a3a}.u-stat i{font-size:1.2rem}.u-stat.stat-views i{color:#1a5bb5}.u-stat.stat-downloads i{color:#0a7a3a}.u-stat.stat-pages i{color:#6d3ad5}.u-stat.stat-size i{color:#c47a0a}.u-stat.stat-downloads{color:#0a7a3a}.uc-action-row{display:flex}.u-fav-btn{font-family:"Tajawal",sans-serif!important;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);color:#ffffff;border:none;padding:14px 32px;border-radius:16px;font-weight:800;font-size:1rem;letter-spacing:.3px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,background .4s ease;box-shadow:0 8px 20px -4px rgba(59,130,246,.4),0 4px 10px -2px rgba(6,182,212,.3),inset 0 2px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.15);position:relative;overflow:hidden;width:auto;z-index:1;will-change:transform}.u-fav-btn::before{content:'';position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-25deg);transition:left .6s ease;z-index:-1}.u-fav-btn:hover::before{left:150%}.u-fav-btn i{color:rgba(255,255,255,.95);font-size:1.2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),color .3s ease;will-change:transform}.u-fav-btn:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 15px 30px -5px rgba(59,130,246,.5),0 10px 15px -4px rgba(6,182,212,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.1);background:linear-gradient(135deg,#0891b2 0%,#2563eb 100%)}.u-fav-btn:hover i{color:#ffffff;transform:scale(1.2) rotate(-5deg)}.u-fav-btn:active{transform:translateY(2px);box-shadow:0 2px 6px rgba(59,130,246,.4),inset 0 4px 8px rgba(0,0,0,.25)}.u-fav-btn.favorited{background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%);box-shadow:0 8px 20px -4px rgba(255,8,68,.4),0 4px 10px -2px rgba(255,177,153,.3),inset 0 2px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.15)}.u-fav-btn.favorited i{color:#ffffff}.u-fav-btn.favorited:hover{background:linear-gradient(135deg,#d50032 0%,#ff758c 100%);box-shadow:0 15px 30px -5px rgba(255,8,68,.5),0 10px 15px -4px rgba(255,177,153,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.1)}.u-fav-btn.favorited:hover i{transform:scale(1.2) rotate(5deg)}.u-fav-btn.favorited:active{box-shadow:0 2px 6px rgba(255,8,68,.4),inset 0 4px 8px rgba(0,0,0,.25)}.ultra-desc-box{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.03);margin-bottom:30px;border:1px solid rgba(0,0,0,.04)}.u-desc-title{font-size:1.1rem;color:var(--color-primary);font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}.u-desc-title i{color:var(--color-accent)}.u-desc-viewport{position:relative;overflow:hidden;transition:height .4s cubic-bezier(.4,0,.2,1);will-change:height}.u-desc-content{font-size:.95rem;line-height:1.9;color:#334155;text-align:right;word-break:break-word}.u-desc-content p{margin-bottom:12px}.u-desc-content h1,.u-desc-content h2,.u-desc-content h3,.u-desc-content h4,.u-desc-content h5,.u-desc-content h6{color:var(--color-primary);font-weight:800;margin-top:20px;margin-bottom:12px;line-height:1.4}.u-desc-content strong,.u-desc-content b{font-weight:800;color:var(--color-dark)}.u-desc-content ul,.u-desc-content ol{padding-right:24px;padding-left:0;margin-top:10px;margin-bottom:16px}.u-desc-content li{margin-bottom:8px}.u-desc-content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}.u-fade-mask{position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(to top,white 10%,rgba(255,255,255,0));pointer-events:none;transition:opacity .3s ease}.u-readmore-wrapper{display:flex;justify-content:center;width:100%;margin-top:15px;position:relative;z-index:2}.u-readmore-btn{background:#f0f7ff;border:1px solid #dbeafe;color:var(--color-accent);padding:10px 24px;border-radius:30px;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px rgba(0,43,91,.05);will-change:transform}.u-readmore-btn:hover{background:#e0f2fe;color:var(--color-primary);transform:translateY(-2px)}.related-content-section{margin:24px 0;padding:24px;background:var(--color-white);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04);width:100%;max-width:100%;overflow:hidden}.related-section-container{max-width:100%;width:100%}.related-section-header{margin-bottom:20px;text-align:center}.related-section-title{font-size:1.4rem;color:var(--color-primary);font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:5px}.related-title-text{display:block;font-size:1.2rem;font-weight:800;color:var(--color-primary)}.related-gallery-container{position:relative;width:100%;padding:10px 0}.related-gallery{display:flex;gap:20px;padding:10px 5px;direction:rtl;width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;will-change:scroll-position}.related-gallery::-webkit-scrollbar{height:6px}.related-gallery::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:3px}.related-gallery::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.related-gallery::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.related-book-card{background:transparent;display:flex;flex-direction:column;align-items:center;width:clamp(180px,28vw,240px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:none;box-shadow:none;padding:0;flex:0 0 auto;scroll-snap-align:start;height:auto;will-change:transform}.related-book-card:hover{transform:translateY(-15px);z-index:10}.related-book-card .book-link-wrapper{text-decoration:none;display:block;color:inherit;width:100%}.related-book-card .book-card{perspective:1800px;margin-bottom:0;width:100%;background:transparent;border:none;padding:0}.related-book-card .book-3d{position:relative;width:100%;aspect-ratio:1 / 1.5;transform-style:preserve-3d}.related-book-card .book-pages{position:absolute;inset:0;background:repeating-linear-gradient(to right,#f5f5f5 0 2px,#eeeeee 2px 4px,#e8e8e8 4px 6px);border:1px solid #b0bec5;border-radius:15px 3px 3px 15px;box-shadow:inset 4px 0 8px rgba(0,0,0,.1),0 6px 12px rgba(0,0,0,.15);z-index:1;transform:translateZ(-2px)}.related-book-card .book-cover{position:absolute;inset:0;border-radius:15px 3px 3px 15px;transform-origin:right center;transform:rotateY(0deg) translateZ(2px);transition:transform .6s cubic-bezier(.2,.9,.3,1.1),box-shadow .6s ease;overflow:hidden;z-index:2;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 20px rgba(0,0,0,.132),3px 3px 8px rgba(0,0,0,.15);will-change:transform}.related-book-card .cover-container{position:relative;width:100%;height:100%;border-radius:15px 3px 3px 15px;overflow:hidden}.related-book-card .book-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;will-change:transform}.related-book-card .book-link-wrapper:hover .book-cover-img{transform:scale(1.05)}.related-book-card .book-cover::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 40%,rgba(255,255,255,0) 80%);z-index:4;pointer-events:none;opacity:.3;border-radius:15px 3px 3px 15px}.related-book-card .cover-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:16px 10px;color:white;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.2) 80%,transparent 100%);border-radius:15px 3px 3px 15px}.related-book-card .book-title-wrapper{position:relative;width:100%;margin-bottom:8px}.related-book-card .book-title{font-size:clamp(.75rem,3vw,.95rem);font-weight:800;line-height:1.4;margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:98%;color:#ffffff;text-shadow:0 4px 8px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px;word-break:break-word;position:relative;z-index:4}.related-book-card .book-title.long-title{font-size:clamp(.7rem,2.5vw,.85rem);-webkit-line-clamp:3}.related-book-card .book-badges-container{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;width:100%;flex-wrap:wrap}.related-book-card .book-year{font-size:clamp(.65rem,2.5vw,.75rem);font-weight:600;color:#ffffff;background:linear-gradient(135deg,rgba(0,43,91,.9) 0%,rgba(37,99,235,.9) 100%);padding:4px 10px;border-radius:20px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.2px;display:inline-flex;align-items:center;white-space:nowrap}.related-book-card .curriculum-badge{font-size:clamp(.5rem,1.8vw,.6rem);font-weight:600;color:#ffffff;background:linear-gradient(135deg,rgba(192,57,43,.9) 0%,rgba(231,76,60,.9) 100%);padding:2px 6px;max-width:80px;border-radius:20px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.2px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;max-width:120px}.related-book-card .curriculum-badge span{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.related-book-card .book-spine{position:absolute;top:0;bottom:0;right:0;width:14px;background:linear-gradient(to right,rgba(0,0,0,.2),rgba(255,255,255,.1) 30%,rgba(0,0,0,.1) 70%);border-top-left-radius:15px;border-bottom-left-radius:15px;z-index:5;box-shadow:inset 1px 0 3px rgba(0,0,0,.1)}.related-book-card .book-badge{position:absolute;top:6px;left:6px;padding:2px 8px;background:rgba(0,43,91,.85);border:1px solid rgba(255,255,255,.35);border-radius:30px;font-size:clamp(.5rem,1.5vw,.65rem);color:white;font-weight:800;box-shadow:0 4px 8px rgba(0,0,0,.2);letter-spacing:.2px;text-align:center;z-index:6;display:flex;align-items:center;gap:4px;backdrop-filter:blur(2px);max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-book-card .book-badge i{font-size:.65rem;color:#fbbf24;flex-shrink:0}.related-book-card .btn-toggle-favorite.btn-circle{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;padding:0;will-change:transform}.related-book-card .btn-toggle-favorite.btn-circle i{font-size:1.05rem;pointer-events:none}.related-book-card .btn-toggle-favorite.btn-circle.favorited i{color:#dc3545}.related-book-card .btn-toggle-favorite.btn-circle:not(.favorited) i{color:#64748b}.related-book-card .btn-toggle-favorite.btn-circle:hover{transform:scale(1.1)}.related-book-card .book-link-wrapper:hover .book-cover{transform:rotateY(25deg) translateZ(5px);box-shadow:-15px 20px 30px rgba(0,0,0,.3),5px 0 15px rgba(0,0,0,.2)}.related-book-card .book-stats-overlay{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:.6rem;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(30,40,50,.8) 100%);padding:2px 8px;border-radius:20px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:fit-content;margin-left:auto;margin-right:auto;will-change:transform}.related-book-card:hover .book-stats-overlay{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.15);background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(40,50,60,.9) 100%)}.related-book-card .book-stats-overlay span{display:flex;align-items:center;gap:2px;color:#ffffff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.2px;font-size:.55rem}.related-book-card .book-stats-overlay i{font-size:.55rem;color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.related-book-card .book-stats-overlay span:first-child::after{content:"";display:inline-block;width:1px;height:7px;background:rgba(255,255,255,.2);margin-right:6px;margin-left:2px}.related-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-light-gray);box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease;color:var(--color-primary);font-size:1rem;will-change:transform}.related-scroll-btn:hover{background:var(--color-primary);color:white;border-color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.related-scroll-btn.scroll-left{left:-5px}.related-scroll-btn.scroll-right{right:-5px}.related-gallery-progress{padding:0 10px;margin-top:15px}.related-progress-wrapper{width:100%;height:4px;background:rgba(0,43,91,.1);border-radius:2px;overflow:hidden}.related-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:0;border-radius:2px;transition:width .3s ease-out}.related-view-all-container{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--color-light-gray)}.related-premium-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:white;padding:12px 28px;border-radius:30px;font-weight:700;font-size:.95rem;position:relative;overflow:hidden;border:none;box-shadow:0 6px 20px rgba(0,43,91,.25);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;font-family:"Tajawal",sans-serif;cursor:pointer;will-change:transform}.related-premium-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,43,91,.35);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.related-btn-text,.related-btn-icon{position:relative;z-index:2}.related-btn-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgba(255,255,255,.2);border-radius:50%}.related-no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:#666;text-align:center;background:var(--color-bg);border-radius:var(--radius);border:1px dashed var(--color-light-gray);margin:15px 0}.related-no-content i{font-size:2.5rem;margin-bottom:12px;color:#ccc}.related-no-content p{font-size:.95rem}.preview-cta-container{margin:24px 0;text-align:center;padding:24px;background:var(--color-white);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04)}.btn-pill-gradient{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:white!important;padding:12px 28px;border-radius:30px;font-size:.95rem;font-weight:700;font-family:"Tajawal",sans-serif;border:none;cursor:pointer;box-shadow:0 8px 25px rgba(0,43,91,.25);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background .3s ease;text-decoration:none;position:relative;overflow:hidden;will-change:transform}.btn-pill-gradient::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-pill-gradient:hover::before{left:100%}.btn-pill-gradient i{font-size:1.25rem;transition:transform .3s ease;will-change:transform}.btn-pill-gradient:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,43,91,.35);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.btn-pill-gradient:hover i{transform:scale(1.1)}.btn-pill-gradient:active{transform:translateY(-1px)}.preview-notice{margin-top:12px;text-align:center;font-size:.85rem;color:#666;display:flex;align-items:center;justify-content:center;gap:6px}.preview-notice i{color:var(--color-success);font-size:.9rem}.share-section{background:var(--color-white);border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04);margin-bottom:30px;text-align:center}.share-section h3{font-size:1.15rem;color:var(--color-primary);font-weight:800;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.share-section h3 i{color:var(--color-accent)}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.btn-share{width:44px;height:44px;border-radius:50%;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1);will-change:transform}.btn-share:hover{transform:translateY(-4px)}.btn-share.whatsapp{background:#25D366}.btn-share.telegram{background:#0088cc}.btn-share.twitter{background:#000000}.btn-share.facebook{background:#1877F2}.btn-share.copy{background:#64748b}.btn-share-native{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));border:1px solid rgba(255,255,255,.2);color:#ffffff;padding:12px 28px;border-radius:30px;font-weight:700;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .3s ease,background .3s ease,border-color .3s ease;font-family:"Tajawal",sans-serif;will-change:transform}.btn-share-native:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#ffffff;border-color:rgba(255,255,255,.4)}.download-toggle-wrapper{margin:24px 0;padding:24px;background:var(--color-white);border-radius:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04);transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease,border-color .4s ease;clear:both;position:relative;z-index:1;will-change:transform}.download-toggle-container{padding:0;margin:0;box-sizing:border-box;font-family:"Tajawal",Arial,sans-serif;display:flex;justify-content:center;align-items:center}.download-toggle-label{background-color:transparent;border:2px solid var(--color-secondary);display:flex;align-items:center;border-radius:50px;width:180px;cursor:pointer;transition:all .4s ease;padding:4px;position:relative}.download-toggle-input{display:none}.download-toggle-title{font-size:14px;font-weight:700;color:var(--color-primary);transition:opacity .4s ease,visibility .4s ease,transform .4s ease;position:absolute;top:50%;transform:translateY(-50%);left:24px;text-align:center;font-family:"Tajawal",sans-serif;opacity:1;visibility:visible}.download-toggle-title.step-2{opacity:0;visibility:hidden;transform:translateY(10px)}.download-toggle-input:checked~.download-toggle-title.step-1{opacity:0;visibility:hidden}.download-toggle-input:checked~.download-toggle-title.step-2{animation:showStep2 .4s ease 3.5s forwards}@keyframes showStep2{to{opacity:1;visibility:visible;transform:translateY(-50%)}}.download-toggle-circle{height:42px;width:42px;border-radius:50%;background:var(--gradient-secondary);display:flex;justify-content:center;align-items:center;transition:all .4s ease;position:relative;box-shadow:0 0 0 0 rgba(0,43,91,.5);overflow:hidden;will-change:transform}.download-toggle-circle .download-toggle-icon{color:#fff;width:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .4s ease,visibility .4s ease}.download-toggle-circle .download-toggle-square{aspect-ratio:1;width:14px;border-radius:2px;background-color:#fff;opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .4s ease,visibility .4s ease}.download-toggle-circle::before{content:"";position:absolute;left:0;top:0;background-color:#25b252;width:100%;height:0;transition:height .4s ease}.download-toggle-label:has(.download-toggle-input:checked){width:55px;animation:installed .4s ease 3.5s forwards}.download-toggle-input:checked+.download-toggle-circle{animation:pulse 1s forwards,circleDelete .2s ease 3.5s forwards;rotate:180deg}.download-toggle-input:checked+.download-toggle-circle::before{animation:installing 3s ease-in-out forwards}.download-toggle-input:checked+.download-toggle-circle .download-toggle-icon{opacity:0;visibility:hidden}.download-toggle-input:checked~.download-toggle-circle .download-toggle-square{opacity:1;visibility:visible}@keyframes pulse{0%{scale:.95;box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{scale:1;box-shadow:0 0 0 14px rgba(255,255,255,0)}100%{scale:.95;box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes installing{from{height:0}to{height:100%}}@keyframes installed{100%{width:180px;border-color:var(--toggle-green)}}@keyframes circleDelete{100%{opacity:0;visibility:hidden}}.download-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:10500;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;transition:background .3s ease,visibility 0s .3s}.download-overlay.active{visibility:visible;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .3s ease,visibility 0s 0s}.download-sheet{background:var(--color-white);width:100%;max-width:700px;max-height:80vh;border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,1.2,.4,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px rgba(0,0,0,.12);will-change:transform}.download-overlay.active .download-sheet{transform:translateY(0)}.sheet-handle{display:flex;justify-content:center;padding:12px 0 6px;cursor:grab;flex-shrink:0}.sheet-handle:active{cursor:grabbing}.sheet-handle span{width:40px;height:4px;background:#d1d5db;border-radius:4px;transition:background .2s ease}.sheet-handle:hover span{background:#9ca3af}.sheet-header{display:flex;align-items:center;gap:14px;padding:8px 20px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.sheet-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sheet-header-icon i{font-size:1.3rem;color:#2563eb}.sheet-title{flex:1;font-family:"Tajawal",sans-serif;font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;text-align:center}.sheet-close-btn{width:36px;height:36px;background:#f8fafc;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:transform .2s ease,background .2s ease,color .2s ease;flex-shrink:0;will-change:transform}.sheet-close-btn:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.sheet-body{flex:1;overflow-y:auto;padding:20px 20px 28px;scrollbar-width:thin}.sheet-body::-webkit-scrollbar{width:4px}.sheet-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.sheet-body::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:4px}.files-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.file-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;will-change:transform}.file-item:hover{background:var(--color-white);border-color:#93c5fd;box-shadow:0 4px 12px rgba(0,0,0,.05)}.file-item-icon{width:44px;height:44px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-item-icon i{font-size:1.3rem;color:#2563eb}.file-item-info{flex:1;min-width:0}.file-item-name{font-family:"Tajawal",sans-serif;font-size:.95rem;font-weight:600;color:#0f172a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:2px 10px;border-radius:20px}.badge-pdf{background:#fee2e2;color:#dc2626}.badge-external{background:#dbeafe;color:#2563eb}.file-item-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;min-width:70px;min-height:36px;background:var(--gradient-secondary);border:none;border-radius:40px;font-family:"Tajawal",sans-serif;font-size:.8rem;font-weight:700;color:#ffffff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;flex-shrink:0;will-change:transform}.file-item-btn:hover{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.file-item-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-item-btn i{font-size:.8rem}.empty-state{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:16px}.empty-state i{font-size:2.5rem;color:#cbd5e1;display:block;margin-bottom:12px}.empty-state p{font-family:"Tajawal",sans-serif;font-size:.9rem;color:#94a3b8;margin:0}.social-section{background-color:#f0f9ff;border:2px dashed #bae6fd;border-radius:16px;padding:16px 20px;margin-bottom:18px;text-align:center}.social-promo-text{margin-bottom:16px}.social-promo-text h4{font-family:"Tajawal",sans-serif;font-size:1rem;font-weight:800;color:#0369a1;margin:0 0 6px 0;display:flex;align-items:center;justify-content:center;gap:6px}.social-promo-text p{font-family:"Tajawal",sans-serif;font-size:.8rem;color:#0c4a6e;margin:0;font-weight:600;line-height:1.5}.social-icons{display:flex;justify-content:center;gap:16px}.social-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#ffffff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.social-icon:hover{transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.social-icon.whatsapp{background:var(--gradient-success)}.social-icon.telegram{background:linear-gradient(135deg,#0088cc,#005c99)}.social-icon.facebook{background:linear-gradient(135deg,#1877F2,#0d5fa0)}.copyright-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f8fafc;border-radius:14px}.copyright-notice i{font-size:1rem;color:var(--color-warning);flex-shrink:0;margin-top:1px}.copyright-notice p{font-family:"Tajawal",sans-serif;font-size:.75rem;color:#475569;margin:0;line-height:1.5}.download-disabled{background:var(--color-white);border:1px solid #f1f5f9;border-radius:20px;padding:36px 24px;text-align:center;margin:24px 0}.download-disabled i{font-size:2.5rem;color:var(--color-warning);display:block;margin-bottom:14px}.download-disabled h4{font-family:"Tajawal",sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 8px}.download-disabled p{font-family:"Tajawal",sans-serif;font-size:.9rem;color:#64748b;margin:0}body.sheet-open{overflow:hidden;position:fixed;width:100%;height:100%}.preview-modal{display:none;position:fixed!important;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:2147483647!important;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;transform:none!important}.preview-content{background:white;width:90%;height:90%;max-width:850px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.3);animation:modalSlideUp .3s ease-out;will-change:transform,opacity}.preview-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;flex-shrink:0}.preview-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.1rem;color:var(--color-primary);overflow:hidden}.preview-header h3 span:not(.badge-live){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.4}.badge-live{background:#e53e3e;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:normal}.preview-controls{display:flex;gap:8px;align-items:center}.preview-action-btn,.close-preview{background:#fff;border:1px solid #e2e8f0;color:#4a5568;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;will-change:transform}.close-preview:hover{background:#fed7d7;color:#c53030;border-color:#fc8181}.preview-body{flex:1;position:relative;background:#f7fafc;overflow:hidden}#previewLoader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-primary);text-align:center;z-index:10}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px;will-change:transform}#previewLoader span{font-size:.9rem;color:#718096;display:block}.preview-frame{width:100%;height:100%;border:none;background:white}.external-preview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.external-icon{width:80px;height:80px;background:#edf2f7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#cbd5e0;margin-bottom:20px}.external-preview h4{font-size:1.3rem;color:#2d3748;margin-bottom:10px}.external-preview p{color:#718096;max-width:400px;line-height:1.5;margin-bottom:20px;font-size:.95rem}.external-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#3182ce;color:white;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;will-change:transform}.external-btn:hover{background:#2c5282;color:white;transform:translateY(-2px)}.preview-footer{padding:10px;text-align:center;font-size:.8rem;color:#a0aec0;background:#fff;border-top:1px solid #eee;flex-shrink:0}.preview-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.preview-footer i{color:#48bb78}.preview-content.fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important}@keyframes modalSlideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.yt-comments-system{--yt-bg:#ffffff;--yt-text-primary:#0f0f0f;--yt-text-secondary:#606060;--yt-blue:#065fd4;--yt-blue-bg:#e5f0fa;--yt-border:rgba(0,0,0,.05);--yt-hover:#f2f2f2;--avatar-main:40px;--avatar-reply:28px;width:100%!important;max-width:100%!important;margin:24px auto!important;font-family:"Tajawal",sans-serif!important;color:var(--yt-text-primary)!important;direction:rtl!important;text-align:right!important;box-sizing:border-box!important;background:var(--color-white)!important;border-radius:20px!important;padding:24px!important;border:1px solid rgba(0,0,0,.04)!important;box-shadow:0 4px 20px rgba(0,0,0,.03)!important}.yt-comments-system *,.yt-comments-system *::before,.yt-comments-system *::after{box-sizing:border-box!important}.yt-comments-system .comment-thread{display:block!important;margin-bottom:24px!important;width:100%!important}.yt-comments-system .comment-item{display:flex!important;gap:12px!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;text-align:right!important}.yt-comments-system .comment-content{display:block!important;flex-grow:1!important;min-width:0!important;text-align:right!important;width:100%!important}.yt-comments-system .comment-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-bottom:2px!important}.yt-comments-system .comment-meta{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;width:100%!important;overflow:hidden!important}.comment-author-name-wrapper{display:inline-flex!important;align-items:center!important;gap:4px!important;line-height:1.2!important;max-width:100%!important;flex-wrap:nowrap!important;min-width:0!important;flex-shrink:1!important}.author-name-text{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important}.mutaz-verified-badge{color:#3b82f6!important;font-size:13px!important;flex-shrink:0!important;line-height:1!important;display:inline-block!important}.mutaz-creator-heart-zone{display:inline-flex!important;position:relative!important;width:28px!important;height:28px!important;align-items:center!important;justify-content:center!important;margin-right:8px!important;flex-shrink:0!important;cursor:default!important;vertical-align:middle!important;border:1px solid red!important;border-radius:50%!important;background-color:#fff0f2!important;padding:2px!important}.yt-tiny-heart{position:absolute!important;bottom:-3px!important;right:-3px!important;color:red!important;font-size:10px!important;background-color:var(--color-white)!important;border-radius:50%!important;padding:1px!important;line-height:1!important;z-index:2!important}.yt-admin-avatar{width:25px!important;height:25px!important;border-radius:50%!important;object-fit:cover!important;border:none!important;display:block!important}.yt-comments-system .author-name{font-size:.9rem!important;font-weight:700!important;color:var(--yt-text-primary)!important;margin:0!important;padding:0!important;background:transparent!important;line-height:1!important}.yt-comments-system .comment-time{font-size:.8rem!important;color:var(--yt-text-secondary)!important;margin:0!important;line-height:1!important;white-space:nowrap!important;flex-shrink:0!important;direction:rtl!important}.yt-comments-system button.more-options-btn{background:transparent!important;border:none!important;color:var(--yt-text-primary)!important;cursor:pointer!important;border-radius:50%!important;margin-right:0!important;margin-left:0!important;font-size:1rem!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important}.yt-comments-system button.more-options-btn:hover{background-color:var(--yt-hover)!important}.yt-comments-system .comment-text{display:block!important;text-align:right!important;width:100%!important;margin:2px 0 6px 0!important;padding:0!important;font-size:.95rem!important;line-height:1.6!important;color:var(--yt-text-primary)!important;white-space:normal!important;word-wrap:break-word!important}.yt-comments-system .comment-text p{margin:0!important;padding:0!important}.yt-comments-system .mention{display:inline-block!important;color:var(--yt-blue)!important;text-decoration:none!important;font-weight:600!important;margin:0 0 0 4px!important;padding:0!important;direction:ltr!important;unicode-bidi:isolate!important}.yt-comments-system .interaction-bar{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important;margin-right:-8px!important;padding:0!important;width:auto!important}.yt-comments-system .interaction-bar button.action-btn{width:auto!important;min-width:0!important;height:32px!important;flex:0 0 auto!important;margin:0!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;cursor:pointer!important;gap:6px!important;color:var(--yt-text-primary)!important;font-size:.95rem!important;border-radius:16px!important;transition:background-color .2s!important}.yt-comments-system .interaction-bar button.action-btn:hover{background-color:var(--yt-hover)!important}.yt-comments-system .interaction-bar span.action-count{color:var(--yt-text-secondary)!important;font-size:.85rem!important;font-weight:500!important;font-family:Arial,sans-serif!important;line-height:1!important}.yt-comments-system .avatar{border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffffff!important;font-weight:bold!important;flex-shrink:0!important;overflow:hidden!important;margin:0!important;padding:0!important;position:relative!important;background-size:cover!important;background-position:center!important}.yt-comments-system .avatar img{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important;z-index:2!important}.yt-comments-system .avatar-letter{color:#ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;position:relative!important;z-index:1!important;line-height:1!important}.yt-comments-system .avatar-main{width:var(--avatar-main)!important;height:var(--avatar-main)!important;font-size:1rem!important}.yt-comments-system .avatar-reply{width:var(--avatar-reply)!important;height:var(--avatar-reply)!important;font-size:.85rem!important}.yt-comments-system .replies-wrapper{margin-right:52px!important;position:relative!important;margin-top:4px!important;display:block!important;width:calc(100% - 52px)!important}.yt-comments-system .replies-wrapper::before{content:""!important;position:absolute!important;right:-32px!important;top:-16px!important;bottom:24px!important;width:2px!important;background-color:var(--yt-border)!important;z-index:1!important}.yt-comments-system .reply-item{position:relative!important;padding-top:8px!important}.yt-comments-system .reply-item .comment-content{padding-right:10px!important}.yt-comments-system .reply-item::before{content:""!important;position:absolute!important;right:-32px!important;top:-8px!important;height:30px!important;width:18px!important;border-right:2px solid var(--yt-border)!important;border-bottom:2px solid var(--yt-border)!important;border-bottom-right-radius:12px!important;z-index:2!important;pointer-events:none!important}.yt-comments-system button.toggle-replies-btn{background:transparent!important;border:none!important;color:var(--yt-blue)!important;font-size:.95rem!important;font-weight:700!important;padding:8px 16px!important;border-radius:20px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;position:relative!important;z-index:3!important;transition:background-color .2s!important}.yt-comments-system button.toggle-replies-btn:hover{background-color:var(--yt-blue-bg)!important}.yt-comments-system .replies-list{display:none;padding-top:12px!important;width:100%!important}.yt-comments-system .replies-list.show{display:block!important}.yt-comments-system .comments-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:24px!important;width:100%!important}.yt-comments-system .comments-title{font-size:1.25rem!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}.yt-comments-system .comments-count{color:var(--yt-text-secondary)!important;font-weight:500!important;font-size:1rem!important}.yt-comments-system .add-comment-mobile,.yt-comments-system .active-reply-box{display:flex!important;gap:12px!important;margin-bottom:24px!important;align-items:flex-start!important;width:100%!important}.yt-comments-system .comment-input-fake{flex-grow:1!important;border-bottom:1px solid var(--yt-border)!important;color:var(--yt-text-secondary)!important;padding:8px 0!important;font-size:.95rem!important;cursor:text!important;transition:border-bottom-color .2s!important;text-align:right!important}.yt-comments-system .comment-input-fake:hover{border-bottom-color:var(--yt-text-primary)!important}.yt-comments-system .comment-input-fake:focus-visible{border-bottom-color:var(--yt-blue)!important;outline:2px solid var(--yt-blue)!important;outline-offset:2px!important}.yt-comments-system .reply-input-container{flex-grow:1!important;display:flex!important;flex-direction:column!important;width:100%!important}.yt-comments-system .reply-textarea{background:transparent!important;border:none!important;border-bottom:1px solid var(--yt-border)!important;color:var(--yt-text-primary)!important;font-family:"Tajawal",sans-serif!important;font-size:.95rem!important;padding:4px 0 8px 0!important;outline:none!important;resize:none!important;overflow:hidden!important;min-height:32px!important;line-height:1.5!important;text-align:right!important;width:100%!important}.yt-comments-system .reply-textarea:focus{border-bottom-color:var(--yt-text-primary)!important}.yt-comments-system .reply-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:8px!important;width:100%!important}.yt-comments-system .reply-actions button.btn{padding:8px 16px!important;border-radius:18px!important;font-size:.9rem!important;font-weight:700!important;cursor:pointer!important;border:none!important}.yt-comments-system .reply-actions button.btn-cancel{background:transparent!important;color:var(--yt-text-primary)!important}.yt-comments-system .reply-actions button.btn-cancel:hover{background-color:var(--yt-hover)!important}.yt-comments-system .reply-actions button.btn-submit{background-color:var(--yt-blue)!important;color:white!important}.yt-comments-system .reply-actions button.btn-submit:disabled{background-color:var(--yt-border)!important;color:var(--yt-text-secondary)!important;cursor:not-allowed!important}.yt-comments-system .no-comments-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px!important;margin:20px 0!important;background:linear-gradient(135deg,rgba(248,250,252,.6) 0%,rgba(241,245,249,.8) 100%)!important;border:2px dashed rgba(203,213,225,.8)!important;border-radius:16px!important;text-align:center;transition:all .3s ease}.yt-comments-system .no-comments-placeholder:hover{background:linear-gradient(135deg,rgba(241,245,249,.8) 0%,rgba(226,232,240,.9) 100%)!important;border-color:var(--color-primary)!important}.yt-comments-system .no-comments-placeholder .no-comments-icon{font-size:3rem!important;color:var(--color-secondary,#2563eb)!important;opacity:.8;margin-bottom:15px!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.yt-comments-system .no-comments-placeholder p{font-size:clamp(1.1rem,4vw,1.4rem)!important;font-weight:800!important;color:var(--color-primary,#002b5b)!important;margin:0!important;letter-spacing:.5px}.yt-comments-system .login-to-comment-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;border-radius:24px!important;border:1px solid var(--yt-border)!important;color:var(--yt-blue)!important;font-weight:700!important;font-size:.95rem!important;text-decoration:none!important;margin-bottom:20px!important}.yt-comments-system .load-more-btn{width:100%!important;background:transparent!important;color:var(--yt-blue)!important;border:1px solid var(--yt-border)!important;border-radius:24px!important;padding:12px!important;font-weight:700!important;font-size:.95rem!important;cursor:pointer!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}.yt-comments-system .load-more-btn:hover,.yt-comments-system .login-to-comment-btn:hover{background-color:var(--yt-blue-bg)!important}.login-modal-overlay{display:none!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.65)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:99999!important;align-items:center!important;justify-content:center!important;padding:16px!important}.login-modal-overlay.is-open{display:flex!important;animation:modalOverlayIn .25s ease!important}@keyframes modalOverlayIn{from{opacity:0}to{opacity:1}}.login-modal-box{background:var(--bg-card,#1e1e2e)!important;border:1px solid var(--yt-border,rgba(255,255,255,.1))!important;border-radius:20px!important;padding:36px 32px 32px!important;max-width:400px!important;width:100%!important;text-align:center!important;position:relative!important;box-shadow:0 24px 60px rgba(0,0,0,.5)!important;animation:modalBoxIn .3s cubic-bezier(.34,1.56,.64,1)!important;direction:rtl!important}@keyframes modalBoxIn{from{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal-close{position:absolute!important;top:14px!important;left:14px!important;background:transparent!important;border:none!important;color:var(--yt-text-secondary,#aaa)!important;font-size:1.5rem!important;cursor:pointer!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s,color .2s!important;line-height:1!important}.login-modal-close:hover{background:var(--yt-hover,rgba(255,255,255,.1))!important;color:var(--yt-text-primary,#fff)!important}.login-modal-icon{font-size:3rem!important;margin-bottom:16px!important;color:var(--yt-blue,#4285f4)!important;line-height:1!important}.login-modal-title{font-size:1.25rem!important;font-weight:800!important;color:var(--yt-text-primary,#fff)!important;margin:0 0 10px!important;line-height:1.4!important}.login-modal-desc{font-size:.9rem!important;color:var(--yt-text-secondary,#aaa)!important;margin:0 0 24px!important;line-height:1.6!important}.login-modal-actions{display:flex!important;flex-direction:column!important;gap:10px!important}.login-modal-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 20px!important;border-radius:24px!important;font-size:.95rem!important;font-weight:700!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s,opacity .15s!important;cursor:pointer!important;font-family:"Tajawal",sans-serif!important}.login-modal-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(0,0,0,.25)!important;opacity:.92!important}.login-modal-btn--primary{background:var(--yt-blue,#4285f4)!important;color:#fff!important}.login-modal-btn--secondary{background:transparent!important;color:var(--yt-text-primary,#fff)!important;border:1px solid var(--yt-border,rgba(255,255,255,.15))!important}.login-modal-btn--secondary:hover{background:var(--yt-hover,rgba(255,255,255,.07))!important}.ad-label{font-size:.75rem;color:#4a4a4a;font-weight:700;display:block;margin-bottom:5px;letter-spacing:.3px;text-transform:uppercase;background:rgba(0,0,0,.04);padding:2px 10px;border-radius:4px;display:inline-block}.ad-space-wrapper{overflow:hidden;width:100%;border-radius:8px;background:#fff;padding:10px;text-align:center;margin-bottom:1.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.ad-sidebar-wrapper{margin-top:1rem;text-align:center}.ad-native-wrapper{overflow:hidden;margin:30px 0;border-radius:12px;background:#f9f9f9;border:1px dashed #ccc;padding:15px;text-align:center}.top-ad-banner{overflow:hidden;width:100%;border-radius:8px;background:#fff;padding:10px}.important-notice{display:none}.download-disabled-notice{background:var(--color-white);border:1px solid rgba(0,0,0,.04);border-right:4px solid var(--color-warning);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.03);padding:24px 20px;margin:24px 0;text-align:center}.download-disabled-notice i{font-size:2rem;color:var(--color-warning);margin-bottom:14px;display:block}.download-disabled-notice h4{color:#333;margin-bottom:10px;font-size:1rem;font-weight:700}.download-disabled-notice p{color:#666;font-size:.92rem;margin:0}.curriculum-badge{font-size:.7rem;font-weight:600;color:#ffffff;background:linear-gradient(135deg,rgba(192,57,43,.85) 0%,rgba(231,76,60,.85) 100%);padding:4px 10px;border-radius:15px;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 6px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.2);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;max-width:100px;transition:all .3s ease}.curriculum-badge span{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.curriculum-badge i{font-size:.65rem;margin-left:2px}.seo-hidden-links{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.download-timer{margin-top:15px;text-align:center;font-weight:bold;color:var(--color-primary);font-size:1rem;background:rgba(0,43,91,.05);padding:10px;border-radius:8px;border-top:2px solid rgba(0,43,91,.1)}.download-item-wrapper{width:100%;margin-bottom:10px;border-bottom:1px dashed #eee;padding-bottom:8px}.download-item-title{margin-bottom:4px;font-weight:bold;color:#333;text-align:right;font-size:.9rem}.full-width-btn{width:100%;justify-content:center;border:none;cursor:pointer}.download-no-files{background:#fff3cd;color:#856404;padding:12px;border-radius:8px;margin-top:12px;font-size:.9rem}.noscript-download-wrapper{background:#f8f9fa;padding:12px;margin:15px 0;border-radius:8px}.noscript-download-title{color:var(--color-primary);margin-bottom:12px;font-size:1rem}.noscript-download-list{list-style:none;padding:0}.noscript-download-item{margin-bottom:8px}.noscript-download-link{color:var(--color-success);text-decoration:none;font-weight:bold;font-size:.9rem}.noscript-no-files{color:#666;font-size:.9rem}@media (min-width:1200px){.uc-cover-col{flex:0 0 240px!important}.uc-title{font-size:2.2rem!important;margin-bottom:20px!important}.uc-stats-grid{gap:30px!important;padding:24px!important}.u-stat i{font-size:1.5rem!important}.ultra-card,.ultra-desc-box,.share-section,.download-toggle-wrapper{padding:35px 45px!important}}@media (max-width:1199px){.related-gallery .explorer-card.related-book-card{width:clamp(155px,22vw,175px)}.related-gallery{gap:18px}}@media (max-width:991px){.ultra-card{margin-top:-80px}.uc-stats-grid{grid-template-columns:repeat(2,1fr)}.related-gallery .explorer-card.related-book-card{width:clamp(150px,25vw,170px)}.related-gallery{gap:15px}.share-buttons{gap:6px}.btn-share{width:40px;height:40px}.yt-comments-system{padding:16px!important;border-radius:16px!important}.yt-comments-system .avatar-main{width:34px!important;height:34px!important}.yt-comments-system .avatar-reply{width:26px!important;height:26px!important}.yt-comments-system .replies-wrapper{margin-right:46px!important}.yt-comments-system .replies-wrapper::before,.yt-comments-system .reply-item::before{right:-29px!important}}@media (max-width:768px){.related-content-section{padding:18px 15px;margin:25px 0}.related-section-title{font-size:1.15rem}.related-book-card{width:clamp(140px,32vw,160px)}.related-gallery{gap:12px;padding:8px 3px}.related-book-card .book-title{font-size:clamp(.75rem,3vw,.85rem)}.preview-cta-container{padding:15px;margin:25px 0}.preview-notice{font-size:.8rem}.share-section{padding:18px!important;margin:20px 0!important;border-radius:12px!important}.share-section h3{font-size:1.1rem!important;margin-bottom:15px!important}.share-buttons{gap:12px!important}.btn-share{width:42px!important;height:42px!important;font-size:1rem!important}.preview-modal{padding:15px}.preview-content{width:95%;height:80%;max-height:80vh;border-radius:12px}.preview-header{padding:12px 16px}.preview-header h3{font-size:.95rem;gap:6px}.preview-header h3 span:not(.badge-live){-webkit-line-clamp:2;font-size:.85rem;line-height:1.3}.preview-controls{gap:4px;flex-shrink:0}.preview-action-btn,.close-preview{width:30px;height:30px;font-size:.85rem}.ad-native-wrapper,.ad-space-wrapper,.ad-sidebar-wrapper{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding:10px 5px!important;box-sizing:border-box!important;overflow-x:hidden!important}.ad-native-wrapper iframe,.ad-native-wrapper img,.ad-space-wrapper iframe,.ad-space-wrapper img{max-width:100%!important;height:auto!important;display:block;margin:0 auto}.download-sheet{max-height:85vh}.sheet-body{padding:16px 16px 24px}}@media (max-width:576px){.ultra-breadcrumb{padding:10px 16px}.ultra-breadcrumb a,.ultra-breadcrumb .current{font-size:.75rem!important}.ultra-breadcrumb a i{font-size:.7rem!important}.ultra-breadcrumb .separator i{font-size:.45rem!important}.hero-wave svg{height:35px!important;width:250%!important;transform:rotateY(180deg) translateX(30%)!important}.ultra-hero{height:150px}.hero-wave svg{height:40px}.ultra-card{padding:16px;margin-top:-70px;border-radius:16px}.uc-top-section{gap:14px;margin-bottom:16px}.uc-cover-col{flex:0 0 100px}.uc-type-badge{font-size:.5rem;padding:2px 6px;top:auto;bottom:6px;right:auto;left:6px;border-radius:20px;gap:4px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.uc-type-badge i{font-size:.55rem}.uc-type-badge i~i{display:none!important}.uc-title{font-size:1.15rem;margin-bottom:8px}.u-badge{font-size:.75rem;padding:3px 8px}.uc-stats-grid{grid-template-columns:repeat(2,1fr);padding:12px;gap:12px;margin-bottom:16px}.u-stat{font-size:.75rem}.u-stat i{font-size:1rem}.uc-action-row{display:flex}.u-fav-btn{flex:1;justify-content:center;font-size:.85rem;padding:10px}.related-content-section{padding:15px 12px;margin:20px 0}.related-section-title{font-size:1.05rem}.related-book-card{width:clamp(130px,38vw,150px)}.related-gallery{gap:10px}.related-book-card .book-title{font-size:clamp(.7rem,2.8vw,.8rem);margin-bottom:6px}.related-scroll-btn{display:none}.related-book-card .book-badge{font-size:clamp(.45rem,1.5vw,.55rem);padding:2px 6px;max-width:90%;top:4px;left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-book-card .book-badge i{font-size:.5rem}.related-book-card .curriculum-badge{font-size:clamp(.45rem,1.5vw,.55rem);padding:2px 6px;max-width:70px}.related-book-card .curriculum-badge span{max-width:55px}.related-book-card .book-stats-overlay{gap:4px;padding:2px 6px;font-size:.5rem}.related-book-card .book-stats-overlay span{font-size:.5rem;gap:2px}.related-book-card .book-stats-overlay i{font-size:.5rem}.related-book-card .book-stats-overlay span:first-child::after{height:5px;margin-right:3px}.preview-cta-container{padding:12px;margin:20px 0}.btn-pill-gradient{padding:12px 22px;font-size:.9rem;gap:8px;border-radius:40px}.btn-pill-gradient i{font-size:1rem}.preview-notice{font-size:.75rem}.related-premium-btn{padding:10px 20px;font-size:.85rem}.share-section{padding:15px!important}.share-section h3{font-size:1rem!important}.share-buttons{gap:8px!important;flex-wrap:wrap!important;justify-content:center!important}.btn-share{width:40px!important;height:40px!important;font-size:.95rem!important}.btn-share-native{padding:8px 18px;font-size:.85rem}.preview-modal{padding:10px}.preview-content{width:100%;height:75%;max-height:75vh}.login-modal-box{padding:28px 20px 24px!important;border-radius:16px!important}.login-modal-title{font-size:1.1rem!important}.yt-comments-system{padding:12px!important;border-radius:12px!important}.yt-comments-system .comment-item{gap:8px!important}.yt-comments-system .comment-header-row{align-items:flex-start!important}.yt-comments-system button.more-options-btn{padding:4px!important;font-size:.9rem!important;width:28px!important;height:28px!important}.yt-comments-system .interaction-bar button.action-btn{padding:4px 6px!important;font-size:.9rem!important}.sheet-body{padding:14px 14px 20px}.file-item{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px}.file-item-icon{width:36px;height:36px}.file-item-icon i{font-size:1.1rem}.file-item-name{font-size:.8rem}.file-item-badge{font-size:.6rem;padding:2px 6px}.file-item-btn{padding:8px 12px;min-width:auto;min-height:32px}.file-item-btn span{display:none}.file-item-btn i{margin:0;font-size:.95rem}.social-icons{gap:12px}.social-icon{width:38px;height:38px;font-size:.95rem}.copyright-notice{font-size:.65rem;padding:10px 12px}}@media (max-width:360px){.social-icons{gap:8px}.social-icon{width:34px;height:34px;font-size:.85rem}}@media (min-width:992px){.related-gallery .explorer-card.related-book-card{width:clamp(155px,22vw,175px)}}@media (min-width:1200px){.related-gallery .explorer-card.related-book-card{width:clamp(155px,22vw,175px)}}@media (min-width:769px){.download-sheet{max-width:700px;border-radius:24px 24px 0 0}.sheet-handle{display:flex}}