html,body,#root{width:100%;height:100%;margin:0}body{background:#000;font-family:Arial,sans-serif;overflow:hidden}.app-shell{width:100vw;height:100dvh;position:relative;overflow:hidden}.background-image{z-index:1;object-fit:cover;object-position:center center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-page,.loading-page{background:url(/islamic_library_background.png) 50%/cover;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.auth-card,.loading-card{color:#0b3b78;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:2px solid #d49c2aa6;border-radius:26px;width:min(430px,90vw);padding:34px;box-shadow:0 24px 70px #14467838}.auth-title{color:#0b3b78;margin:0 0 10px;font-size:30px}.auth-subtitle{color:#b17812;margin:0 0 24px;font-size:19px;font-weight:700}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-label{color:#0b3b78;text-align:right;flex-direction:column;gap:8px;font-size:16px;font-weight:700;display:flex}.auth-input{color:#0b2f5f;background:#fffffff5;border:1px solid #0b3b7859;border-radius:12px;outline:none;padding:13px 14px;font-size:16px}.auth-input:focus{border-color:#d49c2a;box-shadow:0 0 0 3px #d49c2a38}.auth-button{color:#fff;cursor:pointer;background:#0b5eb8;border:none;border-radius:14px;margin-top:8px;padding:13px 18px;font-size:17px;font-weight:700}.auth-button:hover{background:#084d96}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-switch-button{color:#0b5eb8;cursor:pointer;background:0 0;border:none;margin-top:18px;font-size:15px;font-weight:700;text-decoration:underline}.auth-message{color:#0b3b78;background:#ffffffd1;border:1px solid #d49c2a80;border-radius:12px;margin-top:16px;padding:12px;font-size:14px;line-height:1.6}.logout-button{z-index:4000;color:#fff;cursor:pointer;background:#7a0000eb;border:none;border-radius:14px;padding:10px 18px;font-size:15px;position:absolute;top:18px;left:18px;box-shadow:0 10px 26px #00000073}.logout-button:hover{background:#a50000}.picture-hotspot{z-index:1000;cursor:pointer;background:0 0;border:none;border-radius:12px;margin:0;padding:0;display:block;position:absolute}.hotspot-label{display:none}.aqeedah-picture-hotspot{width:9.85%;height:25.35%;top:49.52%;right:15.65%}.quran-picture-hotspot{width:10.35%;height:22.7%;top:50.58%;right:27.35%}.hadith-picture-hotspot{width:10.2%;height:22.9%;top:50.16%;right:39.2%}.fiqh-picture-hotspot{width:10.7%;height:23.6%;top:49.1%;right:50.05%}.seerah-picture-hotspot{width:10.15%;height:23.1%;top:49.95%;right:62.05%}.history-picture-hotspot{width:10.5%;height:23.4%;top:49.42%;right:73.95%}.topic-popup{z-index:2000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#124d8ce0;border:2px solid #d49c2abf;border-radius:22px;width:300px;max-height:42vh;padding:16px;position:absolute;overflow-y:auto;box-shadow:0 20px 50px #0b3b7873}.topic-popup-title{color:#fff4c2;text-align:right;margin-bottom:12px;font-size:20px;font-weight:700}.aqeedah-menu{top:52%;right:11%}.quran-menu{top:52%;right:23%}.hadith-menu{top:52%;right:35%}.fiqh-menu{top:52%;right:47%}.seerah-menu{top:52%;right:59%}.history-menu{top:52%;right:70%}.subtopic-button{text-align:right;cursor:pointer;color:#fff;background:#ffffff24;border:1px solid #d49c2a8c;border-radius:14px;width:100%;margin-bottom:10px;padding:13px 16px;font-size:17px;font-weight:700;display:block}.subtopic-button:hover{background:#ffffff47}.empty-topic-message{color:#fff;text-align:right;background:#ffffff24;border-radius:14px;padding:14px;font-size:16px}.bookcase-viewer{z-index:3000;background:#111;border:2px solid #ffd70099;border-radius:24px;position:absolute;inset:4%;overflow:hidden;box-shadow:0 35px 80px #000000d9}.bookcase-frame{border:none;width:100%;height:100%}.close-viewer{z-index:3200;color:#fff;cursor:pointer;background:#7a0000;border:none;border-radius:12px;padding:10px 18px;font-size:16px;position:absolute;top:14px;left:14px}.close-viewer:hover{background:#a50000}@media screen and (width<=1024px) and (orientation:portrait){body{overflow:hidden}.app-shell{width:100vw;height:100dvh}.background-image{object-fit:contain;object-position:center center;background:#000}.logout-button{padding:9px 14px;font-size:14px;top:12px;left:12px}.aqeedah-picture-hotspot{width:12.2%;height:20.6%;top:47.8%;right:10.8%}.quran-picture-hotspot{width:12.4%;height:20.2%;top:48.2%;right:24.8%}.hadith-picture-hotspot{width:12.3%;height:20.2%;top:48.2%;right:38.9%}.fiqh-picture-hotspot{width:12.5%;height:20.5%;top:48%;right:52.4%}.seerah-picture-hotspot{width:12.2%;height:20.2%;top:48.2%;right:66%}.history-picture-hotspot{width:12%;height:20.4%;top:48%;right:79%}.topic-popup{border-radius:20px;width:min(300px,82vw);max-height:38vh;padding:14px}.topic-popup-title{font-size:18px}.subtopic-button{padding:12px 14px;font-size:16px}.aqeedah-menu,.quran-menu,.hadith-menu,.fiqh-menu,.seerah-menu,.history-menu{top:68%;right:50%;transform:translate(50%)}.bookcase-viewer{border-radius:18px;inset:2%}}@media screen and (width<=1180px) and (orientation:landscape){.background-image{object-fit:cover;object-position:center center}.logout-button{padding:9px 14px;font-size:14px;top:12px;left:12px}.topic-popup{width:280px;max-height:40vh;padding:14px}.topic-popup-title{font-size:18px}.subtopic-button{padding:11px 14px;font-size:16px}.bookcase-viewer{border-radius:20px;inset:3%}}@media screen and (width<=700px){.background-image{object-fit:contain;object-position:center center;background:#000}.logout-button{border-radius:12px;padding:8px 12px;font-size:13px;top:10px;left:10px}.auth-card,.loading-card{border-radius:22px;width:min(390px,88vw);padding:24px}.auth-title{font-size:26px}.auth-subtitle{font-size:17px}.aqeedah-picture-hotspot{width:13.2%;height:19.2%;top:48.2%;right:8%}.quran-picture-hotspot{width:13.2%;height:19.2%;top:48.2%;right:22.4%}.hadith-picture-hotspot{width:13.2%;height:19.2%;top:48.2%;right:36.8%}.fiqh-picture-hotspot{width:13.2%;height:19.2%;top:48.2%;right:51.2%}.seerah-picture-hotspot{width:13.2%;height:19.2%;top:48.2%;right:65.6%}.history-picture-hotspot{width:12%;height:19.2%;top:48.2%;right:80%}.topic-popup{border-radius:18px;width:min(300px,86vw);max-height:42vh;padding:13px;top:auto;bottom:24px;right:50%;transform:translate(50%)}.topic-popup-title{font-size:17px}.subtopic-button{margin-bottom:8px;padding:11px 13px;font-size:15px}.bookcase-viewer{border-radius:16px;inset:1.5%}.close-viewer{padding:8px 13px;font-size:14px;top:10px;left:10px}}