:root{font-family:Segoe UI,Arial,sans-serif;color:#172033;background:#f3f5f9}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:#172033;color:white}header a{color:white;text-decoration:none}.brand{font-weight:800;font-size:1.2rem}nav{display:flex;gap:22px}main{width:min(1180px,92vw);margin:35px auto 70px}.hero,.series-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero h1,.series-head h1{font-size:2.2rem;margin-bottom:8px}.button,button{border:0;border-radius:9px;background:#315efb;color:#fff;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.secondary{background:#fff;color:#315efb;border:1px solid #b8c5ff}.notice{background:#e8f7ed;border:1px solid #a9ddba;padding:14px;border-radius:10px;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stats article,.panel{background:white;border-radius:14px;padding:22px;box-shadow:0 5px 22px #17203312}.stats strong{font-size:2rem;display:block}.stats span{color:#667085}.toolbar{display:flex;align-items:center;gap:12px;margin:25px 0}.search{display:flex;gap:10px;flex:1}.search input{flex:1;padding:13px;border:1px solid #ccd2df;border-radius:9px;font-size:1rem}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.series-card{display:flex;gap:16px;background:white;padding:14px;border-radius:13px;color:inherit;text-decoration:none;box-shadow:0 4px 16px #17203310;transition:.15s;min-height:130px}.series-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1720331b}.series-card h2{margin:3px 0 6px;font-size:1.15rem}.series-card p,.series-card span{margin:0;color:#667085}.series-cover{width:92px;height:102px;object-fit:cover;border-radius:9px;background:#dde4ff;flex:0 0 auto}.large-cover{width:180px;height:180px;object-fit:cover;border-radius:13px;background:#dde4ff;box-shadow:0 5px 22px #17203320;flex:0 0 auto}.cover-source{display:block;color:#667085;margin-top:10px;max-width:750px;overflow-wrap:anywhere}.back{display:inline-block;margin-bottom:18px;color:#315efb;text-decoration:none}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden;margin-top:30px}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0f5}th{background:#eef1f7}td small{display:block;color:#7a8496;margin-top:4px}.status{display:inline-block;border-radius:999px;padding:5px 9px;background:#e9f7ed;color:#1f7a3d}.status.review{background:#fff3d6;color:#8b6200}.narrow{max-width:650px;margin:auto}.panel form{display:grid;gap:20px;margin-top:25px}.panel label{display:grid;gap:10px;font-weight:700}.panel input{padding:16px;border:1px dashed #aab3c4;border-radius:10px}.hint{color:#667085}.empty{background:white;padding:35px;border-radius:14px}code{background:#e9edf5;padding:2px 6px;border-radius:5px}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.toolbar form{width:100%}}@media(max-width:700px){.stats{grid-template-columns:1fr}.hero,.series-head{align-items:flex-start;flex-direction:column}table{font-size:.9rem}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){display:none}}
.episode-list{display:grid;gap:1rem;margin-top:1.5rem}.episode-card{display:grid;grid-template-columns:100px 1fr 180px;gap:1rem;background:#fff;border:1px solid #dde2ea;border-radius:14px;padding:1rem;align-items:start}.episode-cover{width:100px;height:100px;object-fit:cover;border-radius:10px;background:#eef1f5}.episode-title{display:flex;gap:1rem;align-items:flex-start}.episode-title h2{margin:.1rem 0}.episode-number{font-weight:800;font-size:1.2rem;background:#eef3ff;padding:.4rem .6rem;border-radius:8px;min-width:3rem;text-align:center}.tracks{padding-left:1.2rem}.tracks li{margin:.65rem 0}.tracks small{display:block;color:#687386;overflow-wrap:anywhere}.edit form{display:grid;gap:.6rem;margin-top:.7rem}.edit input{width:100%;box-sizing:border-box}.status.corrected{background:#e7f7ef;color:#166534}@media(max-width:800px){.episode-card{grid-template-columns:70px 1fr}.episode-cover{width:70px;height:70px}.episode-card aside{grid-column:1/-1}}
.merge-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;padding:16px;background:#eef3ff;border:1px solid #ccd8f5;border-radius:14px}.merge-bar strong{width:100%}.merge-bar label{display:grid;gap:4px}.merge-bar input{min-width:180px}.select-episode{display:flex;gap:6px;align-items:center;font-size:.82rem}.tracks li{margin-bottom:12px}.tracks strong{color:#172554}.tracks span{font-weight:500}.edit-fields{display:grid;gap:8px;margin-top:10px}.review-list{display:grid;gap:10px}.review-row{display:grid;grid-template-columns:220px 1fr auto;gap:16px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #dde3ee;border-radius:12px;text-decoration:none;color:inherit}.warning{background:#fff7d6;border-color:#ead27b}@media(max-width:800px){.review-row{grid-template-columns:1fr}.merge-bar{align-items:stretch}}
.brand small{font-size:.72rem;opacity:.7;margin-left:.35rem}.episode-link{color:inherit;text-decoration:none}.episode-link:hover{color:#315efb}.detail-button{display:inline-block;margin-top:12px;color:#315efb;font-weight:700;text-decoration:none}.episode-detail-head{display:flex;gap:28px;align-items:center;margin-bottom:28px}.detail-cover{width:220px;height:220px;object-fit:cover;border-radius:16px;background:#dde4ff;box-shadow:0 8px 30px #17203324}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#315efb}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.medium-badge{background:#e8efff;color:#2446b8;padding:7px 10px;border-radius:999px;font-weight:700}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:22px;align-items:start}.media-tabs{display:grid;gap:10px;margin-top:18px}.media-tab{border:1px solid #dfe4ed;border-radius:12px;overflow:hidden}.media-tab summary{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;cursor:pointer;font-weight:800;background:#f8f9fc}.owned-state{font-size:.82rem;padding:5px 9px;border-radius:999px}.owned-state.yes{background:#e7f7ef;color:#166534}.owned-state.no{background:#edf0f5;color:#667085}.media-form,.collection-form{display:grid;gap:14px;padding:16px}.media-form label,.collection-form label{display:grid;gap:6px;font-weight:700}.media-form input,.media-form select,.media-form textarea,.collection-form input,.collection-form textarea{width:100%;padding:10px;border:1px solid #cdd4e0;border-radius:8px;font:inherit}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.check input{width:auto!important}.track-panel{margin-top:22px}@media(max-width:850px){.detail-grid{grid-template-columns:1fr}.episode-detail-head{align-items:flex-start;flex-direction:column}.detail-cover{width:180px;height:180px}}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.history{margin-top:24px}.narrow-left{max-width:680px}.panel select{padding:12px;border:1px solid #ccd2df;border-radius:9px;background:white}.preview-actions,.row-actions{display:flex;gap:12px;align-items:center}.preview-actions{margin:24px 0}.preview-actions form,.row-actions form{margin:0}.danger{background:#b42318}.table-scroll{overflow-x:auto}.warning-row{background:#fff9e8}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.preview-stats{grid-template-columns:repeat(2,1fr)}}
.digital-status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;margin-top:18px;border:1px solid #cfe0d5;border-radius:12px;background:#f3fbf6}.digital-status small{display:block;color:#667085;margin-top:4px}
.compact{padding:8px 11px}.series-delete{margin-top:22px;padding:14px;border:1px solid #ead5d2;border-radius:10px}.series-delete summary{cursor:pointer;font-weight:700;color:#8f2118}.series-delete form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.series-delete label{flex:1;min-width:240px}
.reference-downloads{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}.reference-downloads a:not(.button){color:#315efb}
.proposal-list{display:grid;gap:14px}.proposal{display:flex;justify-content:space-between;align-items:center;gap:24px}.proposal h2{margin:.25rem 0}.proposal form{flex:0 0 auto}.duplicate-stats{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.proposal{align-items:stretch;flex-direction:column}.proposal form,.proposal button{width:100%}.duplicate-stats{grid-template-columns:repeat(2,1fr)}}
.duplicate-filter{display:flex;gap:10px;margin:22px 0}.duplicate-filter input{flex:1;padding:12px;border:1px solid #ccd2df;border-radius:9px;font:inherit}
.batch-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;margin:18px 0;background:#eef3ff;border:1px solid #ccd8f5;border-radius:12px}.batch-bar small{display:block;color:#667085;margin-top:4px}.proposal-check{display:grid;justify-items:center;gap:5px;min-width:92px;color:#315efb;font-size:.78rem;text-align:center}.proposal-check input{width:22px;height:22px}@media(max-width:800px){.batch-bar{align-items:stretch;flex-direction:column}.proposal-check{display:flex;align-items:center}.proposal{align-items:stretch}}
.variant-proposal{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:22px}.variant-proposal h2{margin:.2rem 0}.variant-arrow{font-size:2rem;color:#315efb}.variant-action{justify-self:end}@media(max-width:850px){.variant-proposal{grid-template-columns:1fr}.variant-arrow{transform:rotate(90deg)}.variant-action{justify-self:stretch}.variant-action button{width:100%}}
.quick-edit{margin-top:18px;max-width:620px}.quick-edit summary{cursor:pointer;color:#315efb;font-weight:700}.quick-edit form{display:grid;grid-template-columns:150px minmax(260px,1fr) auto;gap:10px;align-items:end;margin-top:12px}.quick-edit label{display:grid;gap:5px;font-weight:700}.quick-edit input{padding:10px;border:1px solid #cdd4e0;border-radius:8px;font:inherit}@media(max-width:800px){.quick-edit form{grid-template-columns:1fr}}
.search-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.search-filters label{display:grid;gap:6px;font-weight:700}.search-filters .wide{grid-column:1/-1}.search-filters input,.search-filters select{width:100%;padding:11px;border:1px solid #ccd2df;border-radius:9px;background:#fff;font:inherit}.filter-actions{display:flex;align-items:end;gap:10px;grid-column:1/-1}.result-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.search-results{display:grid;gap:10px}.search-result{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e0e5ee;border-radius:12px;color:inherit;text-decoration:none}.search-result:hover{border-color:#9fb2ff;box-shadow:0 5px 18px #17203312}.search-result img{width:72px;height:72px;object-fit:cover;border-radius:9px;background:#dde4ff}.search-result h3,.search-result p{margin:.2rem 0}.result-badges{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:270px}.result-badges span{padding:5px 8px;border-radius:999px;background:#eef3ff;color:#2948ad;font-size:.78rem;font-weight:700}.result-badges .review{background:#fff3d6;color:#8b6200}.pagination{display:flex;justify-content:space-between;margin-top:20px}.pagination form{margin:0}.statistics-grid{grid-template-columns:repeat(4,1fr)}.statistics-columns{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:20px}.medium-stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0f5}.medium-stat strong{font-size:1.35rem}.largest-series{padding:0;list-style:none}.largest-series li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf0f5}.largest-series a{color:#315efb;text-decoration:none}@media(max-width:900px){header{align-items:flex-start;gap:15px;flex-direction:column}nav{gap:14px;flex-wrap:wrap}.search-filters{grid-template-columns:repeat(2,1fr)}.statistics-columns{grid-template-columns:1fr}}@media(max-width:650px){.search-filters{grid-template-columns:1fr}.search-filters .wide,.filter-actions{grid-column:auto}.filter-actions{align-items:stretch;flex-direction:column}.search-result{grid-template-columns:56px 1fr}.search-result img{width:56px;height:56px}.result-badges{grid-column:1/-1;justify-content:flex-start}.statistics-grid{grid-template-columns:repeat(2,1fr)}}
.reanalysis-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.reanalysis-row h2{margin:.2rem 0}.reanalysis-row>form{margin:0}.rename-series{margin-top:14px}.rename-series summary{cursor:pointer;color:#315efb;font-weight:700}.rename-series form{display:flex;align-items:end;gap:10px;margin-top:10px}.rename-series label{display:grid;gap:5px;min-width:320px}.rename-series input{padding:10px;border:1px solid #ccd2df;border-radius:8px;font:inherit}@media(max-width:750px){.reanalysis-row{grid-template-columns:1fr}.reanalysis-row>form button{width:100%}.rename-series form{align-items:stretch;flex-direction:column}.rename-series label{min-width:0}}
.episode-media-badges{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px}.episode-media-badges span{padding:5px 9px;border-radius:999px;background:#eef3ff;color:#2948ad;font-size:.78rem;font-weight:800}.episode-media-badges .physical{background:#e7f7ef;color:#166534}

/* Milestone 4: ruhigeres, sammlungsorientiertes Erscheinungsbild */
:root{--ink:#11213d;--muted:#64748b;--primary:#315efb;--primary-dark:#2447c6;--surface:#fff;--line:#dfe5ef;--soft:#eef3ff;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f7fb}body{min-height:100vh;background:radial-gradient(circle at 12% 0,#e9efff 0,transparent 32rem),#f5f7fb}header{position:sticky;top:0;z-index:20;padding:14px max(4vw,24px);background:#11213df2;box-shadow:0 8px 28px #07132924;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;white-space:nowrap;font-size:1.25rem}nav{gap:5px;align-items:center}nav a{padding:8px 11px;border-radius:9px;font-size:.9rem;font-weight:650;opacity:.78;transition:.15s}nav a:hover,nav a.active{background:#ffffff18;opacity:1}nav a.active{box-shadow:inset 0 0 0 1px #ffffff21}main{width:min(1240px,92vw);margin-top:28px}h1,h2,h3{letter-spacing:-.025em}h1{line-height:1.08}.hero{padding:28px 30px;border:1px solid #dbe4f5;border-radius:20px;background:linear-gradient(135deg,#fff 15%,#eef3ff);box-shadow:0 12px 40px #1720330d}.hero h1{margin:.2rem 0 .6rem}.hero p{max-width:720px;color:var(--muted);font-size:1.05rem}.home-hero{min-height:190px}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button,button{transition:transform .12s,box-shadow .12s,background .12s}.button:hover,button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #315efb25}.secondary:hover{background:#f7f9ff}.stats{margin:22px 0}.stats article,.panel,.series-card,.episode-card,.search-result{border:1px solid #e2e7f0;box-shadow:0 5px 18px #1720330a}.stats article{position:relative;overflow:hidden;padding:19px 20px}.stats article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#8ca5ff}.stats strong{font-size:1.7rem}.toolbar{padding:12px;border:1px solid #e0e6f0;border-radius:14px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:32px 0 14px}.section-heading h2,.section-heading p{margin:.15rem 0}.section-heading>span{color:var(--muted)}.series-grid{gap:14px}.series-card{padding:12px;min-height:124px}.series-card:hover,.search-result:hover{border-color:#9db1ff;transform:translateY(-2px)}.series-cover{height:100px}.episode-list{gap:.8rem}.episode-card{border-radius:16px;padding:14px}.episode-card aside{display:grid;gap:8px;justify-items:start}.episode-title h2{font-size:1.22rem}.episode-main details>summary{color:#475569;cursor:pointer}.merge-tools{margin:18px 0;border:1px solid #dce4f2;border-radius:12px;background:#fff}.merge-tools>summary{padding:13px 16px;cursor:pointer;color:var(--primary);font-weight:750}.merge-tools .merge-bar{margin:0;border:0;border-top:1px solid #e3e8f1;border-radius:0 0 12px 12px}.merge-tools .merge-bar p{width:100%;margin:0;color:var(--muted)}.detail-grid .panel{border-radius:18px}.search-filters{border-radius:18px}.search-result{border-radius:14px}.notice{box-shadow:0 4px 14px #1720330a}.empty{border:1px dashed #cbd5e1;text-align:center}.eyebrow{font-size:.76rem}.back{font-weight:700}.back:hover{text-decoration:underline}@media(max-width:1050px){header{position:static}nav{width:100%;overflow-x:auto;padding-bottom:3px}nav a{flex:0 0 auto}}@media(max-width:800px){main{margin-top:20px}.hero{padding:22px}.hero-actions{width:100%}.hero-actions .button{flex:1;text-align:center}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>span{margin-top:-12px}.toolbar{padding:10px}.episode-card{border-radius:13px}}@media(max-width:520px){main{width:min(94vw,1240px)}header{padding:12px 3vw}.hero{padding:19px}.hero h1{font-size:1.85rem}.hero-actions{flex-direction:column;align-items:stretch}.stats article{padding:16px}.series-card{min-height:112px}.series-cover{width:78px;height:88px}.episode-title{gap:.65rem}}

.folder-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.folder-card{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;box-shadow:0 5px 18px #1720330a}.folder-card:hover{border-color:#9db1ff;transform:translateY(-2px)}.folder-card h2{margin:0 0 5px;font-size:1.08rem}.folder-card p{margin:0;color:var(--muted)}.folder-cover{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--soft)}.folder-hero-icon{font-size:4rem}.folder-list{display:grid;gap:11px;margin-top:22px}.folder-group{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.folder-group>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;list-style:none}.folder-group>summary::-webkit-details-marker{display:none}.folder-group summary small,.folder-entry small{display:block;margin-top:4px;color:var(--muted)}.folder-group-cover{width:54px;height:54px;object-fit:cover;border-radius:8px;background:var(--soft)}.folder-chevron{font-size:2rem;color:var(--muted);transition:.15s}.folder-group[open] .folder-chevron{transform:rotate(90deg)}.folder-entries{padding:0 16px 14px}.folder-entry{display:grid;grid-template-columns:52px minmax(180px,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf0f5}.folder-entry>img{width:48px;height:48px;object-fit:cover;border-radius:7px;background:var(--soft)}.folder-entry form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.folder-entry form label{font-size:.86rem;white-space:nowrap}.small-button{padding:7px 10px;font-size:.8rem}@media(max-width:700px){.folder-grid{grid-template-columns:1fr}.folder-entry{grid-template-columns:48px 1fr}.folder-entry form{grid-column:1/-1}.folder-cover{width:62px;height:62px}}
.cover-search-link,.cover-credit{display:inline-block;margin-top:5px;color:var(--primary);font-size:.82rem;font-weight:700;text-decoration:none}.cover-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px;margin-top:22px}.cover-result{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.cover-result>img{width:120px;height:120px;object-fit:cover;border-radius:9px;background:var(--soft)}.cover-result h2{margin:2px 0 5px;font-size:1rem}.cover-result p{margin:0 0 7px;color:var(--muted)}.cover-result a{font-size:.82rem;color:var(--primary)}.cover-result form{margin-top:12px}.cover-result button{padding:8px 11px;font-size:.82rem}@media(max-width:480px){.cover-result{grid-template-columns:90px 1fr}.cover-result>img{width:90px;height:90px}}
.discogs-setup{margin:20px 0}.discogs-setup form{max-width:620px}.discogs-setup input{border-style:solid}
.folder-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.folder-summary article{padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.folder-summary strong{display:block;font-size:1.35rem}.folder-summary span{color:var(--muted);font-size:.82rem}.folder-filters{display:grid;grid-template-columns:minmax(240px,1fr) 180px 150px auto auto;align-items:end;gap:10px;margin:20px 0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.folder-filters label{display:grid;gap:6px;color:#475569;font-size:.82rem;font-weight:700}.folder-filters input,.folder-filters select{width:100%;padding:11px 12px;border:1px solid #ccd5e2;border-radius:9px;background:#fff;font:inherit}.compact-notice{position:sticky;top:72px;z-index:10;padding:9px 13px;margin:10px 0}.folder-entry{grid-template-columns:84px minmax(210px,1fr) auto;min-height:104px;padding:12px 0}.folder-entry>img{width:78px;height:78px;border-radius:9px}.folder-entry-name>strong{font-size:1rem;line-height:1.25}.medium-digital{color:#166534;font-weight:700}@media(max-width:1050px){.folder-summary{grid-template-columns:repeat(3,1fr)}.folder-filters{grid-template-columns:1fr 1fr 1fr}.folder-filters .filter-search{grid-column:span 3}}@media(max-width:700px){.folder-summary{grid-template-columns:repeat(2,1fr)}.folder-filters{grid-template-columns:1fr 1fr}.folder-filters .filter-search{grid-column:span 2}.folder-entry{grid-template-columns:70px 1fr}.folder-entry>img{width:66px;height:66px}.folder-entry form{grid-column:1/-1}}@media(max-width:480px){.folder-filters{grid-template-columns:1fr}.folder-filters .filter-search{grid-column:auto}}
.bulk-media{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:13px 15px;background:#eef3ff;border:1px solid #cbd8ff;border-radius:13px}.bulk-media>div{margin-right:auto}.bulk-media small{display:block;margin-top:3px;color:var(--muted)}.bulk-media label{font-weight:750;white-space:nowrap}.bulk-media button{padding:9px 13px}@media(max-width:650px){.bulk-media{justify-content:flex-start}.bulk-media>div{width:100%}}
.folder-summary strong small{display:inline;font-size:.72rem;color:var(--muted);font-weight:650}
.id3-cover-action { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:22px 0; padding:20px 24px; border:1px solid #cbd8ff; border-radius:18px; background:#eef3ff; }
.id3-cover-action div { display:flex; flex-direction:column; gap:4px; }
.id3-cover-action small { color:#60708c; }
@media (max-width: 720px) { .id3-cover-action { align-items:stretch; flex-direction:column; } }
.all-id3-scan{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:14px 24px;margin:20px 0;padding:18px 20px;border:1px solid #cbd8ff;border-radius:16px;background:#eef3ff}.all-id3-scan>div:first-child{display:flex;flex-direction:column;gap:4px}.all-id3-scan small{color:var(--muted)}.all-id3-scan button:disabled{cursor:wait;opacity:.65}.scan-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr);align-items:center;gap:14px}.scan-progress[hidden]{display:none}.scan-progress progress{width:100%;height:14px;accent-color:var(--primary)}.scan-progress-text{color:#475569;font-size:.9rem}@media(max-width:700px){.all-id3-scan{grid-template-columns:1fr}.scan-progress{grid-column:auto;grid-template-columns:1fr}.all-id3-scan form button{width:100%}}
.folder-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.folder-stats .physical-stat:before{background:#22a06b}@media(max-width:1050px){.folder-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.folder-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.folder-stats{grid-template-columns:1fr}}
.folder-stats>a{position:relative;overflow:hidden;padding:19px 20px;background:#fff;border:1px solid #e2e7f0;border-radius:14px;box-shadow:0 5px 18px #1720330a;color:inherit;text-decoration:none}.folder-stats>a:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.folder-stats>a:hover,.folder-stats>a.active{border-color:#22a06b;transform:translateY(-2px)}.folder-stats>a.active{background:#edfaf3;box-shadow:0 0 0 2px #22a06b22}.physical-filter-notice{display:flex;align-items:center;gap:16px;margin:-8px 0 20px;padding:12px 16px;border:1px solid #a8dfc2;border-radius:13px;background:#edfaf3}.physical-filter-notice span{color:var(--muted)}.physical-filter-notice .button{margin-left:auto;padding:9px 13px}@media(max-width:650px){.physical-filter-notice{align-items:stretch;flex-direction:column}.physical-filter-notice .button{margin-left:0;text-align:center}}
.cover-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.cover-source-badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:.72rem;font-weight:750}.cover-source-badge.manual{background:#e6f7ed;color:#167044}.cover-source-badge.id3{background:#e8efff;color:#294fc2}.cover-source-badge.folder{background:#f0f2f6;color:#596579}.cover-source-badge.missing{background:#fff1dc;color:#8a5900}.cover-meta .cover-search-link,.cover-meta .cover-credit{font-size:.78rem}

/* Smartphone-Ansicht der Ordnerverwaltung */
@media(max-width:700px){
  .site-header{display:block;padding:14px 0 0;overflow:hidden}
  .site-header .brand{display:block;padding:0 16px 13px}
  .site-header nav{display:flex;gap:4px;padding:0 12px 10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{flex:0 0 auto;padding:9px 11px;border-radius:9px;font-size:.88rem}
  .site-header nav a.active{background:#315efb}
  main{width:min(100% - 24px,1180px);margin:20px auto 48px}
  .hero{gap:14px}
  .hero h1,.series-head h1{font-size:1.75rem;overflow-wrap:anywhere}
  .hero-actions,.hero-actions .button,.id3-cover-action button{width:100%;text-align:center}
  .folder-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
  .folder-stats article,.folder-stats>a{min-width:0;padding:14px}
  .folder-stats strong{font-size:1.55rem}
  .toolbar .search{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}
  .folder-card{min-width:0;padding:11px}
  .folder-card h2{overflow-wrap:anywhere}
  .folder-group>summary{grid-template-columns:48px minmax(0,1fr) auto;padding:11px}
  .folder-group-cover{width:48px;height:48px}
  .folder-entries{padding:0 11px 12px}
  .folder-entry{grid-template-columns:66px minmax(0,1fr);gap:10px;min-width:0}
  .folder-entry-name{min-width:0;overflow-wrap:anywhere}
  .folder-entry form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;padding:10px;background:#f7f9fc;border-radius:10px}
  .folder-entry form label{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;margin:0;padding:6px 4px;background:#fff;border:1px solid #dfe5ef;border-radius:8px}
  .folder-entry form input[type="checkbox"]{width:18px;height:18px;margin:0}
  .folder-entry form button{grid-column:1/-1;width:100%;min-height:42px}
  .folder-filters button,.folder-filters .button,.bulk-media button{width:100%;text-align:center}
  .bulk-media label{min-height:40px;display:flex;align-items:center;gap:7px}
}
@media(max-width:380px){
  .folder-stats{grid-template-columns:1fr}
  .folder-entry form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.auth-card{max-width:520px;margin:35px auto;padding:28px;background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:0 10px 34px #17203314}.auth-card h1{margin-top:5px}.auth-card>p{color:#5f6b7d}.auth-card form{display:grid;gap:16px;margin-top:24px}.auth-card label{display:grid;gap:7px;font-weight:700}.auth-card input{width:100%;padding:13px;border:1px solid #cbd3df;border-radius:9px;font:inherit}.auth-card label small{color:#667085;font-weight:500}.auth-card .auth-error{background:#fff0f0;border-color:#efb3b3;color:#9f2020;margin:10px 0}.auth-card .logout-form{margin-top:14px}.auth-card .logout-form button{width:100%}@media(max-width:600px){.auth-card{margin:10px auto;padding:20px 16px}.auth-card button{min-height:46px}}
.range-media{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:14px 15px;background:#f0f7f3;border:1px solid #b9ddc8;border-radius:13px}.range-media>div{margin-right:auto;min-width:240px}.range-media small{display:block;margin-top:3px;color:var(--muted)}.range-media label{display:grid;gap:5px;font-size:.82rem;font-weight:750}.range-media label:has(input[type="checkbox"]){display:flex;align-items:center;gap:5px;min-height:40px;font-size:.9rem}.range-media input[type="number"]{width:92px;padding:9px;border:1px solid #bfcfc5;border-radius:8px}.range-media button{padding:10px 13px}@media(max-width:700px){.range-media{align-items:stretch}.range-media>div{width:100%;margin:0}.range-media label:has(input[type="checkbox"]){display:inline-flex}.range-media button{width:100%}}