@font-face{font-family:'David Libre';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/davidlibre-hebrew-400.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'David Libre';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/davidlibre-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'David Libre';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/davidlibre-hebrew-700.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'David Libre';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/davidlibre-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/frankruhllibre-hebrew-400.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/frankruhllibre-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/frankruhllibre-hebrew-400.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/frankruhllibre-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{--navy:#14213d;--navy2:#1d2d52;--burg:#6d1a2b;--gold:#c9a24a;--gold2:#e3c77d;--cream:#faf6ec;--ink:#1c1c24;--muted:#5b5a66;--line:#e6dcc4;
--head:'Frank Ruhl Libre','David Libre','Noto Serif Hebrew','Times New Roman',serif;--body:'David Libre','Frank Ruhl Libre','Noto Serif Hebrew','Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);font-size:19px;line-height:1.75;color:var(--ink);background:var(--cream);text-align:right;-webkit-text-size-adjust:100%}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.skip{position:absolute;right:-999px;top:0;background:var(--gold);color:var(--navy);padding:8px 14px;z-index:9}
.skip:focus{right:8px}
a{color:var(--burg)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{background:radial-gradient(ellipse at top,var(--navy2),var(--navy) 70%);color:#fff;text-align:center;padding:28px 0 22px;border-bottom:4px solid var(--gold)}
.draft{display:inline-block;margin:0 0 14px;font-size:14px;letter-spacing:.02em;color:var(--navy);background:var(--gold2);padding:2px 12px;border-radius:999px}
.ornament{color:var(--gold);letter-spacing:.5em;font-size:14px}
.ornament.gold{letter-spacing:0;font-size:22px}
h1{font-family:var(--head);font-weight:700;font-size:clamp(34px,8.6vw,62px);line-height:1.18;margin:6px auto 10px;max-width:820px;text-wrap:balance;color:var(--gold2);text-shadow:0 2px 0 rgba(0,0,0,.25)}
.subtitle{font-family:var(--head);font-size:clamp(18px,4.6vw,24px);line-height:1.5;margin:0 auto 18px;max-width:640px;color:#f1ead6}
.topnav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;border-top:1px solid rgba(201,162,74,.35);padding-top:14px}
.topnav a{color:#fff;text-decoration:none;font-size:17px;padding:4px 10px;border-radius:6px}
.topnav a:hover{background:rgba(255,255,255,.08);color:var(--gold2)}
.section{padding:40px 20px}
.wrap.section{padding:40px 20px}
h2{font-family:var(--head);font-weight:700;color:var(--navy);font-size:clamp(26px,6vw,34px);line-height:1.3;margin:0 0 14px}
h2::after{content:"";display:block;width:56px;height:3px;background:var(--gold);margin-top:10px}
.intro p{font-size:20px;max-width:760px;margin:0}
.honor{background:linear-gradient(180deg,#f3ead3,#faf6ec)}
.honor-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--burg);border-radius:10px;padding:28px 22px;text-align:center;max-width:760px;margin:0 auto;box-shadow:0 6px 24px rgba(20,33,61,.07)}
.honor-card h2{color:var(--burg)}
.honor-card h2::after{margin:12px auto 0}
.honor-aka{font-family:var(--head);font-size:24px;color:var(--navy);margin:0 0 12px}
.honor-card p{text-align:right}
.honor-card p.honor-aka{text-align:center}
.placeholder{border:2px dashed var(--gold);background:#fffaf0;color:var(--muted);padding:12px 14px;border-radius:8px;font-size:17px}
.placeholder strong{color:var(--burg)}
.controls{display:grid;gap:14px;margin-bottom:10px}
.search input{width:100%;font:inherit;font-size:18px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);direction:rtl}
.search input:focus{border-color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:16px;line-height:1.2;padding:8px 14px;border-radius:999px;border:1px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer;min-height:40px}
.chip[aria-pressed="true"]{background:var(--navy);color:var(--gold2)}
.composer{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--muted);flex-wrap:wrap}
.composer select{font:inherit;font-size:17px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);min-width:200px;max-width:100%}
.count{color:var(--muted);font-size:16px;margin:4px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px rgba(20,33,61,.05);border-right:4px solid var(--gold)}
.card h3{font-family:var(--head);font-size:24px;line-height:1.3;margin:0;color:var(--navy)}
.meta{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:14px;line-height:1.3;padding:3px 10px;border-radius:999px;background:#f3ead3;color:var(--burg)}
.tag.comp{background:#e9edf6;color:var(--navy)}
.tag.ex{background:var(--gold2);color:var(--navy)}
.note{margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.card audio{width:100%;margin-top:6px;direction:ltr}
.soon{margin-top:6px;text-align:center;font-size:16px;color:var(--muted);background:#f7f2e4;border-radius:8px;padding:10px}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:24px}
@media (max-width:480px){.chips{gap:6px}.chip{font-size:15px;padding:6px 12px;min-height:38px}}
.contact{background:var(--navy);color:#f1ead6}
.contact h2{color:var(--gold2)}
.contact p{max-width:760px;font-size:19px}
.contact .placeholder{background:rgba(255,255,255,.06);color:#f1ead6;border-color:var(--gold)}
.contact .placeholder strong{color:var(--gold2)}
.footer{background:#0e1830;color:#cfc6ae;text-align:center;padding:22px 0 30px;font-family:var(--head)}
.footer p{margin:4px 0 0;font-size:18px}
@media (min-width:760px){.controls{grid-template-columns:1fr auto;align-items:center}.chips{grid-column:1/-1;order:3}.hero{padding:44px 0 26px}}

.honor-bio{font-size:19px;line-height:1.9;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}

/* compact cards for a long library (50+ niggunim) */
.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.more{display:block;margin:20px auto 0;font:inherit;font-size:18px;padding:10px 22px;min-height:44px;border-radius:999px;border:1px solid var(--gold);background:#fff;color:var(--navy);cursor:pointer}
.more[hidden]{display:none}
@media (max-width:480px){
  .grid{gap:10px}
  .card{padding:12px 14px 12px;gap:6px;border-radius:10px}
  .card h3{font-size:21px}
  .tag{font-size:13px;padding:2px 9px}
  .note{font-size:16px;line-height:1.55}
  .card audio{margin-top:2px;height:40px}
  .soon{margin-top:2px;padding:7px;font-size:15px}
}
[hidden]{display:none!important}

.email-line{border:2px solid var(--gold);background:rgba(255,255,255,.06);color:#f1ead6;padding:12px 14px;border-radius:8px;font-size:18px;margin-top:12px}
.email-line a{color:var(--gold2);font-weight:700;text-decoration:underline;white-space:nowrap;display:inline-block;unicode-bidi:isolate}

/* custom player — no native controls, no download (Rebbe, Oct 27 2026) */
.card audio{display:none}
.player{display:flex;align-items:center;gap:10px;margin-top:6px;direction:ltr;background:#f7f2e4;border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 5px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pp{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--navy);color:var(--gold2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.pp .ico{display:block;width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--gold2);margin-left:3px}
.player.playing .pp .ico{width:12px;height:15px;border:0;margin-left:0;border-left:4px solid var(--gold2);border-right:4px solid var(--gold2)}
.player.loading .pp{opacity:.75}
.bar{flex:1;min-width:0;height:22px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%}
.bar:disabled{cursor:default}
.bar::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--gold) var(--p),#dccfae var(--p))}
.bar::-moz-range-track{height:5px;border-radius:999px;background:#dccfae}
.bar::-moz-range-progress{height:5px;border-radius:999px;background:var(--gold)}
.bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--navy);margin-top:-5px;border:2px solid #fff}
.bar::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--navy);border:2px solid #fff}
.time{flex:none;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
@media (max-width:480px){.player{margin-top:2px}}