@font-face{font-family:Mushaf;src:url('assets/mushaf.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9f6;color:#233e36;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #bc9849;outline-offset:4px}input,select,textarea{border:1px solid #dfe6df;border-radius:10px;background:white;padding:11px 13px;color:#29473c;max-width:100%}textarea{width:100%;min-height:115px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:34px;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.7px;font-weight:500;margin-bottom:10px}h2{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:500}h3{font-size:16px;font-weight:600}small{font-size:11px;color:#829088}#sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid #e7ebe4;padding:35px 21px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:30px;letter-spacing:-1px;margin-bottom:42px}.brand small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.6px;font-weight:600;margin-top:0}.brandmark{height:44px;width:40px;border:1px solid #b6a174;border-radius:22px 22px 7px 7px;display:grid;place-items:center;font-size:32px;color:#a58a50}.nav-label{font-size:9px;letter-spacing:2px;color:#9baba1;margin:0 14px 12px}nav{display:flex;flex-direction:column;gap:3px;overflow:auto}nav a{display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:9px;font-size:12px;color:#6b7b70;transition:.2s}nav a:hover{background:#f6f8f4}nav a.active{background:#eaf2ec;color:#21483f;font-weight:700}nav a.active:after{content:'';width:5px;height:5px;background:#bda060;border-radius:50%;margin-left:auto}.ico{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.sidebar-foot{margin-top:auto;border-top:1px solid #edf0e8;padding-top:22px;display:flex;gap:12px;align-items:center}.sidebar-foot p{font-family:Georgia,serif;font-size:13px;margin:0}.sidebar-foot small{display:block;font-family:Arial,sans-serif;font-size:9px;margin-top:3px}.small-moon{font-size:27px;color:#b69b61}.shell{margin-left:244px}header{height:83px;padding:0 44px;border-bottom:1px solid #e7ebe4;background:#ffffffc7;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:11px;color:#88998e}.breadcrumb span{padding:0 13px;color:#bcc5bb}.breadcrumb strong{color:#4d6658;font-weight:500}.header-actions{display:flex;align-items:center;gap:27px}#header-date{font-size:11px;color:#7b8b80}.profile-button{display:flex;gap:10px;align-items:center;font-size:11px}.avatar{width:32px;height:32px;border:1px solid #e3e7dc;border-radius:50%;background:#eeeede;display:grid;place-items:center;color:#7c855a;font-family:Georgia,serif;font-size:16px}main{max-width:1440px;margin:auto;padding:33px 44px 55px;min-height:calc(100vh - 150px)}.eyebrow{font-size:9px;letter-spacing:2px;color:#9b8253;font-weight:700;margin-bottom:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.page-heading p{color:#89948b;font-size:12px;margin:8px 0 0}.date-pill{display:flex;gap:12px;align-items:center;border:1px solid #e4e7db;border-radius:10px;padding:9px 15px;background:#fffdf7;font-size:11px;color:#8f805c}.hero{position:relative;overflow:hidden;border:1px solid #dfe7d9;background:linear-gradient(110deg,#edf3e9,#f2f5eb 65%,#e3eddf);border-radius:18px;min-height:300px;padding:38px 40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hero-copy{position:relative;z-index:2;width:57%}.hero h2{font-size:39px;line-height:1.18;letter-spacing:-.8px;margin:11px 0 15px;color:#244e3e}.hero p{font-size:12px;line-height:1.9;color:#748675;max-width:345px;margin-bottom:22px}.hero .eyebrow{font-size:9px;color:#8b926a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:11px 18px;background:#21483f;color:white;font-size:11px;font-weight:600;border:1px solid #21483f;white-space:nowrap}.btn:hover{background:#315c4e}.btn.secondary{background:white;color:#476052;border-color:#e2e7de}.btn.ghost{background:transparent;color:#61745f;border-color:#d2ddcb}.btn.gold{background:#b29454;border-color:#b29454}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-art{position:absolute;right:1%;bottom:-13px;width:42%;height:108%;opacity:.94}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.section-title h2{font-size:23px;margin:0}.text-link{font-size:11px;color:#87987e;display:inline-flex;align-items:center;gap:9px}.grid{display:grid;gap:17px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e6eae1;border-radius:13px;padding:22px;box-shadow:0 3px 10px #294a3410}.card p{font-size:12px;color:#879187;line-height:1.8}.feature-card{position:relative;min-height:168px;transition:transform .2s,box-shadow .2s;display:block}.feature-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #294a3412}.icon-tile{width:40px;height:40px;border-radius:11px;background:#edf3e9;color:#65886c;display:grid;place-items:center;margin-bottom:18px}.icon-tile.gold{background:#f9f3e5;color:#b4985e}.icon-tile.blue{background:#edf2f2;color:#6b9598}.icon-tile.rose{background:#f5eeea;color:#b49279}.feature-card h3{font-size:13px;margin-bottom:6px}.feature-card p{font-size:10px;margin-bottom:0}.feature-arrow{position:absolute;right:20px;top:28px;color:#b4bcad}.daily{position:relative;padding:23px 24px 19px;min-height:211px}.daily-head{font-size:9px;letter-spacing:1.4px;color:#899a7e;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.daily blockquote{font-family:Georgia,serif;font-size:18px;line-height:1.65;margin:0 0 18px;color:#4c5c46}.daily .arabic{font-size:25px;line-height:2}.daily small{font-size:9px}.daily:nth-child(2){background:#fbfaf5}.daily:nth-child(3){background:#f4f7f3}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:23px}.continue{display:flex;align-items:center;gap:18px;padding:21px 24px}.continue .icon-tile{margin:0;width:50px;height:50px}.continue h3{font-size:12px;margin-bottom:5px}.continue p{font-size:10px;margin:0}.continue .btn{margin-left:auto}.radio-mini{background:#f0f3e9;display:flex;align-items:center;gap:16px}.radio-mini h3{font-size:12px;margin-bottom:4px}.radio-mini p{font-size:10px;margin:0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76985d;margin-right:5px}.radio-play{margin-left:auto;width:37px;height:37px;border-radius:50%;background:white;color:#667d50}.tabs{display:flex;background:#eef2eb;border:1px solid #e3e8dd;padding:5px;border-radius:11px;gap:4px;max-width:100%;overflow-x:auto;margin-bottom:24px}.tabs button{padding:11px 21px;white-space:nowrap;font-size:12px;border-radius:7px;flex:1}.tabs button.active{background:#fff;box-shadow:0 2px 5px #2a4b3510;color:#234e3d;font-weight:600}.toolbar{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.toolbar label{flex:1;min-width:120px}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:21px}.mushaf-page{background:#fffdf5;padding:35px;border:1px solid #decda5;border-radius:12px;box-shadow:inset 0 0 0 6px #fffdf7,inset 0 0 0 7px #eadfc5,0 8px 30px #32462a08}.surah-heading{font-family:Mushaf,serif;font-size:29px;text-align:center;border-top:1px solid #d7c49a;border-bottom:1px solid #d7c49a;padding:5px;margin-bottom:20px;color:#8c754b}.arabic{font-family:Mushaf,'Traditional Arabic',serif;direction:rtl;font-weight:normal;font-size:32px;line-height:2.25;letter-spacing:0}.verses{text-align:justify;text-align-last:center}.verse{cursor:pointer;border-radius:5px;transition:background .2s}.verse:hover{background:#edf1e4}.verse.active{background:#e0eddc;color:#205641}.ayah-number{color:#af9053;font-size:.7em;padding:0 7px}.reader-aside .card{margin-bottom:15px}.reader-aside h3{font-size:13px}.reader-aside p{font-size:11px}.muted{color:#869186}.note{padding:12px 16px;border:1px solid #e7e7d7;border-radius:9px;background:#faf9f0;color:#938460;font-size:11px;margin:16px 0}.tag{font-size:9px;border:1px solid #e2e9df;border-radius:20px;padding:4px 9px;color:#809172;display:inline-block}.empty{text-align:center;padding:70px 24px}.empty .icon-tile{margin:0 auto 24px;width:64px;height:64px}.empty h2{font-size:26px}.empty p{max-width:440px;margin:12px auto 22px}.mini-title{font-size:10px;color:#929e8c;text-transform:uppercase;letter-spacing:1.1px}.list-row{display:flex;align-items:center;gap:17px;padding:17px 0;border-bottom:1px solid #eef0e8}.list-row:last-child{border:0}.list-row h3{font-size:13px;margin:0 0 6px}.list-row p{margin:0;font-size:10px}.list-row .row{margin-left:auto;flex-shrink:0}.date-box{background:#f1f4eb;min-width:52px;padding:7px;text-align:center;border-radius:8px;font-size:18px;color:#809568}.date-box small{display:block;font-size:8px}.search{width:100%;max-width:320px}.esma-card{text-align:center;cursor:pointer;transition:.2s}.esma-card:hover{border-color:#b8cba9;background:#fbfdf9}.esma-card .arabic{font-size:33px;color:#8b9b6e}.esma-card h3{font-family:Georgia,serif;font-size:19px;margin:8px 0}.esma-card p{margin:0;font-size:11px}.stats{display:flex;gap:15px;margin-bottom:24px}.stat{flex:1}.stat strong{font-family:Georgia,serif;font-size:33px;display:block;font-weight:500;color:#58764b}.stat span{font-size:10px;color:#8a9484}.progress{height:6px;border-radius:10px;background:#edf1e8;overflow:hidden;margin:14px 0}.progress span{height:100%;display:block;background:#819c6f}.counter-controls{display:flex;gap:8px;align-items:center}.counter-controls button{border:1px solid #e0e6da;border-radius:8px;width:32px;height:32px;background:#f7f9f3}.counter-controls input{width:84px;text-align:center;padding:6px}.zikr-count{width:215px;height:215px;border-radius:50%;border:8px solid #e6eddd;outline:1px solid #bccbaa;margin:30px auto;background:#f9fbf4;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:52px;font-family:Georgia,serif;color:#607f4b;box-shadow:0 15px 45px #45603512;cursor:pointer}.zikr-count small{font-family:Arial,sans-serif;font-size:11px}.zikr-count:active{transform:scale(.97)}.center{text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-day{padding:14px 7px;min-height:79px;border:1px solid #e9ece2;border-radius:9px;background:#fff;text-align:center;font-size:18px}.calendar-day small{display:block;font-size:9px}.calendar-day.today{background:#eaf0e2;border-color:#a6bd91}.calendar-day.event{box-shadow:inset 0 -3px #c4a262}.calendar-label{text-align:center;color:#9da793;font-size:10px;padding:9px}.calendar-day.blank{visibility:hidden}.editor-preview{min-height:330px;padding:40px;background:#edf3e6;border:10px double #d4ddc4;border-radius:9px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-preview blockquote{font-family:Georgia,serif;font-size:26px}.editor-preview small{font-size:12px}.editor-preview .brand{font-size:21px;margin:0}.stack{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wave{display:flex;gap:5px;justify-content:center;align-items:center;height:70px;margin:25px}.wave i{display:block;width:5px;background:#b5c5a4;border-radius:6px}.radio-stage{max-width:680px;margin:0 auto;padding:50px}.radio-stage .icon-tile{margin:0 auto 25px;height:74px;width:74px}.loading{padding:90px;text-align:center;color:#87967c}footer{max-width:1440px;margin:auto;padding:15px 44px 25px;display:flex;justify-content:space-between;font-size:9px;color:#a4ad9e;border-top:1px solid #e7ebe2;gap:12px}footer button{font-size:9px}.mobile-menu{display:none}.icon-button{width:34px;height:34px;font-size:18px;display:inline-grid;place-items:center;border-radius:7px}.icon-button:hover{background:#eff3eb}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,20px);background:#21483f;color:white;border-radius:10px;padding:12px 23px;z-index:90;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dee5d7;border-radius:16px;padding:34px;max-width:650px;width:calc(100% - 32px);color:#294839;max-height:90vh}dialog::backdrop{background:#193c3166;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:13px;top:9px;font-size:26px}.pdf-frame{width:100%;height:65vh;border:0}.dialog-close+.arabic{margin-top:20px}#player{position:fixed;bottom:0;left:244px;right:0;z-index:45;background:#fffffff2;backdrop-filter:blur(16px);border-top:1px solid #dfe5d7;display:flex;align-items:center;gap:12px;padding:13px 32px;box-shadow:0 -6px 30px #24463008}#player[hidden]{display:none}#player audio{height:36px;flex:1;min-width:120px}.player-meta{display:flex;align-items:center;gap:12px;min-width:170px}.player-meta strong{font-size:12px;display:block}.player-meta small{font-size:9px;display:block}.player-icon{font-size:24px;color:#b79c69}body.playing{padding-bottom:80px}.danger{color:#b56d63}.check-row{display:flex;align-items:center;gap:8px;font-weight:400}.check-row input{width:17px;height:17px;accent-color:#637e51}.book-ornament{width:90px;height:90px;margin:15px auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1550px){main{padding-top:45px}.hero{min-height:350px}.hero h2{font-size:46px}.feature-card{min-height:187px}}@media(max-width:1190px){#sidebar{width:211px;padding:28px 15px}.shell{margin-left:211px}#player{left:211px}header{padding:0 27px}main{padding:27px}.hero{padding:31px}.hero h2{font-size:34px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-grid{grid-template-columns:minmax(0,1fr) 205px}.daily blockquote{font-size:16px}.daily{padding:20px}.brand{font-size:27px}.brand small{font-size:6px}.bottom-grid{grid-template-columns:1fr}.header-actions{gap:10px}}@media(max-width:880px){#sidebar{transform:translateX(-100%);transition:.25s;width:244px}.shell{margin-left:0}.mobile-menu{display:inline-grid}body.nav-open #sidebar{transform:translateX(0)}body.nav-open .scrim{position:fixed;inset:0;background:#21483f55;z-index:35}.breadcrumb{margin-right:auto}#header-date{display:none}#player{left:0}.hero-art{width:44%}.reader-grid{grid-template-columns:1fr}.reader-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}}@media(max-width:600px){header{height:64px;padding:0 16px;gap:8px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 6px}.profile-button>span:not(.avatar){display:none}main{padding:25px 17px 36px}.page-heading{align-items:flex-start;margin-bottom:22px}h1{font-size:29px}.date-pill{display:none}.hero{min-height:332px;padding:27px 24px;align-items:flex-start}.hero-copy{width:80%}.hero h2{font-size:33px;max-width:265px}.hero p{max-width:210px;font-size:11px}.hero-art{width:55%;height:75%;right:-14%;bottom:-27px;opacity:.38}.hero .row{gap:7px}.btn{padding:10px 12px;font-size:10px}.grid.three{grid-template-columns:1fr}.grid.two{grid-template-columns:1fr}.grid{gap:12px}.grid.four{gap:11px}.feature-card{padding:17px;min-height:160px}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}.daily{min-height:165px}.daily blockquote{font-size:19px}.section-title{margin-top:25px}.section-title h2{font-size:22px}.continue{padding:19px 16px;gap:12px}.continue .icon-tile{display:none}.reader-aside{display:block}.mushaf-page{padding:26px 21px}.arabic{font-size:29px}.tabs button{padding:10px 12px;font-size:11px}.toolbar{gap:10px}.toolbar label{min-width:95px}.list-row{gap:10px;flex-wrap:wrap}.list-row>div:nth-child(2){flex:1;min-width:150px}.list-row .row{margin-left:62px}.stats{gap:8px}.stat{padding:15px 10px}.stat strong{font-size:28px}.stat span{font-size:9px}.calendar-grid{gap:4px}.calendar-day{padding:10px 1px;font-size:15px;min-height:64px}.calendar-day small{font-size:8px}.calendar-label{font-size:9px;padding:4px}.form-grid{grid-template-columns:1fr}.radio-stage{padding:35px 22px}footer{padding:18px;flex-wrap:wrap}footer>span:nth-child(2){display:none}#player{padding:10px;gap:3px;flex-wrap:wrap}.player-meta{min-width:0;width:calc(100% - 35px)}#player audio{order:3;width:calc(100% - 75px);flex:auto}#close-player{position:absolute;right:10px;top:10px}#prev-track{order:2}#next-track{order:4}body.playing{padding-bottom:110px}.editor-preview{padding:24px}.page-heading .btn{margin-top:7px}}
/* Focused Quran reading, including browsers without native fullscreen. */
body.quran-fullscreen #sidebar,body.quran-fullscreen header,body.quran-fullscreen footer,body.quran-fullscreen .reader-aside{display:none}body.quran-fullscreen .shell{margin-left:0}body.quran-fullscreen main{max-width:1360px;min-height:100dvh;padding:24px 36px 100px}body.quran-fullscreen .reader-grid{grid-template-columns:minmax(0,1fr)}body.quran-fullscreen #player{left:0}body.quran-fullscreen .page-heading{position:sticky;top:0;z-index:20;background:#f8f9f6f5;padding:10px 0;backdrop-filter:blur(12px)}body.quran-fullscreen .page-heading .eyebrow,body.quran-fullscreen .page-heading p{display:none}body.quran-fullscreen .page-heading h1{font-size:25px;margin:0}body.quran-fullscreen .mushaf-page{padding:40px 60px}.pool-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.pool-intro h2{margin:0 0 8px}.pool-intro p{font-size:12px;color:#83917d;margin:0}.upload-label{cursor:pointer;flex-shrink:0}.upload-label:focus-within{outline:3px solid #bc9849;outline-offset:3px}.background-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.background-tile{min-width:0}.background-image{display:block;width:100%;aspect-ratio:4/5;padding:0;border-radius:12px;overflow:hidden;background:#eef1e8;border:1px solid #e0e5d7;transition:transform .2s,border .2s}.background-image:hover{transform:translateY(-3px);border-color:#9aaa84}.background-image img{width:100%;height:100%;object-fit:cover;display:block}.background-caption{padding:12px 2px}.background-caption strong{font-size:12px;font-weight:500;display:block;margin-bottom:6px}.background-caption .row{gap:12px}.background-caption .text-link{font-size:10px}.background-image[aria-pressed=true]{outline:3px solid #527856;outline-offset:3px}.card-design{position:relative;isolation:isolate;aspect-ratio:4/5;width:100%;overflow:hidden;border-radius:9px;display:grid;place-items:center}.card-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.card-copy{width:80%;text-align:center;color:#25483a;padding:15px 0}.card-copy blockquote{font-family:Georgia,serif;font-size:clamp(16px,1.7vw,26px);line-height:1.55;margin:20px 0;overflow-wrap:anywhere}.card-copy .eyebrow{color:inherit;letter-spacing:1px;overflow-wrap:anywhere}.card-copy small{color:inherit;font-size:10px;overflow-wrap:anywhere}.wide-dialog{max-width:1050px}.card-editor-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}.card-editor-layout>div:first-child{position:sticky;top:0;align-self:start}.background-grid.picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:290px;overflow:auto;padding:5px}.picker .background-caption{padding:7px 1px}.picker .background-caption strong{font-size:9px}.card-text-fields[hidden]{display:none}.pool-preview{max-width:360px;margin:20px auto}.pool-preview img{display:block;width:100%;border-radius:10px}.card-editor-layout .card-copy blockquote{font-size:22px}.card-design:has(.card-copy){min-height:240px}@media(max-width:1000px){.background-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){body.quran-fullscreen main{padding:12px 14px 110px}body.quran-fullscreen .mushaf-page{padding:25px 20px}body.quran-fullscreen .page-heading h1{font-size:21px}body.quran-fullscreen .page-heading .btn{margin:0}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pool-intro{align-items:flex-start;flex-direction:column}.card-editor-layout{grid-template-columns:1fr;gap:14px}.card-editor-layout>div:first-child{position:static}.card-editor-layout .card-design{max-width:230px;margin:auto}.card-editor-layout>div:first-child>p{text-align:center}.card-copy blockquote{font-size:25px}.card-editor-layout .card-copy blockquote{font-size:18px}dialog.wide-dialog{padding:28px 18px}.background-grid.picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
.word-follow-panel{display:flex;align-items:center;gap:22px;padding:17px 22px;background:#f4f2e6;border:1px solid #e2d7b5;border-radius:12px;margin:0 0 22px}.word-follow-panel>div:first-child{flex:1}.word-follow-panel p{font-size:11px;color:#7e805e;margin:5px 0}.word-follow-panel #current-word{font-size:35px;min-width:100px;text-align:center;color:#6f561b;line-height:1.8}.timing-credit{font-size:9px;max-width:200px;line-height:1.6}.timing-credit a{text-decoration:underline}.quran-word.speaking{background:#f3d481;color:#21483f;border-radius:5px;box-shadow:0 0 0 2px #c9a34a;box-decoration-break:clone;-webkit-box-decoration-break:clone}.quran-word{transition:background-color .08s,color .08s}.verse.active .quran-word.speaking{color:#183c2f}@media(max-width:600px){.word-follow-panel{padding:12px;gap:10px;flex-wrap:wrap}.word-follow-panel>div:first-child{min-width:180px}.word-follow-panel #current-word{order:2}.timing-credit{order:3;max-width:none;width:100%}}
/* A persistent, explicit current-word display with controls available in fullscreen. */
.word-follow-panel{position:sticky;top:8px;z-index:19;align-items:center;background:#fffef8f7;backdrop-filter:blur(12px);box-shadow:0 5px 22px #21483f14;padding:16px 20px;border-color:#c8b575}.word-follow-panel>div:first-child{flex:0 0 200px}.spoken-word-box{text-align:center;border-right:1px solid #e4dcc4;padding-right:20px}.spoken-word-box .mini-title{font-size:10px;color:#6b603b;letter-spacing:1px}.word-follow-panel #current-word{font-size:46px;color:#21483f;min-height:85px;line-height:1.8;min-width:0}.spoken-word-box #word-position{display:block;font-size:11px;color:#6c7c67}.follow-controls{min-width:0;flex:1}.follow-controls #word-status{font-size:12px;color:#53664e;margin:0 0 12px}.follow-controls .timing-credit{max-width:none;margin-top:10px}.timing-credit summary{cursor:pointer;font-size:10px;color:#849077}.timing-credit p{font-size:10px;margin-top:8px}.quran-word.speaking,.verse.active .quran-word.speaking{background:#21483f;color:#fff8d9;box-shadow:0 0 0 3px #21483f,inset 0 -3px #d4b353;border-radius:4px;text-decoration:underline;text-decoration-color:#d4b353;text-decoration-thickness:2px;text-underline-offset:9px}.quran-word{scroll-margin-top:240px}body.quran-fullscreen .word-follow-panel{top:77px}@media(max-width:600px){.word-follow-panel{top:4px;gap:12px;padding:12px;flex-wrap:nowrap;align-items:center}.word-follow-panel>div:first-child{flex:0 0 115px;min-width:0;padding-right:10px}.spoken-word-box .mini-title{font-size:8px;letter-spacing:0}.word-follow-panel #current-word{font-size:34px;min-height:64px;order:initial}.spoken-word-box #word-position{font-size:9px}.follow-controls #word-status{font-size:10px;line-height:1.5}.follow-controls .row{gap:6px}.follow-controls .btn{font-size:9px;padding:8px}.timing-credit summary{font-size:9px}.follow-controls .timing-credit{margin-top:7px}body.quran-fullscreen .word-follow-panel{top:64px}}@media(max-height:500px){.word-follow-panel{position:static}}
/* Modern Kıblezan / shared design system */
:root{--ink:#183e36;--muted:#61786f;--line:#e0e8e3;--accent:#126451}body{background:#f3f6f4;color:var(--ink);font-family:Arial,Helvetica,sans-serif}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-1.5px}h2{letter-spacing:-.5px}#sidebar{background:#123e34;border:0;color:#fff;padding:30px 18px}.brand{color:#fff}.brandmark{background:#ffffff0c;border-color:#8da991;color:#e5cf95}.brand small,.nav-label{color:#a6c2b4}nav a{color:#c4d8ce;font-size:12px;padding:11px 14px;border-radius:12px}nav a:hover{background:#ffffff0c}nav a.active{background:#edf5ec;color:#174a3b;box-shadow:0 6px 18px #08251b20}.sidebar-foot{border-color:#ffffff20}.sidebar-foot small{color:#9eb9aa}header{background:#f3f6f4e8;border-bottom:1px solid var(--line);height:80px}.breadcrumb strong{color:var(--ink)}main{padding-top:36px}.page-heading p{font-size:13px;color:var(--muted)}.card{border-color:var(--line);border-radius:20px;box-shadow:0 4px 16px #173c2f04}.card p{color:var(--muted)}.btn{border-radius:11px;background:var(--accent);border-color:var(--accent);font-size:12px;padding:12px 18px}.btn:hover{background:#0e5142}.btn.secondary{border-color:#d4e1d9}.btn.secondary:hover{background:#eaf2ed}.hero{border:0;border-radius:26px;background:linear-gradient(110deg,#dcece0,#eaf1e2);min-height:325px}.hero h2{font-size:43px}.hero p{color:#496d58}.feature-card{min-height:177px}.feature-card h3{font-size:14px}.feature-card p{font-size:12px}.icon-tile{border-radius:14px;width:45px;height:45px}.tabs{background:#e7ede8;border:0;padding:6px;border-radius:14px}.tabs button{border-radius:10px}.text-link{color:#396b56}.note{color:#6c674a}.studio-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(ellipse at 95% 0,#438b694d,transparent 65%),#163f35;color:#f7f6ec;border-radius:24px;padding:30px 34px;margin-bottom:25px}.studio-banner .eyebrow{color:#d7c389}.studio-banner h2{font-size:32px;margin:7px 0 12px}.studio-banner p{color:#bcd4c6;font-size:13px;margin:0;max-width:550px}.studio-count{min-width:105px;border-left:1px solid #ffffff25;padding-left:28px;display:flex;flex-direction:column}.studio-count strong{font-size:40px;line-height:1.2;font-weight:500}.studio-count span{color:#bcd4c6;font-size:11px}.category-toolbar{display:flex;align-items:flex-start;gap:16px;margin:20px 0}.category-tabs{display:flex;flex-wrap:wrap;gap:9px;flex:1}.category-chip{background:white;border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-size:12px}.category-chip span{margin-left:8px;font-size:10px;opacity:.65}.category-chip.active{background:#dfece3;border-color:#8eb79e;color:#175b40}.category-actions{margin:22px 0}.category-actions strong{margin-right:auto}.card-collection .card{padding:12px 12px 18px;overflow:hidden}.card-caption{padding:16px 5px 14px}.card-caption h3{font-size:15px;margin-bottom:8px}.card-collection .row{padding:0 5px;gap:8px}.card-collection .btn{padding:9px 11px;font-size:11px}.card-design{border-radius:14px;display:block;aspect-ratio:4/5;min-height:0!important}.card-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.card-canvas .card-copy{padding:0;color:inherit}.card-layer rect{stroke:transparent;stroke-width:3;stroke-dasharray:10 7}.card-collection .card-layer{pointer-events:none}#live-card-preview .card-layer{cursor:move;touch-action:none}#live-card-preview .card-layer:hover rect,#live-card-preview .card-layer:focus rect{stroke:#c89d38;fill:#ffffff0b}#live-card-preview .card-canvas{touch-action:none}dialog.wide-dialog{max-width:1150px;padding:30px;background:#f7f9f6}.studio-editor-heading h2{font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:25px}.card-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.card-editor-layout>div:first-child{background:#e5ece6;border-radius:18px;padding:22px;top:0}.card-editor-layout #live-card-preview{box-shadow:0 12px 30px #15382420;border-radius:14px}.studio-hint{font-size:11px;color:#557460;text-align:center;margin:17px 0}.card-editor-layout>div:first-child .row{justify-content:center}.card-editor-layout input,.card-editor-layout select{width:100%}.design-controls{padding:18px;background:white;border:1px solid var(--line);border-radius:15px}.design-controls>.form-grid{margin-top:16px}.design-controls input[type=color]{padding:4px;height:43px}.studio-save{position:sticky;bottom:-30px;box-shadow:0 -8px 15px #f7f9f6}.card-editor-layout label{font-size:12px}.card-editor-layout .check-row input{width:18px}.card-editor-layout textarea{min-height:130px}.studio-banner+.tabs{margin-top:24px}
@media(max-width:1100px){.category-toolbar{flex-direction:column}.card-collection{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero h2{font-size:36px}}
@media(max-width:700px){.studio-banner{padding:25px}.studio-banner h2{font-size:26px}.studio-count{display:none}.card-editor-layout{grid-template-columns:1fr}.card-editor-layout>div:first-child{position:static;padding:16px}.card-editor-layout .card-design{max-width:310px;margin:auto}.studio-save{bottom:-28px}.card-collection{grid-template-columns:1fr!important}.card-collection .card-design{max-width:420px;margin:auto}.hero h2{font-size:30px}.hero{min-height:290px}.category-chip{padding:9px 11px}.page-heading{align-items:flex-start}.page-heading>.btn{white-space:normal}.form-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Compact card display; original 1080 × 1350 design coordinates stay intact. */
.card-collection{grid-template-columns:repeat(auto-fill,minmax(240px,270px))!important;justify-content:start;align-items:start;gap:16px}
.card-collection .card{width:100%;max-width:270px;padding:10px 10px 14px}
.card-collection .card-design{width:100%;max-width:224px;margin:0 auto;aspect-ratio:4/5}
.card-caption{padding:12px 4px 10px}
dialog.wide-dialog{max-width:920px;padding:24px}
.card-editor-layout{grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:24px}
.card-editor-layout>div:first-child{padding:16px}
.card-editor-layout #live-card-preview{width:100%;max-width:240px;margin:0 auto}
.card-editor-layout .card-design{width:100%;max-width:240px;aspect-ratio:4/5}
.studio-banner{padding:22px 26px;margin-bottom:20px}
.studio-banner h2{font-size:27px;margin:5px 0 8px}
.studio-editor-heading h2{margin-bottom:18px}
@media(max-width:700px){.card-collection{grid-template-columns:repeat(auto-fill,minmax(230px,270px))!important;justify-content:center}.card-editor-layout{grid-template-columns:1fr}.card-editor-layout #live-card-preview,.card-editor-layout .card-design{max-width:208px}.studio-banner{padding:20px}.studio-banner h2{font-size:24px}}
@media(max-width:360px){.card-collection{grid-template-columns:minmax(0,1fr)!important}.card-collection .card{margin:auto}}
/* Editable Esma tiles retain the compact shared layout. */
.esma-tile{padding:15px;text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:10px}.esma-open{padding:0;width:100%;flex:1;border-radius:10px}.esma-open p{max-height:72px;overflow:auto;overflow-wrap:anywhere}.esma-edit-button{align-self:center;padding:8px 14px;font-size:11px}.esma-edited{font-size:10px;color:#54735e}.esma-detail{margin-top:24px}.esma-detail p{white-space:pre-wrap;overflow-wrap:anywhere}.esma-detail h3{margin-top:20px}#esma-form textarea{min-height:90px}#esma-form input.arabic{font-size:30px;padding:4px 13px}
/* Original printed Mushaf pages and right-to-left page turns. */
.mushaf-selectors{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:12px}.mushaf-selectors label{min-width:0}.mushaf-selectors select{width:100%}.printed-reader{border:1px solid #dce4d9;border-radius:20px;background:#e9eee7;overflow:hidden}.printed-toolbar{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7f9f3}.printed-toolbar strong{display:block;font-size:14px}.printed-toolbar span{font-size:11px;color:#647760}.printed-toolbar .zoom-value{min-width:36px;text-align:center}.mushaf-stage{padding:25px 18px 30px;overflow-x:auto;perspective:1800px;touch-action:pan-y pinch-zoom}.mushaf-book{position:relative;margin:0 auto;box-shadow:0 16px 35px #283f3427,4px 0 0 #e4d8b9,7px 0 0 #b8b198;border-radius:3px;perspective:1600px}.mushaf-leaf{position:relative;background:#fff1d1;min-height:200px}.mushaf-leaf img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.mushaf-leaf img[hidden]{display:none}.mushaf-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:#f7f9f3}.mushaf-pagination>div{text-align:center}.mushaf-pagination strong{display:block;font-size:13px}.mushaf-pagination small{display:block;font-size:10px}.mushaf-help{font-size:11px;color:#667663;text-align:center;padding:0 15px 15px;margin:0;background:#f7f9f3}.selected-ayah{margin-top:20px}.selected-ayah>.row{justify-content:space-between}.selected-ayah h3{margin:0}.selected-ayah .arabic{margin:20px 0;text-align:right;max-height:260px;overflow:auto}.selected-ayah small{font-size:11px}.mushaf-source{font-size:11px;color:#667663;margin:20px 0}.mushaf-source summary{cursor:pointer}.mushaf-source a{text-decoration:underline}.mushaf-source p{margin:12px 0}.page-turn-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;backface-visibility:hidden;transform-style:preserve-3d}.page-turn-overlay:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000,#30251435);opacity:.6}.page-turn-overlay.turn-next{transform-origin:right center;animation:mushaf-turn-next .58s ease-in-out forwards}.page-turn-overlay.turn-prev{transform-origin:left center;animation:mushaf-turn-prev .58s ease-in-out forwards}@keyframes mushaf-turn-next{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(115deg);opacity:0}}@keyframes mushaf-turn-prev{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(-115deg);opacity:0}}#mushaf-image-error{padding:55px 20px;text-align:center}#mushaf-image-error[hidden]{display:none}body.quran-fullscreen .printed-reader{max-width:1100px;margin:auto}body.quran-fullscreen .selected-ayah{max-width:1100px;margin:20px auto}.mushaf-pagination button{white-space:normal}
@media(max-width:650px){.mushaf-selectors{grid-template-columns:1fr 1fr}.printed-toolbar{padding:12px}.mushaf-stage{padding:14px 8px 20px}.mushaf-pagination{gap:7px;padding:12px 8px}.mushaf-pagination .btn{padding:9px 10px;font-size:10px}.mushaf-pagination strong{font-size:11px}.selected-ayah .row{gap:10px}.selected-ayah .btn{font-size:10px;padding:10px}.printed-reader{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.page-turn-overlay{animation:none!important;display:none}}
/* Reference-inspired open volume: leather boards, paper block and flexible double-sided leaf. */
.realistic-stage{padding:42px 28px 65px;background:radial-gradient(ellipse at 50% 48%,#fff9e9 0,#ece6d8 56%,#e1dacb 100%);perspective:1800px;overflow-x:auto;overflow-y:hidden;min-height:280px}.open-mushaf{aspect-ratio:2400/1737;box-shadow:none;border-radius:0;perspective:1800px;isolation:isolate;transform-style:preserve-3d;filter:drop-shadow(0 24px 16px #38281538)}.book-binding{position:absolute;inset:-10px -12px -16px;border:5px solid #174334;border-radius:8px 8px 12px 12px;background:linear-gradient(90deg,#0e3027,#255541 47%,#102f24 50%,#255541 53%,#0e3027);box-shadow:inset 0 0 0 2px #b29c58,0 5px 0 #0f3025,0 9px 15px #28261635}.book-page-stack{position:absolute;top:2px;bottom:-9px;width:50%;background:repeating-linear-gradient(0deg,#d8cdb1 0px,#f4eace 1px,#f4eace 2px,#bfb298 3px);border-bottom:1px solid #b9ab8e}.stack-left{left:-4px;transform:skewY(1.1deg);border-radius:3px 0 0 8px}.stack-right{right:-4px;transform:skewY(-1.1deg);border-radius:0 3px 8px 0}.book-spread{display:flex;position:absolute;inset:0;direction:ltr;transform-style:preserve-3d}.book-paper{width:50%;height:100%;position:relative;background:#fff1d1;overflow:hidden}.book-paper img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.book-paper img[hidden]{display:none}.paper-left{border-radius:5px 0 0 8px}.paper-right{border-radius:0 5px 8px 0}.paper-shading{position:absolute;inset:0;pointer-events:none}.paper-left .paper-shading{background:linear-gradient(90deg,#352e1210,transparent 9%,transparent 67%,#866f3822 92%,#3d2f286b 100%)}.paper-right .paper-shading{background:linear-gradient(90deg,#3d2f286b 0%,#866f3822 8%,transparent 33%,transparent 91%,#352e1210)}.book-gutter{position:absolute;top:0;bottom:0;left:calc(50% - 2px);width:4px;background:linear-gradient(90deg,#fff4cb88,#38261899,#fff4cb55);pointer-events:none;z-index:3}.book-ribbon{position:absolute;top:96%;left:51%;width:12px;height:40px;background:linear-gradient(90deg,#827034,#ccb66b,#8e783b);clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);transform:rotate(-6deg);z-index:-1}.book-corner{position:absolute;bottom:4px;width:38px;height:45px;z-index:7;font-size:29px;color:#9b804b;opacity:.55;border-radius:8px}.book-corner:hover{opacity:1;background:#e1c67f40}.corner-next{left:0}.corner-prev{right:0}.book-corner:disabled{visibility:hidden}.book-end{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8e7c50;background:radial-gradient(ellipse,#fff6de,#e8d8b2)}.book-end>span{font-size:52px}.book-end p{font-family:Georgia,serif;margin:12px 0}.book-image-error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:15px;font-size:12px}.book-image-error[hidden]{display:none}.book-turn-scene{position:absolute;inset:0;z-index:4;pointer-events:none;transform-style:preserve-3d}.book-still-half{position:absolute;top:0;width:50%;height:100%;overflow:hidden}.book-still-half img{width:100%;height:100%;display:block}.still-right{right:0}.still-left{left:0}.book-still-half:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#35281940,transparent 20%,transparent 80%,#35281930)}.curl-sheet{position:absolute;left:50%;width:50%;top:0;height:100%;transform-style:preserve-3d}.curl-strip{position:absolute;top:0;height:100%;transform-style:preserve-3d;will-change:transform}.curl-next .curl-strip{right:100%;transform-origin:right center}.curl-prev .curl-strip{left:0;transform-origin:left center}.curl-face{position:absolute;inset:0;background-color:#fff1d1;background-repeat:no-repeat;backface-visibility:hidden;-webkit-backface-visibility:hidden}.curl-front{transform:translateZ(.2px)}.curl-back{transform:rotateY(180deg) translateZ(.2px)}.curl-face:after{content:'';position:absolute;inset:0;background:#3c2a0e;opacity:var(--curl-shade,.06)}.book-cast-shadow{position:absolute;top:0;bottom:0;left:10%;width:80%;background:linear-gradient(90deg,transparent,#352617,transparent);filter:blur(14px);opacity:0;pointer-events:none}.book-is-turning .book-corner{pointer-events:none}.book-is-turning .book-gutter{opacity:.35}.open-mushaf{touch-action:pan-y pinch-zoom}.printed-reader:has(.open-mushaf){background:#efe9dc}.selected-paper{outline:0}
@media(max-width:650px){.realistic-stage{padding:28px 12px 44px}.book-binding{inset:-6px -7px -11px;border-width:3px}.open-mushaf{min-width:290px}.book-corner{width:26px;height:35px;font-size:23px}.book-ribbon{width:8px;height:28px}.book-end>span{font-size:26px}.book-end p{font-size:12px}.book-end small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.book-turn-scene{display:none}.curl-strip{will-change:auto}}
/* Keep the 3D leaf unflattened; the binding provides the contact shadow. */
.open-mushaf{filter:none;isolation:auto;touch-action:inherit}.book-binding{box-shadow:inset 0 0 0 2px #b29c58,0 5px 0 #0f3025,0 22px 25px #38281538}
/* Pixel-rendered turn stays visible without browser 3D layer composition. */
.book-turn-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:20;pointer-events:none;border-radius:4px}.book-turn-status{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);white-space:nowrap;border-radius:20px;padding:5px 12px;background:#21483f;color:#fff;font-size:11px;z-index:25}.book-is-turning .book-gutter{visibility:hidden}.printed-toolbar [data-book-animation]{font-size:10px;padding:7px 10px}.printed-toolbar .row{justify-content:flex-end}
.book-turn-canvas{inset:auto;left:-12%;top:-20%;width:124%;height:140%;border-radius:0}.realistic-stage{padding-top:72px;padding-bottom:75px}@media(max-width:650px){.realistic-stage{padding-top:35px;padding-bottom:48px}}

.book-paper{cursor:grab;touch-action:none;user-select:none}.book-is-dragging,.book-is-dragging .book-paper{cursor:grabbing}

.mushaf-follow-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.mushaf-follow-rect{fill:transparent;stroke:transparent}.mushaf-follow-rect.active-ayah{fill:rgba(35,126,84,.18);stroke:rgba(33,72,63,.24);stroke-width:1}.mushaf-follow-rect.active-word{fill:rgba(242,187,50,.5);stroke:#9b710b;stroke-width:2}.follow-book-tools{padding:12px 20px;background:#f1f7f2}.follow-book-tools small{max-width:340px;line-height:1.6}.printed-reader>.word-follow-panel{margin:16px}.selected-ayah .quran-word.speaking{background:#21483f;color:#fff;border-bottom:3px solid #c9a34a;border-radius:6px}.book-is-turning .mushaf-follow-overlay{visibility:hidden}

/* Native SVG hit targets handle mouse, touch and keyboard on printed ayahs. */
.book-binding,.book-page-stack,.book-ribbon{pointer-events:none}.book-spread{z-index:1}.mushaf-follow-overlay{z-index:6}.mushaf-follow-rect{pointer-events:none}.mushaf-ayah-hit{cursor:pointer;outline:none}.mushaf-ayah-hit rect{fill:transparent;stroke:transparent;pointer-events:all}.mushaf-ayah-hit:hover rect,.mushaf-ayah-hit:focus rect{fill:rgba(33,72,63,.1);stroke:#56856d;stroke-width:1.5}.book-is-dragging .mushaf-ayah-hit{cursor:grabbing}

#clip-controls{display:flex;align-items:center;gap:10px;flex:1;min-width:130px}#clip-controls[hidden]{display:none}#clip-seek{flex:1;min-width:50px;accent-color:var(--green,#21483f)}#clip-clock{white-space:nowrap;font-variant-numeric:tabular-nums}#audio:not([controls]){display:none}

@media(max-width:600px){#clip-controls{order:3;width:calc(100% - 75px);flex:auto;min-width:0}#clip-controls .icon-button{flex-shrink:0}#clip-seek{padding:0}}
/* Focused Quran reader, following the supplied reference. */
#reader-dock-host{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.reader-page{background:radial-gradient(ellipse at 50% 35%,#f1ecdf 0,#e7e1d2 70%,#dfd7c6 100%);color:#292c27}
body.reader-page #sidebar,body.reader-page .shell>header,body.reader-page .shell>footer,body.reader-page .scrim{display:none!important}
body.reader-page .shell{margin:0}body.reader-page main,body.reader-page.quran-fullscreen main{max-width:none;width:100%;margin:0;padding:6px 18px 100px;min-height:100dvh}
.quiet-reader{width:min(900px,max(560px,calc((100dvh - 244px)*1.3817)));max-width:100%;margin:0 auto}
.reader-selects{display:grid;grid-template-columns:2fr .95fr 1.3fr 1.15fr;gap:10px;padding:5px 7px 8px;background:#f4f6f3;border-radius:5px 5px 0 0}
.reader-selects label{gap:4px;font-size:10px;font-weight:700;color:#355552;min-width:0}.reader-selects select{width:100%;max-width:100%;height:34px;min-height:0;padding:4px 8px;background:#fff;border:1px solid #d9e3df;border-radius:8px;font-size:11px;color:#294840}
.quiet-reader .mushaf-stage.realistic-stage{padding:0 0 8px;background:none;min-height:0;overflow:visible;perspective:1800px}
.quiet-reader .mushaf-book{max-width:none!important;min-width:0;filter:drop-shadow(0 3px 2px #3d35252b)}
.quiet-reader .book-corner{opacity:0;transition:opacity .15s}.quiet-reader .mushaf-book:hover .book-corner,.quiet-reader .book-corner:focus-visible{opacity:1}
.quiet-reader .mushaf-follow-rect.active-ayah{fill:#44845b;fill-opacity:.11}.quiet-reader .mushaf-follow-rect.active-word{fill:#d3ac46;fill-opacity:.48}
.reader-turkish{border:3px solid #302f28;min-height:132px;padding:10px 17px 12px;background:linear-gradient(90deg,#e7e0cfcc 0 50%,#eee8dbcc 50%);display:grid;grid-template-rows:1fr 1fr;gap:10px}
.reader-turkish h2{font:bold 14px/1.4 Arial,Helvetica,sans-serif;text-decoration:underline;margin:0 0 5px;color:#252720}.reader-turkish p{font-size:14px;line-height:1.55;margin:0;min-height:12px}
body.reader-page #player,body.reader-page #player[hidden]{display:block;position:fixed;left:50%;right:auto;bottom:15px;transform:translateX(-50%);width:min(1100px,calc(100% - 36px));margin:0;padding:0;border:0;background:none;box-shadow:0 2px 10px #352b1d18;backdrop-filter:none}
body.reader-page #player>:not(#reader-dock-host){display:none!important}body.reader-page #reader-dock-host{display:block}
#reader-dock{display:flex;align-items:stretch;gap:8px;min-height:49px}
.reader-qari{background:linear-gradient(110deg,#4d351f,#24190f);padding:7px;flex:0 0 225px;justify-content:center}
.reader-qari select{border:1px solid #b59b60;background:#37261a;color:#f3e3b5;border-radius:6px;padding:6px 9px;width:100%;font-size:12px;min-height:34px}.reader-qari option{background:#37261a;color:#fff1ce}
.reader-console{position:relative;display:flex;gap:9px;align-items:center;flex:1;min-width:0;padding:7px 12px;background:linear-gradient(100deg,#eadbb9,#f4eacb 45%,#dec79b);box-shadow:inset 0 0 0 1px #b39b6550;color:#927c3c}
.reader-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;width:180px;flex:1;min-width:65px;height:32px;overflow:hidden}.reader-wave i{display:block;width:2px;flex-shrink:0;background:#b8a04a;opacity:.65}
.reader-seek{position:absolute;left:12px;top:8px;width:calc(100% - 430px);min-width:65px;height:31px!important;margin:0;padding:0!important;border:0!important;background:transparent!important;opacity:.5;accent-color:#a48b30;cursor:pointer}
.reader-icon,.reader-speed{padding:3px;color:#95813f;font-size:15px;flex-shrink:0;min-width:21px;line-height:1.5}.reader-icon[aria-pressed=true]{background:#b39a4d30;border-radius:4px;color:#64501c}
.reader-play{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ad9846;color:#fff7df;font-size:15px;padding:0 0 0 2px;line-height:1}
.reader-flip{font-size:10px;white-space:nowrap;border-radius:20px;padding:6px 12px;background:#c78e6d;color:#fff8e7;line-height:1.4;flex-shrink:0}
#reader-volume{width:76px;min-width:40px;padding:0;height:16px;border:0;accent-color:#b39943;background:none}.reader-speed{font-size:11px;min-width:30px}
@media(max-width:900px){.reader-qari{flex-basis:190px}.reader-console{gap:6px;padding:7px 9px}#reader-volume{width:56px}.reader-seek{left:9px;width:calc(100% - 365px)}.reader-wave{min-width:40px}}
@media(max-width:650px){body.reader-page main,body.reader-page.quran-fullscreen main{padding:5px 7px 118px}.quiet-reader{width:100%}.reader-selects{gap:5px;padding:5px}.reader-selects label{font-size:9px}.reader-selects select{font-size:10px;padding:4px;height:32px}.reader-turkish{min-height:120px;padding:9px 12px;border-width:2px}.reader-turkish h2{font-size:12px}.reader-turkish p{font-size:12px}body.reader-page #player,body.reader-page #player[hidden]{bottom:8px;width:calc(100% - 14px)}#reader-dock{flex-direction:column;gap:0}.reader-qari{flex:0 0 auto;padding:4px 7px}.reader-qari select{height:28px;min-height:28px;font-size:11px;padding:2px 6px}.reader-console{min-height:45px;gap:7px;padding:5px 8px}.reader-wave{min-width:28px}.reader-seek{left:8px;top:7px;width:calc(100% - 300px);min-width:28px}.reader-icon{font-size:13px;min-width:17px}.reader-flip{font-size:9px;padding:5px 8px}#reader-volume{width:44px;min-width:30px}.reader-play{width:27px;height:27px;flex-basis:27px}.reader-speed{min-width:25px;font-size:10px}}

/* Two calm reading sections beneath the mushaf. */
.reader-turkish{display:block;grid-template-rows:none;min-height:0;margin-top:5px;padding:0;border:1px solid #d5dece;border-radius:16px;background:#fffdf7;box-shadow:0 5px 22px #3b4e3010;overflow:hidden}
.reader-text-block{position:relative;padding:18px 23px 21px}
.reader-text-heading{display:flex;align-items:center;gap:10px;margin:0 0 11px}
.reader-text-emblem{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #d7c69a;border-radius:10px;color:#a28a47;background:#f6efdd}
.reader-text-emblem svg{width:18px;height:18px}
.reader-turkish .reader-text-heading h2{margin:0;color:#6f603d;font:600 12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;letter-spacing:.25px}
.reader-turkish .reader-text-block p{margin:0;min-height:0;font-size:16px;line-height:1.85;color:#344a3f;overflow-wrap:anywhere;text-wrap:pretty}
.reader-turkish .reader-pronunciation p{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.8;color:#61583f}
.reader-meaning{background:linear-gradient(110deg,#f1f6ee,#f8faf4)}
.reader-meaning:before{content:'';position:absolute;top:0;left:23px;right:23px;height:1px;background:linear-gradient(90deg,#c7d6c3,#dfd7bd80,transparent)}
.reader-meaning .reader-text-emblem{color:#446951;background:#e8f0e4;border-color:#cbdac4}
.reader-turkish .reader-meaning h2{color:#44634c}
@media(max-width:650px){.reader-turkish{border-radius:13px;margin-top:4px}.reader-text-block{padding:14px 16px 17px}.reader-text-heading{gap:8px;margin-bottom:9px}.reader-text-emblem{width:27px;height:27px;flex-basis:27px;border-radius:9px}.reader-text-emblem svg{width:16px;height:16px}.reader-turkish .reader-text-block p{font-size:14px;line-height:1.85}.reader-turkish .reader-pronunciation p{font-size:16px;line-height:1.85}.reader-turkish .reader-text-heading h2{font-size:11px}.reader-meaning:before{left:16px;right:16px}}
/* Qari selector shares the player's champagne and matte-gold palette. */
.reader-qari{background:linear-gradient(100deg,#e7d5ae,#f2e6c6);box-shadow:inset 0 0 0 1px #b39b6550;border-radius:8px 0 0 8px}
.reader-qari select{background:#f9f1db;color:#75602e;border:1px solid #bfa66b;box-shadow:inset 0 1px 2px #fff9;outline-offset:2px}
.reader-qari select:focus-visible{outline:2px solid #a88d40;outline-offset:2px}.reader-qari option,.reader-qari optgroup{background:#fff8e7;color:#65532a}
.reader-console{border-radius:0 8px 8px 0}
@media(max-width:650px){.reader-qari{border-radius:8px 8px 0 0}.reader-console{border-radius:0 0 8px 8px}}
/* Selected ayah texts flank the book on wide screens. */
.quiet-reader{width:100%;max-width:1580px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,min(900px,calc((100dvh - 150px)*1.3817))) minmax(190px,1fr);column-gap:18px;align-items:start}
.quiet-reader .reader-selects{grid-column:2;grid-row:1}
.quiet-reader>.mushaf-stage{grid-column:2;grid-row:2;min-width:0}
.quiet-reader>.reader-turkish{display:contents}
.quiet-reader .reader-pronunciation{grid-column:1;grid-row:2;background:linear-gradient(135deg,#fffdf7,#f7f0df)}
.quiet-reader .reader-meaning{grid-column:3;grid-row:2}
.quiet-reader .reader-text-block{border:1px solid #d5dece;border-radius:16px;box-shadow:0 5px 22px #3b4e3010;padding:20px;min-width:0;max-height:calc(100dvh - 170px);overflow-y:auto;scrollbar-width:thin}
.quiet-reader .reader-meaning:before{display:none}
@media(max-width:1050px){
 .quiet-reader{width:min(900px,max(560px,calc((100dvh - 244px)*1.3817)));max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .quiet-reader .reader-selects{grid-column:1/-1;grid-row:1}
 .quiet-reader>.mushaf-stage{grid-column:1/-1;grid-row:2}
 .quiet-reader .reader-pronunciation{grid-column:1;grid-row:3}
 .quiet-reader .reader-meaning{grid-column:2;grid-row:3}
 .quiet-reader .reader-text-block{max-height:none;padding:17px}
}
@media(max-width:650px){
 .quiet-reader{width:100%;gap:8px}
 .quiet-reader .reader-pronunciation{grid-column:1/-1;grid-row:3}
 .quiet-reader .reader-meaning{grid-column:1/-1;grid-row:4}
 .quiet-reader .reader-text-block{padding:14px 16px 17px;border-radius:13px}
}

.reader-page-turns{display:flex;gap:4px;flex-shrink:0;direction:ltr}.reader-page-turns .reader-flip{padding:6px 9px;font-size:10px}.reader-page-turns .reader-flip:focus-visible{outline:2px solid #725022;outline-offset:2px}
@media(max-width:650px){.reader-console{flex-wrap:wrap;justify-content:center}.reader-page-turns .reader-flip{padding:5px 7px;font-size:9px}}
/* A light, unified navigation strip with distinct selector cards. */
.quiet-reader .reader-selects{gap:9px;padding:10px;margin-bottom:12px;background:linear-gradient(120deg,#f8fbf7,#edf3ec);border:1px solid #d7e2d8;border-radius:18px;box-shadow:0 4px 18px #21483f0a;grid-template-columns:1.75fr 1fr 1fr 1fr}
.reader-selects label{display:flex;flex-direction:column;gap:6px;padding:9px 10px 8px;background:#fffefa;border:1px solid #e1e8dd;border-radius:12px;font:600 10px/1.3 Arial,sans-serif;color:#758776;letter-spacing:.4px;transition:border-color .18s,box-shadow .18s}
.reader-selects label:focus-within{border-color:#a9bfae;box-shadow:0 0 0 3px #21483f0b}
.reader-selects select{height:30px;min-height:30px;padding:2px 21px 2px 0;border:0;border-radius:0;background:transparent;color:#21483f;box-shadow:none;font:600 13px/1.4 Arial,sans-serif;cursor:pointer;letter-spacing:0}
.reader-selects select:focus-visible{outline:2px solid #c9a34a;outline-offset:3px;border-radius:3px}
.reader-meal-picker{display:flex;flex-direction:column;gap:6px;margin:0 0 17px;color:#62796a;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.3px}
.reader-meal-picker select{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #c9d9c9;border-radius:10px;background:#fffef8;color:#21483f;font:600 12px/1.5 Arial,sans-serif;cursor:pointer}
.reader-meal-picker select:focus-visible{outline:2px solid #c9a34a;outline-offset:2px}
.reader-meal-source{display:inline-block;margin-top:18px;color:#718270;font:11px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.reader-book-column{grid-column:2;grid-row:2;min-width:0}
.reader-view-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 12px;margin:10px 0 4px;border:1px solid #d7e2d8;border-radius:15px;background:linear-gradient(110deg,#fffdf7,#f2f6ef);box-shadow:0 3px 14px #21483f08}
.reader-view-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;cursor:pointer;font:600 12px/1.3 Arial,sans-serif}
.reader-fullscreen-button{padding:8px 13px;color:#fff;background:#21483f;gap:7px}
.reader-zoom-tools{display:flex;align-items:center;gap:6px}
.reader-zoom-tools button{width:35px;padding:5px;border:1px solid #d8dfd2;background:#fffefa;color:#21483f;font-size:20px}
.reader-zoom-tools button:disabled{opacity:.35;cursor:default}
.reader-zoom-tools output{min-width:45px;text-align:center;color:#62745f;font:600 12px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums}
.reader-zoom-tools .reader-zoom-reset{width:auto;padding:8px 10px;font-size:11px;color:#8a7439;border-color:#e5dcc3;background:#faf6e9}
.reader-view-tools button:focus-visible{outline:2px solid #c9a34a;outline-offset:3px}
.quiet-reader .mushaf-stage.reader-is-zoomed{overflow:auto;padding:12px 12px 30px;scrollbar-width:thin;scrollbar-color:#b5c2b0 #edf0e7;border-radius:10px}
.reader-is-zoomed .mushaf-book{margin-left:0;margin-right:0}
.reader-is-zoomed .book-paper{touch-action:pan-x pan-y pinch-zoom;cursor:auto}
.quiet-reader .mushaf-follow-rect.active-ayah{fill:#44845b;fill-opacity:.24}
.quiet-reader .mushaf-word-rect{fill-opacity:0;stroke:none;pointer-events:none}
.quiet-reader .mushaf-word-rect.active-word{fill:#e7b82f;fill-opacity:.62;stroke:#b98719;stroke-width:1.1;stroke-opacity:.55}
/* The stable main element owns native fullscreen; only the book remains visible. */
body.reader-page.quran-fullscreen{overflow:hidden}
body.reader-page.quran-fullscreen #main,body.reader-page #main:fullscreen{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;min-height:0;max-width:none;padding:0;margin:0;overflow:hidden;background:#e9e2d2}
body.quran-fullscreen .quiet-reader{display:block;width:100%;max-width:none;height:100%;margin:0}
body.quran-fullscreen .quiet-reader .reader-selects,body.quran-fullscreen .reader-turkish,body.quran-fullscreen .reader-text-block,body.reader-page.quran-fullscreen #player,body.reader-page.quran-fullscreen #player[hidden]{display:none!important}
body.quran-fullscreen .reader-book-column{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:100%;padding:16px 12px;overflow:hidden}
body.quran-fullscreen .quiet-reader .mushaf-stage{width:min(calc(100vw - 24px),calc((100dvh - 32px)*1.3817));max-width:100%;flex:none;padding:0;margin:0;overflow:visible}
body.quran-fullscreen .reader-view-tools{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:50;display:block;padding:0;margin:0;border:0;box-shadow:none;background:none}
body.quran-fullscreen .reader-zoom-tools{display:none}
body.quran-fullscreen .reader-fullscreen-button{background:#fffdf3ed;color:#21483f;border:1px solid #c8cbb6;box-shadow:0 2px 12px #0002;font-size:11px;min-height:34px;opacity:.85}
body.quran-fullscreen .reader-fullscreen-button:hover,body.quran-fullscreen .reader-fullscreen-button:focus-visible{opacity:1}
.quiet-reader .reader-selects{grid-template-columns:1.75fr 1fr 1fr 1fr 42px;align-items:stretch}
.reader-search-button{display:grid;place-items:center;align-self:center;width:40px;height:44px;border:1px solid #cadaca;border-radius:12px;background:#21483f;color:#fff;cursor:pointer}.reader-search-button svg{width:21px;height:21px}.reader-search-button:focus-visible{outline:2px solid #c9a34a;outline-offset:3px}
.reader-text-settings{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 15px;padding-bottom:13px;border-bottom:1px solid #d9dfcd}
.reader-verse-chip{display:inline-flex;padding:5px 9px;border-radius:7px;background:#e7eee1;color:#476443;font:600 11px/1.5 Arial,sans-serif}
.reader-font-tools{display:flex;align-items:center;gap:8px}.reader-font-tools button{min-width:34px;min-height:32px;padding:5px;border:1px solid #d5dac9;border-radius:8px;background:#fffdf4;color:#36523d;font:600 13px/1.3 Arial,sans-serif;cursor:pointer}.reader-font-tools output{min-width:38px;text-align:center;font:11px/1.4 Arial,sans-serif;color:#6a7966}.reader-font-tools button:disabled{opacity:.35;cursor:default}.reader-font-tools button:focus-visible{outline:2px solid #c9a34a;outline-offset:2px}
.reader-view-modes{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.reader-night-button{padding:8px 12px;border:1px solid #cbd8c7;background:#f8faf2;color:#36543e}
.quran-search-input-row{display:flex;gap:8px}.quran-search-input-row input{flex:1;min-width:0}.quran-search-dialog h2{margin:10px 0 18px}#quran-search-count{font-size:12px;color:#6d7e6b;margin:15px 0}#quran-search-results{max-height:55dvh;overflow-y:auto;display:grid;gap:9px}.quran-search-hit{display:block;width:100%;text-align:left;padding:14px;border:1px solid #d5dfd0;border-radius:12px;background:#f8faf4;cursor:pointer}.quran-search-hit strong{display:flex;justify-content:space-between;gap:9px;font:600 13px/1.5 Arial,sans-serif;color:#21483f}.quran-search-hit strong span{color:#938045;font-size:11px}.quran-search-hit p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:14px/1.8 Arial,sans-serif;margin:9px 0;color:#4f604d}.quran-search-hit small{font-size:10px;color:#89917f}.quran-search-hit:hover,.quran-search-hit:focus-visible{border-color:#9cb597;background:#eff5e8;outline-offset:2px}
body.quran-fullscreen .reader-view-modes{flex-wrap:nowrap}.reader-page.reader-night{background:#151f1d;color:#e2e8dc}
body.reader-page.reader-night .reader-selects,body.reader-page.reader-night .reader-view-tools{background:#23302a;border-color:#3d4d3d}
body.reader-page.reader-night .reader-selects label,body.reader-page.reader-night .reader-text-block,body.reader-page.reader-night .reader-meal-picker select{background:#202c26;border-color:#43513e;color:#a7b89d}
body.reader-page.reader-night .reader-selects select,body.reader-page.reader-night .reader-text-heading h2,body.reader-page.reader-night .reader-text-block p,body.reader-page.reader-night .reader-meal-picker select{color:#e1e6cf}
body.reader-page.reader-night .reader-text-emblem,body.reader-page.reader-night .reader-verse-chip,body.reader-page.reader-night .reader-night-button{background:#344336;border-color:#4e6045;color:#d5dfb9}
body.reader-page.reader-night .reader-font-tools button,body.reader-page.reader-night .reader-zoom-tools button{background:#2c392f;border-color:#4e6045;color:#d5dfb9}
body.reader-page.reader-night .reader-font-tools output,body.reader-page.reader-night .reader-zoom-tools output,body.reader-page.reader-night .reader-meal-picker,body.reader-page.reader-night .reader-meal-source{color:#aebba0}
body.reader-page.reader-night .reader-text-settings{border-color:#44503e}
body.reader-page.reader-night .book-paper img,body.reader-page.reader-night .book-turn-canvas{filter:invert(.88) hue-rotate(180deg) brightness(.9)}
body.reader-page.reader-night.quran-fullscreen #main,body.reader-page.reader-night #main:fullscreen{background:#151f1d}
body.reader-page.reader-night #dialog{background:#202c26;color:#e2e8d6}body.reader-page.reader-night .quran-search-hit{background:#29362c;border-color:#46533e}body.reader-page.reader-night .quran-search-hit strong,body.reader-page.reader-night .quran-search-hit p{color:#d9e4cd}body.reader-page.reader-night #quran-search-count{color:#afbea0}body.reader-page.reader-night .quran-search-input-row input{background:#17241e;border-color:#4b5b43;color:#e1e7d4}
body.reader-page.reader-night .reader-qari,body.reader-page.reader-night .reader-console{background:#2c382b;color:#c6bf8c;box-shadow:inset 0 0 0 1px #526044}
body.reader-page.reader-night .reader-qari select,body.reader-page.reader-night .reader-selects option,body.reader-page.reader-night .reader-meal-picker option,body.reader-page.reader-night .reader-qari option,body.reader-page.reader-night .reader-qari optgroup{background:#243126;color:#dce4c7;border-color:#566347}
/* Printed information sits in the page's existing top margin, above all ayah ink. */
.book-paper{container-type:inline-size}
.book-paper .printed-page-header{position:absolute;inset:0 0 auto;height:6%;z-index:8;box-sizing:border-box;padding:1.2% 2.5% .5%;margin:0;background:#fff1d1;border:0;border-radius:0;box-shadow:none;color:#4b4b35;pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(5px,1.8cqw,13px);line-height:1.25}
.printed-page-header-main{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:2%;align-items:center;min-width:0;height:50%}.printed-page-header-main>span:last-child{text-align:right}.printed-page-header-main strong{text-align:center;font-size:1.08em;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.printed-page-header-detail{display:flex;align-items:center;gap:3%;height:45%;font-size:.88em}.printed-page-header-detail>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.printed-page-header-detail>span:first-child{flex:1;min-width:0}.printed-page-header-detail>span:last-child{flex:0 1 42%;text-align:right}.printed-page-header-detail [hidden]{display:none}
body.reader-page.reader-night .book-paper .printed-page-header{background:#202c26;color:#dce2c2}
body.quran-fullscreen .quiet-reader .mushaf-stage{width:min(calc(100vw - 24px),calc((100dvh - 32px)*1.3817))}
.quiet-reader .book-corner.book-edge-turn{top:0;bottom:0;height:100%;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:manipulation;opacity:1;z-index:9}
.book-edge-turn>span{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:28px;line-height:1;color:#9b804b;opacity:.3;transition:opacity .15s}
.quiet-reader .book-edge-turn.corner-next:hover{background:linear-gradient(90deg,#b89d4920,transparent)}
.quiet-reader .book-edge-turn.corner-prev:hover{background:linear-gradient(270deg,#b89d4920,transparent)}
.quiet-reader .book-edge-turn:hover>span,.quiet-reader .book-edge-turn:focus-visible>span{opacity:1}
.quiet-reader .book-edge-turn:focus-visible{outline:2px solid #b69c4b;outline-offset:-2px}
.quiet-reader .book-edge-turn:disabled{visibility:hidden;pointer-events:none}
@media(max-width:650px){.book-edge-turn>span{bottom:5px;font-size:22px}}
/* Soft architectural artwork frames the reading surface without competing with it. */
body.reader-page{background-color:#f2ebdc;background-image:linear-gradient(#fffdf514,#fffdf514),url('assets/reader-background-v1.webp');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
body.reader-page.quran-fullscreen #main,body.reader-page #main:fullscreen{background:#f2ebdc url('assets/reader-background-v1.webp') center/cover no-repeat}
body.reader-page.reader-night{background-color:#15211c;background-image:linear-gradient(#101e1be8,#101e1be8),url('assets/reader-background-v1.webp')}
body.reader-page.reader-night.quran-fullscreen #main,body.reader-page.reader-night #main:fullscreen{background:#15211c;background-image:linear-gradient(#101e1be8,#101e1be8),url('assets/reader-background-v1.webp');background-size:cover;background-position:center}
@media(max-width:650px){body.reader-page{background-attachment:scroll;background-position:center top;background-size:auto 100dvh}}
.reader-live-word{padding:10px 13px;border:1px solid #d4dfcb;border-radius:14px;background:linear-gradient(120deg,#fffdf5,#f0f5e9);color:#36563d;min-width:0;box-shadow:0 4px 18px #21483f0a;align-self:start}
.reader-live-left{grid-column:1;grid-row:1}.reader-live-right{grid-column:3;grid-row:1}
.live-word-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font:600 9px/1.4 Arial,sans-serif;letter-spacing:.6px;color:#7c896b}.live-word-heading small{font-size:8px;letter-spacing:0;font-weight:400;white-space:nowrap}
.live-word-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5px 10px}
.live-word-arabic{font:normal 31px/1.5 mushaf,serif;text-align:center;overflow-wrap:anywhere;color:#21483f}
.live-word-latin{font:14px/1.6 Georgia,serif;text-align:center;color:#87733e;overflow-wrap:anywhere}
.live-word-phonetic{text-align:center;min-width:0}.live-word-phonetic>small{display:block;margin-bottom:3px;font:8px/1.4 Arial,sans-serif;color:#8c987d}
.live-word-meaning{grid-column:1/-1;padding-top:6px;border-top:1px solid #dfe5d4}.live-word-meaning>span{font:9px/1.3 Arial,sans-serif;color:#87957b}.live-word-meaning p{font:14px/1.5 Arial,sans-serif;color:#365b3e;margin:3px 0 0;overflow-wrap:anywhere}
.live-word-footer{display:flex;justify-content:space-between;gap:5px;margin-top:7px;font:8px/1.4 Arial,sans-serif;color:#8b967d}.live-word-footer small{font-size:8px;overflow-wrap:anywhere}.live-word-footer a{flex-shrink:0;text-decoration:underline;text-underline-offset:2px}
body.quran-fullscreen .reader-live-word{display:none}
body.reader-page.reader-night .reader-live-word{background:#243128;border-color:#46543e;color:#d4e0c7}body.reader-page.reader-night .live-word-arabic{color:#e1e7ce}body.reader-page.reader-night .live-word-latin{color:#d8bd7b}body.reader-page.reader-night .live-word-meaning p{color:#c1d6b7}body.reader-page.reader-night .live-word-meaning{border-color:#46543e}
@media(max-width:1050px){.reader-live-left{grid-column:1;grid-row:2}.reader-live-right{grid-column:2;grid-row:2}.quiet-reader>.reader-book-column{grid-row:3}.quiet-reader .reader-pronunciation{grid-row:4}.quiet-reader .reader-meaning{grid-row:4}}
@media(max-width:650px){.reader-live-word{padding:9px 10px;border-radius:11px}.live-word-arabic{font-size:27px}.live-word-latin{font-size:12px}.live-word-heading{font-size:8px;letter-spacing:.2px;flex-wrap:wrap}.live-word-heading small{font-size:8px}.live-word-meaning p{font-size:12px}.quiet-reader .reader-pronunciation{grid-row:4}.quiet-reader .reader-meaning{grid-row:5}}
/* Stable card height prevents the book jumping at each spoken word. */
.reader-live-word{display:flex;flex-direction:column;height:176px;overflow:hidden}
.live-word-heading{flex:none;min-height:14px;max-height:26px}
.live-word-grid{flex:1;min-height:0;grid-template-rows:48px minmax(0,1fr)}
.reader-live-left .live-word-grid{grid-template-rows:1fr}
.live-word-arabic{white-space:nowrap;overflow-wrap:normal;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.live-word-phonetic{max-height:48px;overflow:auto;scrollbar-width:thin}
.live-word-meaning{min-height:0;overflow:auto;scrollbar-width:thin}
.live-word-footer{flex:none;max-height:27px;overflow:auto;scrollbar-width:thin}
@media(max-width:650px){.reader-live-word{height:165px}.live-word-grid{grid-template-rows:44px minmax(0,1fr)}}
/* Reader editions: selector navigation stays between the controls and the book. */
.reader-editions{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:5px;padding:5px;margin:8px 0 14px;border:1px solid #cfbea0;border-radius:15px;background:#fffaf0ed;box-shadow:0 4px 18px #5d49200b;overflow:visible}
.reader-editions button{flex:1;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:600;line-height:1.4;color:#6c6d57;min-height:43px;transition:background .2s,color .2s}
.reader-editions button.active{background:#285448;color:#fff7df;box-shadow:0 3px 9px #21483f20}.reader-editions button:hover:not(.active){background:#f0e7d3}
.quiet-reader.color-reader,.quiet-reader.memorize-reader{display:flex;flex-direction:column;width:100%;max-width:1380px;gap:0;margin:auto}.quiet-reader.color-reader>.reader-selects,.quiet-reader.memorize-reader>.reader-selects{width:min(900px,100%);align-self:center;margin-bottom:0}.quiet-reader.color-reader>.reader-book-column,.quiet-reader.memorize-reader>.reader-book-column{width:100%;min-width:0}.color-reader .reader-editions,.memorize-reader .reader-editions{width:min(900px,100%);margin:10px auto 14px}.color-reader .mushaf-stage{width:100%;max-width:1340px;margin:auto}.color-reader .open-mushaf{aspect-ratio:4/3}.color-reader .book-paper>img{width:100%;height:100%;object-fit:fill}.color-reader .mushaf-follow-overlay{z-index:4}.color-reader .printed-page-header{display:none}.color-edition-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(900px,100%);margin:0 auto 14px;padding:0 6px;color:#7d755e}.color-edition-tools label{display:flex;flex-direction:row;align-items:center;gap:9px;white-space:nowrap}.color-edition-tools select{padding:7px 10px;font-size:12px;background:#fffaf0}.color-edition-tools>span{font-size:11px}.color-edition-note{font-size:11px;color:#827965;text-align:center;max-width:800px;margin:14px auto 0;padding:0 12px}.memorize-empty{min-height:55vh}.reader-night .reader-editions{background:#1e302a;border-color:#526249}.reader-night .reader-editions button{color:#d7d6bb}.reader-night .reader-editions button.active{background:#ccbb83;color:#20372f}.reader-night .color-edition-tools,.reader-night .color-edition-note{color:#d2c8ab}
body.quran-fullscreen .reader-editions,body.quran-fullscreen .color-edition-tools,body.quran-fullscreen .color-edition-note{display:none!important}body.quran-fullscreen .color-reader .mushaf-stage{width:min(calc(100vw - 24px),calc((100dvh - 32px)*1.333333))}
@media(max-width:650px){.reader-editions{gap:3px;border-radius:11px;margin:7px 0 10px;padding:4px}.reader-editions button{font-size:10px;padding:8px 5px;min-height:42px;border-radius:8px}.color-edition-tools{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:9px}.color-edition-tools>span{font-size:9px}.color-reader .mushaf-stage{padding:4px}.color-edition-note{font-size:10px}.color-reader .reader-view-tools{flex-wrap:wrap}}

/* Stack center controls and book independently of the taller live-word cards. */
.reader-center-stack{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;min-width:0;gap:0}
.reader-center-stack>.reader-selects{margin-bottom:0}.reader-center-stack .reader-editions{margin-top:6px}
@media(max-width:1050px){.reader-center-stack{display:contents}.reader-center-stack>.reader-selects{grid-column:1/-1;grid-row:1}.reader-center-stack>.reader-book-column{grid-column:1/-1;grid-row:3}}
body.quran-fullscreen .reader-center-stack{display:contents}
/* Chain memorization uses the same colored book and a compact settings dialog. */
.chain-settings-button{padding:9px 15px!important;font-size:12px!important;white-space:nowrap;background:#285448;color:#fff8e6;border-radius:11px;box-shadow:0 3px 10px #21483f18}.chain-session-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(900px,100%);margin:0 auto 15px;padding:11px 14px;background:#fffaf0e8;border:1px solid #d9c9a6;border-radius:13px}.chain-session-label{font:600 9px/1.3 Arial,sans-serif;letter-spacing:1.2px;color:#9d844f}.chain-session-tools p{font-size:12px;color:#37594a;margin:4px 0 0}.chain-session-actions{display:flex;gap:6px;flex-shrink:0}.chain-session-actions .btn{font-size:11px;padding:8px 11px;white-space:nowrap}.chain-settings{max-width:580px;margin:auto}.chain-settings h2{font-size:26px;margin-bottom:10px;color:#285448}.chain-settings>p{font-size:12px;color:#78816d;line-height:1.65}.chain-settings>label{margin:14px 0}.chain-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.chain-row-labels,.chain-setting-row{display:grid;grid-template-columns:.7fr 1fr 1.3fr;gap:10px;align-items:center}.chain-row-labels{padding:9px 12px;color:#8c805e;font-size:10px}.chain-setting-row{padding:9px 12px;background:#f6f8f1;border:1px solid #e4e8dc;border-radius:10px;margin:6px 0}.chain-setting-row strong{font-size:12px;color:#315644}.chain-setting-row label{position:relative;gap:0;min-width:0}.chain-setting-row input{width:100%;padding:8px 39px 8px 10px;font-size:13px}.chain-setting-row small{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:9px;color:#8e967e;pointer-events:none}#chain-setting-rows{max-height:min(42dvh,380px);overflow:auto;scrollbar-width:thin;padding:0 2px}.chain-form-error{color:#a24639!important;font-size:12px;min-height:1em}.chain-form-note{font-size:11px!important;margin-top:14px}.chain-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #e8e3d4}.chain-form-actions .btn{font-size:12px}.reader-night .chain-session-tools{background:#243128;border-color:#4e5e42}.reader-night .chain-session-tools p{color:#d3dfc3}.reader-night .chain-settings h2{color:#d8dfc6}.reader-night .chain-setting-row{background:#29372c;border-color:#4a5a40}.reader-night .chain-setting-row strong{color:#d1dec0}.reader-night .chain-settings input,.reader-night .chain-settings select{background:#1c2b21;color:#d9e2ca;border-color:#536448}body.quran-fullscreen .chain-session-tools{display:none!important}
@media(max-width:650px){.chain-session-tools{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.chain-session-actions{justify-content:flex-end}.chain-session-tools p{font-size:11px}.chain-settings h2{font-size:23px}.chain-row-labels,.chain-setting-row{grid-template-columns:.6fr 1fr 1.2fr;gap:6px}.chain-row-labels{font-size:9px;padding:7px}.chain-setting-row{padding:8px 7px}.chain-setting-row input{padding-left:6px;padding-right:32px}.chain-setting-row strong{font-size:11px}.chain-settings-button{font-size:11px!important;padding:8px 12px!important}}
.chain-setting-row input[type=number]{appearance:textfield;-moz-appearance:textfield}.chain-setting-row input::-webkit-inner-spin-button,.chain-setting-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.chain-reader .color-edition-tools{justify-content:flex-start;flex-wrap:wrap}.chain-reader .chain-settings-button{margin-left:auto}.memorized-picker{position:relative;color:#21483f;font:600 12px/1.5 Arial,sans-serif}.memorized-picker summary{list-style:none;cursor:pointer;padding:9px 12px;border:1px solid #cbd9c6;border-radius:11px;background:#f6f9f0;display:flex;align-items:center;gap:10px}.memorized-picker summary::-webkit-details-marker{display:none}.memorized-picker summary:after{content:'⌄'}.memorized-picker summary:focus-visible{outline:2px solid #c9a34a;outline-offset:3px}.memorized-picker summary span,.memorized-summary strong span{font-size:10px;color:#7b815e}.memorized-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:25;width:320px;max-width:calc(100vw - 42px);padding:16px;background:#fffdf7;border:1px solid #d7ddc9;border-radius:15px;box-shadow:0 12px 36px #21483f24}.memorized-popover>strong{font-size:16px}.memorized-popover>p{font:400 12px/1.6 Arial,sans-serif;color:#74806a;margin:7px 0 12px}.memorized-checklist{max-height:310px;max-height:min(45dvh,310px);overflow:auto;scrollbar-width:thin}.color-edition-tools .memorized-checklist label{display:flex;gap:10px;padding:10px 8px;border-bottom:1px solid #e9ecdf;cursor:pointer;border-radius:7px;white-space:normal;font-weight:500}.memorized-checklist label:has(input:checked){background:#eaf4f0;color:#21483f}.memorized-checklist input{width:17px;height:17px;accent-color:#21483f;flex-shrink:0}.memorized-checklist label span{flex:1}.memorized-checklist label small{color:#7a846d;font-size:10px;white-space:nowrap}.memorized-save-note{display:block;font-size:10px;color:#7a846d;padding-top:12px}.memorized-summary{width:min(900px,100%);margin:0 auto 12px;padding:10px 14px;background:#f5f8f0e8;border:1px solid #dce4d1;border-radius:12px;color:#305845;font:500 11px/1.5 Arial,sans-serif}.memorized-summary>strong{display:block;font-size:11px;margin-bottom:6px}.memorized-summary>div{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow:auto}.memorized-summary button{padding:5px 10px;background:#e4eee1;border:1px solid #ccdbc5;border-radius:20px;color:#285448;font-size:11px;cursor:pointer}.memorized-summary>div>span{color:#7a846d}.reader-night .memorized-popover,.reader-night .memorized-picker summary,.reader-night .memorized-summary{background:#243128;color:#d9e2ca;border-color:#526347}.reader-night .memorized-checklist label:has(input:checked),.reader-night .memorized-summary button{background:#354b39;color:#e2e9d3;border-color:#526347}.reader-night .memorized-popover p,.reader-night .memorized-save-note,.reader-night .memorized-summary>div>span{color:#b5c1a8}body.quran-fullscreen .memorized-summary{display:none!important}@media(max-width:650px){.chain-reader .color-edition-tools{gap:8px;justify-content:center}.chain-reader .chain-settings-button{margin-left:0}.memorized-picker{font-size:11px}.memorized-popover{right:50%;transform:translateX(50%)}.memorized-summary{padding:9px 11px}}

.memorized-completed-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 8px;color:#285448;text-align:left;border-bottom:1px solid #e4eadb;border-radius:7px;font:500 12px/1.5 Arial,sans-serif;cursor:pointer}.memorized-completed-list button:hover,.memorized-completed-list button:focus-visible{background:#eaf4f0}.memorized-completed-list button small{font-size:10px;color:#7c886b;white-space:nowrap}.memorized-empty{font:400 12px/1.6 Arial,sans-serif;color:#7c886b;padding:8px 0}.reader-night .memorized-completed-list button{color:#dde6cc;border-color:#526347}.reader-night .memorized-completed-list button:hover,.reader-night .memorized-completed-list button:focus-visible{background:#354b39}

.chain-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.chain-reader .chain-header-actions .chain-settings-button{margin-left:0}.chain-restore-button{font-size:11px!important;padding:9px 11px!important}.quiet-reader #mushaf-book,.quiet-reader #mushaf-book *{touch-action:pan-y}.quiet-reader .reader-is-zoomed #mushaf-book,.quiet-reader .reader-is-zoomed #mushaf-book *{touch-action:none}#mushaf-stage{overscroll-behavior:auto}.quiet-reader #mushaf-stage.reader-is-zoomed{overscroll-behavior:contain}.reader-night .chain-restore-button{background:#293c2e;color:#dce5ce;border-color:#53664b}@media(pointer:coarse){.quiet-reader #mushaf-stage.reader-is-zoomed{max-height:75dvh;overflow:auto}body.quran-fullscreen .quiet-reader #mushaf-stage.reader-is-zoomed{max-height:calc(100dvh - 32px);overflow:auto}}@media(max-width:650px){.chain-header-actions{margin-left:0;justify-content:center;width:100%}.chain-restore-button{font-size:10px!important}}

/* Fullscreen reader controls remain inside the native fullscreen main element. */
.reader-page-turn-tools{display:none}.reader-zoom-tools input[type=range]{width:130px;min-width:70px;padding:0;border:0;accent-color:#21483f;cursor:pointer;touch-action:pan-y;height:36px}.reader-zoom-tools{min-width:0}.reader-zoom-tools .sr-only{position:absolute}
body.quran-fullscreen #main{--reader-fs-controls:128px}body.quran-fullscreen .reader-book-column{padding:12px 12px calc(var(--reader-fs-controls) + env(safe-area-inset-bottom));align-items:center}body.quran-fullscreen .quiet-reader .mushaf-stage,body.quran-fullscreen .quiet-reader.color-reader .mushaf-stage{width:min(calc(100vw - 24px),calc((100dvh - var(--reader-fs-controls) - 32px - env(safe-area-inset-bottom))*1.3333));max-height:calc(100dvh - var(--reader-fs-controls) - 24px - env(safe-area-inset-bottom));max-width:100%;overflow:visible}body.quran-fullscreen .quiet-reader #mushaf-stage.reader-is-zoomed{overflow:auto!important;max-height:calc(100dvh - var(--reader-fs-controls) - 24px - env(safe-area-inset-bottom));padding:8px;overscroll-behavior:contain}
body.quran-fullscreen .reader-view-tools{position:absolute;inset:auto auto max(10px,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);width:min(820px,calc(100% - 24px));max-width:none;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;align-items:center;z-index:60;padding:10px 14px;margin:0;border:1px solid #c8ceb9;border-radius:15px;background:#fffdf5f5;box-shadow:0 6px 26px #233f362b;backdrop-filter:blur(12px)}body.quran-fullscreen .reader-page-turn-tools{display:flex;gap:8px;align-items:center}body.quran-fullscreen .reader-page-turn-tools button{min-height:40px;padding:8px 13px;border:1px solid #ced9c6;background:#edf3e6;color:#21483f;gap:8px;white-space:nowrap}body.quran-fullscreen .reader-page-turn-tools button:disabled{opacity:.35}body.quran-fullscreen .reader-view-modes{justify-content:flex-end;gap:8px}body.quran-fullscreen .reader-zoom-tools{display:flex;grid-column:1/-1;width:100%;gap:9px}body.quran-fullscreen .reader-zoom-tools input[type=range]{flex:1;width:auto;min-width:60px}body.quran-fullscreen .reader-zoom-tools button{min-height:38px;flex-shrink:0}body.quran-fullscreen .reader-fullscreen-button{opacity:1;box-shadow:none}body.reader-night.quran-fullscreen .reader-view-tools{background:#243128f5;border-color:#56634b}body.reader-night.quran-fullscreen .reader-page-turn-tools button{background:#354b39;color:#e3e8d1;border-color:#53664a}body.reader-night.quran-fullscreen .reader-zoom-tools output{color:#e3e8d1}body.reader-night .reader-zoom-tools input[type=range]{accent-color:#c9a34a}
@media(max-width:650px){.reader-zoom-tools input[type=range]{width:90px}body.quran-fullscreen #main{--reader-fs-controls:168px}body.quran-fullscreen .reader-view-tools{grid-template-columns:1fr;gap:7px;padding:9px 11px;border-radius:13px}body.quran-fullscreen .reader-page-turn-tools{justify-content:space-between}body.quran-fullscreen .reader-page-turn-tools button{flex:1;min-height:36px;font-size:11px;padding:7px 10px}body.quran-fullscreen .reader-view-modes{justify-content:space-between}body.quran-fullscreen .reader-view-modes button{flex:1;font-size:10px;min-height:34px;padding:7px}body.quran-fullscreen .reader-zoom-tools{gap:5px}body.quran-fullscreen .reader-zoom-tools button{min-height:34px;width:31px}body.quran-fullscreen .reader-zoom-tools .reader-zoom-reset{width:auto;padding:7px;font-size:10px}}

.reader-word-layer{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;transform:translateZ(0)}.reader-speaking-word{position:absolute;display:block;box-sizing:border-box;min-width:3px;min-height:5px;border:0;outline:0;border-radius:3px;background:rgba(255,196,35,.62);box-shadow:none;pointer-events:none}.book-paper.word-layer-ready .mushaf-word-rect.active-word{fill-opacity:0;stroke-opacity:0}.book-is-turning .reader-word-layer{visibility:hidden}.reader-word-enable{padding:8px 10px;background:#edf4e6;color:#285448;border:1px solid #bdcba8;font-size:11px!important}.reader-word-enable[hidden]{display:none!important}.reader-night .reader-speaking-word{background:rgba(255,207,61,.7);border-color:#f6d57b}.reader-night .reader-word-enable{background:#354b39;color:#e1e7c7;border-color:#526347}

/* A short timeline and independent controls share one row without overlapping. */
.reader-console{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;min-width:0;overflow:hidden}.reader-timeline{position:relative;display:flex;align-items:center;flex:0 0 clamp(40px,11vw,130px);width:clamp(40px,11vw,130px);max-width:130px;min-width:0;height:30px;overflow:hidden;isolation:isolate}.reader-timeline .reader-wave{width:100%;min-width:0;height:30px;flex:1;pointer-events:none}.reader-console .reader-timeline .reader-seek{position:absolute;inset:0;left:0;top:0;width:100%;min-width:0;max-width:100%;height:30px!important;z-index:1;margin:0;opacity:.75;touch-action:pan-y}.reader-transport{position:relative;display:flex;flex:1 1 0;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:7px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;touch-action:pan-x;isolation:isolate}.reader-transport .reader-icon,.reader-transport .reader-speed{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:32px;padding:5px;flex-shrink:0}.reader-transport .reader-play{width:36px;height:36px;flex:0 0 36px}.reader-transport .reader-page-turns{order:1}.reader-transport #reader-volume{height:24px;flex-shrink:0}body.reader-page:not(.quran-fullscreen) #main{padding-bottom:110px}
@media(max-width:650px){.reader-console{gap:8px;padding:7px 8px}.reader-timeline{flex-basis:56px;width:56px;max-width:56px}.reader-transport{gap:6px}.reader-transport .reader-icon{min-width:40px;min-height:40px}.reader-transport .reader-play{width:40px;height:40px;flex-basis:40px}.reader-transport .reader-speed{min-height:40px;min-width:34px}.reader-transport .reader-flip{min-height:36px}.reader-transport #reader-volume{width:48px;min-width:48px}body.reader-page:not(.quran-fullscreen) #main{padding-bottom:128px}}

/* Reader layout revision: one live word line, inline meal author, landscape fullscreen. */
.quiet-reader .mushaf-word-rect.active-word{stroke:none;stroke-width:0}
.quran-word.speaking,.verse.active .quran-word.speaking,.selected-ayah .quran-word.speaking{border:0;outline:0;box-shadow:none;text-decoration:none}
.reader-live-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;min-width:0;width:100%;height:55px;flex-shrink:0;padding:5px 12px;margin:5px 0 0;border:1px solid #d6ddc7;border-radius:11px;background:#fffdf3e8;color:#355544;scrollbar-width:thin;font:13px/1.5 Arial,sans-serif}
.reader-live-strip>*{flex-shrink:0}.reader-live-strip strong{font:normal 30px/1.4 mushaf,serif;color:#21483f}.live-strip-label{font-size:10px;color:#7c8267}.live-strip-divider{color:#b6a06a}#live-word-latin-left{color:#8a7139}.reader-live-strip #live-word-meaning{font-size:13px}
.color-reader>.reader-live-strip{width:min(900px,100%);align-self:center}
.reader-meaning .reader-text-heading{gap:7px}.reader-meaning .reader-text-heading h2{flex-shrink:0;white-space:nowrap}.reader-meaning .reader-text-emblem{display:none}.reader-meal-inline{flex:1;min-width:0;margin:0}.reader-meal-inline select{width:100%;min-height:32px;padding:5px 6px;font-size:11px}
.quiet-reader:not(.color-reader) .reader-pronunciation,.quiet-reader:not(.color-reader) .reader-meaning{grid-row:1}
.reader-night .reader-live-strip{background:#243128e8;border-color:#46543e;color:#d4e0c7}.reader-night .reader-live-strip strong{color:#e1e7ce}.reader-night .reader-live-strip #live-word-latin-left{color:#d8bd7b}
body.quran-fullscreen .reader-live-strip{display:none!important}
@media(max-width:1050px){.reader-center-stack>.reader-live-strip{grid-column:1/-1;grid-row:2}.quiet-reader:not(.color-reader) .reader-pronunciation,.quiet-reader:not(.color-reader) .reader-meaning{grid-row:4}}
@media(max-width:650px){.reader-live-strip{justify-content:flex-start;gap:9px;padding:4px 9px;height:50px;font-size:12px}.reader-live-strip strong{font-size:27px}.live-strip-label{font-size:9px}.quiet-reader:not(.color-reader) .reader-meaning{grid-row:5}}
@media(orientation:landscape), (hover:hover) and (pointer:fine) and (min-width:651px){
 body.quran-fullscreen .reader-book-column{--landscape-book-width:min(calc(100vw - 136px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*1.3333));padding:calc(42px + env(safe-area-inset-top)) 68px calc(40px + env(safe-area-inset-bottom));}
 body.quran-fullscreen .quiet-reader .mushaf-stage,body.quran-fullscreen .quiet-reader.color-reader .mushaf-stage{width:var(--landscape-book-width);max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0;padding:0}
 body.quran-fullscreen .quiet-reader #mushaf-stage.reader-is-zoomed{max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0}
 body.quran-fullscreen .reader-view-tools{display:contents;position:static;transform:none;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
 body.quran-fullscreen .reader-page-turn-tools{display:contents}
 body.quran-fullscreen .reader-page-turn-tools button{position:absolute;top:calc(50% + 1px);transform:translateY(-50%);z-index:65;width:58px;min-height:48px;padding:5px 3px;gap:1px;flex-direction:column;white-space:normal;font-size:10px;background:#fffdf3db;backdrop-filter:blur(6px)}
 body.quran-fullscreen .reader-page-turn-tools [data-mushaf-step="1"]{right:calc(50% + var(--landscape-book-width)/2 + 5px)}
 body.quran-fullscreen .reader-page-turn-tools [data-mushaf-step="-1"]{left:calc(50% + var(--landscape-book-width)/2 + 5px)}
 body.quran-fullscreen .reader-view-modes{position:absolute;top:max(4px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:65;display:flex;gap:5px;justify-content:flex-end}
 body.quran-fullscreen .reader-view-modes button{flex:none;min-height:30px;padding:5px 8px;font-size:10px}
 body.quran-fullscreen .reader-zoom-tools{position:absolute;bottom:max(4px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:65;display:flex;width:var(--landscape-book-width);height:28px;gap:5px;padding:1px 6px;border-radius:8px;background:#fffdf3b8;backdrop-filter:blur(6px)}
 body.quran-fullscreen .reader-zoom-tools input[type=range]{height:24px;min-width:30px;flex:1;accent-color:#53705b}
 body.quran-fullscreen .reader-zoom-tools input[type=range]::-webkit-slider-runnable-track{height:3px}body.quran-fullscreen .reader-zoom-tools input[type=range]::-webkit-slider-thumb{margin-top:-6px}
 body.quran-fullscreen .reader-zoom-tools input[type=range]::-moz-range-track{height:3px}
 body.quran-fullscreen .reader-zoom-tools button{min-height:24px;height:24px;min-width:24px;width:24px;padding:2px;font-size:11px}
 body.quran-fullscreen .reader-zoom-tools .reader-zoom-reset{width:auto;padding:2px 5px;font-size:10px}
 body.quran-fullscreen .reader-zoom-tools output{font-size:10px;min-width:34px}
 body.reader-night.quran-fullscreen .reader-zoom-tools{background:#243128b8}
}

/* Memorization fullscreen: three controls, top on portrait phones and right otherwise. */
.chain-fullscreen-toolbar{display:contents}.chain-fullscreen-actions{display:none}
body.quran-fullscreen .chain-reader .chain-fullscreen-actions{position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:75;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(520px,calc(100% - 16px));margin:0;padding:6px;background:#fffdf3eb;border:1px solid #d5d8c2;border-radius:12px;box-shadow:0 4px 16px #21483f12}
body.quran-fullscreen .chain-reader .chain-fullscreen-actions button{min-height:44px;width:100%;margin:0;padding:7px 5px!important;font-size:11px!important;line-height:1.4;white-space:normal}
body.quran-fullscreen .chain-reader .reader-book-column{padding-top:calc(80px + env(safe-area-inset-top))}
body.quran-fullscreen .quiet-reader.chain-reader .mushaf-stage{width:min(calc(100vw - 24px),calc((100dvh - var(--reader-fs-controls) - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*1.3333));max-height:calc(100dvh - var(--reader-fs-controls) - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
body.quran-fullscreen .quiet-reader.chain-reader #mushaf-stage.reader-is-zoomed{max-height:calc(100dvh - var(--reader-fs-controls) - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
body.reader-night.quran-fullscreen .chain-reader .chain-fullscreen-actions{background:#243128eb;border-color:#526347}
body.quran-fullscreen #dialog:has(.chain-settings){max-height:calc(100dvh - 24px);overflow:auto;z-index:1500}
@media(orientation:landscape), (hover:hover) and (pointer:fine) and (min-width:651px){
 body.quran-fullscreen .chain-reader .reader-book-column{--chain-action-width:clamp(104px,15vw,176px);--chain-book-center:calc((100vw - var(--chain-action-width))/2);--landscape-book-width:min(calc(100vw - var(--chain-action-width) - 160px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*1.3333));padding:calc(42px + env(safe-area-inset-top)) calc(var(--chain-action-width) + 80px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(80px + env(safe-area-inset-left))}
 body.quran-fullscreen .chain-reader .chain-fullscreen-actions{top:50%;left:auto;right:max(10px,env(safe-area-inset-right));transform:translateY(-50%);grid-template-columns:1fr;gap:8px;width:var(--chain-action-width);max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;scrollbar-width:thin;padding:8px}
 body.quran-fullscreen .quiet-reader.chain-reader .mushaf-stage{width:var(--landscape-book-width);max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 body.quran-fullscreen .quiet-reader.chain-reader #mushaf-stage.reader-is-zoomed{max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 body.quran-fullscreen .chain-reader .reader-page-turn-tools [data-mushaf-step="1"]{right:calc(100% - var(--chain-book-center) + var(--landscape-book-width)/2 + 5px)}
 body.quran-fullscreen .chain-reader .reader-page-turn-tools [data-mushaf-step="-1"]{left:calc(var(--chain-book-center) + var(--landscape-book-width)/2 + 5px)}
 body.quran-fullscreen .chain-reader .reader-zoom-tools{left:var(--chain-book-center)}
}
@media(max-width:400px) and (orientation:portrait){body.quran-fullscreen .chain-reader .chain-fullscreen-actions button{font-size:10px!important}}

/* Preserve the mobile selector row while leaving room for selected text and a small arrow. */
@media(max-width:650px){
 .reader-selects label{padding-left:3px;padding-right:3px;min-width:0}
 .reader-selects select{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;padding:2px 11px 2px 0;font-size:11px;color:#21483f;-webkit-text-fill-color:#21483f;text-indent:0;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%236f8577' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1px center;background-size:8px 5px}
 body.reader-page.reader-night .reader-selects select{-webkit-text-fill-color:#e1e6cf}
}

.reader-page-opening{display:none}
@media(max-width:650px){
 .reader-selects .reader-opening-page{position:relative}
 .reader-selects .reader-opening-page select{color:transparent!important;-webkit-text-fill-color:transparent!important}
 .reader-selects .reader-opening-page select option{color:#21483f!important;-webkit-text-fill-color:#21483f!important}
 .reader-selects .reader-opening-page .reader-page-opening{position:absolute;left:3px;right:12px;bottom:9px;display:block;pointer-events:none;white-space:normal;font:600 9px/12px Arial,sans-serif;letter-spacing:0;color:#21483f}
 .reader-night .reader-selects .reader-opening-page .reader-page-opening{color:#e1e6cf}
 .reader-night .reader-selects .reader-opening-page select option{color:#e1e6cf!important;-webkit-text-fill-color:#e1e6cf!important}
}

/* Page numbering includes Fatiha as page 1 in all three editions. */
.standard-page-number{position:absolute;top:93.8%;width:7%;height:2.7%;z-index:4;pointer-events:none}.standard-page-number.footer-right{right:14.5%}.standard-page-number.footer-left{left:15.2%}

@media(max-width:650px){.reader-selects .reader-opening-page .reader-page-opening{font-size:8px}}

/* Small Mushaf-only adjustment: home logo before navigation and lower Turkish panels. */
body.reader-page:not(.quran-fullscreen) .quiet-reader:not(.color-reader) .reader-pronunciation,body.reader-page:not(.quran-fullscreen) .quiet-reader:not(.color-reader) .reader-meaning{margin-top:20px}
.quiet-reader .reader-selects:has(>.reader-home-logo){grid-template-columns:48px minmax(0,1.75fr) repeat(3,minmax(0,1fr)) 42px}
.reader-home-logo{display:flex;align-items:center;justify-content:center;align-self:center;min-width:0;min-height:44px;border-radius:10px;color:#21483f}
.reader-home-logo .brandmark{width:40px;height:44px;flex:none;background:#fffaf0;font-family:Georgia,serif;font-size:32px}
.reader-home-logo:hover{background:#eaf4f0}.reader-night .reader-home-logo .brandmark{background:#243128;color:#d5bd78;border-color:#9c8b56}
@media(max-width:650px){
 .quiet-reader .reader-selects:has(>.reader-home-logo){grid-template-columns:28px minmax(0,1.75fr) repeat(3,minmax(0,1fr)) 32px;gap:4px;padding-left:5px;padding-right:5px}
 .reader-home-logo .brandmark{width:27px;height:34px;font-size:25px;border-radius:18px 18px 6px 6px}
 .reader-selects:has(>.reader-home-logo) .reader-search-button{width:32px;height:40px}
 .reader-selects:has(>.reader-home-logo) .reader-page-opening{font-size:7.5px;left:2px;right:10px}
}

/* Hutbe PDFs are rendered locally, including on phones without a native PDF plugin. */
#dialog.hutbe-pdf-dialog{width:min(1120px,calc(100vw - 24px));max-width:1120px;height:92vh;height:92dvh;max-height:96vh;max-height:96dvh;padding:22px 22px 16px;overflow:hidden}
.hutbe-pdf-dialog #dialog-body,.hutbe-pdf-reader{height:100%;min-height:0}
.hutbe-pdf-reader{display:flex;flex-direction:column;gap:10px}
.hutbe-pdf-heading{padding-right:30px;flex:none}.hutbe-pdf-heading .eyebrow{display:block;margin-bottom:5px}.hutbe-pdf-heading h2{font-size:23px;margin:0;line-height:1.3}
.hutbe-pdf-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;background:#eaf4f0;border:1px solid #dce8df;border-radius:10px;flex:none}
.hutbe-pdf-toolbar .btn{min-height:36px;padding:6px 11px;font-size:11px}.hutbe-pdf-toolbar>a{margin-left:auto}.hutbe-pdf-pages,.hutbe-pdf-zoom{display:flex;align-items:center;gap:7px}.hutbe-pdf-pages span{font-size:12px;min-width:90px;text-align:center}.hutbe-pdf-zoom output{font-size:12px;min-width:38px;text-align:center}
.hutbe-pdf-status{margin:0;font-size:12px;flex:none}.hutbe-pdf-status:empty{display:none}
.hutbe-pdf-viewport{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;background:#eef0eb;border:1px solid #e0e5dc;border-radius:10px;padding:16px;touch-action:pan-x pan-y pinch-zoom}
.hutbe-pdf-sheet{width:max-content;min-width:100%;display:flex;justify-content:center}.hutbe-pdf-sheet canvas{display:block;max-width:none;background:#fff;box-shadow:0 3px 16px #233e3620}
.hutbe-pdf-error{padding:24px;background:#fff8ec;border-radius:12px}.hutbe-pdf-error[hidden],.hutbe-pdf-viewport[hidden]{display:none}
@media(max-width:650px){#dialog.hutbe-pdf-dialog{width:calc(100vw - 12px);height:95vh;height:95dvh;padding:15px 9px 9px;border-radius:12px}.hutbe-pdf-heading{padding-left:4px}.hutbe-pdf-heading h2{font-size:19px}.hutbe-pdf-toolbar{gap:7px;padding:7px}.hutbe-pdf-toolbar .btn{padding:6px 9px;font-size:10px}.hutbe-pdf-toolbar>a{margin-left:0}.hutbe-pdf-pages span{min-width:78px}.hutbe-pdf-zoom{gap:5px}}
.hutbe-source-note{font-size:11px;color:#78897d;margin-bottom:17px}.hutbe-audio{width:100%;margin:18px 0}.hutbe-audio-status{font-size:12px;color:#8b673b}.hutbe-pdf-toolbar>[data-hutbe-download]{margin-left:auto}.hutbe-row-actions{gap:7px}.hutbe-pdf-toolbar button[hidden],[data-hutbe-more][hidden]{display:none}
@media(max-width:650px){.hutbe-pdf-toolbar>[data-hutbe-download]{margin-left:0}.hutbe-row-actions .btn{padding:8px 11px}}
/* One hutbe dialog: title left, remote audio immediately right. */
.hutbe-pdf-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,310px);align-items:center;column-gap:20px}.hutbe-heading-title{min-width:0}.hutbe-heading-audio{min-width:0}.hutbe-audio-label{display:block;font-size:10px;font-weight:600;color:#688071;margin-bottom:3px}.hutbe-heading-audio audio{display:block;width:100%;height:36px;max-width:100%}.hutbe-heading-audio small{display:block;font-size:10px;line-height:1.35}.hutbe-heading-audio small:empty{display:none}
@media(max-width:650px){.hutbe-pdf-heading{grid-template-columns:minmax(0,1fr) minmax(145px,48%);column-gap:9px;align-items:center}.hutbe-pdf-heading h2{font-size:17px;overflow-wrap:anywhere}.hutbe-pdf-heading .eyebrow{font-size:8px;letter-spacing:.5px}.hutbe-heading-audio audio{height:34px}.hutbe-audio-label{font-size:9px}}

/* Esma detail: a medium-size, ornamental cream/emerald/gold reading window. */
#dialog.esma-dialog{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:90vh;max-height:90dvh;padding:27px 18px 18px;background:#fcf8ef;border:1px solid #c7a25e;border-radius:18px;box-shadow:0 18px 70px #122f2855}
.esma-dialog .dialog-close{z-index:3;right:8px;top:0;color:#6e532b}.esma-window{color:#143d32;font-family:Georgia,'Times New Roman',serif;position:relative}.esma-window-head{height:auto;min-height:0;padding:0 0 14px;border:0;background:none;display:grid;grid-template-columns:1fr minmax(190px,1.6fr) 1fr;align-items:center;gap:8px}.esma-window-title{text-align:center;color:#fff9e9;background:linear-gradient(135deg,#176951,#004c3a 65%,#0a604a);border:2px solid #c39a4e;border-radius:25px 7px 25px 7px;padding:9px 12px;box-shadow:inset 0 0 0 3px #ffffff20,0 4px 13px #74613819}.esma-window-title h2{font-size:27px;margin:0 0 3px;color:inherit;font-weight:600;letter-spacing:-.5px}.esma-window-title p{font-size:13px;margin:0;color:#f0e1bf}.esma-nav{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dcc59c;border-radius:24px;padding:8px 13px;background:#fffdf8;font-family:Georgia,serif;font-size:15px;white-space:nowrap}.esma-window-next{display:flex;align-items:center;justify-content:flex-end;gap:8px}.esma-window-next small{color:#64786c;font-family:Arial,sans-serif;font-size:10px;white-space:nowrap}
.esma-panel{position:relative;min-width:0;border:1px solid #e1cda8;background:radial-gradient(circle at 100% 0,#e4cda220,transparent 30%),#fffdf7;border-radius:16px;box-shadow:0 3px 12px #795d2320;padding:17px;margin-bottom:13px;overflow:hidden}.esma-panel:before,.esma-panel:after{content:'';pointer-events:none;position:absolute;width:32px;height:32px;opacity:.45;border:3px double #cbab6d}.esma-panel:before{left:5px;top:5px;border-right:0;border-bottom:0;border-radius:12px 0 0 0}.esma-panel:after{right:5px;bottom:5px;border-left:0;border-top:0;border-radius:0 0 12px 0}.esma-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:20px}.esma-name-block{display:flex;align-items:center;gap:16px;min-width:0}.esma-medallion{width:122px;height:122px;flex:none;display:grid;place-items:center;color:#f5df9b;background:radial-gradient(circle at 30% 20%,#127b5f,#003f30 78%);border:4px double #c7a257;border-radius:28% 50% 28% 50%;outline:1px solid #bc9347;outline-offset:4px;box-shadow:0 5px 12px #775c3122;font-family:Mushaf,'Times New Roman',serif;font-size:49px;text-align:center;line-height:1.2;padding:9px}.esma-name-copy{min-width:0}.esma-name-copy h2{font-size:29px;line-height:1.08;font-weight:600;margin:0 0 7px;overflow-wrap:anywhere}.esma-name-copy p{font-size:22px;color:#957027;margin:0;line-height:1.2}.esma-name-copy small{display:block;font-size:13px;line-height:1.5;color:#526c5b;margin-top:5px}.esma-intro-meaning{border-left:1px solid #d9b36c;padding-left:23px;min-width:0}.esma-intro-meaning h3{font-family:Georgia,serif;font-size:21px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.esma-intro-meaning h3 .ico{width:24px;height:24px}.esma-intro-meaning p{font-size:17px;line-height:1.55;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.esma-facts{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:11px}.esma-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.esma-panel-heading h3{font-family:Georgia,serif;font-size:19px;margin:0;font-weight:600}.esma-panel-heading h3:after{content:'';display:block;width:60px;height:1px;background:#c59748;margin-top:7px}.esma-round-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#cfa958,#8f6022);color:white;border-radius:50%;box-shadow:0 2px 5px #7f663044;border:2px double #ead8ad}.esma-dhikr .esma-round-icon,.esma-prayer .esma-round-icon{background:linear-gradient(135deg,#2a8c70,#004735)}.esma-panel-copy{font-size:15px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.esma-dhikr .esma-panel-copy,.esma-abjad .esma-panel-copy{font-size:23px;line-height:1.4;font-weight:600}.esma-empty{font-size:12px;color:#8d8b77;font-weight:400;font-family:Arial,sans-serif}.esma-explanation .esma-panel-copy{font-size:16px}.esma-prayer{display:grid;grid-template-columns:120px 1fr;gap:16px;background:radial-gradient(circle at 100% 0,#b9ceb722,transparent 35%),#f6f8ee;border-color:#d3dec5}.esma-prayer .esma-panel-heading{align-items:flex-start}.esma-prayer-copy{min-width:0;text-align:center}.esma-prayer-copy p{font-size:16px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;margin:0}.esma-prayer-copy .esma-prayer-arabic{font-family:Mushaf,'Times New Roman',serif;font-size:33px;line-height:1.8;margin-bottom:6px}.esma-prayer-copy .esma-prayer-reading{color:#60705e;font-style:italic;margin-bottom:6px}.esma-source{font-size:11px;color:#7d846f;white-space:pre-line;margin:0 3px 12px}
.esma-window-actions{padding:0;margin:0;border:0;background:transparent;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:10px;color:inherit}.esma-window-actions button{min-width:0;min-height:48px;background:#fffdf7;border:1px solid #e1d1b5;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;box-shadow:0 3px 8px #795d2310;padding:7px}.esma-window-actions .esma-listen{background:linear-gradient(120deg,#07664c,#004635);color:#fff8df;border-color:#27765c;font-size:18px}.esma-admin-actions{margin-top:14px;display:flex;justify-content:flex-end}.esma-editor-dialog{max-width:760px}.esma-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.esma-wide-field{grid-column:1/-1}.esma-edit-form textarea{min-height:90px}.esma-edit-form [role=alert]:empty{display:none}
@media(max-width:650px){#dialog.esma-dialog{padding:25px 10px 12px;width:calc(100vw - 14px)}.esma-window-head{grid-template-columns:1fr 1.65fr 1fr;gap:5px}.esma-window-title{padding:8px 4px}.esma-window-title h2{font-size:21px}.esma-window-title p{font-size:10px}.esma-nav{font-size:12px;padding:7px 9px;gap:5px}.esma-window-next{gap:4px;flex-wrap:wrap}.esma-window-next small{width:100%;text-align:center}.esma-intro{gap:15px;padding:18px 13px;grid-template-columns:1fr}.esma-name-block{justify-content:center}.esma-medallion{width:100px;height:100px;font-size:40px}.esma-name-copy h2{font-size:26px}.esma-name-copy p{font-size:21px}.esma-intro-meaning{border-left:0;border-top:1px solid #ddc18e;padding:14px 0 0}.esma-intro-meaning h3{font-size:19px;margin-bottom:8px}.esma-intro-meaning p{font-size:16px}.esma-facts{grid-template-columns:1fr 1fr;gap:9px}.esma-virtue{grid-column:1/-1}.esma-panel{padding:14px;margin-bottom:10px}.esma-facts .esma-panel{margin-bottom:0}.esma-facts{margin-bottom:10px}.esma-panel-heading h3{font-size:17px}.esma-panel-copy{font-size:14px}.esma-round-icon{width:30px;height:30px}.esma-prayer{grid-template-columns:1fr;gap:7px}.esma-prayer .esma-panel-heading{align-items:center}.esma-prayer-copy .esma-prayer-arabic{font-size:29px}.esma-prayer-copy p{font-size:15px}.esma-window-actions{grid-template-columns:1fr 1fr;gap:8px}.esma-window-actions button{font-size:14px;min-height:44px}.esma-edit-form{grid-template-columns:1fr}.esma-edit-form>label{grid-column:1}}
.esma-medallion{border:0;outline:0;border-radius:0;background:url('assets/esma-medallion.svg') center/contain no-repeat;box-shadow:none;width:132px;height:132px;padding:20px}.esma-intro-meaning{position:relative}.esma-intro-meaning:before,.esma-explanation:after,.esma-prayer:after{content:'';position:absolute;inset:auto 0 0 auto;width:225px;height:120px;border:0;border-radius:0;background:url('assets/esma-mosque.svg') right bottom/contain no-repeat;opacity:.09;pointer-events:none}.esma-intro-meaning>*{position:relative}.esma-explanation .esma-panel-copy,.esma-prayer-copy{position:relative;z-index:1}
@media(max-width:650px){.esma-medallion{width:110px;height:110px;padding:16px}.esma-intro-meaning:before,.esma-explanation:after,.esma-prayer:after{width:155px;height:90px}}
/* Edit each Esma section in the same reader dialog. */
.esma-inline-tools{display:flex;justify-content:flex-end;position:relative;z-index:2;margin:-5px 0 4px;min-height:21px}.esma-inline-edit{font-family:Arial,sans-serif;font-size:10px;color:#92702e;border:1px solid #dbc69c;border-radius:7px;background:#fffdf7;padding:2px 9px;line-height:1.5}.esma-inline-edit:hover{color:#21483f;border-color:#9eb5a0;background:#f1f6ed}.esma-name-content{min-width:0}.esma-prayer>.esma-inline-tools{grid-column:1/-1;margin-bottom:-7px}.esma-source-panel{border-top:1px solid #e7d9bf;padding-top:9px;margin-bottom:10px}.esma-source-panel .esma-inline-tools{margin-bottom:0}.esma-inline-form{position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;width:100%;min-width:0;font-family:Arial,sans-serif}.esma-inline-form h3{font-family:Georgia,serif;margin:0 0 2px;font-size:19px}.esma-inline-form label{font-size:11px;min-width:0}.esma-inline-form input,.esma-inline-form textarea{width:100%;min-width:0;padding:8px;font-size:13px}.esma-inline-form textarea{min-height:100px;resize:vertical}.esma-inline-form [lang=ar]{font-family:Mushaf,'Times New Roman',serif;font-size:25px;line-height:1.6}.esma-inline-error{color:#a2462f;font-size:12px;white-space:pre-line;margin:0}.esma-inline-error:empty{display:none}.esma-prayer>.esma-inline-form{grid-column:1/-1}.esma-inline-form .btn{font-size:10px;padding:7px 11px}.esma-intro-meaning[data-editing] h3{font-size:19px}
/* Saved, responsive text positions stay within their own Esma area. */
.esma-position-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px}.esma-position-tools small{flex-basis:100%;font-family:Arial,sans-serif;font-size:11px;color:#7e836e}.esma-position-tools [aria-pressed=true]{background:#eaf4eb;color:#21483f;border-color:#72967a}.esma-window [data-esma-section]{position:relative;min-width:0}.esma-window [data-esma-layer]{position:relative;max-width:100%;width:fit-content;z-index:1}.esma-medallion [data-esma-layer]{display:inline-block;max-width:none}.esma-window-title [data-esma-layer],.esma-prayer-copy [data-esma-layer]{margin-left:auto;margin-right:auto}.esma-window-title .esma-inline-edit{background:#fff7df;color:#775b22}.esma-arranging [data-esma-section],.esma-window .esma-layout-custom{min-height:190px;padding-bottom:88px}.esma-arranging [data-esma-layer]{cursor:grab;touch-action:none;user-select:none;outline:1px dashed #c3a26088;outline-offset:3px;border-radius:3px}.esma-arranging [data-editing] [data-esma-layer]{cursor:auto;touch-action:auto;user-select:auto}.esma-window .esma-dragging{cursor:grabbing;z-index:5;outline-color:#277b61;background:#fff9e966}.esma-source-panel>h3{font-size:15px;font-family:Georgia,serif;margin-bottom:7px}.esma-window-title[data-editing]{color:#fffaf0}.esma-window-title .esma-inline-form input{color:#234637;background:white}.esma-window-title .esma-inline-error{color:#ffddaf}
/* Every Esma heading has its own movable/changeable icon and section background. */
.esma-inline-tools{flex-wrap:wrap;gap:4px}.esma-inline-tools .esma-inline-edit{font-size:9px;padding:2px 6px;white-space:normal;max-width:100%}.esma-title-with-icon{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:8px}.esma-title-with-icon h2,.esma-title-with-icon h3{margin:0}.esma-window-title .esma-title-with-icon{justify-content:center}.esma-window-title .esma-title-with-icon .esma-round-icon{width:28px;height:28px}.esma-round-icon[data-esma-icon]{width:35px!important;height:35px;max-width:35px;flex:0 0 35px;display:grid;place-items:center;align-self:center;margin:0!important;overflow:visible}.esma-round-icon[data-esma-icon] img{display:block;width:25px;height:25px;object-fit:contain;pointer-events:none;user-select:none}.esma-round-icon[data-esma-icon] svg{pointer-events:none}.esma-meaning-heading{min-width:0}.esma-window-title .esma-inline-tools{justify-content:center}.esma-appearance-form{grid-column:1/-1}.esma-style-preview{border:1px solid #d8c49e;border-radius:10px;align-self:center;background-color:#fffdf7}.esma-logo-preview{width:60px;height:60px;display:grid;place-items:center;background:#f5efdf;color:#21483f}.esma-logo-preview .ico{width:30px;height:30px}.esma-logo-preview img{width:46px;height:46px;object-fit:contain}.esma-background-preview{width:100%;min-height:75px;display:grid;place-items:center;background-size:cover;background-position:center;font-size:12px;color:#143d32;text-shadow:0 1px 3px white}.esma-logo-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.esma-logo-choices button{border:1px solid #d8c49e;border-radius:8px;padding:8px;display:grid;place-items:center;background:#fffdf7;color:#21483f}.esma-logo-choices button[aria-pressed=true]{outline:2px solid #26765b;background:#eaf4eb}.esma-appearance-form input[type=color]{width:100%;height:40px;padding:3px}.esma-appearance-form small{font-size:10px;line-height:1.4}.esma-appearance-form input[type=file]{white-space:normal;font-size:11px;max-width:100%}.esma-window [data-esma-section].esma-custom-bg{border-radius:12px;padding:14px;background-repeat:no-repeat}.esma-window .esma-custom-bg:before,.esma-window .esma-custom-bg:after{display:none}.esma-window-title .esma-appearance-form .text-link{color:inherit}.esma-window .esma-layout-custom.esma-custom-bg,.esma-arranging [data-esma-section].esma-custom-bg{padding-bottom:88px}
@media(max-width:650px){.esma-round-icon[data-esma-icon]{width:30px!important;max-width:30px;height:30px;flex-basis:30px}.esma-round-icon[data-esma-icon] img{width:22px;height:22px}.esma-title-with-icon{gap:6px}.esma-window-title .esma-title-with-icon{flex-wrap:wrap}}
/* Wider virtue card and one combined abjad/dhikr card. */
.esma-facts{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.esma-combined-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.esma-combined-values>div{min-width:0}.esma-combined-values>div+div{border-left:1px solid #dfcca7;padding-left:12px}.esma-number-label{font-size:12px;font-weight:400;line-height:1.5;margin:0 0 5px}.esma-combined-number{font-size:24px;font-weight:600;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.esma-combined-practice .esma-panel-heading h3{font-size:18px}.esma-font-controls{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.esma-font-controls input[type=range]{flex:1;min-width:65px;width:65px;padding:0}.esma-font-controls output{font-size:11px;min-width:39px}.esma-inline-form input[type=color]{width:100%;height:38px;padding:3px}.esma-typography-preview{min-width:0;max-width:100%;padding:12px;border:1px solid #dbc69c;border-radius:10px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;max-height:240px;overflow:auto}.esma-inline-form select{width:100%;min-width:0;font-size:12px;padding:8px}
@media(max-width:650px){.esma-facts{grid-template-columns:1fr}.esma-virtue{grid-column:auto}.esma-combined-values{grid-template-columns:1fr 1fr}}

/* Branded full-content Esma image sharing. */
.esma-card-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 8px;margin:4px 0 14px;border-top:1px solid #dac79f;color:#155e47;font-family:Arial,sans-serif}.esma-brand-icon{display:grid;place-items:center;width:38px;height:43px;border-radius:50% 50% 8px 8px;background:#0c5943;border:2px solid #caa655;color:#f3d793;font:bold 25px Georgia,serif}.esma-card-brand strong,.esma-card-brand small{display:block;line-height:1.4}.esma-card-brand strong{font-size:16px}.esma-card-brand small{font-size:12px;letter-spacing:.6px;color:#80632e}.esma-window-actions{grid-template-columns:1.4fr 1fr 1fr}.esma-window-actions [data-esma-card]{background:#075840;color:#fff8df;border-color:#28765b}.esma-export-stage{position:fixed;left:-100000px;top:0;padding:18px;background:#fcf8ef;pointer-events:none;box-sizing:border-box}.esma-export-card [data-esma-layer]{outline:none!important;cursor:default!important}.esma-image-preview h2{color:#145640}.esma-image-preview>p{font-size:13px}.esma-image-preview>img{display:block;width:auto;max-width:100%;max-height:55dvh;margin:14px auto;object-fit:contain;border:1px solid #dac79f;border-radius:8px}.esma-image-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.esma-image-status{color:#637567}.esma-window[hidden]{display:none!important}@media(max-width:650px){.esma-window-actions{grid-template-columns:1.4fr 1fr 1fr;gap:5px}.esma-window-actions button{font-size:11px;padding:7px 4px;gap:4px}.esma-window-actions .ico{width:17px;flex:none}}

/* Compact Esma list; centralized text/background customization. */
.esma-tile{padding:15px;overflow:hidden}.esma-tile>.esma-open{background:transparent;border:0;color:#21483f}.esma-tile>.esma-open small{color:#7d693b}.esma-tile-settings>p{color:#6c7f74;font-size:13px}.esma-tile-settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin-top:18px}.esma-tile-settings label{display:grid;gap:5px;margin-bottom:12px}.esma-tile-settings form+form{border-top:1px solid #dce5dd;margin-top:20px;padding-top:14px}.esma-tile-settings h3{font-size:16px}.esma-tile-settings textarea{min-height:80px}.esma-tile-settings small{display:block;font-size:11px;color:#728176;margin:8px 0}.esma-tile-settings input[lang=ar]{font-family:Mushaf,serif;font-size:28px}.esma-tile-settings input[type=color]{width:100%;height:38px}.esma-tile-settings input[type=file]{width:100%;font-size:12px}.esma-tile-settings aside{min-width:0}.esma-tile-settings aside>small{line-height:1.6}.esma-tile-settings .esma-tile{max-width:250px;margin:auto}.esma-tile-settings [role=status]{font-size:12px;color:#17634a}.esma-tile-settings .row{flex-wrap:wrap}.esma-tile-settings .row button{font-size:11px}@media(max-width:600px){.esma-tile-settings-grid{grid-template-columns:1fr}.esma-tile-settings-grid aside{grid-row:1}.esma-tile-settings aside .esma-tile{max-width:210px}.esma-tile-settings aside>small{display:none}}

[data-esma-tile-preview] button:disabled{opacity:1;cursor:default}
/* Namaz tracking: reference month/week picker and five-prayer daily list. */
.nt-page{max-width:1220px;margin:0 auto;color:#164d3e}.nt-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.nt-title h1{font-size:28px;letter-spacing:-.8px;margin:0;line-height:1.3}.nt-title .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:5px}.nt-today{border:1px solid #dce7df;background:white;border-radius:12px;padding:8px 17px;color:#215445;font-weight:600}.nt-month{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e1e9e4;border-radius:24px;min-height:86px;padding:8px 20px;box-shadow:0 2px 7px #20483b04}.nt-month>button,.nt-week-heading>button{display:grid;place-items:center;border:0;background:transparent;color:#174f3d;font-family:Arial,sans-serif;font-size:38px;width:48px;height:48px;line-height:1;border-radius:12px}.nt-month>button:hover,.nt-week-heading>button:hover{background:#edf4ef}.nt-month-picker{position:relative;display:block;background:#f0f5f0;border-radius:18px;padding:13px 25px;font-weight:750;font-size:21px;cursor:pointer}.nt-month-picker>span{display:flex;align-items:center;gap:20px}.nt-month-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;color-scheme:light}.nt-month-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;cursor:pointer}.nt-month-picker:focus-within{outline:3px solid #c9a34a;outline-offset:3px}.nt-week-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;padding:0 10px}.nt-week-heading span{font-size:12px;color:#7e9187}.nt-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:32px}.nt-week button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;border:1px solid #dee8e0;border-radius:21px;padding:11px 4px 8px;background:#fff;color:#263d34;min-height:105px;box-shadow:0 1px 3px #21483f04}.nt-week button>span{font-size:14px;color:#657b70;font-weight:600}.nt-week strong{font-size:25px;font-weight:600}.nt-week i{width:6px;height:6px;border-radius:50%;visibility:hidden;background:#c9a34a}.nt-week i.is-today{visibility:visible}.nt-week button.is-selected{background:#0d4e3c;border:2px solid #c9a34a;color:white;padding:10px 3px 7px;box-shadow:0 3px 12px #1b503211}.nt-week button.is-selected>span{color:#d9e7dc}.nt-week button:focus-visible,.nt-tabs button:focus-visible{outline:3px solid #c9a34a;outline-offset:3px}.nt-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px;align-items:start}.nt-tracking h2{font-size:20px;line-height:1.4;margin:0 0 20px;font-weight:700;letter-spacing:-.3px}.nt-prayer-list{border:1px solid #dce6de;border-radius:27px;padding:9px 26px;background:white;box-shadow:0 2px 4px #21483f08}.nt-prayer-row{display:flex;flex-direction:row;position:relative;align-items:center;gap:18px;min-height:84px;margin:0;border-bottom:1px solid #eef1ee;cursor:pointer}.nt-prayer-row:last-child{border-bottom:0}.nt-time-icon{display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;border-radius:50%;background:#f4f7f4;color:#829b90}.nt-time-icon svg{width:25px;height:25px}.is-checked .nt-time-icon{background:#eaf4ee;color:#1c6a51}.nt-prayer-name{flex:1;font-size:20px;color:#263b32;font-weight:600}.is-checked .nt-prayer-name{color:#194f3e}.nt-prayer-row>input{position:absolute;right:0;width:32px;height:32px;opacity:0;cursor:pointer;margin:0;z-index:1}.nt-checkbox{display:grid;place-items:center;width:29px;height:29px;border:2px solid #a9b8b0;border-radius:4px;background:#fff}.nt-checkbox svg{width:23px;height:23px;fill:none;stroke:white;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.nt-prayer-row>input:checked+.nt-checkbox{background:#0d4e3c;border-color:#0d4e3c}.nt-prayer-row>input:checked+.nt-checkbox svg{visibility:visible}.nt-prayer-row>input:focus-visible+.nt-checkbox{outline:3px solid #c9a34a;outline-offset:4px}.nt-prayer-row:has(input:disabled){cursor:default;opacity:.65}.nt-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin:0 0 20px}.nt-section-heading h2{font-size:17px;letter-spacing:.4px;margin:0;font-weight:750}.nt-section-heading>span{font-size:11px;color:#7e9187;white-space:nowrap}.nt-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid #e2ece5;border-radius:18px;background:#edf4ef;padding:5px;margin-bottom:19px}.nt-tabs button{border:0;border-radius:13px;background:transparent;padding:11px 3px;min-width:0;color:#275645;font-size:13px;font-weight:600}.nt-tabs [aria-pressed=true]{background:#0d4e3c;color:#fff}.nt-stat-card{background:white;border:1px solid #dce6de;border-radius:27px;display:grid;grid-template-columns:minmax(135px,.9fr) minmax(0,1.5fr);align-items:center;gap:23px;padding:27px 23px;box-shadow:0 2px 4px #21483f08}.nt-donut{width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#135d46 var(--nt-progress),#e8f1eb 0);padding:13px;max-width:210px;justify-self:center}.nt-donut>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:#fff;border-radius:50%;gap:4px;text-align:center}.nt-donut strong{font-size:29px;line-height:1.3;color:#154d3a}.nt-donut span{font-size:11px;color:#6d7f73}.nt-donut b{font-size:14px;color:#2f7157}.nt-bars{display:grid;gap:17px;min-width:0}.nt-bar-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.nt-bar-item>div>span{font-size:13px;color:#293f33;font-weight:600}.nt-bar-item small{font-size:10px;color:#7d8f83;white-space:nowrap}.nt-bar-item b{color:#245e49;margin-right:6px}.nt-bar{height:9px;border-radius:10px;background:#e8f1eb;overflow:hidden}.nt-bar>span{display:block;height:100%;border-radius:10px;background:#17694f;transition:width .2s}.nt-stats-dates{grid-column:1/-1;text-align:center;font-size:10px;color:#84948a;margin:0}.nt-footnote{font-size:11px;color:#84948a;line-height:1.7;margin:18px 2px 0}.nt-page button{touch-action:manipulation}.nt-page button:hover{filter:brightness(.98)}
@media(min-width:1400px){.nt-week{gap:18px}.nt-content{gap:38px}.nt-stat-card{padding:32px 28px}.nt-prayer-row{min-height:90px}}
@media(max-width:1050px){.nt-content{grid-template-columns:1fr;gap:30px}.nt-stat-card{grid-template-columns:minmax(140px,.65fr) minmax(0,1.5fr)}.nt-prayer-row{min-height:76px}}
@media(max-width:600px){.nt-title{margin-bottom:16px}.nt-title h1{font-size:23px}.nt-month{min-height:67px;border-radius:19px;padding:5px 8px}.nt-month-picker{font-size:16px;padding:11px 15px;border-radius:14px}.nt-month-picker>span{gap:13px}.nt-month>button,.nt-week-heading>button{font-size:31px;width:34px;height:38px}.nt-week-heading{margin:14px 0 8px;padding:0 3px}.nt-week-heading span{font-size:10px}.nt-week{gap:5px;margin-bottom:25px}.nt-week button{border-radius:13px;min-height:79px;padding:7px 2px 5px;gap:4px}.nt-week button.is-selected{padding:6px 1px 4px}.nt-week button>span{font-size:11px}.nt-week strong{font-size:20px}.nt-week i{width:5px;height:5px}.nt-tracking h2{font-size:18px;margin-bottom:16px}.nt-prayer-list{padding:5px 18px;border-radius:22px}.nt-prayer-row{min-height:73px;gap:13px}.nt-prayer-name{font-size:18px}.nt-time-icon{width:42px;height:42px;flex-basis:42px}.nt-time-icon svg{width:23px;height:23px}.nt-checkbox{width:27px;height:27px}.nt-section-heading{margin-bottom:14px}.nt-section-heading h2{font-size:15px}.nt-tabs{padding:4px;gap:2px;border-radius:15px}.nt-tabs button{font-size:11px;padding:10px 2px;border-radius:11px}.nt-stat-card{padding:21px 16px;border-radius:22px;grid-template-columns:minmax(95px,.8fr) minmax(0,1.4fr);gap:15px}.nt-donut{padding:9px}.nt-donut strong{font-size:23px}.nt-donut span{font-size:9px}.nt-donut b{font-size:11px}.nt-bars{gap:14px}.nt-bar-item>div>span{font-size:12px}.nt-bar-item small{font-size:9px}.nt-bar-item b{margin-right:3px}.nt-bar{height:8px}.nt-stats-dates{font-size:9px}}
@media(prefers-reduced-motion:reduce){.nt-bar>span{transition:none}}
/* Reference Ay ve Yıl Seçimi dialog, shared on desktop/tablet/mobile. */
.nt-month>.nt-month-picker{width:auto;height:auto;min-height:50px;padding:13px 25px;border:0;background:#f0f5f0;font:750 21px/1.4 Arial,sans-serif;border-radius:18px}.nt-month>.nt-month-picker:hover{background:#eaf2ec}.nt-month>.nt-month-picker:focus-visible{outline:3px solid #c9a34a;outline-offset:3px}#dialog.nt-month-dialog{width:min(500px,calc(100vw - 28px));max-width:500px;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);padding:30px 28px 24px;background:#fff;border:1px solid #dce7df;border-radius:29px;color:#164d3e;box-shadow:0 18px 65px #102d3540;overflow:auto}#dialog.nt-month-dialog::backdrop{background:#16231ec0}#dialog.nt-month-dialog>.dialog-close{display:none}.nt-picker h2{text-align:center;font:750 25px/1.3 Arial,sans-serif;color:#164d3e;margin:0 0 27px;letter-spacing:-.4px}.nt-picker-year{display:flex;align-items:center;justify-content:space-between;background:#f0f5f1;border-radius:18px;min-height:71px;padding:6px 18px;margin-bottom:24px}.nt-picker-year strong{font:750 25px/1.4 Arial,sans-serif}.nt-picker-year button{display:grid;place-items:center;width:42px;height:48px;border:0;background:transparent;color:#164d3e;font:38px/1 Arial,sans-serif;border-radius:10px}.nt-picker-year button:disabled{opacity:.25;cursor:default}.nt-picker-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.nt-picker-months button{min-width:0;min-height:61px;padding:10px 3px;border:1px solid #dce7e1;border-radius:15px;background:#f4f7f5;color:#164d3e;font:650 18px/1.3 Arial,sans-serif;box-shadow:0 1px 2px #183e3210}.nt-picker-months button:hover{background:#eaf3ed;border-color:#adc3b6}.nt-picker-months [aria-pressed=true]{border-color:#b6ccbe;background:#edf4ef}.nt-picker button:focus-visible{outline:3px solid #c9a34a;outline-offset:3px}.nt-picker-footer{display:flex;justify-content:flex-end;margin-top:34px}.nt-picker-footer button{padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#164d3e;font:700 20px/1.4 Arial,sans-serif}.nt-picker-footer button:hover{background:#f0f5f1}.nt-picker button{touch-action:manipulation}@media(max-width:600px){.nt-month>.nt-month-picker{font-size:16px;padding:11px 15px;min-height:44px;border-radius:14px}}@media(max-width:400px){#dialog.nt-month-dialog{padding:26px 18px 19px;border-radius:25px}.nt-picker h2{font-size:22px;margin-bottom:23px}.nt-picker-year{min-height:61px;margin-bottom:20px;padding:4px 12px}.nt-picker-year strong{font-size:23px}.nt-picker-months{gap:8px}.nt-picker-months button{min-height:53px;font-size:15px;border-radius:12px}.nt-picker-footer{margin-top:26px}.nt-picker-footer button{font-size:18px}}@media(max-height:520px){#dialog.nt-month-dialog{padding-top:20px;padding-bottom:15px}.nt-picker h2{margin-bottom:14px;font-size:21px}.nt-picker-year{min-height:51px;margin-bottom:14px}.nt-picker-months button{min-height:44px}.nt-picker-months{gap:8px}.nt-picker-footer{margin-top:16px}}
/* Bilgi Yarışması: reference-led emerald/gold setup, circular play and assessment. */
.qz-page{max-width:1200px;margin:auto;color:#154c3c}.qz-page button{touch-action:manipulation}.qz-page button:focus-visible,.qz-results button:focus-visible{outline:3px solid #c9a34a;outline-offset:3px}.qz-hero{position:relative;overflow:hidden;text-align:center;padding:36px 25px 28px;margin-bottom:28px;border:1px solid #dbe7dd;border-radius:26px;background:radial-gradient(ellipse 35% 95% at 50% 115%,#e1eee5 80%,transparent 81%),linear-gradient(180deg,#dceae0 0 27%,#fcfaf2 28% 75%,#e9f3ed 76%);box-shadow:0 3px 8px #21483f0c}.qz-hero h1{position:relative;font-size:34px;margin:7px 0 9px;line-height:1.2;letter-spacing:-1px;color:#0a3d2d}.qz-hero p{position:relative;margin:0;font-size:15px;line-height:1.5;font-weight:600}.qz-hero-book .ico{width:37px;height:37px;stroke-width:2}.qz-gold-line{display:block;margin:15px auto 0;width:30px;height:2px;background:#c8a447;position:relative}.qz-gold-line:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#c8a447;left:12px;top:-2px}.qz-lantern{position:absolute;top:0;width:2px;height:67px;background:#c5a13c}.qz-lantern.left{left:12%}.qz-lantern.right{right:12%}.qz-lantern:after{content:'';position:absolute;top:64px;left:-9px;width:20px;height:30px;border-radius:6px;background:#d5b13e;box-shadow:0 0 0 11px #f7da7955}.qz-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.qz-section-heading{display:flex;align-items:center;gap:12px;margin:23px 0 12px}.qz-section-heading>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#0d4e3c;color:#efce69}.qz-section-heading h2{font-size:19px;margin:0 0 3px;letter-spacing:-.3px;line-height:1.3}.qz-section-heading p{font-size:12px;color:#7b8b80;margin:0;line-height:1.5}.qz-section-heading .ico{width:23px;height:23px}.qz-mode-grid,.qz-age-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qz-mode{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #e0e7e1;border-radius:22px;background:#fff;color:#174a39;min-height:190px;padding:20px 9px;box-shadow:0 2px 3px #204d3b0b}.qz-mode:before{content:'';position:absolute;inset:30% 5% -45%;background:#e7f2eb;border-radius:50%;pointer-events:none}.qz-mode>*{position:relative}.qz-mode strong{font-size:15px;text-align:center}.qz-mode small{font-size:11px;color:#72857a;text-align:center}.qz-mode.selected{background:#0c4a37;border:2px solid #c9a34a;color:white;box-shadow:0 5px 13px #173f3020}.qz-mode.selected:before{background:#17644b77}.qz-mode.selected small{color:#bcd2c5}.qz-mode-icon{width:49px;height:49px;border-radius:50%;background:#0d4e3c;color:white;display:grid;place-items:center;font:40px/1 Arial}.qz-mode.selected .qz-mode-icon{background:white;color:#0d4e3c}.qz-mode>i{position:absolute;right:11px;top:11px;width:24px;height:24px;border-radius:50%;background:white;color:#17533e;display:grid;place-items:center;font-style:normal}.qz-age{display:flex;align-items:center;gap:11px;background:white;border:1px solid #e0e7e1;border-radius:21px;padding:17px 12px;min-height:129px;text-align:left;color:#184c3a}.qz-age.selected{border:2px solid #16543f;box-shadow:0 3px 8px #21483f17;padding:16px 11px}.qz-age>svg{width:60px;min-width:50px;flex:0 0 32%}.qz-age strong,.qz-age small{display:block}.qz-age strong{font-size:14px;margin-bottom:5px}.qz-age small{font-size:11px;line-height:1.5;color:#7d8c82}.qz-category-card{background:white;border:1px solid #e0e7e1;border-radius:22px;padding:20px;box-shadow:0 3px 5px #204d3b09}.qz-category-title{display:flex;align-items:center;gap:12px;margin-bottom:21px}.qz-books{font-size:42px;line-height:1;color:#13523c}.qz-category-title h3{font-size:17px;margin:0 0 4px}.qz-category-title p{font-size:12px;margin:0;color:#267258}.qz-mini-button{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap;border:0;border-radius:25px;background:#0d4e3c;color:white;padding:9px 12px;font-size:10px}.qz-mini-button .ico{width:15px;height:15px}.qz-category-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.qz-category-icons button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;border:0;color:#1c4f3a;min-width:0;opacity:.38}.qz-category-icons [aria-pressed=true]{opacity:1}.qz-category-icons button>span{display:grid;place-items:center;width:100%;max-width:47px;aspect-ratio:1;border-radius:13px;background:var(--qz-category);color:white;box-shadow:0 2px 3px #173f301a}.qz-category-icons .ico{width:24px;height:24px;stroke-width:1.8}.qz-category-icons small{font-size:10px;font-weight:600}.qz-category-editor{margin-top:16px;padding-top:12px;border-top:1px solid #e6ece6;font-size:11px}.qz-category-editor button{border:1px solid #d5e3d8;border-radius:8px;background:#f6faf7;color:#215a43;padding:6px 9px;margin-right:7px}.qz-category-editor p{color:#7d8e81;margin:9px 0 0}.qz-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.qz-counts button{background:#fff;border:1px solid #dce6dd;border-radius:14px;padding:13px 3px;color:#273f30;font-size:12px;font-weight:600}.qz-counts .selected{background:#0d4e3c;color:white;border:2px solid #c9a34a;padding:12px 2px;box-shadow:0 3px 7px #21483f15}.qz-start,.qz-next{display:block;width:100%;padding:16px;border:1px solid #c9a34a;border-radius:18px;background:#0d4e3c;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 9px #21483f15}.qz-start:disabled{opacity:.45;cursor:not-allowed}.qz-pool-info{font-size:11px;color:#728578;margin:16px 1px 9px}.qz-empty-note{font-size:12px;color:#7f7250;line-height:1.6}.qz-pool-tools{display:flex;justify-content:center;gap:18px;margin-top:15px}.qz-pool-tools button{border:0;background:none;color:#4d7661;text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:6px}.qz-game{color:#24313e;max-width:1180px}.qz-game-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;gap:16px}.qz-game-heading>div{text-align:center}.qz-game-heading h1{font-size:25px;line-height:1.3;margin:0 0 4px;color:#263341}.qz-game-heading p{font-size:13px;color:#84919c;margin:0}.qz-game-heading>button{border:0;background:none;color:#334451;font-size:30px;padding:5px 9px}.qz-scoreboard{display:flex;align-items:center;gap:18px;background:white;border:1px solid #dfe4e7;border-radius:16px;padding:15px 20px;box-shadow:0 1px 3px #152f3f0c;margin-bottom:26px;font-weight:650}.qz-scoreboard strong{margin-left:auto;font-size:14px}.qz-scoreboard>span{font-size:16px}.correct{--qz-status:#208247}.wrong{--qz-status:#cf3438}.blank{--qz-status:#86929f}.qz-scoreboard .correct,.qz-assessment .correct,.qz-result-counts .correct{color:#208247}.qz-scoreboard .wrong,.qz-assessment .wrong,.qz-result-counts .wrong{color:#cf3438}.qz-scoreboard .blank,.qz-assessment .blank,.qz-result-counts .blank{color:#7f8994}.qz-play-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}.qz-circle-column{position:sticky;top:24px;min-width:0}.qz-ring{position:relative;aspect-ratio:1;width:100%;max-width:570px;margin:5px auto 20px}.qz-ring-track{position:absolute;inset:9%;border:1px solid #dfd3a7;border-radius:50%;background:radial-gradient(circle,#fefdf7 52%,#fbf8ee 100%)}.qz-ring-nodes{list-style:none;padding:0;margin:0}.qz-node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--qz-node);aspect-ratio:1;border:1px solid #d1d8df;border-radius:50%;background:#fff;color:#394652;font-size:clamp(10px,1.3vw,17px);font-weight:750;box-shadow:0 2px 4px #20323e15;z-index:1}.qz-node.active{border:3px solid #c99b25;background:#fff1bd;color:#774e15;box-shadow:0 0 0 4px #e4bf4b20;z-index:2}.qz-node.correct,.qz-node.wrong,.qz-node.blank{border:2px solid var(--qz-status);background:color-mix(in srgb,var(--qz-status) 9%,white)}.qz-node-badge{position:absolute;right:-13%;top:-16%;width:48%;aspect-ratio:1;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:var(--qz-status);color:white;font:800 .75em/1 Arial;}.qz-node-badge.qz-mark-new{animation:qz-mark-in .22s ease-out}.qz-ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1;border:4px solid #cb9d26;border-radius:50%;background:linear-gradient(#fff5b5,#ffe35b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 5px 10px #97732120;color:#15513a}.qz-ring-center small{font-size:clamp(9px,1vw,13px);letter-spacing:1.3px;color:#99632c;font-weight:750}.qz-ring-center strong{font:bold clamp(35px,4vw,64px)/1.2 Georgia,serif}.qz-ring-center>span{font-size:clamp(10px,1vw,13px);color:#8e804e;font-weight:650}.qz-question-card{padding:22px;background:white;border:1px solid #dfe4e7;border-radius:22px;box-shadow:0 2px 4px #223e4110;margin-bottom:17px}.qz-question-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.qz-question-card>div>span{padding:7px 11px;background:#f1f4f8;border:1px solid #d3dce4;border-radius:10px;font-size:12px;color:#596775;font-weight:650}.qz-question-card>div>b{padding:7px 10px;border:1px solid #eee199;background:#fffbea;border-radius:10px;color:#9b651f;font-size:12px}.qz-question-title{font-size:19px;line-height:1.65;font-weight:650;color:#202f3e;margin:0}.qz-question-title:focus{outline:none}.qz-reveal-row{display:flex;gap:12px;margin:15px 0}.qz-reveal,.qz-answer{flex:1;border:2px solid #17513e;border-radius:15px;background:white;padding:14px 12px;color:#17513e;font-size:15px;font-weight:650;min-width:0}.qz-answer small,.qz-answer strong{display:block}.qz-answer small{font-size:10px;color:#8996a0;margin-bottom:4px}.qz-answer strong{font-size:17px;color:#20313d;overflow-wrap:anywhere}.qz-assessment{background:white;border:1px solid #dfe4e7;border-radius:18px;padding:17px;margin:15px 0}.qz-assessment>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;align-items:center}.qz-assessment h3{font-size:12px;margin:0;color:#435361}.qz-assessment small{font-size:10px;color:#89959e;white-space:nowrap}.qz-assessment>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qz-assessment button{padding:12px 4px;border:1px solid #ced7dc;border-radius:11px;background:white;font-size:13px;font-weight:650}.qz-assessment button.chosen{border:2px solid var(--qz-status);padding:11px 3px;background:color-mix(in srgb,var(--qz-status) 6%,white)}.qz-explanation{display:flex;align-items:flex-start;gap:11px;padding:16px;background:#fffbeb;border:1px solid #f2e8a5;border-radius:16px;color:#886336;font-size:13px;line-height:1.7;margin:15px 0;white-space:pre-line}.qz-explanation small{display:block;font-size:10px;margin-top:7px;color:#a18b60}.qz-type-form{display:flex;gap:8px;margin:13px 0}.qz-type-form input{min-width:0;flex:1;font-size:13px}.qz-type-form button{background:#edf5ef;border:1px solid #d4e5da;border-radius:10px;color:#215a43;padding:8px 12px;font-size:12px}.qz-next{border:0;margin:18px 0;background:#1b513e;font-size:15px}.qz-game-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:12px;z-index:4;background:#fcfbf8f2;backdrop-filter:blur(10px);border:1px solid #e0e5e6;border-radius:14px;padding:13px 12px;margin-top:23px;box-shadow:0 4px 12px #1d493b09}.qz-game-footer button{padding:6px 10px;border:0;background:transparent;color:#41515f;font-size:12px;font-weight:650}.qz-game-footer button:nth-child(2){color:#bf3437}.qz-game-footer button:disabled{opacity:.35}.qz-choice-layout{display:block;max-width:740px;margin:auto}.qz-options{display:grid;gap:11px}.qz-options button{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #dce3e8;border-radius:18px;background:white;color:#20313f;text-align:left;font-size:16px;opacity:1}.qz-options button>b{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:50%;background:#273440;color:white;font-size:16px}.qz-options button>span{flex:1;line-height:1.5}.qz-options button>i{font-style:normal;font-size:22px}.qz-options button.correct{border:2px solid #25814c;background:#f0fbf3;padding:13px 15px}.qz-options button.correct>b{background:#25814c}.qz-options button.correct>i{color:#25814c}.qz-options button.wrong{border:2px solid #cb3439;background:#fff2f3;padding:13px 15px}.qz-options button.wrong>i{color:#cb3439}#dialog.qz-result-dialog{width:min(540px,calc(100vw - 28px));max-width:540px;border-radius:25px;border:1px solid #e1e7e1;padding:30px;max-height:90dvh;background:white}.qz-results{text-align:center;max-width:570px;margin:auto;color:#1b513d;padding:10px 0}.qz-confetti{font-size:50px;margin-bottom:17px}.qz-results h2{font-size:24px;line-height:1.4;margin:0 0 17px}.qz-results>p{color:#82909a;font-size:14px;line-height:1.8}.qz-result-counts{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 12px;border:1px solid #e1e5eb;background:#f7f9fb;border-radius:19px;margin:23px 0}.qz-result-counts span,.qz-result-counts strong{display:block}.qz-result-counts span{font-size:13px;font-weight:650}.qz-result-counts strong{font-size:28px;margin-top:4px}.qz-success{display:inline-block;padding:10px 16px;border:1px solid #efdf89;border-radius:13px;background:#fffceb;color:#927126;font-size:15px;font-weight:650}.qz-results .qz-result-total{font-size:11px;margin:12px 0 20px}.qz-result-menu{display:block;margin-top:15px;width:100%;background:white;border:1px solid #ccd6db;color:#435463;padding:15px;border-radius:16px;font-weight:650;font-size:15px}.qz-pool-dialog>p,.qz-pool-dialog details{font-size:12px;color:#748575}.qz-pool-dialog form{display:grid;gap:13px}.qz-pool-dialog pre{overflow:auto;font-size:10px;background:#f5f8f5;padding:12px}.qz-pool-dialog textarea{font:12px/1.6 monospace}.qz-pool-dialog [role=alert]{color:#bb3939;font-size:12px}.qz-pool-dialog details{margin-top:18px}.qz-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes qz-mark-in{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:1100px){.qz-setup-grid{grid-template-columns:1fr;gap:0;max-width:760px;margin:auto}.qz-play-grid{grid-template-columns:1fr;max-width:700px;margin:auto}.qz-circle-column{position:static}.qz-ring{max-width:430px}.qz-node{font-size:15px}.qz-ring-center strong{font-size:53px}.qz-ring-center small{font-size:11px}.qz-ring-center>span{font-size:12px}.qz-mode{min-height:180px}.qz-age{min-height:120px}.qz-category-icons button>span{max-width:55px}}
@media(max-width:600px){.qz-hero{padding:29px 15px 24px;border-radius:23px;margin-bottom:20px}.qz-hero h1{font-size:29px}.qz-hero p{font-size:13px}.qz-lantern{height:42px}.qz-lantern:after{top:40px;width:15px;height:24px;left:-7px;box-shadow:0 0 0 8px #f7da7955}.qz-section-heading{margin-top:21px;gap:10px}.qz-section-heading h2{font-size:17px}.qz-section-heading p{font-size:11px}.qz-section-heading>span{flex-basis:40px;width:40px;height:40px;border-radius:12px}.qz-mode-grid,.qz-age-grid{gap:9px}.qz-mode{min-height:158px;padding:17px 7px;gap:10px;border-radius:19px}.qz-mode strong{font-size:12px}.qz-mode small{font-size:10px;line-height:1.5}.qz-mode-icon{width:44px;height:44px;font-size:36px}.qz-mode>i{width:19px;height:19px;font-size:12px;right:9px;top:9px}.qz-age{padding:15px 8px;gap:7px;border-radius:18px;min-height:119px}.qz-age.selected{padding:14px 7px}.qz-age>svg{min-width:35px}.qz-age strong{font-size:12px;line-height:1.4}.qz-age small{font-size:10px}.qz-category-card{padding:17px 13px;border-radius:21px}.qz-category-title{gap:8px;margin-bottom:19px}.qz-books{font-size:32px}.qz-category-title h3{font-size:14px}.qz-category-title p{font-size:11px}.qz-mini-button{font-size:9px;padding:8px 9px;gap:4px}.qz-mini-button .ico{width:12px}.qz-category-icons{gap:7px}.qz-category-icons button>span{max-width:43px;border-radius:11px}.qz-category-icons .ico{width:21px;height:21px}.qz-category-icons small{font-size:9px}.qz-counts{gap:7px}.qz-counts button{font-size:11px;border-radius:12px;padding:12px 2px}.qz-counts .selected{padding:11px 1px}.qz-start{font-size:14px;padding:15px 8px;border-radius:17px}.qz-game-heading{margin-bottom:20px;gap:8px}.qz-game-heading h1{font-size:22px}.qz-game-heading p{font-size:11px}.qz-game-heading>button{font-size:26px;padding:3px 6px}.qz-scoreboard{gap:13px;padding:12px 14px;border-radius:14px;margin-bottom:16px}.qz-scoreboard>span{font-size:14px}.qz-scoreboard strong{font-size:12px}.qz-ring{max-width:410px;margin:0 auto 22px}.qz-node{font-size:12px}.qz-ring-center{border-width:3px;gap:3px}.qz-ring-center strong{font-size:43px}.qz-ring-center small{font-size:9px}.qz-ring-center>span{font-size:10px}.qz-question-card{padding:17px;border-radius:20px}.qz-question-card>div{margin-bottom:14px}.qz-question-card>div>span,.qz-question-card>div>b{font-size:10px;padding:6px 9px}.qz-question-title{font-size:16px;line-height:1.65}.qz-reveal-row{gap:9px;margin:13px 0}.qz-reveal,.qz-answer{font-size:12px;padding:11px 9px;border-radius:13px}.qz-answer strong{font-size:15px}.qz-assessment{padding:13px;border-radius:16px}.qz-assessment h3{font-size:10px}.qz-assessment small{font-size:9px}.qz-assessment button{font-size:11px;padding:11px 3px}.qz-assessment button.chosen{padding:10px 2px}.qz-explanation{font-size:12px;padding:13px}.qz-explanation small{font-size:9px}.qz-game-footer{gap:4px;padding:11px 6px;bottom:6px}.qz-game-footer button{font-size:10px;padding:6px}.qz-options button{padding:13px 12px;font-size:14px;gap:12px;border-radius:17px}.qz-options button.correct,.qz-options button.wrong{padding:12px 11px}.qz-options button>b{width:32px;height:32px;flex-basis:32px;font-size:14px}.qz-type-form button{font-size:11px;padding:8px}.qz-type-form input{font-size:12px}.qz-next{font-size:13px;padding:14px;margin:16px 0}#dialog.qz-result-dialog{padding:26px 20px;border-radius:23px}.qz-results h2{font-size:21px}.qz-results>p{font-size:12px}.qz-result-counts{padding:18px 9px}.qz-result-counts span{font-size:12px}.qz-result-counts strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.qz-node-badge.qz-mark-new{animation:none}}
/* Quiz customization: scoped editors and reusable dynamic category cards. */
.qz-edit-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin:10px 0 2px;position:relative;z-index:2}.qz-edit-tools button{display:inline-flex;align-items:center;gap:5px;border:1px solid #dce7df;border-radius:9px;padding:5px 8px;background:#ffffffdc;color:#597663;font-size:10px;line-height:1.4}.qz-edit-tools .ico{width:13px;height:13px}.qz-hero>.qz-edit-tools{margin:-14px -6px 12px;justify-content:center}.qz-hero>.qz-edit-tools button{background:#ffffffa6}.qz-editable{min-width:0}.qz-editable>.qz-section-heading{margin-top:10px}.qz-text{white-space:pre-line;overflow-wrap:anywhere;max-width:100%}.qz-custom-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.qz-custom-icon>img{display:block;width:80%;height:80%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.qz-custom-icon>.ico{width:65%;height:65%;max-width:38px;max-height:38px}.qz-hero-book.qz-custom-icon{width:45px;height:45px}.qz-hero-book.qz-custom-icon>.ico{width:37px;height:37px}.qz-age>.qz-audience-icon{width:60px;min-width:45px;flex:0 0 32%;aspect-ratio:1}.qz-audience-icon>svg{display:block;width:100%;height:100%;max-width:90px;max-height:90px}.qz-category-title>.qz-books{width:40px;height:42px}.qz-category-title>div{min-width:0;flex:1}.qz-custom-block{padding:13px 15px 17px;margin:12px 0;border:1px solid #dce7df;border-radius:20px}.qz-mode.qz-custom-bg:before{display:none}.qz-custom-bg .qz-text:not(.qz-text-color){color:inherit}.qz-custom-bg .qz-category-title p{color:inherit}.qz-category-icons .qz-custom-icon>img{width:70%;height:70%;object-fit:contain}.qz-category-icons button small{overflow-wrap:anywhere}.qz-design-error{color:#b23c37;font-size:12px;white-space:pre-line}.qz-design-error:empty{display:none}#dialog.qz-design-dialog{width:min(960px,calc(100vw - 28px));max-width:960px;max-height:90vh;max-height:90dvh;overflow:auto;padding:28px;background:#fcfdfb;border:1px solid #dce7df;border-radius:22px}.qz-design-editor>h2,.qz-category-manager>h2{color:#21483f;font-size:22px;margin:0 0 9px}.qz-design-editor>p,.qz-category-manager>p{color:#788b7c;font-size:12px;line-height:1.7;margin:0 0 18px}.qz-design-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:25px;align-items:start}.qz-design-controls{min-width:0}.qz-design-editor fieldset{margin:0 0 16px;padding:14px;border:1px solid #dce7df;border-radius:13px;background:white;min-width:0}.qz-design-editor legend{font-size:12px;font-weight:650;color:#325e48;padding:0 6px}.qz-design-editor label,.qz-category-manager label{display:grid;gap:5px;margin-bottom:12px;font-size:11px}.qz-design-editor label:last-child{margin-bottom:0}.qz-design-editor textarea{font:13px/1.5 Arial,sans-serif;min-height:60px;width:100%;resize:vertical}.qz-design-type-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,.7fr) minmax(55px,.6fr);gap:9px}.qz-design-type-row select,.qz-design-type-row input{padding:7px 5px;font-size:11px;height:36px;min-width:0;width:100%}.qz-design-editor input[type=color],.qz-category-manager input[type=color]{width:100%;padding:3px;height:36px}.qz-design-editor input[type=file],.qz-category-manager input[type=file]{font-size:11px;width:100%}.qz-design-preview-column{position:sticky;top:0;min-width:0}.qz-design-preview-column>h3{margin:0 0 12px;color:#325e48;font-size:15px}.qz-design-preview{padding:12px;background:#f4f8f4;border:1px solid #dce7df;border-radius:15px;max-height:64dvh;overflow:auto;min-width:0}.qz-design-preview .qz-section-heading h2{font-size:17px}.qz-design-preview .qz-section-heading p{font-size:11px}.qz-design-preview .qz-mode{min-height:155px}.qz-design-preview .qz-mode strong{font-size:12px}.qz-design-preview .qz-mode small{font-size:10px}.qz-design-preview .qz-age{padding:12px 8px;gap:7px}.qz-design-preview .qz-age strong{font-size:12px}.qz-design-preview .qz-age small{font-size:10px}.qz-design-preview .qz-category-icons{gap:6px}.qz-design-preview .qz-mini-button{font-size:9px;padding:7px}.qz-design-preview button:disabled{opacity:1!important;cursor:default;pointer-events:none}.qz-design-preview .qz-category-icons [aria-pressed=false]{opacity:.38!important}.qz-design-preview-column>small,.qz-design-editor fieldset>small,.qz-category-manager small{display:block;font-size:10px;color:#7e8d7f;line-height:1.7;margin:8px 0}.qz-design-icon-preview{width:55px;height:55px;display:grid;place-items:center;background:#eaf2eb;color:#275d44;border-radius:13px;margin:10px 0}.qz-design-icon-preview img{width:45px;height:45px;object-fit:contain}.qz-design-icon-preview .ico{width:30px;height:30px}.qz-design-save{display:flex;gap:9px;align-items:center;flex-wrap:wrap;position:sticky;bottom:-28px;padding:15px 0;background:#fcfdfbf5;border-top:1px solid #dce7df;z-index:3}.qz-design-save>.text-link{margin-left:auto;font-size:11px}.qz-design-editor .row{flex-wrap:wrap}.qz-design-editor .row .btn{font-size:10px;padding:7px 9px}.qz-managed-list{margin:18px 0}.qz-managed-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e1e9e1}.qz-managed-row>div{flex:1;min-width:0}.qz-managed-row strong{font-size:14px;overflow-wrap:anywhere}.qz-managed-row small{margin:2px 0 0;font-size:10px}.qz-managed-row .btn{padding:7px 10px;font-size:11px}.qz-managed-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;color:white}.qz-managed-icon .ico{width:25px;height:25px}.qz-managed-icon img{width:32px;height:32px;object-fit:contain}.qz-danger{color:#b33d3b;font-size:11px}.qz-category-manager details{margin-bottom:20px;color:#617f69;font-size:12px}.qz-category-manager details .qz-managed-row{justify-content:space-between}.qz-category-form-grid{display:grid;grid-template-columns:1fr 180px;gap:25px;align-items:center}.qz-category-single-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #dce7df;border-radius:18px;padding:22px;min-width:0;background:white;text-align:center}.qz-category-single-preview .qz-managed-icon{width:65px;height:65px;flex-basis:65px}.qz-category-single-preview .qz-managed-icon img{width:48px;height:48px}.qz-category-single-preview strong{font-size:15px;color:#21483f;overflow-wrap:anywhere;max-width:100%}.qz-category-manager form>small{margin:-3px 0 15px}.qz-category-manager .row{flex-wrap:wrap}
@media(max-width:720px){.qz-design-layout{grid-template-columns:1fr}.qz-design-preview-column{position:static;grid-row:1}.qz-design-preview{max-height:360px}.qz-design-preview-column>small{margin-bottom:0}.qz-design-save{bottom:-20px}#dialog.qz-design-dialog{padding:25px 18px 20px}.qz-category-form-grid{grid-template-columns:minmax(0,1fr) 130px;gap:15px}.qz-design-save>.text-link{margin-left:0;flex-basis:100%;text-align:left}.qz-managed-row{gap:9px}.qz-managed-row .btn{font-size:10px}.qz-design-editor>h2,.qz-category-manager>h2{font-size:20px}}
@media(max-width:450px){.qz-edit-tools button{font-size:9px;padding:5px 7px}.qz-age>.qz-audience-icon{min-width:35px}.qz-category-title>.qz-books{width:28px;height:32px}.qz-category-form-grid{grid-template-columns:1fr}.qz-category-single-preview{grid-row:1;max-width:180px;justify-self:center;width:100%}.qz-design-type-row{grid-template-columns:minmax(0,1.2fr) 64px 60px;gap:5px}.qz-design-preview{padding:9px}.qz-managed-row{flex-wrap:wrap}.qz-managed-row>div{min-width:100px}.qz-managed-row>.btn{margin-left:auto}.qz-design-editor fieldset{padding:11px}}
/* Opt-in mouse/touch positioning; saved coordinates adapt to each card size. */
.qz-page [data-quiz-area],.qz-design-preview [data-quiz-area]{position:relative}.qz-page [data-quiz-layer],.qz-design-preview [data-quiz-layer]{position:relative;z-index:1}.qz-page .qz-text[data-quiz-layer],.qz-page [data-quiz-category] small,.qz-page [data-quiz-layer="catalog:text:count"],.qz-design-preview .qz-text[data-quiz-layer],.qz-design-preview [data-quiz-category] small{width:fit-content;max-width:100%}.qz-hero>[data-quiz-layer]{margin-left:auto;margin-right:auto}.qz-arranging [data-quiz-layer]{cursor:grab!important;touch-action:none;user-select:none;outline:1px dashed #b79a5480;outline-offset:3px;border-radius:3px}.qz-arranging [data-quiz-layer] img,.qz-arranging [data-quiz-layer] svg{pointer-events:none;user-select:none}.qz-arranging .qz-dragging{cursor:grabbing!important;z-index:10;outline:2px solid #397d5b;background-color:#fffbec55}.qz-arranging .qz-mode,.qz-arranging .qz-age,.qz-arranging .qz-category-icons button{cursor:default}.qz-arrange-hint{flex-basis:100%;text-align:left;color:#7a8466;font-size:10px;line-height:1.6;font-weight:400}.qz-arrange-hint[hidden]{display:none}.qz-edit-tools [data-quiz-arrange][aria-pressed=true]{border-color:#c9a34a;background:#edf5ed;color:#1e6246}.qz-arranging .qz-edit-tools [data-quiz-edit-design],.qz-arranging .qz-edit-tools [data-quiz-manage-categories]{opacity:.4}.qz-arranging .qz-section-heading[data-quiz-area],.qz-section-heading.qz-layout-custom{min-height:155px;padding-bottom:75px;align-items:flex-start;padding-top:10px}.qz-arranging .qz-mode[data-quiz-area],.qz-mode.qz-layout-custom{min-height:290px;padding-bottom:85px}.qz-arranging .qz-age[data-quiz-area],.qz-age.qz-layout-custom{min-height:240px;padding-bottom:85px}.qz-arranging .qz-hero[data-quiz-area],.qz-hero.qz-layout-custom{min-height:370px;padding-bottom:90px}.qz-arranging .qz-category-card[data-quiz-area],.qz-category-card.qz-layout-custom{min-height:340px;padding-bottom:95px}.qz-category-card [data-quiz-layer]{z-index:2}.qz-category-card [data-quiz-layer]:hover{z-index:3}.qz-arranging .qz-start,.qz-arranging .qz-pool-tools{opacity:.45}@media(max-width:600px){.qz-arrange-hint{font-size:9px}.qz-arranging .qz-mode[data-quiz-area],.qz-mode.qz-layout-custom{min-height:260px}.qz-arranging .qz-age[data-quiz-area],.qz-age.qz-layout-custom{min-height:225px}.qz-arranging .qz-category-card[data-quiz-area],.qz-category-card.qz-layout-custom{min-height:330px}}
/* Keep the hero's saved coordinates unchanged when editing hints are hidden. */
.qz-hero.qz-layout-custom .qz-arrange-hint[hidden]{display:block;visibility:hidden}

/* Reader: explicit one-page layout and arrows beside the display modes. */
.quiet-reader .reader-single-stage{width:100%;max-width:640px;margin-inline:auto}
.quiet-reader .single-page-book{aspect-ratio:1200/1737;margin-inline:auto}
.quiet-reader.color-reader .single-page-book{aspect-ratio:2/3}
.single-page-book .book-paper{width:100%;flex:0 0 100%;border-radius:5px}
.single-page-book .book-gutter,.single-page-book .book-ribbon,.single-page-book .stack-left{display:none}
.single-page-book .stack-right{width:100%;transform:none}
.single-page-book .paper-shading{background:linear-gradient(90deg,#352e1208,transparent 8%,transparent 92%,#352e1208)}
.reader-view-modes .reader-layout-button,.reader-view-modes .reader-toolbar-arrow{min-height:36px;padding:8px 10px;border:1px solid #cbd8c7;border-radius:8px;background:#f8faf2;color:#21483f;white-space:nowrap}
.reader-view-modes .reader-layout-button[aria-pressed=true]{background:#21483f;color:#fff;border-color:#21483f}
.reader-view-modes .reader-toolbar-arrow{min-width:36px;font-size:19px;line-height:1}
.reader-view-modes .reader-toolbar-arrow:disabled{opacity:.35;cursor:default}
.reader-night .reader-view-modes .reader-layout-button,.reader-night .reader-view-modes .reader-toolbar-arrow{background:#354b39;color:#e3e8d1;border-color:#53664a}
.reader-night .reader-view-modes .reader-layout-button[aria-pressed=true]{background:#d1be86;color:#21483f}
@media(max-width:650px){body.quran-fullscreen .reader-view-modes{flex-wrap:wrap}.reader-view-modes{gap:5px}.reader-view-modes .reader-toolbar-arrow{flex:0 0 34px!important;min-height:36px}.reader-view-modes .reader-layout-button{font-size:10px}}
@media(orientation:landscape), (hover:hover) and (pointer:fine) and (min-width:651px){
 body.reader-single-page.quran-fullscreen .reader-book-column{--landscape-book-width:min(calc(100vw - 136px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .690846))}
 body.reader-single-page.quran-fullscreen .color-reader .reader-book-column{--landscape-book-width:min(calc(100vw - 136px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .666667))}
 body.reader-single-page.quran-fullscreen .chain-reader .reader-book-column{--landscape-book-width:min(calc(100vw - var(--chain-action-width) - 160px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .666667))}
}