:root{--primary-green: #2e7d32;--bg-color: #f8f9fa;--text-color: #333333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden}.app-container{height:100vh;display:flex;flex-direction:column}.simple-home{display:flex;flex-direction:column;height:100vh}.header{padding:50px 20px 20px;text-align:center;background:#fff;border-bottom:1px solid #eee}.header h1{font-size:26px;color:var(--primary-green);letter-spacing:2px}.surah-list{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.surah-card{background:#fff;border:1px solid #eee;padding:12px 18px;border-radius:12px;display:flex;align-items:center;gap:15px;cursor:pointer;text-align:left}.surah-num{width:32px;height:32px;background:var(--primary-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.surah-info{flex:1}.surah-name{font-size:16px;font-weight:600;color:#222}.surah-arrow{color:#ccc;font-size:18px}.reader-view{height:100vh;display:flex;flex-direction:column;background:#333}.reader-header{background:var(--primary-green);color:#fff;padding:40px 15px 10px;display:flex;align-items:center;gap:15px;z-index:100}.back-btn{background:none;border:none;color:#fff;font-size:24px}.main-title{font-size:17px;font-weight:700}.page-indicator{font-size:12px;opacity:.8}.single-page-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#222}.mushaf-page-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mushaf-img-actual{max-width:100%;max-height:100%;object-fit:contain;background:#fff}.tap-zone{position:absolute;top:0;bottom:0;width:30%;z-index:10}.tap-zone.prev{left:0}.tap-zone.next{right:0}.reader-footer{background:#fff;padding:10px 15px 25px;display:flex;align-items:center;gap:15px;border-top:1px solid #ddd}.nav-btn{background:var(--primary-green);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600}.nav-btn:disabled{background:#ccc}.page-slider-container{flex:1;display:flex;align-items:center}.page-slider{width:100%;accent-color:var(--primary-green)}.bottom-nav-container{display:none!important}