*{box-sizing:border-box}html,body{margin:0}body{background:#082d35;color:#f5e7ba;font-family:Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}a{color:inherit}.site{container-type:inline-size;max-width:1672px;margin:auto;min-height:100vh;background:radial-gradient(circle at 50% 5%,#245c65,#07323b 52%,#062633)}.shell{display:grid;grid-template-columns:20.9% 79.1%;direction:ltr}.sidebar{position:relative;direction:rtl;min-height:100vh;background:linear-gradient(165deg,rgba(1,42,49,.85),rgba(0,25,32,.5)),url('assets/sidebar-art.png') center bottom/100% auto no-repeat,#062934;border-inline-end:2px solid #d8b46f;text-align:center;padding:1.6cqw 1cqw}.brand{margin:0 auto 1.4cqw;font-size:1.8cqw;color:#fff;text-shadow:0 2px 5px #001}.brand-mark{display:block;color:#efca7b;font-size:3cqw}.brand small{display:block;font-size:.75cqw;color:#e3c384}.sidebar nav{display:grid;gap:.25cqw;text-align:right}.sidebar nav>*{display:block;border-radius:10px;padding:.6cqw .8cqw;text-decoration:none;font-size:1cqw;color:white}.sidebar nav .active{border:1px solid #b9e0c4;box-shadow:inset 0 0 14px #00a88d;background:linear-gradient(90deg,#005d62,#075533)}.sidebar nav [aria-disabled]{opacity:.75}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;min-height:6cqw;display:grid;place-content:center;gap:.3cqw;background:linear-gradient(#08313a,#062934 32%);border-top:2px solid #a98445;font-size:1.2cqw;color:#ebce83}.sidebar-footer small{display:block;font-size:.65cqw;color:#e5dcac}.content{min-width:0;direction:rtl;padding:0 4.2cqw 1cqw 0}.topbar{height:4.1cqw;display:flex;align-items:center;gap:.55cqw;color:#fff}.identity,.notification{white-space:nowrap}.identity{font-size:1cqw}.identity .brand-mark,.identity small{display:none}.notification{font-size:1.7cqw}.query{display:flex;align-items:center;gap:.4cqw;flex:1;min-width:0;direction:rtl}.query input,.query select{min-width:0;border:1px solid #e3c786;border-radius:8px;box-shadow:0 1px 5px #05232a;background:#edf5f8;color:#12354b;height:2.6cqw;padding:.3cqw .7cqw;font-size:.8cqw}.query input{flex:1;order:4}.query label{display:grid;gap:.1cqw;font-size:.65cqw;text-align:center}.query select{width:7cqw}.query button{background:linear-gradient(#108f7b,#00604d);border:1px solid #dcbe7e;border-radius:8px;color:white;padding:.65cqw 1.2cqw;order:3;font-size:.9cqw}.query .surah{order:1}.query .verse{order:2}.notice{position:fixed;bottom:12px;right:12px;z-index:2;margin:0;padding:8px 12px;max-width:min(440px,calc(100vw - 24px));font-size:14px;box-shadow:0 1px 5px #0016;color:#153a49;background:#fdfbf4;border:1px solid #d5aa5d;border-radius:8px}.feed{display:grid;gap:.28cqw}.card{position:relative;display:flex;direction:ltr;height:8.15cqw;border:2px solid #c49d54;border-radius:1.1cqw;background:linear-gradient(110deg,#e9f4f5 0%,#fffdf8 38%,#f9f9f2 100%);color:#133959;overflow:hidden;box-shadow:0 .15cqw .3cqw #0018}.art{position:relative;width:20%;flex:none;background:url('assets/card-art.png') center/cover;border-inline-end:2px solid #d3ad66}.card:nth-child(3n + 2) .art{background-image:url('assets/card-art-2.png')}.card:nth-child(3n) .art{background-image:url('assets/card-art-3.png')}.medallion{position:absolute;left:.5cqw;top:.5cqw;width:3.4cqw;height:3.4cqw;background:#fff;border:double .4cqw #ac8137;border-radius:50%;display:grid;place-items:center;font-size:.65cqw;color:#77541b}.card-body{direction:rtl;width:80%;padding:.3cqw .65cqw;display:grid;grid-template-rows:37% 28% 35%;min-width:0}.verse-line{display:flex;align-items:center;gap:.4cqw}.meta{font-weight:bold;font-size:.67cqw;min-width:5.4cqw}.verse-placeholder{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.verse-placeholder img{display:block;max-width:100%;max-height:100%;object-fit:contain}.bookmark{color:#ab7933;font-size:1.7cqw}.tabs{display:flex;gap:.3cqw;direction:rtl}.tabs button{border:1px solid white;background:linear-gradient(#f0f5f7,#d9e5ed);color:#104269;border-radius:.6cqw;flex:1;padding:0 .2cqw;font-size:.7cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs button[aria-selected=true]{background:linear-gradient(#0d9b85,#005c51);color:white;box-shadow:inset 0 0 .35cqw #72f3ca}.empty-comment{display:flex;align-items:center;gap:.5cqw;min-width:0;background:#f2f6f6;border-radius:.65cqw;padding:.15cqw .5cqw}.avatar{display:grid;place-items:center;background:#d6e5ee;color:#124d6c;border-radius:50%;width:1.8cqw;height:1.8cqw;flex:none}.empty-comment p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.73cqw}.actions{display:flex;gap:.55cqw;margin-inline-start:auto;color:#667989;font-size:.7cqw;white-space:nowrap}.actions span{min-width:1.6cqw;text-align:center}.actions [aria-disabled]{opacity:.65}.mobile-menu{display:none}.disclosure{margin:1cqw auto;max-width:1672px;padding:8px 15px;text-align:center;color:#ead09c;font-size:12px}.disclosure a{color:#ffe2a0}.inspector{position:fixed;z-index:20;bottom:12px;left:12px;max-width:min(440px,calc(100vw - 24px));padding:10px 14px;background:#082d36;color:white;border:1px solid #e6c074;border-radius:8px;box-shadow:0 3px 12px #0009}.inspector button{background:#035a55;border:1px solid #e6c074;color:white;border-radius:5px;padding:4px 10px}.inspector output{display:block;direction:ltr;text-align:left;unicode-bidi:plaintext}[hidden]{display:none!important}body.inspect [data-inspect-id]{cursor:crosshair}body.inspect .hovered,body.inspect [data-inspect-id]:focus-visible,body.inspect .selected{outline:2px solid #f4c55a;outline-offset:-2px;background-color:rgba(244,197,90,.16)}
@media(max-width:1000px){.site{max-width:941px}.shell{display:block}.sidebar{display:none;position:absolute;z-index:10;top:8cqw;left:3cqw;min-height:0;width:58cqw;padding:4cqw;background:#07313c;border:1px solid #d5ad63;border-radius:10px}.sidebar.open{display:block}.sidebar .brand{font-size:5cqw}.sidebar-footer{display:none}.sidebar nav>*{padding:2cqw;font-size:3cqw}.content{padding:0 2.5cqw}.topbar{position:relative;height:42.5cqw;display:block;padding-top:1cqw;text-align:center;background:radial-gradient(circle at 50% 60%,#16616b,#06323d 75%)}.mobile-menu{display:block;position:absolute;top:2cqw;left:2cqw;background:#004856;border:1px solid #d4a756;border-radius:50%;color:white;width:9cqw;height:9cqw;font-size:4cqw}.identity{font-size:4.5cqw;font-weight:bold;padding-top:1cqw}.identity .brand-mark{display:block;font-size:8cqw;color:#ebc77b}.identity small{display:block;font-size:1.7cqw;font-weight:normal;color:#efd29e}.notification{position:absolute;right:13cqw;top:2cqw;font-size:6cqw}.account{position:absolute;right:2cqw;top:2cqw;font-size:6cqw}.query{position:absolute;top:21cqw;left:1cqw;right:1cqw;height:20cqw;display:grid;grid-template-columns:30% 28% 28%;grid-template-rows:8cqw 10cqw;gap:1cqw;justify-content:space-around;align-items:stretch}.query input{grid-column:1/-1;grid-row:1;order:0;width:100%;height:7cqw;font-size:2.2cqw;text-align:right}.query .surah{grid-column:3;grid-row:2}.query .verse{grid-column:2;grid-row:2}.query button{grid-column:1;grid-row:2;font-size:3cqw;border-radius:1.5cqw}.query label{font-size:1.8cqw}.query select{height:7cqw;width:100%;font-size:2.5cqw}.feed{gap:1cqw}.card{height:33cqw;border-radius:2.5cqw}.art{width:24%;background-size:cover}.medallion{top:1cqw;left:1cqw;width:9cqw;height:9cqw;font-size:2cqw;border-width:1cqw}.card-body{width:76%;grid-template-rows:28% 24% 48%;padding:1cqw}.meta{font-size:1.7cqw;min-width:9cqw}.verse-placeholder{font-size:2.3cqw}.bookmark{font-size:4cqw}.tabs{gap:.5cqw}.tabs button{font-size:1.7cqw;border-radius:1.1cqw}.empty-comment{align-items:flex-start;padding:.6cqw;flex-wrap:wrap}.avatar{width:4.8cqw;height:4.8cqw;font-size:2cqw}.empty-comment p{font-size:1.8cqw;flex:1}.actions{font-size:1.6cqw}.disclosure{font-size:11px}}
@media(max-width:600px){body.inspect .actions span{display:grid;place-items:center;min-width:32px;min-height:24px}}
.verse-trigger{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;background:transparent;border:0;min-width:0}.verse-trigger:focus-visible{outline:2px solid #ad7a34}.verse-reader{padding:0;max-width:min(95vw,1100px);width:95vw;max-height:90vh;border:2px solid #c49d54;border-radius:10px;background:#fff;color:#12354b}.verse-reader::backdrop{background:#001a21c9}.verse-reader header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#e8f3f2}.verse-reader header span{font-size:12px}.verse-reader header button{padding:5px 10px;background:#006251;color:white;border:1px solid #a67f42;border-radius:5px}.reader-view{max-height:70vh;overflow:auto;padding:12px;text-align:right}.reader-view img{display:block;max-width:none;height:auto}