.lib-root{background:var(--bg);min-height:100vh;padding-top:var(--hdr-height);overflow-x:hidden}.lib-hero-inner:before{content:"";background:var(--gold);border-radius:2px;width:40px;height:3px;margin-bottom:12px;display:block}.lib-hero-inner{max-width:var(--w-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;animation:.5s both fadeUp;display:flex;position:relative}.lib-hero-title{font-family:var(--font-display);font-size:1.7rem;font-weight:var(--fw-bold);color:var(--text);line-height:var(--lh-tight)}.lib-hero-sub{font-size:var(--fs-sm);color:var(--text2);margin-top:4px}.lib-hero-arabic{font-family:var(--font-arabic);font-size:var(--fs-2xl);color:var(--gold);direction:rtl;margin-bottom:5px}.lib-filters{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 32px}.lib-filters-inner{max-width:var(--w-max);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.lib-filter-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.lib-filter-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);white-space:nowrap}.lib-select{border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);height:36px;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23c9a84c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:160px;padding:0 32px 0 12px;transition:border-color .15s}.lib-select:focus{border-color:var(--gold);outline:none}.lib-filter-divider{background:var(--border2);flex-shrink:0;width:1px;height:24px}.lib-search{background:var(--bg);border:1.5px solid var(--border2);border-radius:var(--radius-btn);flex:1;align-items:center;gap:8px;min-width:160px;max-width:320px;height:36px;padding:0 12px;transition:border-color .15s;display:flex}.lib-search:focus-within{border-color:var(--gold)}.lib-search-input{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0}.lib-search-input::placeholder{color:var(--text3)}.lib-tab-bar{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 32px}.lib-tab-bar-inner{max-width:var(--w-max);justify-content:center;align-items:center;margin:0 auto;display:flex}.lib-tab{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:12px 22px;transition:all .15s}.lib-tab:hover{color:var(--text2)}.lib-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.lib-tab-count{font-size:var(--fs-xs);background:var(--border2);font-weight:var(--fw-bold);color:var(--text3);border-radius:10px;margin-left:5px;padding:1px 7px}.lib-tab.active .lib-tab-count{background:var(--gold-dim);color:var(--gold)}.lib-content{max-width:var(--w-max);margin:0 auto;padding:24px 32px;animation:.5s .14s both fadeUp}@media (max-width:640px){.lib-hero,.lib-filters,.lib-tab-bar{padding-left:16px;padding-right:16px}.lib-content{padding:16px}.lib-view-toggle{justify-content:flex-end;width:100%;margin-left:0}.lib-arabic{display:none}.lib-hero-inner{padding-bottom:14px}}.lib-view-toggle{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.lib-view-btn{border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);width:32px;height:32px;color:var(--text3);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.lib-view-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.lib-col-divider{background:var(--border2);flex-shrink:0;width:1px;height:20px;margin:0 4px}.lib-col-btn{border-radius:var(--radius-btn);border:1.5px solid var(--border2);min-width:26px;height:26px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text3);cursor:pointer;background:0 0;padding:0 6px;transition:all .15s}.lib-col-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.lib-grid{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-grid{grid-template-columns:1fr!important}}.lib-grid-view{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-grid-view{grid-template-columns:repeat(2,1fr)!important}}.lib-grid-card{padding:var(--space-4)var(--space-3)var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);grid-template-rows:auto auto auto;grid-template-columns:36px 1fr;align-items:center;gap:2px 8px;transition:box-shadow .2s,transform .2s;display:grid;position:relative}.lib-grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lib-grid-card.playing{border-color:var(--gold);background:var(--gold-dim,#c9a84c14)}.lib-grid-play{background:var(--surface);border:1.5px solid var(--border2);width:26px;height:26px;color:var(--text2);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:8px;right:8px}.lib-grid-play:hover{background:var(--gold);border-color:var(--gold);color:#fff}.lib-grid-card.playing .lib-grid-play{background:var(--gold3);border-color:var(--gold3);color:#fff;box-shadow:0 0 0 3px var(--gold-glow2),0 2px 8px #0000002e}.lib-grid-num{border-radius:var(--radius-btn);background:var(--surface);border:1px solid var(--border2);width:32px;height:32px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2);grid-area:1/1;justify-content:center;align-items:center;display:flex}.lib-grid-card.playing .lib-grid-num{background:var(--gold);border-color:var(--gold);color:#fff}.lib-grid-arabic{font-size:var(--fs-2xl);color:var(--text);text-align:right;line-height:var(--lh-snug);direction:rtl;grid-area:1/2;padding-right:28px}.lib-grid-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text2);white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;overflow:hidden}.lib-grid-meta{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium);grid-area:3/1/auto/-1}.lib-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;display:flex;position:relative}.lib-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lib-item.playing{border-color:var(--gold);background:var(--gold-dim,#c9a84c14)}.lib-play{background:var(--surface);border:1.5px solid var(--border2);width:42px;height:42px;color:var(--text2);cursor:pointer;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,transform .1s;display:flex}.lib-play:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:scale(1.08)}.lib-item.playing .lib-play{background:var(--gold3);border-color:var(--gold3);color:#fff;box-shadow:0 0 0 3px var(--gold-glow2),0 2px 8px #0000002e}[data-theme=light] .lib-item.playing .lib-play{background:#003049;border-color:#003049}[data-theme=light] .lib-wave span{background:#fff}.lib-num{border-radius:var(--radius-btn);background:var(--surface);border:1px solid var(--border2);width:30px;height:30px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lib-item.playing .lib-num{background:var(--gold3);border-color:var(--gold3);color:#fff}.lib-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lib-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lib-arabic{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--text2);text-align:right;line-height:var(--lh-snug);direction:rtl;flex-shrink:0}.lib-meta{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium)}.lib-actions{z-index:2;flex-shrink:0;align-items:center;gap:4px;display:flex}.lib-action-btn{border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);width:30px;height:30px;color:var(--text3);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.lib-action-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.lib-action-btn--copied{border-color:var(--gold);color:var(--gold);background:var(--gold-dim);pointer-events:none}.lib-simple-grid{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-simple-grid{grid-template-columns:1fr!important}}.lib-simple-grid-view{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-simple-grid-view{grid-template-columns:repeat(2,1fr)!important}}.lib-simple-card{text-align:center;padding:var(--space-4)var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:5px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.lib-simple-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lib-simple-card .lib-num{width:36px;height:36px;font-size:var(--fs-sm)}.lib-simple-card .lib-arabic{font-size:var(--fs-base);margin-top:4px}.lib-simple-item .lib-arabic{font-size:var(--fs-xl);text-align:left;white-space:nowrap;text-overflow:ellipsis;line-height:var(--lh-normal);flex-shrink:1;overflow:hidden}.lib-simple-card .lib-name{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.lib-simple-card .lib-meta{font-size:var(--fs-xs)}.lib-simple-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.lib-simple-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-theme=dark-green] .lib-item,[data-theme=dark-green] .lib-grid-card,[data-theme=dark-green] .lib-simple-card,[data-theme=dark-green] .lib-simple-item,[data-theme=dark] .lib-item,[data-theme=dark] .lib-grid-card,[data-theme=dark] .lib-simple-card,[data-theme=dark] .lib-simple-item,[data-theme=gold] .lib-item,[data-theme=gold] .lib-grid-card,[data-theme=gold] .lib-simple-card,[data-theme=gold] .lib-simple-item{background:var(--bg2);border:1.5px solid var(--border2);box-shadow:none}[data-theme=dark-green] .lib-item:hover,[data-theme=dark-green] .lib-grid-card:hover,[data-theme=dark-green] .lib-simple-card:hover,[data-theme=dark-green] .lib-simple-item:hover,[data-theme=dark] .lib-item:hover,[data-theme=dark] .lib-grid-card:hover,[data-theme=dark] .lib-simple-card:hover,[data-theme=dark] .lib-simple-item:hover,[data-theme=gold] .lib-item:hover,[data-theme=gold] .lib-grid-card:hover,[data-theme=gold] .lib-simple-card:hover,[data-theme=gold] .lib-simple-item:hover{border-color:var(--gold);box-shadow:0 4px 20px #0000004d}[data-theme=light] .lib-item,[data-theme=light] .lib-grid-card,[data-theme=light] .lib-simple-card,[data-theme=light] .lib-simple-item,[data-theme=white] .lib-item,[data-theme=white] .lib-grid-card,[data-theme=white] .lib-simple-card,[data-theme=white] .lib-simple-item{box-shadow:var(--shadow-card);border:none}[data-theme=light] .lib-item:hover,[data-theme=light] .lib-grid-card:hover,[data-theme=light] .lib-simple-card:hover,[data-theme=light] .lib-simple-item:hover,[data-theme=white] .lib-item:hover,[data-theme=white] .lib-grid-card:hover,[data-theme=white] .lib-simple-card:hover,[data-theme=white] .lib-simple-item:hover{box-shadow:var(--shadow-md)}[data-theme=light] .lib-item.playing,[data-theme=light] .lib-grid-card.playing,[data-theme=white] .lib-item.playing,[data-theme=white] .lib-grid-card.playing{box-shadow:0 0 0 1.5px var(--gold),var(--shadow-card)}@keyframes libWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.lib-wave{align-items:center;gap:2px;height:16px;display:flex}.lib-wave span{background:var(--gold);transform-origin:bottom;border-radius:2px;width:3px;animation:.8s ease-in-out infinite libWave}.lib-wave span:nth-child(2){height:10px;animation-delay:.15s}.lib-wave span:nth-child(3){height:14px;animation-delay:.3s}.lib-wave span:first-child{height:8px}.lib-wave span:nth-child(4){height:6px;animation-delay:.45s}.lib-empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:60px 20px}.lib-empty-icon{margin-bottom:10px;font-size:2.2rem}[data-theme=light] .lib-root{background:var(--bg)}[data-theme=light] .lib-filters{background:var(--bg2);z-index:3;border-bottom:1px solid #b482281f;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -6px 24px #0000000a}[data-theme=light] .lib-tab-bar{background:var(--bg2);z-index:3;border-bottom:1px solid #b482281a;position:relative}[data-theme=light] .lib-content{background:var(--bg)}[data-theme=light] .lib-item,[data-theme=light] .lib-grid-card,[data-theme=light] .lib-simple-card,[data-theme=light] .lib-simple-item{background:var(--surface);border:1px solid #ece0cc;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000008}[data-theme=light] .lib-item:hover,[data-theme=light] .lib-grid-card:hover,[data-theme=light] .lib-simple-card:hover,[data-theme=light] .lib-simple-item:hover{border-color:#b4822840;transform:translateY(-3px);box-shadow:0 14px 32px #00000017,0 4px 10px #0000000d}[data-theme=dark-green] .lib-filters,[data-theme=dark] .lib-filters,[data-theme=gold] .lib-filters{background:var(--bg);z-index:3;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -6px 24px #0003}[data-theme=dark-green] .lib-tab-bar,[data-theme=dark] .lib-tab-bar,[data-theme=gold] .lib-tab-bar{background:var(--bg);z-index:3;position:relative}[data-theme=white] .lib-filters{background:var(--bg);z-index:3;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -4px 20px #0000000d}[data-theme=white] .lib-tab-bar{background:var(--bg);z-index:3;position:relative}