*{margin:0;padding:0;box-sizing:border-box}*:not(input,textarea){transition:all .3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Cairo,Tajawal,sans-serif;direction:rtl;background:linear-gradient(135deg,#fff,#fef9f366,#fff);background-attachment:fixed;color:#1e293b;min-height:100vh;overflow-x:hidden;line-height:1.6}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(to bottom,#f1f5f9,#e2e8f0);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#c19758,#a67d47);border-radius:10px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#a67d47,#8b6539)}input:focus,button:focus,a:focus{outline:2px solid rgba(193,151,88,.6);outline-offset:2px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #c19758;outline-offset:2px}button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px;touch-action:manipulation}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.layout{min-height:100vh;background:linear-gradient(to bottom right,#fff,#fef9f34d,#fff);position:relative;overflow:hidden}.layout-decorations{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.layout-decoration-1{position:absolute;top:0;right:0;width:384px;height:384px;background:#fae4cc33;border-radius:50%;filter:blur(96px);margin-right:-192px;margin-top:-192px}.layout-decoration-2{position:absolute;bottom:0;left:0;width:384px;height:384px;background:#f6d0a826;border-radius:50%;filter:blur(96px);margin-left:-192px;margin-bottom:-192px}.layout-decoration-3{position:absolute;top:50%;left:50%;width:384px;height:384px;background:#fdf2e61a;border-radius:50%;filter:blur(96px);transform:translate(-50%,-50%)}.layout-main{position:relative;z-index:10;width:100%;min-height:100vh}.book-viewer{min-height:100vh;padding:clamp(8px,2vw,16px);display:flex;flex-direction:column;gap:clamp(16px,4vw,32px);max-width:1400px;margin:0 auto;width:100%}@media(min-width:480px){.book-viewer{padding:clamp(12px,2.5vw,20px)}}@media(min-width:640px){.book-viewer{padding:clamp(16px,3vw,24px);gap:clamp(20px,4vw,28px)}}@media(min-width:768px){.book-viewer{padding:clamp(20px,3.5vw,32px);gap:clamp(24px,5vw,40px)}}@media(min-width:1024px){.book-viewer{padding:clamp(24px,4vw,40px);gap:clamp(28px,5vw,48px)}}@media(min-width:1280px){.book-viewer{padding:40px;gap:48px}}.header-card{position:relative;background:linear-gradient(135deg,#fffffffa,#fef9f399,#fffffffa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:clamp(8px,2vw,16px);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a,0 0 0 1px #c197581a;border:1px solid rgba(193,151,88,.2);padding:clamp(8px,2vw,12px);overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.header-card{border-radius:clamp(10px,2.5vw,18px);padding:clamp(10px,2.5vw,14px)}}@media(min-width:768px){.header-card{padding:clamp(12px,3vw,16px)}}@media(min-width:1024px){.header-card{padding:16px}}.header-decor-1{position:absolute;top:0;right:0;width:256px;height:256px;background:#fae4cc33;border-radius:50%;filter:blur(96px);margin-right:-128px;margin-top:-128px}.header-decor-2{position:absolute;bottom:0;left:0;width:192px;height:192px;background:#f6d0a81a;border-radius:50%;filter:blur(64px);margin-left:-96px;margin-bottom:-96px}.header-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,10px);width:100%}@media(min-width:640px){.header-content{flex-direction:row;align-items:center;gap:clamp(10px,2.5vw,12px)}}@media(min-width:768px){.header-content{gap:clamp(12px,3vw,14px)}}.logo-container{flex-shrink:0;position:relative}.logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#f0b873,#c19758);border-radius:16px;filter:blur(24px);opacity:.3;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.logo-wrapper{position:relative}.logo-img{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);-o-object-fit:contain;object-fit:contain;border-radius:clamp(8px,2vw,10px);box-shadow:0 2px 4px #0000001a;border:1px solid rgba(193,151,88,.2);background:#fffc;padding:clamp(4px,1vw,6px);transition:all .3s ease}@media(min-width:640px){.logo-img{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);border-radius:clamp(10px,2.5vw,12px);padding:clamp(6px,1.5vw,8px)}}@media(min-width:768px){.logo-img{width:clamp(56px,14vw,64px);height:clamp(56px,14vw,64px);border-radius:12px}}.logo-img:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.title-section{flex:1;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vw,16px)}@media(min-width:480px){.title-section{gap:clamp(14px,3.5vw,18px)}}@media(min-width:640px){.title-section{text-align:right;align-items:flex-end;gap:clamp(16px,4vw,20px)}}@media(min-width:768px){.title-section{gap:clamp(18px,4.5vw,24px)}}.title-section-inner{padding:0 clamp(8px,2vw,12px);width:100%}@media(min-width:640px){.title-section-inner{padding:0}}.title{font-size:clamp(12px,3vw,14px);font-weight:600;color:#5a4025;font-family:Amiri,Cairo,Tajawal,serif;line-height:1.5;word-break:break-word;margin:0}@media(min-width:640px){.title{font-size:clamp(13px,3.25vw,15px);line-height:1.6}}@media(min-width:768px){.title{font-size:clamp(14px,3.5vw,16px);line-height:1.65}}@media(min-width:1024px){.title{font-size:17px}}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,6px);background:linear-gradient(135deg,#c19758,#a67d47);color:#fff;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);border-radius:clamp(6px,1.5vw,8px);font-size:clamp(11px,2.75vw,12px);font-weight:500;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;border:none;min-height:32px}@media(min-width:640px){.download-btn{padding:8px 16px;border-radius:8px;font-size:12px;min-height:36px}}@media(min-width:768px){.download-btn{padding:10px 18px;font-size:13px}}.download-btn:hover{background:linear-gradient(135deg,#a67d47,#8b6539);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.download-btn:active{transform:translateY(0)}.download-icon{width:14px;height:14px}@media(min-width:640px){.download-icon{width:16px;height:16px}}.audio-player{position:relative;margin-top:clamp(8px,2vw,12px);background:linear-gradient(135deg,#c19758,#a67d47);border-radius:clamp(8px,2vw,12px);padding:clamp(8px,2vw,12px);color:#fff;box-shadow:0 2px 4px #0000001a;overflow:hidden;border:1px solid rgba(166,125,71,.3)}@media(min-width:640px){.audio-player{margin-top:clamp(10px,2.5vw,14px);border-radius:clamp(10px,2.5vw,14px);padding:clamp(10px,2.5vw,14px)}}@media(min-width:768px){.audio-player{margin-top:12px;border-radius:12px;padding:14px}}.audio-bg-1{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(240,184,115,.2),transparent);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.audio-bg-2{position:absolute;top:0;right:0;width:128px;height:128px;background:#ffffff1a;border-radius:50%;filter:blur(64px)}.audio-controls{position:relative;display:flex;align-items:center;gap:clamp(8px,2vw,12px);width:100%}@media(min-width:480px){.audio-controls{gap:clamp(10px,2.5vw,14px)}}@media(min-width:640px){.audio-controls{gap:clamp(12px,3vw,18px)}}@media(min-width:768px){.audio-controls{gap:clamp(18px,4.5vw,28px)}}@media(min-width:1024px){.audio-controls{gap:32px}}.play-btn{position:relative;width:clamp(40px,10vw,44px);height:clamp(40px,10vw,44px);min-width:40px;min-height:40px;border-radius:clamp(8px,2vw,10px);background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #00000026;flex-shrink:0;border:1px solid rgba(255,255,255,.3);cursor:pointer;touch-action:manipulation}@media(min-width:640px){.play-btn{width:clamp(44px,11vw,48px);height:clamp(44px,11vw,48px);border-radius:clamp(10px,2.5vw,12px)}}@media(min-width:768px){.play-btn{width:48px;height:48px;border-radius:12px}}.play-btn:hover{background:#fff6;box-shadow:0 4px 6px #0003;transform:scale(1.05)}.play-btn:active{transform:scale(.95)}.play-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;border-radius:12px;filter:blur(4px)}@media(min-width:640px){.play-btn-glow{border-radius:16px}}.play-icon{width:clamp(18px,4.5vw,20px);height:clamp(18px,4.5vw,20px);fill:#fff;position:relative;z-index:10;margin-right:2px}@media(min-width:640px){.play-icon{width:clamp(20px,5vw,22px);height:clamp(20px,5vw,22px)}}@media(min-width:768px){.play-icon{width:22px;height:22px}}.audio-info{flex:1;display:flex;flex-direction:column;gap:clamp(10px,2.5vw,14px);min-width:0}@media(min-width:480px){.audio-info{gap:clamp(12px,3vw,16px)}}@media(min-width:768px){.audio-info{gap:16px}}.audio-header{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,12px);flex-wrap:wrap}@media(min-width:480px){.audio-header{flex-wrap:nowrap}}.audio-label{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);color:#fffffff2;flex-shrink:0}@media(min-width:640px){.audio-label{gap:clamp(8px,2vw,12px)}}@media(min-width:768px){.audio-label{gap:12px}}.volume-icon{width:clamp(14px,3.5vw,18px);height:clamp(14px,3.5vw,18px);flex-shrink:0}@media(min-width:640px){.volume-icon{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}}@media(min-width:768px){.volume-icon{width:20px;height:20px}}.audio-label-text{font-size:clamp(11px,2.75vw,13px);font-weight:500;letter-spacing:.02em}@media(min-width:480px){.audio-label-text{font-size:clamp(12px,3vw,14px)}}@media(min-width:640px){.audio-label-text{font-size:clamp(13px,3.25vw,15px)}}@media(min-width:768px){.audio-label-text{font-size:15px}}.audio-time{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:clamp(11px,2.75vw,13px);color:#fffffff2;font-family:Courier New,monospace;font-weight:600;direction:ltr;letter-spacing:.05em}@media(min-width:480px){.audio-time{font-size:clamp(12px,3vw,14px)}}@media(min-width:640px){.audio-time{font-size:clamp(13px,3.25vw,15px);gap:6px}}@media(min-width:768px){.audio-time{font-size:15px}}.audio-slider{width:100%;height:clamp(8px,2vw,12px);background:#ffffff40;border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;transition:all .2s ease;touch-action:manipulation}.audio-slider:hover{background:#ffffff4d;height:clamp(10px,2.5vw,14px)}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px);min-width:18px;min-height:18px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003,0 0 0 2px #ffffff4d;-webkit-transition:all .2s ease;transition:all .2s ease;border:2px solid rgba(193,151,88,.3)}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px #0000004d,0 0 0 3px #fff6}.audio-slider::-moz-range-thumb{width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px);min-width:18px;min-height:18px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;cursor:pointer;border:2px solid rgba(193,151,88,.3);box-shadow:0 2px 4px #0003,0 0 0 2px #ffffff4d;-moz-transition:all .2s ease;transition:all .2s ease}.audio-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px #0000004d,0 0 0 3px #fff6}.pdf-container{position:relative;background:#fff;border-radius:clamp(8px,2vw,12px);box-shadow:0 2px 8px #00000014;border:1px solid rgba(193,151,88,.2);overflow:hidden;height:calc(100vh - clamp(180px,45vw,220px));min-height:clamp(400px,60vh,600px);max-height:clamp(700px,90vh,1200px)}@media(min-width:640px){.pdf-container{border-radius:clamp(10px,2.5vw,14px);height:calc(100vh - clamp(200px,48vw,240px));min-height:clamp(450px,65vh,650px)}}@media(min-width:768px){.pdf-container{border-radius:12px;height:calc(100vh - clamp(220px,50vw,260px));min-height:clamp(500px,70vh,700px);max-height:clamp(800px,92vh,1300px)}}@media(min-width:1024px){.pdf-container{height:calc(100vh - 280px);min-height:650px;max-height:1400px}}.pdf-decor{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,rgba(254,249,243,.5),transparent);pointer-events:none;z-index:0}.pdf-decor-mobile-1{position:absolute;top:0;right:0;width:128px;height:128px;background:#fdf2e633;border-radius:50%;filter:blur(64px);margin-right:-64px;margin-top:-64px}@media(min-width:640px){.pdf-decor-mobile-1,.pdf-decor-mobile-2{display:none}}.pdf-decor-mobile-2{position:absolute;bottom:0;left:0;width:128px;height:128px;background:#fdf2e633;border-radius:50%;filter:blur(64px);margin-left:-64px;margin-bottom:-64px}.pdf-content{position:relative;z-index:10;height:100%}.pdf-viewer{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.pdf-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(6px,1.5vw,8px);padding:clamp(4px,1vw,6px);background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(193,151,88,.2);flex-shrink:0;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:20}@media(min-width:640px){.pdf-toolbar{padding:clamp(6px,1.5vw,8px);gap:clamp(8px,2vw,10px)}}@media(min-width:768px){.pdf-toolbar{padding:8px 12px;gap:12px}}.toolbar-group{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.75vw,4px);background:transparent;border-radius:clamp(4px,1vw,6px);padding:0}@media(min-width:640px){.toolbar-group{gap:clamp(4px,1vw,6px)}}@media(min-width:768px){.toolbar-group{gap:6px}}.toolbar-btn{padding:clamp(4px,1vw,6px);min-width:28px;min-height:28px;border-radius:clamp(4px,1vw,6px);background:#fef9f3cc;border:1px solid rgba(193,151,88,.2);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;touch-action:manipulation;display:flex;align-items:center;justify-content:center}@media(min-width:640px){.toolbar-btn{padding:clamp(6px,1.5vw,8px);min-width:32px;min-height:32px;border-radius:clamp(6px,1.5vw,8px)}}@media(min-width:768px){.toolbar-btn{padding:8px;min-width:36px;min-height:36px;border-radius:8px}}.toolbar-btn:hover{background:#fae4cce6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px);border-color:#c197584d}.toolbar-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn:disabled:hover{box-shadow:0 1px 2px #0000000d}.toolbar-icon{width:clamp(14px,3.5vw,16px);height:clamp(14px,3.5vw,16px);color:#8b6539}@media(min-width:640px){.toolbar-icon{width:clamp(16px,4vw,18px);height:clamp(16px,4vw,18px)}}@media(min-width:768px){.toolbar-icon{width:18px;height:18px}}.page-input-form{display:flex;align-items:center;gap:clamp(3px,.75vw,4px);padding:0 clamp(2px,.5vw,4px)}@media(min-width:640px){.page-input-form{gap:clamp(4px,1vw,5px);padding:0 clamp(4px,1vw,6px)}}@media(min-width:768px){.page-input-form{gap:5px;padding:0 6px}}.page-input{width:clamp(32px,8vw,36px);padding:clamp(2px,.5vw,3px) clamp(4px,1vw,5px);text-align:center;font-size:clamp(10px,2.5vw,11px);font-weight:600;color:#5a4025;background:#fff;border:1px solid #f6d0a8;border-radius:clamp(4px,1vw,5px);direction:ltr}@media(min-width:640px){.page-input{width:clamp(36px,9vw,40px);padding:clamp(3px,.75vw,4px) clamp(5px,1.25vw,6px);font-size:clamp(11px,2.75vw,12px);border-radius:clamp(5px,1.25vw,6px)}}@media(min-width:768px){.page-input{width:42px;padding:4px 6px;font-size:12px;border-width:1px;border-radius:6px}}.page-input:focus{outline:none;box-shadow:0 0 0 2px #c1975880;border-color:#c19758}.page-separator{font-size:clamp(10px,2.5vw,11px);font-weight:600;color:#a67d47}@media(min-width:640px){.page-separator{font-size:clamp(11px,2.75vw,12px)}}@media(min-width:768px){.page-separator{font-size:12px}}.page-total{font-size:clamp(10px,2.5vw,11px);font-weight:600;color:#5a4025}@media(min-width:640px){.page-total{font-size:clamp(11px,2.75vw,12px)}}@media(min-width:768px){.page-total{font-size:12px}}.zoom-display{padding:clamp(3px,.75vw,4px) clamp(8px,2vw,10px);font-size:clamp(10px,2.5vw,11px);font-weight:600;color:#5a4025;background:#fef9f3cc;border:1px solid rgba(193,151,88,.2);border-radius:clamp(4px,1vw,5px);min-width:clamp(40px,10vw,45px);text-align:center;display:inline-flex;align-items:center;justify-content:center}@media(min-width:640px){.zoom-display{padding:clamp(4px,1vw,5px) clamp(10px,2.5vw,12px);font-size:clamp(11px,2.75vw,12px);border-radius:clamp(5px,1.25vw,6px);min-width:clamp(45px,11.25vw,50px)}}@media(min-width:768px){.zoom-display{padding:5px 12px;font-size:12px;border-radius:6px;min-width:50px}}.pdf-canvas-container{flex:1;position:relative;background:linear-gradient(to bottom right,#fff,#fef9f333,#fff);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.pdf-canvas-container::-webkit-scrollbar{display:none}.pdf-canvas-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:2px;direction:ltr;min-height:100%;scrollbar-width:none;-ms-overflow-style:none}.pdf-canvas-wrapper::-webkit-scrollbar{display:none}@media(min-width:640px){.pdf-canvas-wrapper{padding:8px}}@media(min-width:768px){.pdf-canvas-wrapper{padding:16px}}@media(min-width:1024px){.pdf-canvas-wrapper{padding:24px}}.pdf-canvas-inner{position:relative;display:inline-block;line-height:0;transform:none;max-width:100%}.pdf-canvas{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:#fff;border-radius:8px;border:1px solid #ffffff;width:100%;height:auto;display:block;max-width:100%;direction:ltr;transform:none;image-rendering:auto;-o-object-fit:contain;object-fit:contain}@media(min-width:640px){.pdf-canvas{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:12px;border-width:2px}}@media(min-width:768px){.pdf-canvas{box-shadow:0 25px 50px -12px #00000040;border-radius:16px;border-width:4px}}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:linear-gradient(to bottom right,#fff,#fef9f34d,#fff)}.loading-spinner-wrapper{position:relative}.loading-spinner-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#fae4cc;border-radius:50%;filter:blur(64px);opacity:.5;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-spinner{width:64px;height:64px;color:#a67d47;animation:spin 1s linear infinite;position:relative;z-index:10}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#704f2e;font-weight:600;font-size:18px;margin-top:24px}.loading-subtext{color:#a67d47;font-size:14px;margin-top:8px}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;background:linear-gradient(to bottom right,#fef2f2,#fee2e2)}.error-box{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:32px;max-width:448px;text-align:center}.error-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fee2e2;margin-bottom:16px}.error-icon{width:32px;height:32px;color:#dc2626}.error-title{font-size:20px;font-weight:700;color:#991b1b;margin-bottom:8px}.error-message{color:#b91c1c;margin-bottom:16px}.pdf-empty{display:flex;align-items:center;justify-content:center;height:100%}.empty-text{color:#475569}.ziyarat-container{display:flex;flex-direction:column;gap:24px}.ziyarat-header{background:linear-gradient(to right,#704f2e,#a67d47);border-radius:16px;padding:32px;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ziyarat-title{font-size:30px;font-weight:700;font-family:Amiri,Cairo,Tajawal,serif;margin-bottom:8px}.ziyarat-subtitle{font-size:20px;opacity:.9}.ziyarat-description{margin-top:16px;color:#fdf2e6;max-width:672px}.ziyarat-controls{margin-top:24px;display:flex;align-items:center;gap:16px}.ziyarat-play-btn{display:flex;align-items:center;padding:12px 24px;background:#c19758;color:#5a4025;font-weight:700;border-radius:9999px;border:none;cursor:pointer;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ziyarat-play-btn:hover{background:#f0b873}.ziyarat-play-icon{width:20px;height:20px;margin-right:8px}.ziyarat-status{font-size:12px;color:#fdf2e6cc;text-transform:uppercase;letter-spacing:.1em}.ziyarat-segments{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(253,242,230,1)}.ziyarat-segment{padding:24px;transition:all .5s;cursor:pointer;border-left:4px solid transparent}.ziyarat-segment:hover{background:#f8fafc}.ziyarat-segment-active{background:#fef9f3;border-left-color:#c19758;box-shadow:inset 0 2px 4px #0000000f;transform:scale(1.01)}.ziyarat-segment-content{display:flex;flex-direction:column;gap:16px}.ziyarat-arabic{text-align:right;font-family:Amiri,Cairo,Tajawal,serif;font-size:24px;line-height:1.75;color:#334155}@media(min-width:768px){.ziyarat-arabic{font-size:30px}}.ziyarat-arabic-active{color:#704f2e;font-weight:700}.ziyarat-transliteration{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#64748b}@media(min-width:768px){.ziyarat-transliteration{flex-direction:row;justify-content:space-between;font-size:16px}}.ziyarat-transliteration-text{font-weight:500;color:#a67d47;font-style:italic}.ziyarat-translation{color:#475569;border-top:1px dashed #e2e8f0;padding-top:8px;margin-top:8px}.ziyarat-note{text-align:center;color:#94a3b8;font-size:14px;font-style:italic}