html,body,.app,.header,.layout,.main,.letter-group{font-family:Noto Naskh Arabic,serif;line-height:1.7;margin:0;padding:0}.poem-container{font-family:Noto Naskh Arabic,serif;line-height:1;margin:0;padding:0;font-size:1.4rem;color:#1e293b;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014}body{background:#faf9f6;color:#2d1b0a;direction:rtl}header{position:fixed;top:0;left:0;right:0;height:64px;background:#1e293b;color:#f1f5f9;display:flex;align-items:center;font-weight:600;font-size:1.3rem;box-shadow:0 4px 12px #0000001a;z-index:100;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap}header h1{margin:0 20px;font-size:1.4rem;font-weight:700}.poem-header-title{flex:1;margin:0 5px 0 0;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-btn{background:#ffffff26;border:none;color:#fbbf24;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.home-btn:hover{background:#ffffff40}.back-btn{background:#ffffff26;border:none;color:#ecb526;width:40px;height:40px;border-radius:50%;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:#ffffff40}.back-btn:disabled{opacity:.3;cursor:not-allowed}.header-bookmark{background:none;border:none;font-size:1.8rem;cursor:pointer;padding:8px;color:#fbbf24}.header-bookmark:hover{transform:scale(1.2)}.bookmark-link{background:#ffffff26;border:none;color:#fbbf24;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.bookmark-link:hover{background:#fbbf2426}.header-right{display:flex;align-items:center;gap:6px;padding:0 10px 0 0}.header-left{display:flex;align-items:center;gap:5px;padding:0 30px 0 0}.poem-count{font-family:Noto Naskh Arabic,serif;font-size:14px;opacity:.85;white-space:nowrap;padding-left:10px}.bookmark-btn{font-size:18px;background:none;border:none;cursor:pointer}.bookmark-btn.active{color:#c49a6c}.bookmark-group-btn{background:none;border:1px solid #fbbf24;color:#fbbf24;padding:4px;margin:0 4px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.bookmark-group-section ul{list-style:none;padding:0;margin:0}.bookmark-group-btn.active,.bookmark-group-btn:hover{background:#fbbf24;color:#1e293b}.add-group-btn{background:#fbbf2433;border:none;color:#fff;padding:5px 10px;border-radius:20px;font-size:1.4rem;cursor:pointer}.bookmark-actions{display:flex;flex-wrap:wrap;gap:0px;justify-content:flex-end}.bookmark-group-section{margin-bottom:10px;background:#f8fafc;border-radius:16px;padding:3px 5px 0;border:1px solid #e2e8f0}.sort-controls{display:flex;flex-direction:row;gap:4px;margin-left:12px}.sort-controls button{background:none;border:1px solid #d2c19b;color:#5b4636;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;padding:0;transition:all .2s}.sort-controls button:hover:not(:disabled){background:#d2c19b;color:#1e293b}.sort-controls button:disabled{opacity:.3;cursor:not-allowed}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #fbbf24}.group-header h3{margin:0;color:#1e293b}.group-actions{display:flex;gap:4px}.group-action-btn{background:none;border:1px solid #d2c19b;color:#5b4636;width:40px;height:40px;border-radius:50%;font-size:1.4rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.group-action-btn:hover{background:#d2c19b;color:#1e293b;transform:scale(1.1)}.layout{display:flex}.main{flex:1;padding:80px 20px 60px;overflow-y:auto;min-height:100vh;display:flex;flex-direction:column}.right-alphabet-bar{position:fixed;top:72px;height:calc(100vh - 64px);background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;padding:0;overflow-y:auto;width:58px}.letter{width:40px;height:30px;margin:2px 0;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#1e293b;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.letter:hover{background:#fbbf24;color:#1e293b;border-color:#fbbf24;transform:translateY(0) scale(1.1);box-shadow:0 12px 24px #fbbf244d}.letter:active{transform:translateY(-1px) scale(2.025)}.search-input{width:85%;max-width:700px;align-self:center;margin:0 0 0 auto;padding:16px 24px;font-size:1.15rem;border:2px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 6px 20px #0000000f;transition:all .3s}.search-input:focus{border-color:#fbbf24;box-shadow:0 0 0 6px #fbbf2433}.search-input::placeholder{color:#94a3b8}.letter-group{margin-bottom:0;scroll-margin-top:60px}.letter-header{position:sticky;top:76px;background:#1e293b;color:#fbbf24;font-size:1.3rem;font-weight:700;padding:0 10px;margin:0 0 12px;border-radius:0 12px 12px 0;z-index:70;box-shadow:0 4px 12px #0000001a}.poem-listing{list-style:none;padding:0 5px;margin:5;display:flex;flex-direction:column;gap:0px}.poem-list-item{display:flex;cursor:pointer;border-radius:12px;transition:all .2s;background:#f8fafc;flex-direction:row;align-items:center;justify-content:space-between;padding:3px 0;margin:1px 0}.poem-list-item:hover{background:#fffbeb;transform:translate(-4px);box-shadow:0 4px 16px #fbbf2426}.poem-list-all{list-style:none;padding:0 5px;margin:5;display:flex;flex-direction:column;gap:0px}.poem-title{flex:1;font-size:1.15rem;font-weight:500;color:#1e293b;padding-left:16px;cursor:pointer}.bookmark-toggle{background:none;border:none;font-size:1.6rem;cursor:pointer;padding:0 4px 0 20px;color:#fbbf24;opacity:.8}.bookmark-toggle:hover{opacity:1;transform:scale(1.2)}mark{background:#fffbeb;color:#d97706;padding:2px 6px;border-radius:6px;font-weight:600}.poem-page{max-width:900px;padding:10px 10px 0}.bayt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.5rem 1.5rem;margin-bottom:.5rem;padding:10px 10px 8px 5px;border-bottom:1px solid #f1f5f9;transition:background .3s;border-radius:12px;counter-increment:bayt-counter;position:relative;align-items:start}.bayt_lazema{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.5rem 1.5rem;margin-bottom:.5rem;padding:10px 10px 8px 5px;border-bottom:1px solid #f1f5f9;transition:background .3s;border-radius:12px;position:relative;align-items:start;color:#c307f1}.bayt:before{content:counter(bayt-counter);font-family:Noto Naskh Arabic,serif;font-size:1rem;font-weight:700;color:#1e293b;opacity:.8;background:#f1f5f9;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;grid-row:1 / 2;grid-column:1 / 2;align-self:start;margin-left:12px}.poem-container{counter-reset:bayt-counter}.poem-search-hit{background:#ffe28a;padding:0 2px;border-radius:3px}.sadr{grid-row:1 / 2;grid-column:2 / 3;text-align:right;justify-self:end}.ajuz{grid-row:2 / 3;grid-column:1 / -1;text-align:right;justify-self:start;padding-right:60px;opacity:.95}.bayt .sadr:only-child,.bayt .ajuz:only-child{grid-column:2 / -1;text-align:right;justify-self:end}.bayt:hover{background:#fffbeb}.bayt.temp-selected{background:#b7bfff;border-radius:16px;padding:1.5rem 1rem;margin:.5rem 0}.bayt.selected{background:#c3ffc8;border-radius:16px;padding:1.5rem 1rem;margin:.5rem 0}.bayt.temp-selected.selected{background:#fef3c7}.related{margin-top:0rem;padding:.5rem;background:#f4f3f0;border-radius:16px;border:2px solid #e2e8f0}.related h3{color:#1e293b;font-size:1.3rem;margin-bottom:0rem;padding-right:10px}.related li{padding:2px 0;font-size:1.2rem;cursor:pointer;transition:color .2s}.related li:hover{color:#d97706}.maqams-page{padding:12px}.maqam-group{margin-bottom:10px}.maqam-header{background:#f5efe6;border:1px solid #ddd;padding:8px 12px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.collapse-icon{font-size:18px}.icon{cursor:pointer;font-size:1.3rem;opacity:.85;transition:opacity .2s ease}.icon:hover{opacity:1}.categories-icon,.icon-btn2{background:#ffffff26;border:none;color:#fbbf24;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.categories-list{font-size:1.5rem;list-style:decimal;margin:10px 10px 0 0}.category-page{padding:0 15px 0 0}.maqam-list{list-style:none;margin:0;padding:6px 12px}.maqam-list li{padding:6px 0;cursor:pointer}.maqam-list li:hover{color:#c49a6c}.maqams-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #ddd;background:#f5efe6}.maqams-header h2{margin:0;font-size:18px}@media(max-width:768px){.back-btn{width:40px;height:40px;font-size:1.3rem;transform:rotate(180deg)}.main{padding:68px 0 4px}.poem-list-wrapper{flex:1;max-width:none;margin:0;background:#fff;border-radius:20px;padding:2px 65px 0 0;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column}.poem-list-wrapper:after{content:"";display:block;height:40px}.search-input{padding:14px 20px;font-size:1.1rem}.search-container{position:relative;width:100%;max-width:700px;margin:0 auto 10px}.voice-search-btn{position:absolute;left:3px;top:54%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;cursor:pointer;color:#1e293b;opacity:.7;transition:all .2s;padding:8px;border-radius:50%}.voice-search-btn:hover{opacity:1;background:#fbbf2426;transform:translateY(-50%) scale(1.1)}.voice-search-btn:active{transform:translateY(-50%) scale(.95)}.voice-search-btn.listening{animation:pulse 1.5s infinite;color:#fbbf24}@keyframes pulse{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 10px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.poem-container{padding:0 5px 2px;font-size:1.4rem}.bayt{grid-template-columns:1fr;gap:.5rem}.bayt:before{grid-row:2;grid-column:1}.sadr{grid-row:2;grid-column:1;padding-right:40px;text-align:right;justify-self:start}.ajuz{grid-row:3;grid-column:1;padding-right:100;text-align:right;justify-self:start}.bayt .sadr:only-child,.bayt .ajuz:only-child{grid-column:1;justify-self:start}}