.lib-root{min-height:100vh;background:var(--bg);padding-top:var(--hdr-height);overflow-x:hidden}.lib-hero-inner:before{content:"";display:block;width:40px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:12px}.lib-hero-inner{position:relative;max-width:var(--w-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;animation:fadeUp .5s ease both}.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);direction:rtl;margin-bottom:5px;background:linear-gradient(90deg,var(--gold) 0,var(--gold) 35%,rgba(255,255,255,.75) 50%,var(--gold) 65%,var(--gold) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 1.5s ease-out .5s 1 forwards}.lib-hero-stats{display:flex;gap:10px;flex-wrap:wrap}.lib-stat{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-card);padding:var(--space-3) var(--space-5);text-align:center;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-sm)}.lib-stat-num{font-family:var(--font-display);font-size:1.55rem;font-weight:var(--fw-bold);color:var(--text)}.lib-stat-label{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em}.lib-filters{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 32px}.lib-filters-inner{max-width:var(--w-max);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.lib-filter-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.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{height:36px;padding:0 32px 0 12px;border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;appearance:none;-webkit-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-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s;min-width:160px}.lib-select:focus{outline:none;border-color:var(--gold)}.lib-filter-divider{width:1px;height:24px;background:var(--border2);flex-shrink:0}.lib-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--border2);border-radius:var(--radius-btn);padding:0 12px;height:36px;flex:1 1;min-width:160px;max-width:320px;transition:border-color .15s}.lib-search:focus-within{border-color:var(--gold)}.lib-search-input{flex:1 1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text);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);margin:0 auto;display:flex;align-items:center;justify-content:center}.lib-tab{padding:12px 22px;font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text3);border:none;border-bottom:2.5px solid transparent;background:none;cursor:pointer;transition:all .15s;white-space:nowrap}.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);border-radius:10px;padding:1px 7px;margin-left:5px;font-weight:var(--fw-bold);color:var(--text3)}.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:fadeUp .5s ease .14s both}@media (max-width:640px){.lib-filters,.lib-hero,.lib-tab-bar{padding-left:16px;padding-right:16px}.lib-content{padding:16px}.lib-view-toggle{margin-left:0;width:100%;justify-content:flex-end}.lib-arabic{display:none}.lib-hero-inner{padding-bottom:14px}}.lib-view-toggle{gap:4px;margin-left:auto;flex-shrink:0}.lib-view-btn,.lib-view-toggle{display:flex;align-items:center}.lib-view-btn{width:32px;height:32px;border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);justify-content:center;color:var(--text3);cursor:pointer;transition:all .15s}.lib-view-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.lib-col-divider{width:1px;height:20px;background:var(--border2);margin:0 4px;flex-shrink:0}.lib-col-btn{min-width:26px;height:26px;border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:transparent;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text3);cursor:pointer;transition:all .15s;padding:0 6px}.lib-col-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.lib-grid{display:grid;grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px}@media (max-width:768px){.lib-grid{grid-template-columns:1fr!important}}.lib-grid-view{display:grid;grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px}@media (max-width:768px){.lib-grid-view{grid-template-columns:repeat(2,1fr)!important}}.lib-grid-card{position:relative;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto auto;align-items:center;gap:2px 8px;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);transition:box-shadow .2s ease,transform .2s ease}.lib-grid-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lib-grid-card.playing{border-color:var(--gold);background:var(--gold-dim,rgba(201,168,76,.08))}.lib-grid-play{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--text2);cursor:pointer;transition:all .15s;z-index:2}.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 rgba(0,0,0,.18)}.lib-grid-num{grid-column:1;grid-row:1;width:32px;height:32px;border-radius:var(--radius-btn);background:var(--surface);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2)}.lib-grid-card.playing .lib-grid-num{background:var(--gold);border-color:var(--gold);color:#fff}.lib-grid-arabic{grid-column:2;grid-row:1;font-size:var(--fs-2xl);color:var(--text);direction:rtl;text-align:right;line-height:var(--lh-snug);padding-right:28px}.lib-grid-name{grid-column:1/-1;grid-row:2;font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-grid-meta{grid-column:1/-1;grid-row:3;font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium)}.lib-item{display:flex;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 ease,transform .2s ease;position:relative}.lib-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.lib-item.playing{border-color:var(--gold);background:var(--gold-dim,rgba(201,168,76,.08))}.lib-play{width:42px;height:42px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text2);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;z-index:2}.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 rgba(0,0,0,.18)}[data-theme=light] .lib-item.playing .lib-play{background:#003049;border-color:#003049}[data-theme=light] .lib-wave span{background:#fff}.lib-num{width:30px;height:30px;border-radius:var(--radius-btn);background:var(--surface);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2);flex-shrink:0}.lib-item.playing .lib-num{background:var(--gold3);border-color:var(--gold3);color:#fff}.lib-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.lib-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-arabic{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--text2);direction:rtl;text-align:right;line-height:var(--lh-snug);flex-shrink:0}.lib-meta{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium)}.lib-actions{gap:4px;flex-shrink:0;z-index:2}.lib-action-btn,.lib-actions{display:flex;align-items:center}.lib-action-btn{width:30px;height:30px;border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);justify-content:center;color:var(--text3);cursor:pointer;transition:all .15s;text-decoration:none}.lib-action-btn--copied,.lib-action-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.lib-action-btn--copied{pointer-events:none}.lib-simple-grid{display:grid;grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px}@media (max-width:768px){.lib-simple-grid{grid-template-columns:1fr!important}}.lib-simple-grid-view{display:grid;grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px}@media (max-width:768px){.lib-simple-grid-view{grid-template-columns:repeat(2,1fr)!important}}.lib-simple-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;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);transition:box-shadow .2s ease,transform .2s ease;text-decoration:none}.lib-simple-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.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;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;line-height:var(--lh-normal)}.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{display:flex;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 ease,transform .2s ease;text-decoration:none}.lib-simple-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark-green] .lib-grid-card,[data-theme=dark-green] .lib-item,[data-theme=dark-green] .lib-simple-card,[data-theme=dark-green] .lib-simple-item,[data-theme=dark] .lib-grid-card,[data-theme=dark] .lib-item,[data-theme=dark] .lib-simple-card,[data-theme=dark] .lib-simple-item,[data-theme=gold] .lib-grid-card,[data-theme=gold] .lib-item,[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-grid-card:hover,[data-theme=dark-green] .lib-item:hover,[data-theme=dark-green] .lib-simple-card:hover,[data-theme=dark-green] .lib-simple-item:hover,[data-theme=dark] .lib-grid-card:hover,[data-theme=dark] .lib-item:hover,[data-theme=dark] .lib-simple-card:hover,[data-theme=dark] .lib-simple-item:hover,[data-theme=gold] .lib-grid-card:hover,[data-theme=gold] .lib-item:hover,[data-theme=gold] .lib-simple-card:hover,[data-theme=gold] .lib-simple-item:hover{border-color:var(--gold);box-shadow:0 4px 20px rgba(0,0,0,.3)}[data-theme=light] .lib-grid-card,[data-theme=light] .lib-item,[data-theme=light] .lib-simple-card,[data-theme=light] .lib-simple-item,[data-theme=white] .lib-grid-card,[data-theme=white] .lib-item,[data-theme=white] .lib-simple-card,[data-theme=white] .lib-simple-item{border:none;box-shadow:var(--shadow-card)}[data-theme=light] .lib-grid-card:hover,[data-theme=light] .lib-item:hover,[data-theme=light] .lib-simple-card:hover,[data-theme=light] .lib-simple-item:hover,[data-theme=white] .lib-grid-card:hover,[data-theme=white] .lib-item:hover,[data-theme=white] .lib-simple-card:hover,[data-theme=white] .lib-simple-item:hover{box-shadow:var(--shadow-md)}[data-theme=light] .lib-grid-card.playing,[data-theme=light] .lib-item.playing,[data-theme=white] .lib-grid-card.playing,[data-theme=white] .lib-item.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{display:flex;align-items:center;gap:2px;height:16px}.lib-wave span{width:3px;border-radius:2px;background:var(--gold);transform-origin:bottom;animation:libWave .8s ease-in-out infinite}.lib-wave span:nth-child(2){animation-delay:.15s;height:10px}.lib-wave span:nth-child(3){animation-delay:.3s;height:14px}.lib-wave span:first-child{height:8px}.lib-wave span:nth-child(4){animation-delay:.45s;height:6px}.lib-empty{text-align:center;padding:60px 20px;color:var(--text3);grid-column:1/-1}.lib-empty-icon{font-size:2.2rem;margin-bottom:10px}[data-theme=light] .lib-root{background:var(--bg)}[data-theme=light] .lib-filters{background:var(--bg2);border-radius:16px 16px 0 0;margin-top:-20px;position:relative;z-index:3;border-bottom:1px solid rgba(180,130,40,.12);box-shadow:0 -6px 24px rgba(0,0,0,.04)}[data-theme=light] .lib-tab-bar{background:var(--bg2);position:relative;z-index:3;border-bottom:1px solid rgba(180,130,40,.1)}[data-theme=light] .lib-content{background:var(--bg)}[data-theme=light] .lib-grid-card,[data-theme=light] .lib-item,[data-theme=light] .lib-simple-card,[data-theme=light] .lib-simple-item{background:var(--surface);border:1px solid #ece0cc;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.03)}[data-theme=light] .lib-grid-card:hover,[data-theme=light] .lib-item:hover,[data-theme=light] .lib-simple-card:hover,[data-theme=light] .lib-simple-item:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.09),0 4px 10px rgba(0,0,0,.05);border-color:rgba(180,130,40,.25)}[data-theme=dark-green] .lib-filters,[data-theme=dark] .lib-filters,[data-theme=gold] .lib-filters{background:var(--bg);border-radius:16px 16px 0 0;margin-top:-20px;position:relative;z-index:3;box-shadow:0 -6px 24px rgba(0,0,0,.2)}[data-theme=dark-green] .lib-tab-bar,[data-theme=dark] .lib-tab-bar,[data-theme=gold] .lib-tab-bar,[data-theme=white] .lib-filters{background:var(--bg);position:relative;z-index:3}[data-theme=white] .lib-filters{border-radius:16px 16px 0 0;margin-top:-20px;box-shadow:0 -4px 20px rgba(0,0,0,.05)}[data-theme=white] .lib-tab-bar{background:var(--bg);position:relative;z-index:3}