@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{color:#2b2424;font-synthesis:none;--primary:#7ba388;--secondary:#6e5e5e;--tertiary:#c1dbed;--accent:#da7da0;--on-primary:#2b2424;background:#f7f5f3;font-family:Noto Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}.app{background:#f7f5f3;flex-direction:column;min-block-size:100dvh;display:flex}header{background:var(--primary);color:var(--on-primary);justify-content:space-between;align-items:center;gap:1rem;inline-size:100%;padding:1rem;display:flex}.brand{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.65rem;margin:0;padding:0;font-size:1.35rem;font-weight:700;display:inline-flex}.brand:focus-visible{outline:3px solid var(--accent);outline-offset:3px}main{flex:1;inline-size:min(100%,640px);margin-inline:auto;padding:1rem}.home{flex-direction:column;gap:1rem;display:flex}.filters{gap:.75rem;display:grid}.field-label{color:var(--secondary);margin-block-end:.35rem;font-weight:700;display:block}.field-input{border:2px solid var(--secondary);color:#2b2424;background:#fff;border-radius:.6rem;min-block-size:48px;inline-size:100%;padding:.55rem .75rem}.field-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.filter-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.filter-row{grid-template-columns:1fr}}.results-meta{color:var(--secondary);margin:0;font-weight:700}.song-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.song-card{text-align:start;border:2px solid var(--secondary);cursor:pointer;inline-size:100%;color:inherit;background:#fff;border-radius:.6rem;padding:.85rem 1rem;display:block}.song-card:hover{background:var(--tertiary)}.song-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.song-card h2{margin:0 0 .5rem;font-size:1.15rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--tertiary);color:var(--secondary);border-radius:99px;padding:.2rem .65rem;font-size:.85rem;font-weight:700;display:inline-block}.chip-accent{color:#8a3d5c;background:#da7da040}.song-page h1{margin:0 0 .75rem;font-size:1.35rem}.song-actions{flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;display:flex}.video-wrap{aspect-ratio:16/9;border:2px solid var(--secondary);background:#000;border-radius:.6rem;inline-size:100%;margin-block-end:1rem;position:relative;overflow:hidden}.video-wrap iframe{border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.lyrics-sections{flex-direction:column;gap:.75rem;display:flex}.lyrics-card{background:var(--tertiary);border:2px solid var(--secondary);border-radius:.6rem;padding:1rem}.lyrics-card h2{color:var(--secondary);margin:0 0 .5rem;font-size:1rem}.lyrics-lines{text-align:center;white-space:pre-wrap;margin:0;line-height:1.9}.action,.btn-secondary,.btn-danger{border:2px solid var(--secondary);cursor:pointer;border-radius:.6rem;min-block-size:56px;padding:.6rem 1rem;font-weight:700}.action{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.action:hover:not(:disabled){filter:brightness(.95)}.action:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:var(--secondary);background:#fff}.btn-secondary:hover{background:var(--tertiary)}.btn-danger{color:#8a3d5c;border-color:var(--accent);background:#fff}.btn-danger:hover{background:#da7da02e}.action:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.icon-btn{border:2px solid var(--secondary);block-size:44px;inline-size:44px;color:var(--secondary);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-content:center;padding:0;display:grid}.icon-btn:hover{background:var(--tertiary)}.not-found{text-align:center;padding:2rem 0}.modal-backdrop{z-index:50;background:#2b24248c;place-content:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{color:#2b2424;border:2px solid var(--secondary);background:#f7f5f3;border-radius:.8rem;gap:.75rem;inline-size:min(100%,360px);padding:1.25rem;display:grid}.modal h2{margin:0;font-size:1.15rem}.modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.toast{background:var(--secondary);color:#fff;z-index:40;border-radius:.6rem;inline-size:fit-content;max-inline-size:min(90vw,320px);margin-inline:auto;padding:.75rem 1.25rem;font-weight:700;position:fixed;inset-block-end:1.5rem;inset-inline:1rem;box-shadow:0 8px 24px #2b242440}.editor{flex-direction:column;gap:1rem;display:flex}.editor-section{border:2px solid var(--secondary);background:#fff;border-radius:.6rem;gap:.75rem;padding:1rem;display:grid}.editor-section-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.editor-section-actions{flex-wrap:wrap;gap:.35rem;display:flex}.editor-errors{color:#8a3d5c;margin:0;padding-inline-start:1.25rem;font-weight:700}.editor textarea.field-input{resize:vertical;min-block-size:120px}.sticky-actions{gap:.75rem;margin-block-start:.5rem;display:grid}