.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem 2rem;padding:.75rem 0 .9rem}.page-heading h1{font-size:clamp(1.4rem,2.2vw,1.75rem)}.intro-text{max-width:38rem;margin-top:.25rem;font-size:.88rem;line-height:1.5}.heading-search{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex:0 1 20rem;min-width:0}.library-toolbar{display:flex;width:100%;min-width:0}.search-field{display:flex;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.35rem .7rem;border:1px solid var(--linie);border-radius:5px;background:#fcfbfc}.search-field:focus-within{outline:2px solid var(--akzent);outline-offset:2px}.search-field svg{width:16px;height:16px;flex-shrink:0;stroke:var(--grau);stroke-width:1.6}.search-field input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;font-size:.85rem}.library-meta{margin:0;font-size:.74rem;color:var(--grau);white-space:nowrap}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.works-section+.works-section{margin-top:clamp(3rem,6vw,4.5rem)}.section-heading{margin-bottom:.8rem;font-family:var(--font-text);font-weight:500;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.25;letter-spacing:-.02em}.work{overflow:hidden;border:1px solid var(--linie);border-radius:6px;background:var(--papier)}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .8rem;border-bottom:1px solid var(--linie);background:#fcfbfc}.work-identity{min-width:0}.work h2{font-family:var(--font-display);font-size:1rem;line-height:1.3;letter-spacing:-.01em}.composer{margin-top:.1rem;font-size:.78rem;color:var(--grau);overflow-wrap:anywhere}.track-list{padding:.4rem .8rem .5rem}.track{display:grid;grid-template-columns:30px 5.6rem minmax(2rem,1fr) 4.1rem 28px;align-items:center;column-gap:.55rem;padding-block:.6rem}.track[data-active=true] .track-name{color:var(--akzent)}.track-name{font-size:.85rem;font-weight:700;line-height:1.25;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.track-label{min-width:0;line-height:1.2}.play-button{display:grid;width:30px;height:30px;padding:7px;border:1px solid #d7c2c8;border-radius:50%;background:var(--papier);color:var(--akzent)}.play-button svg{width:100%;height:100%}.play-button[aria-pressed=true]{color:#fff;border-color:var(--akzent);background:var(--akzent)}.track-seek{width:100%;min-width:0;height:24px;margin:0;accent-color:var(--akzent);cursor:pointer}.track-seek:disabled{opacity:.45;cursor:default}.track-time{font-size:.7rem;color:var(--grau);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.icon-button{display:grid;place-items:center;width:30px;height:30px;padding:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--grau)}.icon-button svg{width:17px;height:17px}.empty-state{padding:clamp(2rem,6vw,4rem) 1.5rem;border:1px solid var(--linie);border-radius:8px;background:#fcfbfc;text-align:center}.empty-state h2,.empty-state h3{font-family:var(--font-display);font-size:1.2rem}.empty-state p{max-width:30rem;margin:.6rem auto 0;color:var(--grau);font-size:.9rem}.empty-state .btn{margin-top:1.3rem}.dock{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:50;display:grid;grid-template-columns:38px minmax(0,14rem) minmax(4rem,1fr) max-content 32px;align-items:center;column-gap:.7rem;width:min(42rem,calc(100vw - 2rem));padding:.55rem .8rem;border:1px solid var(--linie);border-radius:14px;background:var(--papier);box-shadow:0 10px 30px -10px #17171a59;transform:translate(-50%)}.dock .play-button{width:38px;height:38px;padding:10px}.dock-info{min-width:0;line-height:1.25}.dock-title{overflow:hidden;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dock-voice{overflow:hidden;font-size:.74rem;color:var(--grau);text-overflow:ellipsis;white-space:nowrap}.dock-loop[aria-pressed=true]{color:var(--akzent);border-color:var(--akzent);background:#faf3f5}body.dock-offen .page-main{padding-bottom:7rem}@media(hover:hover){.play-button:hover{background:#faf3f5;border-color:var(--akzent)}.play-button[aria-pressed=true]:hover{background:#6e1b2b}.icon-button:hover{color:var(--akzent);border-color:var(--linie);background:#faf3f5}}@media(max-width:1240px){.works{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.works{grid-template-columns:minmax(0,1fr)}.page-heading{flex-direction:column;align-items:stretch;padding-top:.6rem}.heading-search{flex-basis:auto;align-items:flex-start}.work-heading{padding:.5rem .7rem}.track-list{padding:.35rem .7rem .45rem}.track-name{font-size:.8rem}.track{grid-template-columns:30px 5rem minmax(2rem,1fr) 3.8rem 28px}.track-time{font-size:.64rem}.dock{grid-template-columns:38px minmax(0,1fr) minmax(3.5rem,1fr) max-content 30px;column-gap:.5rem;padding:.5rem .6rem}}