.mushaf-shell{padding-bottom:30px}.mushaf-main{max-width:790px;margin:auto;padding:22px 16px}.mushaf-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mushaf-heading h1{font-size:28px;font-weight:750}.mushaf-heading p{color:#61766a;font-size:13px}.mushaf-picker{gap:10px;margin-bottom:14px;display:flex}.mushaf-picker>label{flex:1;min-width:0}.mushaf-picker label{color:#527066;font-size:12px}.mushaf-picker select,.mushaf-picker input{color:#173f3c;background:#fff;border:1px solid #d9e2d8;border-radius:12px;width:100%;min-height:44px;padding:8px;display:block}.mushaf-picker form{align-items:flex-end;gap:4px;max-width:130px;display:flex}.mushaf-picker input{max-width:78px}.mushaf-tools{align-items:center;gap:8px;display:flex}.mushaf-tools>span{font-size:12px}.mushaf-tools .qr-select{margin-right:auto}.mushaf-frame{touch-action:pan-x pan-y pinch-zoom;background:#fffdf4;border:1px solid #d9dfcf;border-radius:12px;min-height:300px;max-height:85dvh;margin-top:12px;position:relative;overflow:auto}.mushaf-frame img{height:auto;display:block}.mushaf-loading{text-align:center;font-size:14px;position:absolute;inset:30px 0 auto}.mushaf-nav{padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#f5f6f1f5;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;bottom:0}.mushaf-nav>span{white-space:nowrap;font-size:13px}.mushaf-main>.qr-note a{text-decoration:underline}@media (max-width:480px){.mushaf-heading h1{font-size:24px}.mushaf-heading .qr-button{padding:10px;font-size:12px}.mushaf-main{padding:18px 10px}.mushaf-picker{gap:6px}.mushaf-nav .qr-select{padding:9px;font-size:12px}.mushaf-tools .qr-select{font-size:13px}}