@font-face{font-family:'Traditional Naskh';src:url('traditional_naskh.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Traditional Naskh';src:url('traditional_naskh_bold.ttf') format('truetype');font-weight:bold;font-style:normal}:root{--body-bg:#9e8146;--section-bg:#ffd582;--h1-bg:rgb(73, 56, 18);--text-color:#000;--heading-color:#ffffff;--btn-bg:rgba(255, 255, 255, 0.8);--btn-hover:#ffffff;--popup-bg:#fffbe6;--border-color:#d4b668;--link-color:#000}[data-theme="dark"]{--body-bg:#121212;--section-bg:#1e1e1e;--h1-bg:#000;--text-color:#e0e0e0;--heading-color:#e0e0e0;--btn-bg:#333;--btn-hover:#444;--popup-bg:#2c2c2c;--border-color:#444}[data-theme="light"]{--body-bg:#95b474;--section-bg:#ffffff;--h1-bg:#195003;--text-color:#000;--heading-color:#ffffff;--btn-bg:#f0f0f0;--btn-hover:#e0e0e0;--popup-bg:#ffffff;--border-color:#ccc}body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--body-bg);color:var(--text-color);margin:0;padding:0;transition:background-color .3s,color .3s}header{background-color:var(--h1-bg);color:var(--heading-color);padding:10px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.3);margin-bottom:20px}h1{margin:0;font-size:24px;font-family:'Traditional Naskh','Amiri',serif;font-weight:bold}main{max-width:1200px;margin:0 auto;padding:0 10px 100px 10px}#filter-container{margin-bottom:20px;display:flex;justify-content:center;max-width:600px;margin-left:auto;margin-right:auto;position:relative}#nav-filter{width:100%;padding:8px 40px 8px 20px;font-size:16px;border-radius:25px;border:1px solid var(--border-color);background:var(--popup-bg);color:var(--text-color);outline:none;font-family:inherit;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:box-shadow .2s}#nav-filter:focus{box-shadow:0 4px 8px rgba(0,0,0,0.15);border-color:#830000}#clear-filter-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;color:var(--text-color);z-index:1;display:none;align-items:center;font-size:14px}#navigation-list{display:flex;flex-direction:column;gap:10px}.nav-item{background-color:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.nav-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15);background-color:var(--btn-hover)}.nav-item a{display:block;padding:18px 25px;text-decoration:none;color:var(--text-color);font-weight:500;text-align:right;font-size:1.5em;font-family:'Traditional Naskh','Amiri',serif;}.grid-mode #navigation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.grid-mode .nav-item a{text-align:center}.floating-btn-base{position:fixed;bottom:20px;left:20px;width:55px;height:55px;background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px;z-index:1000;transition:transform .3s,opacity .3s,background-color .2s;box-shadow:0 4px 10px rgba(0,0,0,0.2)}#control-button{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;z-index:1000;transition:transform .3s,opacity .3s,background-color .2s;box-shadow:0 4px 10px rgba(0,0,0,0.2)}.floating-btn-base.btn-hidden,#control-button.btn-hidden{transform:translateY(100px);opacity:0;pointer-events:none}.floating-btn-base:hover,#control-button:hover{background-color:var(--btn-hover)}#popup-menu{display:none;position:fixed;bottom:90px;right:20px;background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px;width:200px;box-shadow:0 4px 15px rgba(0,0,0,0.3);z-index:999}#popup-menu.show{display:block;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.full-width{grid-column:span 2}.menu-btn{background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;padding:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .2s;font-family:inherit}.menu-btn:hover{background-color:var(--btn-hover)}#last-read-container .nav-item{border:2px solid #830000;margin-bottom:15px;background-color:var(--popup-bg)}#last-read-link{color:#830000!important}@media (max-width: 600px){.grid-mode #navigation-list{grid-template-columns:1fr}}