/* Repertoire-Modal CSS — extrahiert aus Inline am 2026-05-13 */
/* Async-loaded via media="print" onload trick — kein Render-Block */
.rep-song-card{will-change:transform}.rep-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rep-modal-container{position:relative;z-index:1;width:94vw;max-width:960px;max-height:90vh;background:var(--white);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);transform:translateY(30px) scale(0.97);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}.repertoire-modal.active .rep-modal-container{transform:translateY(0) scale(1)}.rep-modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,0.06);flex-shrink:0}.rep-modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.rep-modal-header h2{font-family:'Be Vietnam Pro',sans-serif;font-size:1.4rem;font-weight:800;color:var(--dark);margin:0;letter-spacing:-0.02em}.rep-modal-subtitle{font-size:0.8rem;color:var(--gray-light);margin-top:3px;letter-spacing:0.01em}.rep-count-badge{font-weight:700;color:var(--teal)}.rep-modal-close{width:40px;height:40px;border:none;background:var(--gray-bg);border-radius:50%;font-size:1.5rem;color:var(--gray);cursor:pointer;transition:var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.rep-modal-close:hover{background:var(--dark);color:var(--white)}.rep-search-wrap{position:relative;margin-bottom:16px}.rep-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--gray-light);pointer-events:none}.rep-search-input{width:100%;padding:14px 18px 14px 44px;border:2px solid rgba(0,0,0,0.06);border-radius:14px;font-size:0.9rem;font-family:'Open Sans',sans-serif;color:var(--dark);background:var(--gray-bg);transition:var(--transition);outline:none}.rep-search-input:focus{border-color:var(--teal);background:var(--white);box-shadow:0 0 0 4px var(--teal-glow)}.rep-search-input::placeholder{color:var(--gray-light)}.rep-genre-filters{display:flex;flex-wrap:wrap;gap:8px}.rep-modal-body{flex:1;overflow-y:auto;padding:20px 24px;-webkit-overflow-scrolling:touch}.rep-modal-body::-webkit-scrollbar{width:6px}.rep-modal-body::-webkit-scrollbar-track{background:transparent}.rep-modal-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.12);border-radius:3px}.rep-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25)}.rep-highlight-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,var(--gold-light),rgba(200,150,45,0.15));color:var(--gold-dark);font-size:0.72rem;font-weight:800;font-family:'Open Sans',sans-serif;text-transform:uppercase;letter-spacing:0.8px;border-radius:10px;margin-bottom:16px;border:1px solid rgba(200,150,45,0.2)}.rep-modal-body .rep-songs-grid{display:grid;grid-template-columns:1fr;gap:4px}.rep-modal-body .rep-song-card{display:flex;align-items:center;gap:14px;background:transparent;border-radius:10px;padding:11px 16px;transition:all 0.2s ease;border:1.5px solid transparent;position:relative}.rep-modal-body .rep-song-card:hover{background:var(--gray-bg);border-color:rgba(0,0,0,0.04)}.rep-modal-body .rep-song-card:nth-child(even){background:rgba(0,0,0,0.015)}.rep-modal-body .rep-song-card:nth-child(even):hover{background:var(--gray-bg)}.rep-modal-body .rep-song-card.is-highlight{background:linear-gradient(135deg,var(--gold-light),rgba(200,150,45,0.04));border-color:rgba(200,150,45,0.10)}.rep-modal-body .rep-song-card.is-highlight:hover{border-color:rgba(200,150,45,0.3);box-shadow:0 2px 12px var(--gold-glow)}.rep-modal-body .rep-song-nr{font-family:'Be Vietnam Pro',sans-serif;font-size:0.6rem;font-weight:800;color:var(--teal);opacity:0.35;min-width:22px;text-align:right;letter-spacing:0.5px}.rep-modal-body .rep-song-card.is-highlight .rep-song-nr{color:var(--gold);opacity:0.55}.rep-modal-body .rep-song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rep-modal-body .rep-song-info strong{display:block;font-size:0.85rem;font-weight:700;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;letter-spacing:-0.01em}.rep-modal-body .rep-song-info span{font-size:0.72rem;color:var(--gray-light);line-height:1.3;letter-spacing:0.01em}.rep-no-results{text-align:center;padding:40px 20px}.rep-no-results p{font-size:0.9rem;color:var(--gray)}.rep-modal-footer{padding:14px 24px;border-top:1px solid rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gray-bg)}.rep-modal-footer p{font-size:0.72rem;color:var(--gray-light);text-align:center;line-height:1.5;margin:0}@media (min-width:640px){.rep-modal-body .rep-songs-grid{grid-template-columns:1fr 1fr;gap:8px}}@media (min-width:900px){.rep-modal-body .rep-songs-grid{grid-template-columns:repeat(3,1fr);gap:8px}.rep-modal-header{padding:28px 32px 18px}.rep-modal-body{padding:24px 32px}.rep-modal-footer{padding:14px 32px}}@media (max-width:639px){.rep-modal-container{width:100vw;max-width:100vw;max-height:100vh;max-height:100dvh;height:100vh;height:100dvh;border-radius:0}.rep-modal-header{padding:16px 16px 12px;padding-top:max(16px,env(safe-area-inset-top,16px))}.repertoire-modal .rep-genre-filters{position:fixed;bottom:0;left:0;right:0;z-index:10001;background:var(--white);border-top:1px solid rgba(0,0,0,0.08);box-shadow:0 -4px 24px rgba(0,0,0,0.08);padding:12px 16px;padding-bottom:calc(12px+env(safe-area-inset-bottom,0px));flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.repertoire-modal .rep-genre-filters::-webkit-scrollbar{display:none}.rep-modal-body{padding:14px 16px;padding-bottom:16px}.rep-modal-footer{padding-bottom:calc(14px+56px+env(safe-area-inset-bottom,0px))}.genre-pill{padding:8px 16px;font-size:0.72rem;flex-shrink:0}.genre-pill.active{box-shadow:0 2px 10px var(--teal-glow),inset 0 -2px 0 var(--white)}.genre-pill[data-genre="highlight"].active{box-shadow:0 2px 10px var(--gold-glow),inset 0 -2px 0 var(--white)}}.rep-modal-body .rep-song-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:2px;padding:11px 16px;background:rgba(248,247,245,0.6);border-radius:10px;transition:background 0.2s ease,transform 0.2s ease;cursor:default}.rep-modal-body .rep-song-card:hover{background:rgba(86,182,196,0.10);transform:translateX(2px)}.rep-modal-body .rep-song-card.rep-song-card--popular,.rep-modal-body .rep-song-card.is-highlight{background:linear-gradient(135deg,rgba(200,150,45,0.14) 0%,rgba(200,150,45,0.05) 100%)}.rep-modal-body .rep-song-card.rep-song-card--popular:hover,.rep-modal-body .rep-song-card.is-highlight:hover{background:linear-gradient(135deg,rgba(200,150,45,0.22) 0%,rgba(200,150,45,0.08) 100%)}.rep-song-star{grid-row:1 / 3;grid-column:1;font-size:14px;color:#C8962D;align-self:center;line-height:1}.rep-song-card:not(.rep-song-card--popular):not(.is-highlight) .rep-song-star{color:rgba(200,150,45,0.35)}.rep-song-title{grid-row:1;grid-column:2;font-weight:600;font-size:14px;color:#212121;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.rep-song-artist{grid-row:2;grid-column:2;font-size:12px;color:#777;line-height:1.2;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.btn-repertoire-open,button.btn-repertoire-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;padding:10px 22px;font-family:'Open Sans',sans-serif;font-size:0.82rem;font-weight:700;letter-spacing:0.3px;background:rgba(86,182,196,0.12);border:1.5px solid rgba(86,182,196,0.55);border-radius:50px;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;text-decoration:none}.btn-repertoire-open:hover,button.btn-repertoire-open:hover{background:rgba(86,182,196,0.22);transform:translateY(-1px);box-shadow:0 4px 16px rgba(86,182,196,0.18)}@media (max-width:767.98px){.rep-modal-body .rep-song-card{padding:9px 12px;column-gap:10px}.rep-song-title{font-size:13px}.rep-song-artist{font-size:11px}.rep-song-star{font-size:12px}}.rep-genre-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.rep-genre-filters::-webkit-scrollbar{display:none}.genre-pill{padding:8px 18px;border:1.5px solid rgba(0,0,0,0.08);border-radius:12px;font-size:0.78rem;font-weight:600;font-family:'Open Sans',sans-serif;letter-spacing:0.2px;background:var(--gray-bg,#F5F5F5);color:var(--gray,#555);cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);white-space:nowrap}.genre-pill:hover{border-color:var(--teal,#56B6C4);color:var(--teal-dark,#479DA9);background:rgba(86,182,196,0.06);transform:translateY(-1px)}.genre-pill.active{background:var(--teal,#56B6C4);border-color:var(--teal,#56B6C4);color:#fff;box-shadow:0 2px 12px rgba(86,182,196,0.25)}.genre-pill[data-genre="highlight"]{border-color:rgba(200,150,45,0.25);color:#A87B1F;background:#f7eed8}.genre-pill[data-genre="highlight"].active{background:#C8962D;border-color:#C8962D;color:#fff;box-shadow:0 2px 12px rgba(200,150,45,0.25)}.rep-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#999;pointer-events:none}.rep-search-input{width:100%;padding:14px 18px 14px 44px;border:2px solid rgba(0,0,0,0.06);border-radius:14px;font-size:0.9rem;font-family:'Open Sans',sans-serif;color:#212121;background:var(--gray-bg,#F5F5F5);transition:all 0.2s ease;outline:none}.rep-search-input:focus{border-color:var(--teal,#56B6C4);background:#fff;box-shadow:0 0 0 4px rgba(86,182,196,0.20)}.rep-search-input::placeholder{color:#999}.rep-song-card{display:flex;align-items:center;gap:14px;background:transparent;border-radius:10px;padding:11px 16px;transition:all 0.2s ease;border:1.5px solid transparent;position:relative;cursor:default}.rep-song-card:hover{background:rgba(0,0,0,0.025);border-color:rgba(0,0,0,0.04)}.rep-song-card:nth-child(even){background:rgba(0,0,0,0.015)}.rep-song-card:nth-child(even):hover{background:rgba(0,0,0,0.04)}.rep-song-card--popular,.rep-song-card.is-highlight{background:linear-gradient(135deg,#f7eed8,rgba(200,150,45,0.04));border-color:rgba(200,150,45,0.10)}.rep-song-card .rep-song-star{color:#C8962D;font-size:0.85rem;flex-shrink:0;width:20px;text-align:center}.rep-song-title{font-size:0.85rem;font-weight:700;color:#212121;line-height:1.35;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rep-song-artist{font-size:0.72rem;color:#999;line-height:1.3;letter-spacing:0.01em}.rep-songs-grid{display:grid;grid-template-columns:1fr;gap:6px}@media (min-width:600px){.rep-songs-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (min-width:900px){.rep-songs-grid{grid-template-columns:repeat(3,1fr);gap:8px}}