:root {
    --bg: #070707;
    --bg-2: #111;
    --panel: #151515;
    --panel-2: #1f1f1f;
    --line: #343434;
    --text: #f2f2f2;
    --muted: #9c9c9c;
    --red: #c8192e;
    --red-2: #ff3048;
    --white: #fff;
    --shadow: 0 0 0 1px #2a2a2a, 8px 8px 0 #000;
    --player-width: 390px;
}

* { box-sizing: border-box; }

html { color-scheme: dark; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    min-height: 100vh;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) 0 0/44px 44px,
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px) 0 0/44px 44px;
    mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

.noise {
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .16;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.25) 1px, transparent 0);
    background-size: 5px 5px;
    mix-blend-mode: overlay;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    color: var(--text);
    background: transparent;
    border: 1px solid var(--line);
    text-transform: uppercase;
    letter-spacing: .08em;
    cursor: pointer;
}

button:hover { border-color: var(--red); color: var(--white); }
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--red-2);
    outline-offset: 2px;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid var(--line);
    background: #090909;
    color: var(--text);
    padding: .85rem .9rem;
    border-radius: 0;
}

textarea { resize: vertical; }
label { display: grid; gap: .45rem; color: var(--muted); font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; }
label input,
label textarea,
label select { color: var(--text); text-transform: none; letter-spacing: 0; }

code {
    background: #000;
    border: 1px solid var(--line);
    padding: .1rem .35rem;
    color: var(--white);
}

.app-shell {
    padding: 18px calc(var(--player-width) + 34px) 34px 18px;
}

.topbar {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 18px;
    border: 1px solid var(--line);
    background: rgba(10,10,10,.92);
    box-shadow: var(--shadow);
    margin-bottom: 18px;
}

.brand-block {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
}
.brand-home-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.brand-home-link:hover .brand-title,
.brand-home-link:focus-visible .brand-title {
    filter: brightness(1.12);
}
.brand-home-link:focus-visible {
    outline: 2px solid var(--red);
    outline-offset: -2px;
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    background: var(--red);
    color: var(--white);
    font-weight: 950;
    font-size: 1.25rem;
    letter-spacing: -.07em;
    border: 2px solid #000;
    box-shadow: 5px 5px 0 #000;
}

h1,
h2,
h3,
p { margin-top: 0; }

h1,
h2,
h3 {
    line-height: .95;
    letter-spacing: -.05em;
    text-transform: uppercase;
}

h1 { font-size: clamp(2.4rem, 7vw, 5.8rem); margin-bottom: 0; }
h2 { font-size: clamp(1.55rem, 4vw, 3rem); margin-bottom: 0; }
h3 { font-size: 1.35rem; }

.eyebrow {
    margin: 0 0 .35rem;
    color: var(--red-2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .13em;
    text-transform: uppercase;
    font-size: .72rem;
}

.main-nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    border-left: 1px solid var(--line);
}

.nav-button {
    border: 0;
    border-left: 1px solid var(--line);
    padding: 1rem;
    background: #0e0e0e;
}

.nav-button.is-active {
    background: var(--red);
    color: var(--white);
    border-color: #000;
}

.content-grid {
    display: grid;
    gap: 18px;
}

.filter-rig,
.panel,
.player-zone {
    background: rgba(18,18,18,.96);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.filter-rig,
.panel { padding: 18px; }

.section-title-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.toolbar { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

.danger-button,
.ghost-button {
    padding: .85rem 1rem;
    min-height: 44px;
}

.danger-button {
    background: var(--red);
    border-color: var(--red);
    color: var(--white);
    font-weight: 800;
}

.danger-button:hover { background: var(--red-2); color: #000; }
.ghost-button { background: #0b0b0b; }

.finder-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 12px;
}

.strict-switch {
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: .65rem;
    border: 1px solid var(--line);
    padding: .8rem;
    background: #0b0b0b;
}
.strict-switch input { width: auto; accent-color: var(--red); }

.quick-moods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.quick-moods button,
.chip,
.micro-button {
    padding: .5rem .65rem;
    background: #0b0b0b;
    border: 1px solid var(--line);
    color: var(--muted);
    font-size: .72rem;
}
.quick-moods button:hover,
.chip:hover,
.chip.is-active {
    color: var(--white);
    background: #21060a;
    border-color: var(--red);
}

.facet-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.facet-group {
    border: 1px solid var(--line);
    background: #0d0d0d;
    padding: 10px;
    min-height: 94px;
}

.facet-group h3 {
    margin: 0 0 9px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    color: var(--white);
    letter-spacing: .12em;
}

.chip-row { display: flex; flex-wrap: wrap; gap: 6px; max-height: 108px; overflow: auto; }
.chip small { color: var(--red-2); margin-left: .3rem; }

.panel { display: none; }
.panel.is-active { display: block; }

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
    align-items: stretch;
}

.card {
    position: relative;
    border: 1px solid var(--line);
    background: #0d0d0d;
    min-height: 420px;
    height: 100%;
    display: grid;
    grid-template-rows: 220px 1fr;
    overflow: hidden;
}

.card::after {
    content: attr(data-score);
    position: absolute;
    top: 9px;
    right: 9px;
    background: var(--red);
    color: var(--white);
    padding: .35rem .45rem;
    font: 700 .72rem ui-monospace, monospace;
}

.poster {
    background: #050505;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
    position: relative;
}
.poster img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.85) contrast(1.08); }
.poster .placeholder {
    height: 100%;
    display: grid;
    place-items: center;
    color: #555;
    font-size: 4rem;
    font-weight: 950;
}
.poster::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 44%;
    background: linear-gradient(to top, #0d0d0d, transparent);
    pointer-events: none;
}

.card-body {
    padding: 13px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
}
.card-title { display: flex; gap: 8px; justify-content: space-between; align-items: baseline; }
.card-title h3 { margin: 0; font-size: 1.25rem; }
.meta-line { color: var(--muted); font: .77rem ui-monospace, monospace; text-transform: uppercase; }
.card p { margin: 0; color: #cfcfcf; font-size: .9rem; }
.card-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
}
.card-actions button {
    width: 100%;
    min-height: 38px;
    padding: .55rem .45rem;
    display: grid;
    place-items: center;
    font-size: .72rem;
    line-height: 1;
    white-space: nowrap;
}
.card-actions button[aria-disabled="true"] { color: #777; border-color: #242424; }
.card-action-delete { font-size: .86rem; font-weight: 900; }
.tag-cloud { display: flex; gap: 5px; flex-wrap: wrap; }
.tag-cloud span { border: 1px solid #2d2d2d; color: #bfbfbf; padding: .18rem .38rem; font-size: .68rem; }

.player-zone {
    position: fixed;
    top: 18px;
    right: 18px;
    width: var(--player-width);
    height: calc(100vh - 36px);
    z-index: 10;
    display: grid;
    grid-template-rows: auto auto auto 1fr;
    padding: 14px;
    gap: 12px;
}

.player-head { display: flex; justify-content: space-between; gap: 10px; align-items: start; }
.player-head h2 { font-size: 2rem; }
.counter { background: var(--red); padding: .2rem .45rem; font: 800 .8rem ui-monospace, monospace; }
.player-stage { aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--line); display: grid; place-items: center; }
.player-stage iframe,
.player-stage video { width: 100%; height: 100%; border: 0; display: block; background: #000; }
.empty-player { text-align: center; color: var(--muted); padding: 1rem; display: grid; gap: .35rem; }
.empty-player strong { color: var(--white); }
.player-controls { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 8px; }
.player-controls button { padding: .7rem; background: #0b0b0b; }
.playlist { list-style: none; margin: 0; padding: 0; overflow: auto; border-top: 1px solid var(--line); }
.playlist li { border-bottom: 1px solid var(--line); }
.playlist button { width: 100%; text-align: left; padding: .8rem .35rem; border: 0; background: transparent; color: var(--muted); }
.playlist button strong { display: block; color: var(--text); font-size: .84rem; }
.playlist button.is-active { background: #24060a; border-left: 4px solid var(--red); padding-left: .65rem; }

.import-search {
    display: grid;
    grid-template-columns: 220px minmax(260px, 1fr) 130px auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 10px;
}
.import-search .title-search input {
    font-size: 1.15rem;
    letter-spacing: .01em;
    background: #030303;
    border-color: #565656;
}
.import-search .year-search input { text-align: center; }
.import-hint {
    margin: 0 0 14px;
    color: var(--muted);
    border-left: 4px solid var(--red-dark);
    padding: 8px 10px;
    background: #080808;
    font-size: .9rem;
}
.tmdb-suggestions {
    min-height: 0;
    margin-bottom: 16px;
}
.suggest-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
}
.tmdb-suggest-strip {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 280px);
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-color: var(--red) #101010;
}
.tmdb-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 12px;
}
.tmdb-card,
.asset-card,
.setup-grid article {
    border: 1px solid var(--line);
    background: #0b0b0b;
    padding: 12px;
}
.tmdb-card {
    position: relative;
    display: grid;
    gap: 8px;
    align-content: start;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}
.tmdb-card.is-suggestion {
    min-height: 100%;
    background: #0a0a0a;
}
.tmdb-card.is-known { border-color: #69323a; }
.tmdb-poster {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border: 1px solid var(--line);
    background: #000;
    display: block;
}
.tmdb-poster-missing {
    width: 100%;
    aspect-ratio: 2 / 3;
    border: 1px dashed #333;
    display: grid;
    place-items: center;
    color: #5f5f5f;
    background: #050505;
    font: 800 2rem ui-monospace, monospace;
}
.tmdb-card h3 { margin-bottom: .15rem; line-height: 1.05; }
.tmdb-card p { color: var(--muted); font-size: .88rem; }
.tmdb-card .meta-line { margin: 0; }
.tmdb-card .tmdb-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 4px;
}
.tmdb-card .tmdb-actions button { padding: .6rem .55rem; }
.tmdb-card .tmdb-actions button:first-child { grid-column: 1 / -1; }
.tmdb-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    background: var(--red);
    color: #fff;
    padding: .22rem .42rem;
    font: 900 .68rem ui-monospace, monospace;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.tmdb-known {
    color: #ffb8c0;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.tmdb-card button { padding: .65rem .75rem; }
.tmdb-detail { margin-top: 18px; }
.import-preview {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 16px;
    border: 1px solid var(--line);
    padding: 14px;
    background: #0b0b0b;
}
.import-preview img { width: 100%; aspect-ratio: 2/3; object-fit: cover; border: 1px solid var(--line); background: #000; }
.asset-browser,
.asset-grid { display: grid; gap: 12px; }
.asset-section { margin-top: 18px; }
.asset-section h3 { margin-bottom: 10px; }
.asset-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.asset-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; background: #000; border: 1px solid var(--line); display: block; margin-bottom: 8px; }
.asset-card button { width: 100%; padding: .55rem; }

.editor-form { display: grid; gap: 14px; }
.form-grid { display: grid; gap: 12px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.media-editors textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .82rem; }
.advanced-box { border: 1px solid var(--line); padding: 12px; background: #0b0b0b; }
.advanced-box summary { cursor: pointer; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 12px; }

.setup-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.setup-grid p { color: var(--muted); }

.toast {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 50;
    background: var(--red);
    color: var(--white);
    border: 1px solid #000;
    box-shadow: 5px 5px 0 #000;
    padding: .8rem 1rem;
    max-width: 420px;
}

body.player-focus .content-grid,
body.player-focus .topbar { opacity: .2; filter: grayscale(1); }
body.player-focus .player-zone { width: min(900px, calc(100vw - 36px)); }
body.player-focus { --player-width: min(900px, calc(100vw - 36px)); }

@media (max-width: 1180px) {
    :root { --player-width: 340px; }
    .facet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .main-nav { grid-template-columns: repeat(2, minmax(100px, 1fr)); }
}

@media (max-width: 900px) {
    .app-shell { padding: 10px 10px 360px; }
    .topbar { display: grid; }
    .main-nav { border-left: 0; }
    .player-zone {
        top: auto;
        bottom: 10px;
        right: 10px;
        left: 10px;
        width: auto;
        height: 330px;
        grid-template-columns: 1fr;
        box-shadow: 0 0 0 1px #2a2a2a;
    }
    .playlist { display: none; }
    .finder-row,
    .import-search,
    .import-preview,
    .form-grid.two,
    .setup-grid { grid-template-columns: 1fr; }
    .facet-grid { grid-template-columns: 1fr; }
    h1 { font-size: 3.2rem; }
}



/* --- EDITOR TMDB LIVE DROPDOWN --------------------------------------- */
.editor-title-live {
    position: relative;
    z-index: 20;
}

.editor-tmdb-suggestions {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 80;
    display: none;
    border: 1px solid #3a3a3a;
    background: #090909;
    box-shadow: 0 22px 36px rgba(0,0,0,.72), inset 0 0 0 1px #000;
    max-height: 420px;
    overflow: auto;
}
.editor-tmdb-suggestions.is-open { display: block; }

.editor-suggest-head,
.editor-suggest-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: .72rem .8rem;
    color: #d7d7d7;
    background: linear-gradient(90deg, #151515, #080808);
    border-bottom: 1px solid #242424;
    font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.editor-suggest-status.is-error { color: #ffb4b4; }
.editor-suggest-head button {
    width: 28px;
    height: 28px;
    border: 1px solid #333;
    background: #121212;
    color: #fff;
    cursor: pointer;
}

.editor-suggest-list { display: grid; }
.editor-suggest-row {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
    padding: 8px;
    border-bottom: 1px solid #1d1d1d;
    background: #0b0b0b;
}
.editor-suggest-row:hover { background: #131313; }
.editor-suggest-row.is-known { box-shadow: inset 3px 0 0 var(--red-2); }

.editor-suggest-poster {
    width: 48px;
    aspect-ratio: 2 / 3;
    background: #151515;
    border: 1px solid #2d2d2d;
    overflow: hidden;
    display: grid;
    place-items: center;
}
.editor-suggest-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.editor-suggest-poster-empty {
    color: #777;
    font: 800 .58rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .08em;
}

.editor-suggest-main {
    border: 0;
    padding: .2rem 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    min-width: 0;
}
.editor-suggest-main strong,
.editor-suggest-main span,
.editor-suggest-main em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.editor-suggest-main strong {
    font-size: .98rem;
    line-height: 1.08;
    white-space: nowrap;
}
.editor-suggest-main span {
    margin-top: .22rem;
    color: #bdbdbd;
    font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
    white-space: nowrap;
}
.editor-suggest-main em {
    margin-top: .28rem;
    color: #ff7171;
    font: 800 .62rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.editor-suggest-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    align-content: center;
}
.editor-suggest-actions button {
    border: 1px solid #353535;
    background: #151515;
    color: #f5f5f5;
    padding: .45rem .62rem;
    cursor: pointer;
    font: 800 .62rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.editor-suggest-actions button:last-child {
    background: var(--red);
    border-color: var(--red-2);
}
.editor-suggest-actions button:hover { filter: brightness(1.18); }

@media (max-width: 700px) {
    .editor-suggest-row { grid-template-columns: 42px minmax(0, 1fr); }
    .editor-suggest-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- VHS / DVD / BLU-RAY REGAL: THREE.JS CSS3D REAL CASES ---------- */
.main-nav{grid-template-columns:repeat(5,minmax(105px,1fr))}.shelf-panel{min-height:900px;overflow:visible}.shelf-title-row{align-items:flex-start}.shelf-intro{max-width:980px;color:#bdbdbd;margin:.6rem 0 0}.shelf-layout{display:block}.shelf3d-room{display:grid;gap:14px;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,16,16,.98),rgba(4,4,4,.99));box-shadow:inset 0 0 0 1px #000,0 28px 40px rgba(0,0,0,.42)}.shelf3d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.shelf3d-status{flex:1 1 420px;min-height:44px;display:flex;align-items:center;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#d4d4d4;font:.78rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em}.shelf3d-actionbar .ghost-button.is-active,.shelf3d-actionbar .ghost-button:disabled{opacity:.45}.shelf3d-canvas{position:relative;height:860px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.04),transparent 26%),linear-gradient(180deg,#151515 0%,#0b0b0b 24%,#050505 100%);overflow:hidden}.shelf3d-canvas:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px;opacity:.2}.shelf3d-renderer{position:absolute;inset:0;cursor:default}.shelf3d-renderer.is-dragging-case{cursor:grabbing}.shelf3d-face.front,.shelf3d-face.spine{cursor:pointer}.shelf3d-board{width:1320px;height:28px;background:linear-gradient(180deg,#3a3a3a,#1b1b1b 32%,#080808 100%);border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid #000;box-shadow:0 14px 18px rgba(0,0,0,.5)}.shelf3d-face{position:relative;box-sizing:border-box;transform-style:preserve-3d;user-select:none}.shelf3d-face.front,.shelf3d-face.back{border-radius:4px;overflow:hidden;box-shadow:0 22px 32px rgba(0,0,0,.65)}.case-shell,.spine-shell,.edge-fill{position:absolute;inset:0;border-radius:3px;box-sizing:border-box}.edge-fill{overflow:hidden}.vhs-edge-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:cover;filter:saturate(.92) contrast(1.02)}.vhs-edge-art-top,.vhs-edge-art-bottom{transform:translate(-50%,-50%) rotate(90deg)}.case-shell.dvd,.spine-shell.dvd,.edge-fill.dvd{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(90,90,90,.14) 16%,rgba(12,12,12,.94) 100%);border:1px solid rgba(236,236,236,.16)}.case-shell.bluray,.spine-shell.bluray,.edge-fill.bluray{background:linear-gradient(180deg,rgba(68,132,255,.46),rgba(24,65,164,.22) 18%,rgba(8,12,24,.95) 100%);border:1px solid rgba(120,168,255,.26)}.case-shell.vhs,.spine-shell.vhs,.edge-fill.vhs{background:linear-gradient(180deg,rgba(234,234,234,.16),rgba(82,82,82,.08) 16%,rgba(14,14,14,.95) 100%);border:1px solid rgba(255,255,255,.12)}.case-insert,.spine-fill{position:absolute;inset:6px;overflow:hidden;background:#090909;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.spine-fill{inset:0}.case-insert.vhs{inset:7px}.case-insert.front-insert{background-size:cover;background-position:center}.case-insert.front-insert:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 26%,transparent 70%,rgba(0,0,0,.48))}.case-insert.back-insert{background-size:cover;background-position:center}.case-insert.back-insert.placeholder{display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#090909);color:#b0b0b0;font:700 .76rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.case-brand{position:absolute;top:0;left:0;right:0;z-index:2;padding:.32rem .5rem;text-align:center;font:900 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(58,58,58,.82),rgba(0,0,0,.8))}.case-brand.bluray,.front-insert.bluray .case-brand,.back-insert.bluray .back-brand{background:linear-gradient(90deg,rgba(0,66,155,.92),rgba(17,128,255,.96),rgba(0,66,155,.92))}.case-front-title{position:absolute;left:1rem;right:1rem;bottom:1.1rem;z-index:3;color:#fff;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:1000;line-height:.88;letter-spacing:-.07em;text-transform:uppercase;text-shadow:3px 3px 0 #000;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.case-front-year{position:absolute;left:1rem;bottom:.52rem;z-index:3;color:#f0f0f0;font:800 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-shadow:2px 2px 0 #000}.front-insert.vhs .case-front-title{font-size:clamp(1.25rem,2.3vw,2rem)}.case-gloss{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 12%,transparent 84%,rgba(0,0,0,.18)),linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%,transparent 72%,rgba(255,255,255,.02))}.case-fsk{position:absolute;z-index:5;width:58px;right:.75rem;bottom:.75rem}.case-fsk.front{width:36px}.spine-fill{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(40,40,40,.74),rgba(0,0,0,.94));color:#fff}.spine-fill.bluray{background:linear-gradient(180deg,rgba(0,66,155,.92),rgba(17,128,255,.85),rgba(0,66,155,.92))}.spine-fill.vhs{background:linear-gradient(180deg,#161616,#090909)}.spine-format,.spine-year{position:absolute;left:50%;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;text-transform:uppercase}.spine-format{top:8px;font:900 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.spine-title{position:absolute;left:50%;bottom:12px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;font:900 .82rem/1.04 system-ui,sans-serif;letter-spacing:-.03em;max-height:calc(100% - 30px);overflow:hidden;text-align:center}.spine-year{bottom:8px;font:800 .54rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.spine-title.wide,.spine-format.wide,.spine-year.wide{writing-mode:initial;transform:none;left:10px;right:10px}.spine-title.wide{bottom:10px;font-size:.72rem}.spine-format.wide{top:8px}.spine-year.wide{bottom:34px}.case-back-overlay{position:absolute;inset:0;padding:2.9rem 1rem 1rem;display:grid;grid-template-rows:auto auto minmax(70px,1fr) auto auto;gap:10px;background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.9))}.case-back-head{font:1000 1.16rem/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-back-label{font:800 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:#efefef;margin-bottom:6px}.case-back-trailer{aspect-ratio:16/9;border:1px solid rgba(255,255,255,.12);background:#000;overflow:hidden}.case-back-trailer iframe{width:100%;height:100%;border:0}.case-back-empty{height:100%;display:grid;place-items:center;color:#999;font:700 .72rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.case-back-copy{color:#e3e3e3;font-size:.92rem;line-height:1.34;overflow:auto;max-height:9.2em;padding-right:4px}.case-back-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.case-back-grid div{min-width:0;padding:.52rem .58rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.case-back-grid span{display:block;margin-bottom:.3rem;color:#c3c3c3;font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.case-back-grid strong{display:block;font-size:.8rem;line-height:1.24;overflow-wrap:anywhere}.case-back-footer{display:flex;align-items:end;justify-content:space-between;gap:10px}.case-back-tags{display:flex;flex-wrap:wrap;gap:8px}.case-back-tags span{display:inline-block;padding:.22rem .42rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.empty-shelf-detail{position:absolute;inset:0;display:grid;place-items:center;gap:.35rem;text-align:center;color:var(--muted);padding:20px}.empty-shelf-detail strong{color:var(--white);display:block}@media(max-width:1180px){.main-nav{grid-template-columns:repeat(3,minmax(100px,1fr))}.shelf3d-canvas{height:760px}}@media(max-width:920px){.shelf3d-toolbar{align-items:flex-start}.shelf3d-status{flex-basis:100%}.shelf3d-canvas{height:680px}.case-back-grid{grid-template-columns:1fr}.case-back-footer{flex-direction:column;align-items:flex-start}}

/* v6 shelf refinement overrides */
.shelf3d-canvas{height:900px}
.case-insert.front-insert.vhs{background-position:center center}
.case-back-overlay{padding:1.95rem .72rem .7rem !important;gap:6px !important;grid-template-rows:auto auto minmax(48px,1fr) auto auto !important}
.case-back-head{font:900 .82rem/1.02 system-ui,sans-serif !important;letter-spacing:-.025em !important}
.case-back-label{font:800 .5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;letter-spacing:.12em !important;margin-bottom:4px !important}
.case-back-trailer{aspect-ratio:16/9;max-height:86px}
.case-back-copy{font-size:.62rem !important;line-height:1.22 !important;max-height:6.4em !important}
.case-back-grid{gap:6px !important}
.case-back-grid div{padding:.36rem .42rem !important}
.case-back-grid span{font:700 .46rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;margin-bottom:.16rem !important}
.case-back-grid strong{font-size:.58rem !important;line-height:1.15 !important}
.case-back-tags{gap:5px !important}
.case-back-tags span{padding:.14rem .28rem !important;font:700 .48rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important}
.case-fsk.back{width:34px !important}
.case-brand{padding:.24rem .42rem !important;font:900 .5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important}
@media(max-width:920px){.shelf3d-canvas{height:760px}}

/* v7 shelf fidelity overrides */
.shelf3d-canvas{height:920px}
.shelf3d-face{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}
.case-shell,.edge-fill,.spine-shell{overflow:hidden}
.case-shell.vhs,.edge-fill.vhs,.spine-shell.vhs{
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(88,88,88,.08) 12%, rgba(10,10,10,.92) 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, rgba(255,255,255,0) 1px 9px),
    linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,0) 14%, rgba(255,255,255,0) 84%, rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), inset 0 14px 18px rgba(255,255,255,.04), inset 0 -24px 30px rgba(0,0,0,.18);
}
.case-shell.dvd,.edge-fill.dvd,.spine-shell.dvd,
.case-shell.bluray,.edge-fill.bluray,.spine-shell.bluray{
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(76,76,76,.14) 16%, rgba(10,10,10,.94) 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, rgba(255,255,255,0) 1px 11px),
    linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,0) 15%, rgba(255,255,255,0) 83%, rgba(255,255,255,.05));
}
.case-left-strip{width:24px;top:16px;bottom:16px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.28));}
.case-left-strip-title{font:800 .52rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.spine-format,.spine-title,.spine-year{writing-mode:vertical-rl !important;text-orientation:mixed;transform:translateX(-50%) rotate(180deg) !important;left:50% !important;right:auto !important}
.spine-title{font-size:.74rem !important;line-height:1 !important;max-height:calc(100% - 46px) !important;bottom:24px !important;letter-spacing:-.02em !important}
.spine-year{bottom:8px !important;font-size:.48rem !important}
.spine-format{top:8px !important;font-size:.48rem !important}
.case-back-overlay{padding:1.72rem .66rem .62rem !important;gap:5px !important;grid-template-rows:auto auto minmax(46px,1fr) auto auto !important}
.case-back-head{font:900 .76rem/1 system-ui,sans-serif !important;letter-spacing:-.02em !important}
.case-back-label{font:800 .48rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;margin-bottom:3px !important}
.case-back-trailer{max-height:82px;border:1px solid rgba(255,255,255,.14) !important;position:relative}
.case-back-trailer iframe{width:100%;height:100%;border:0;pointer-events:auto}
.case-trailer-start{all:unset;display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;height:100%;cursor:pointer;background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.72));color:#fff;font:800 .54rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;text-align:center}
.case-trailer-play-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(192,0,18,.85);font-size:.75rem;line-height:1;padding-left:2px;box-shadow:0 0 18px rgba(192,0,18,.35)}
.case-back-copy{font-size:.56rem !important;line-height:1.18 !important;max-height:5.9em !important;padding-right:2px !important;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.case-back-grid{gap:4px !important}
.case-back-grid div{padding:.26rem .34rem !important}
.case-back-grid span{font:700 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;margin-bottom:.12rem !important}
.case-back-grid strong{font-size:.52rem !important;line-height:1.12 !important}
.case-back-tags{gap:4px !important}
.case-back-tags span{padding:.12rem .24rem !important;font:700 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important}
.case-fsk.front{width:32px !important;right:.48rem !important;bottom:.48rem !important}
.case-fsk.back{width:30px !important}
@media(max-width:920px){.shelf3d-canvas{height:760px}}

/* v8 shelf usability */
.case-back-trailer{overflow:hidden;position:relative}
.case-trailer-start{position:relative;display:block;width:100%;height:100%;padding:0 !important;background:#000 !important;border:0 !important;cursor:pointer}
.case-trailer-thumb{position:absolute;inset:0;display:block;background-size:cover;background-position:center center;filter:saturate(1.03) contrast(1.02)}
.case-trailer-start:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.1) 20%, rgba(0,0,0,.32) 100%)}
.case-trailer-play-icon{position:absolute !important;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(204,0,24,.92);border:1px solid rgba(255,255,255,.42);box-shadow:0 0 20px rgba(204,0,24,.35);font-size:1rem !important;line-height:1;color:#fff;padding-left:3px}
.case-back-trailer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;background:#000}
.case-insert.front-insert,.case-insert.back-insert{background-repeat:no-repeat;background-size:cover;background-position:center center}
.case-insert.front-insert{image-rendering:auto}

/* v9 readability / trailer */
.shelf3d-canvas{height:940px}
.case-shell,.spine-shell,.edge-fill{border-radius:6px}
.case-brand{padding:.18rem .34rem !important;font-size:.42rem !important;letter-spacing:.12em !important}
.case-left-strip{width:22px !important;top:18px !important;bottom:18px !important}
.case-left-strip-title{font-size:.46rem !important;letter-spacing:.08em !important}
.case-back-overlay{padding:1.52rem .58rem .56rem !important;gap:4px !important;grid-template-rows:auto auto minmax(38px,1fr) auto auto !important}
.case-back-head{font-size:.64rem !important;line-height:1 !important;letter-spacing:-.015em !important}
.case-back-label{font-size:.40rem !important;letter-spacing:.09em !important}
.case-back-trailer{max-height:76px !important;min-height:76px !important}
.case-back-copy{font-size:.48rem !important;line-height:1.1 !important;max-height:4.9em !important;overflow:hidden !important}
.case-back-grid{gap:3px !important}
.case-back-grid div{padding:.22rem .26rem !important}
.case-back-grid span{font-size:.36rem !important;letter-spacing:.06em !important}
.case-back-grid strong{font-size:.46rem !important;line-height:1.05 !important}
.case-back-tags{gap:3px !important}
.case-back-tags span{font-size:.36rem !important;padding:.1rem .16rem !important}
.case-fsk.front{width:28px !important}
.case-fsk.back{width:26px !important}
.case-trailer-start{touch-action:manipulation;pointer-events:auto !important}
.case-trailer-thumb{image-rendering:auto;background-size:cover;background-position:center center}
.case-trailer-play-icon{width:34px !important;height:34px !important;font-size:.88rem !important}
.spine-format,.spine-title,.spine-year{writing-mode:vertical-rl !important;transform:translateX(-50%) rotate(180deg) !important}
.spine-title{font-size:.64rem !important;line-height:.98 !important;max-height:calc(100% - 40px) !important}
.spine-format{font-size:.38rem !important}
.spine-year{font-size:.38rem !important}

/* v10 shelf layout / stable slots / back redesign */
.shelf3d-canvas{height:940px}
.case-back-overlay{padding:1.35rem .58rem .56rem !important;display:grid;grid-template-rows:auto 1fr !important;gap:7px !important}
.case-back-top{display:flex;flex-direction:column;gap:3px}
.case-back-head{font:900 .58rem/1 system-ui,sans-serif !important;letter-spacing:-.01em !important}
.case-back-sub{font:700 .36rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#d9d9d9}
.case-back-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.82fr);gap:7px;min-height:0}
.case-back-leftcol,.case-back-rightcol{display:flex;flex-direction:column;min-height:0}
.case-back-label{font:800 .34rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;letter-spacing:.1em !important;margin-bottom:2px !important}
.case-back-trailer{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);aspect-ratio:16/9;min-height:70px !important;max-height:none !important;background:#000}
.case-back-copy{margin-top:6px;font-size:.40rem !important;line-height:1.08 !important;max-height:none !important;overflow:hidden !important;text-wrap:pretty}
.case-back-rightcol{gap:5px}
.case-back-panel{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.14));padding:.22rem .24rem;display:flex;flex-direction:column;gap:2px;min-height:0}
.case-back-panel span{font:700 .32rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#d8d8d8}
.case-back-panel strong{font:800 .40rem/1.08 system-ui,sans-serif;color:#fff;word-break:break-word}
.case-back-panel-fsk{align-items:flex-start;justify-content:flex-start}
.case-back-panel-fsk .case-fsk.back{width:26px !important;margin-top:3px}
.case-back-footer,.case-back-grid,.case-back-tags{display:none !important}
.case-trailer-start{position:relative;display:block;width:100%;height:100%;padding:0 !important;border:0 !important;background:#000 !important;cursor:pointer;touch-action:manipulation;pointer-events:auto !important}
.case-trailer-thumb{position:absolute;inset:0;display:block;background-size:cover;background-position:center center}
.case-trailer-start::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.28))}
.case-trailer-play-icon{position:absolute !important;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(218,0,28,.94);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 16px rgba(218,0,28,.35);font-size:.9rem !important;line-height:1;color:#fff;padding-left:3px;z-index:2}
.case-back-trailer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000;pointer-events:auto}
.case-back-trailer.is-playing .case-trailer-start{display:none}

/* v11 focus + back refinement */
.shelf3d-canvas{height:960px}
.shelf3d-board{opacity:.95}
.case-back-overlay{padding:1.5rem .62rem .62rem !important;gap:8px !important;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88)) !important}
.case-back-top{gap:4px !important}
.case-back-head{font-size:.68rem !important;line-height:1.02 !important;letter-spacing:-.015em !important}
.case-back-sub{font-size:.38rem !important;letter-spacing:.08em !important}
.case-back-main{grid-template-columns:minmax(0,1.32fr) minmax(0,.86fr) !important;gap:8px !important}
.case-back-label{font-size:.36rem !important;letter-spacing:.1em !important}
.case-back-trailer{min-height:86px !important;aspect-ratio:16/9 !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.case-back-copy{margin-top:7px !important;font-size:.42rem !important;line-height:1.1 !important;max-height:8.2em !important;overflow:hidden !important;color:#f0f0f0 !important;text-shadow:0 1px 1px rgba(0,0,0,.55)}
.case-back-panel{padding:.24rem .26rem !important;gap:3px !important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.18)) !important}
.case-back-panel span{font-size:.34rem !important;letter-spacing:.09em !important}
.case-back-panel strong{font-size:.42rem !important;line-height:1.12 !important}
.case-trailer-start{position:relative;display:block;width:100%;height:100%;padding:0 !important;border:0 !important;background:#000 !important;cursor:pointer;touch-action:manipulation;pointer-events:auto !important}
.case-trailer-thumb{position:absolute;inset:0;display:block;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(1.04) contrast(1.03)}
.case-trailer-start::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28));z-index:1}
.case-trailer-play-icon{width:36px !important;height:36px !important;font-size:.96rem !important;z-index:2 !important}
.case-back-trailer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4;background:#000;pointer-events:auto !important}
.case-back-trailer.is-playing{pointer-events:auto !important}
.case-back-panel-fsk .case-fsk.back{width:28px !important}
@media(max-width:920px){.shelf3d-canvas{height:780px}}

/* v12 back layout + larger text + direct trailer */
.shelf3d-canvas{height:960px}
.case-back-overlay{padding:1.42rem .68rem .66rem !important;display:grid !important;grid-template-rows:auto auto auto 1fr auto !important;gap:8px !important;background:linear-gradient(180deg,rgba(0,0,0,.64),rgba(0,0,0,.84)) !important}
.case-back-top{display:flex;flex-direction:column;gap:4px !important}
.case-back-head{font:1000 .82rem/1.02 system-ui,sans-serif !important;letter-spacing:-.02em !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-back-sub{font:700 .44rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace !important;letter-spacing:.09em !important;text-transform:uppercase;color:#d8d8d8}
.case-back-label{font:800 .44rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;letter-spacing:.11em !important;text-transform:uppercase;color:#efefef;margin-bottom:0 !important}
.case-back-trailer.wide{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#000;aspect-ratio:16/9;min-height:118px !important;max-height:none !important;width:100%}
.case-back-trailer.wide iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;pointer-events:auto !important;z-index:4}
.case-back-copy.large{font-size:.52rem !important;line-height:1.16 !important;max-height:8.5em !important;overflow:hidden !important;color:#f1f1f1 !important;text-shadow:0 1px 1px rgba(0,0,0,.55);padding-right:2px;margin-top:0 !important}
.case-back-footerbar{display:grid;grid-template-columns:1.2fr 1fr 1.2fr .6fr;gap:6px;align-items:stretch;margin-top:auto}
.case-back-footerbar .case-back-panel{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.18));padding:.28rem .3rem !important;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;min-height:0}
.case-back-footerbar .case-back-panel span{font:700 .36rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;letter-spacing:.08em !important;text-transform:uppercase;color:#dbdbdb}
.case-back-footerbar .case-back-panel strong{font:800 .46rem/1.16 system-ui,sans-serif !important;color:#fff;word-break:break-word}
.case-back-footerbar .case-back-panel-fsk{align-items:flex-start;justify-content:flex-start}
.case-back-footerbar .case-back-panel-fsk .case-fsk.back{width:32px !important;margin-top:4px}
.case-back-main,.case-back-leftcol,.case-back-rightcol,.case-trailer-start,.case-trailer-thumb,.case-trailer-play-icon{display:none !important}
@media(max-width:920px){.case-back-footerbar{grid-template-columns:1fr 1fr}.case-back-trailer.wide{min-height:92px !important}}

/* v13 texture density / larger spine / outside click */
.shelf3d-canvas{height:960px}
.case-insert.front-insert,.case-insert.back-insert{background-size:cover !important;background-position:center center !important;image-rendering:auto !important}
.case-shell,.spine-shell,.edge-fill{backface-visibility:hidden}
.spine-fill{padding:12px 0 10px 0 !important}
.spine-format{writing-mode:horizontal-tb !important;transform:none !important;left:0 !important;right:0 !important;top:7px !important;text-align:center !important;font-size:.66rem !important;letter-spacing:.16em !important;line-height:1 !important}
.spine-title{font-size:.92rem !important;line-height:1.02 !important;max-height:calc(100% - 56px) !important;bottom:18px !important;letter-spacing:-.03em !important}
.spine-year{font-size:.50rem !important;bottom:8px !important}
.case-left-strip{width:28px !important}
.case-left-strip-title{font-size:.64rem !important;letter-spacing:.09em !important}
.case-back-overlay{padding:1.36rem .68rem .68rem !important;gap:8px !important}
.case-back-head{font-size:.84rem !important}
.case-back-sub{font-size:.46rem !important}
.case-back-label{font-size:.46rem !important}
.case-back-trailer.wide{min-height:122px !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.18) !important}
.case-back-copy.large{font-size:.58rem !important;line-height:1.18 !important;max-height:9.2em !important}
.case-back-footerbar{gap:7px !important}
.case-back-footerbar .case-back-panel{padding:.30rem .34rem !important}
.case-back-footerbar .case-back-panel span{font-size:.38rem !important}
.case-back-footerbar .case-back-panel strong{font-size:.48rem !important;line-height:1.18 !important}
.case-back-footerbar .case-back-panel-fsk .case-fsk.back{width:34px !important}

/* v14 readability and larger centered side titles */
.case-back-copy.large{
  font-size:.68rem !important;
  line-height:1.22 !important;
  max-height:10.6em !important;
  letter-spacing:.002em;
}
.case-back-overlay{padding:1.34rem .68rem .68rem !important;gap:7px !important}
.case-back-trailer.wide{min-height:120px !important}
.case-left-strip{
  width:38px !important;
  top:14px !important;
  bottom:14px !important;
}
.case-left-strip-title{
  font-size:.86rem !important;
  line-height:1 !important;
  letter-spacing:.1em !important;
  text-align:center !important;
}
.spine-fill{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 0 14px 0 !important;
}
.spine-format{
  writing-mode:horizontal-tb !important;
  transform:none !important;
  left:0 !important;
  right:0 !important;
  top:9px !important;
  text-align:center !important;
  font-size:.82rem !important;
  letter-spacing:.18em !important;
  line-height:1 !important;
}
.spine-title{
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  width:calc(100% - 8px) !important;
  max-height:calc(100% - 58px) !important;
  transform:translate(-50%,-50%) rotate(180deg) !important;
  writing-mode:vertical-rl !important;
  text-orientation:mixed !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:1.14rem !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  overflow:hidden !important;
}
.spine-year{
  left:50% !important;
  transform:translateX(-50%) rotate(180deg) !important;
  bottom:9px !important;
  font-size:.56rem !important;
}


/* --- UPDATE: Import ohne Filter, Dropdown-Filter, Detail-Popup ---------- */
body[data-active-panel="importPanel"] .filter-rig { display: none; }

.facet-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    align-items: start;
}
.facet-group.facet-dropdown {
    min-height: 0;
    padding: 0;
    position: relative;
}
.facet-dropdown details { position: relative; }
.facet-dropdown details[open] { z-index: 90; }
.facet-dropdown summary {
    min-height: 54px;
    display: grid;
    gap: 4px;
    padding: .72rem .8rem;
    cursor: pointer;
    list-style: none;
    background: #0b0b0b;
    border: 0;
}
.facet-dropdown summary::-webkit-details-marker { display: none; }
.facet-dropdown summary::after {
    content: "▾";
    position: absolute;
    right: 10px;
    top: 12px;
    color: var(--red-2);
    font-size: .8rem;
}
.facet-dropdown details[open] summary::after { content: "▴"; }
.facet-dropdown summary span {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    color: var(--white);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.facet-dropdown summary small {
    color: var(--muted);
    padding-right: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.facet-menu {
    position: absolute;
    left: -1px;
    right: -1px;
    top: calc(100% + 7px);
    z-index: 100;
    border: 1px solid var(--line);
    background: #080808;
    box-shadow: 10px 14px 0 rgba(0,0,0,.55), inset 0 0 0 1px #000;
    padding: 10px;
}
.facet-search-input {
    padding: .62rem .7rem;
    margin-bottom: 8px;
    font-size: .82rem;
}
.facet-menu .chip-row {
    max-height: 260px;
    overflow: auto;
    scrollbar-color: var(--red) #101010;
}
.facet-menu .chip {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    text-align: left;
}
.facet-menu .chip[hidden] { display: none; }
.facet-group h3 { display: none; }

.card-open,
.card-info-link {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
}
.card-open { padding: 0; display: block; }
.card-open:hover img,
.card-info-link:hover .card-heading { filter: brightness(1.15); color: var(--white); }
.card-info-link {
    padding: 0;
    display: grid;
    gap: 10px;
    align-content: start;
    flex: 1 1 auto;
    min-height: 0;
}
.card-heading {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.08;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .01em;
}
.card-overview {
    color: #cfcfcf;
    font-size: .9rem;
}

body.modal-open { overflow: hidden; }
.detail-modal {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0,0,0,.82);
    padding: 24px;
    overflow: auto;
}
.detail-dialog {
    width: min(1180px, 100%);
    margin: 0 auto;
    border: 1px solid var(--line);
    background: #0b0b0b;
    box-shadow: 12px 12px 0 #000, inset 0 0 0 1px rgba(255,255,255,.025);
    padding: 18px;
    position: relative;
}
.detail-close {
    position: sticky;
    top: 0;
    z-index: 5;
    margin-left: auto;
    display: block;
    background: var(--red);
    border-color: var(--red);
    padding: .7rem .9rem;
    font-weight: 800;
}
.detail-hero {
    display: grid;
    grid-template-columns: minmax(180px, 260px) 1fr;
    gap: 18px;
    align-items: stretch;
    margin-top: 10px;
}
.detail-cover {
    min-height: 320px;
    background: #050505;
    border: 1px solid var(--line);
    overflow: hidden;
}
.detail-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.detail-cover .placeholder { height: 100%; display: grid; place-items: center; color: #555; font-size: 5rem; font-weight: 950; }
.detail-hero-text {
    display: grid;
    gap: 12px;
    align-content: center;
    border: 1px solid var(--line);
    background: linear-gradient(135deg, #121212, #070707);
    padding: 18px;
}
.detail-hero-text h2 {
    margin: 0;
    font-size: clamp(2rem, 5vw, 4.8rem);
    line-height: .92;
    text-transform: uppercase;
}
.detail-tags { margin-top: 4px; }
.detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 4px;
}
.detail-actions button,
.detail-actions a {
    border: 1px solid var(--line);
    background: #090909;
    color: var(--text);
    padding: .7rem .8rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .75rem;
}
.detail-content {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr);
    gap: 18px;
    margin-top: 18px;
}
.detail-column { display: grid; gap: 18px; align-content: start; }
.detail-section {
    border: 1px solid var(--line);
    background: #090909;
    padding: 14px;
}
.detail-section h3 {
    margin: 0 0 10px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.detail-section p { color: #d7d7d7; margin: 0; white-space: pre-wrap; }
.detail-image-grid,
.detail-trailer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
}
.detail-image-card,
.detail-trailer-card { margin: 0; border: 1px solid #262626; background: #050505; padding: 8px; }
.detail-image-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: #000; }
.detail-image-card figcaption,
.detail-trailer-card p { margin: 7px 0 0; color: var(--muted); font-size: .76rem; }
.detail-trailer-card iframe,
.detail-trailer-card video { width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; display: block; }
.detail-actors { max-height: 250px; overflow: auto; }

@media (max-width: 900px) {
    .facet-menu { position: static; margin: 0 10px 10px; }
    .detail-modal { padding: 10px; }
    .detail-dialog { padding: 12px; box-shadow: 0 0 0 1px #000; }
    .detail-hero,
    .detail-content { grid-template-columns: 1fr; }
    .detail-cover { min-height: 260px; }
}

/* --- UPDATE: Format-Logos DVD / Blu-ray / VHS ---------- */
.format-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 24px;
    padding: 3px 7px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
    color: var(--text);
    line-height: 1;
    white-space: nowrap;
}
.format-pill img {
    width: 38px;
    height: 16px;
    object-fit: contain;
    display: block;
}
.format-pill span {
    font: 800 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.card-meta-row,
.detail-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.case-brand {
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.format-logo {
    display: inline-block;
    object-fit: contain;
}
.case-format-logo {
    width: auto;
    max-width: 128px;
    height: 21px;
    filter: drop-shadow(1px 1px 0 #000);
}
.spine-format-logo {
    width: 52px;
    height: 18px;
    object-fit: contain;
    transform: rotate(90deg);
    transform-origin: center;
    filter: drop-shadow(1px 1px 0 #000);
}
.case-back-format-logo {
    width: 70px;
    height: 24px;
    object-fit: contain;
    filter: drop-shadow(1px 1px 0 #000);
}
.case-back-sub {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}


/* --- hotfix: Medienlogos sauberer und linke Seite horizontal --- */
.case-brand {
    min-height: 34px;
    padding: .34rem .5rem !important;
    overflow: hidden;
}
.format-logo {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.case-format-logo {
    width: auto;
    height: 20px;
    max-width: calc(100% - 4px);
    max-height: 20px;
}
.case-back-format-logo {
    width: auto;
    height: 20px;
    max-width: min(100%, 92px);
    max-height: 20px;
    flex: 0 0 auto;
}
.spine-format {
    top: 8px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: calc(100% - 2px) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
}
.spine-format-logo {
    width: auto;
    height: 14px;
    max-width: 42px;
    max-height: 14px;
    transform: none !important;
    transform-origin: center;
}
.spine-title {
    max-height: calc(100% - 64px) !important;
}
.spine-fill.bluray .spine-format-logo,
.case-brand.bluray .case-format-logo,
.case-back-sub .case-back-format-logo {
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.9));
}


/* --- update v3: Bibliothek ohne Medienlogos --- */
.card-meta-row .format-pill,
.detail-meta-row .format-pill {
    display: none !important;
}

/* --- update v3: Shelf nach unten erweitern + Loader --- */
.shelf3d-room {
    overflow: visible !important;
}
.shelf3d-canvas {
    min-height: 960px;
    height: auto !important;
    overflow: hidden;
}
.shelf-load-sentinel {
    margin-top: 14px;
    padding: .95rem 1rem;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(18,18,18,.98), rgba(8,8,8,.98));
    display: grid;
    gap: .25rem;
    color: var(--muted);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.shelf-load-sentinel strong {
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .82rem;
}
.shelf-load-sentinel span {
    font-size: .88rem;
}
.shelf-load-sentinel.is-complete {
    opacity: .78;
}

/* --- update v3: Logos nur auf Hüllen, sauber und unbeschnitten --- */
.case-brand {
    min-height: 28px !important;
    padding: .28rem .42rem !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.case-format-logo {
    display: block !important;
    width: auto !important;
    height: 15px !important;
    max-width: calc(100% - 6px) !important;
    max-height: 15px !important;
    object-fit: contain !important;
    object-position: center center !important;
}
.case-back-format-logo {
    display: block !important;
    width: auto !important;
    height: 14px !important;
    max-width: 88px !important;
    max-height: 14px !important;
    object-fit: contain !important;
    object-position: center center !important;
}
.spine-format {
    position: absolute !important;
    top: 9px !important;
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 4px) !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}
.spine-format-wordmark {
    display: block;
    color: #fff;
    font: 900 .42rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 1px rgba(0,0,0,.9);
}
.spine-format-wordmark.bluray {
    font-size: .32rem;
    letter-spacing: .06em;
}

/* --- update v3: Rücken-/Hüllentexte vollständig lesbar --- */
.case-back-overlay {
    padding: 1.08rem .62rem .62rem !important;
    gap: 7px !important;
    grid-template-rows: auto auto auto auto !important;
    align-content: start !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--red) rgba(255,255,255,.08);
}
.case-back-overlay::-webkit-scrollbar {
    width: 8px;
}
.case-back-overlay::-webkit-scrollbar-thumb {
    background: var(--red);
}
.case-back-head {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: .8rem !important;
    line-height: 1.06 !important;
}
.case-back-sub {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.case-back-label {
    font-size: .42rem !important;
}
.case-back-trailer.wide {
    min-height: 94px !important;
    flex: 0 0 auto;
}
.case-back-copy.large {
    display: block !important;
    font-size: .68rem !important;
    line-height: 1.28 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: pre-wrap !important;
    word-break: break-word;
}
.case-back-footerbar {
    margin-top: 2px !important;
}
.case-back-footerbar .case-back-panel strong {
    font-size: .5rem !important;
    line-height: 1.2 !important;
}


/* --- hotfix v4: lazy geladenes 3D-Modul + scrollbares Regal --- */
.shelf3d-canvas {
    height: var(--shelf-canvas-height, 960px) !important;
    min-height: 960px !important;
}


/* --- v6: Medienlogos auf den Hüllen sauber skalieren, nie strecken/abschneiden --- */
.case-brand,
.case-back-sub {
    box-sizing: border-box !important;
}
.case-brand {
    min-height: 24px !important;
    padding: .22rem .42rem !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.format-logo-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
.case-format-logo-wrap {
    width: min(74%, 132px) !important;
    max-width: calc(100% - 4px) !important;
    height: 14px !important;
}
.case-format-logo-wrap.vhs {
    width: min(56%, 108px) !important;
}
.case-format-logo-wrap.bluray {
    width: min(78%, 134px) !important;
}
.case-back-format-logo-wrap {
    width: min(84px, 38%) !important;
    max-width: 100% !important;
    height: 14px !important;
}
.format-logo,
.case-format-logo,
.case-back-format-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    aspect-ratio: auto !important;
    transform: none !important;
}
.case-back-sub {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.case-back-sub > span:last-child {
    min-width: 0;
    flex: 1 1 140px;
}


/* --- v7: Logos anständig – Background-Contain statt natürlicher SVG-Größe --- */
.case-brand {
    height: 42px !important;
    min-height: 42px !important;
    padding: 6px 12px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.media-logo {
    display: block !important;
    flex: 0 0 auto !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    overflow: hidden !important;
    transform: none !important;
}
.media-logo-front {
    width: 104px !important;
    height: 24px !important;
    max-width: 72% !important;
    max-height: 30px !important;
}
.media-logo-front.vhs {
    width: 76px !important;
    height: 22px !important;
}
.media-logo-front.dvd {
    width: 88px !important;
    height: 24px !important;
}
.media-logo-front.bluray {
    width: 118px !important;
    height: 26px !important;
}
.case-back-sub .media-logo-back {
    width: 76px !important;
    height: 16px !important;
    max-width: 34% !important;
    max-height: 18px !important;
}
.case-back-sub .media-logo-back.vhs {
    width: 52px !important;
    height: 15px !important;
}
.case-back-sub .media-logo-back.dvd {
    width: 58px !important;
    height: 15px !important;
}
.case-back-sub .media-logo-back.bluray {
    width: 82px !important;
    height: 16px !important;
}
.case-back-sub {
    align-items: center !important;
    gap: 7px !important;
}
.case-back-sub > span:not(.media-logo) {
    min-width: 0 !important;
    flex: 1 1 150px !important;
}


/* --- v13 originale Medienlogos + einklappbares Trailerdeck --- */
.player-head-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.player-collapse-button{display:grid;place-items:center;width:38px;min-width:38px;min-height:32px;padding:0;background:#0b0b0b;font-weight:900;font-size:1.05rem;line-height:1}
body.player-collapsed{--player-width:96px}
body.player-collapsed .player-zone{grid-template-rows:auto;gap:10px;overflow:hidden}
body.player-collapsed .player-head{display:grid;justify-items:center;gap:12px}
body.player-collapsed .player-head>div:first-child{display:none}
body.player-collapsed .player-head-tools{flex-direction:column;width:100%}
body.player-collapsed .counter,body.player-collapsed .player-collapse-button{width:100%}
body.player-collapsed .player-controls,body.player-collapsed .playlist{display:none !important}
body.player-collapsed .player-stage{position:fixed !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;min-width:1px !important;min-height:1px !important;opacity:.01 !important;overflow:hidden !important;pointer-events:none !important}

.case-brand{min-height:26px !important;height:26px !important;padding:4px 8px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important}
.media-logo{display:block;background-repeat:no-repeat;background-position:center center;background-size:contain;flex:0 0 auto;max-width:100%;max-height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}
.media-logo-front{height:18px !important;width:86px !important}
.media-logo-front.bluray{width:96px !important;height:18px !important}
.media-logo-front.dvd{width:82px !important;height:18px !important}
.media-logo-front.vhs{width:94px !important;height:18px !important}
.case-back-sub{display:flex !important;align-items:center !important;gap:7px !important;flex-wrap:wrap !important}
.media-logo-back{height:14px !important;width:70px !important}
.media-logo-back.bluray{width:78px !important;height:14px !important}
.media-logo-back.dvd{width:66px !important;height:14px !important}
.media-logo-back.vhs{width:74px !important;height:14px !important}
.spine-format{top:8px !important;left:50% !important;right:auto !important;width:calc(100% - 8px) !important;transform:translateX(-50%) !important;display:flex !important;justify-content:center !important;align-items:center !important;writing-mode:horizontal-tb !important;text-orientation:mixed !important;overflow:hidden !important}
.media-logo-spine{height:11px !important;width:calc(100% - 8px) !important;max-width:46px !important}
.media-logo-spine.bluray{max-width:44px !important;height:10px !important}
.media-logo-spine.dvd{max-width:40px !important;height:10px !important}
.media-logo-spine.vhs{max-width:50px !important;height:11px !important}
@media (max-width: 900px){body.player-collapsed{--player-width:auto}body.player-collapsed .player-zone{height:92px}body.player-collapsed .player-head>div:first-child{display:block}body.player-collapsed .player-head{grid-template-columns:1fr auto;align-items:start;justify-items:stretch}body.player-collapsed .player-head-tools{flex-direction:row;justify-content:flex-end}body.player-collapsed .counter,body.player-collapsed .player-collapse-button{width:auto}}


/* --- v14 requested polish --- */
.nav-button br{display:block}

.player-collapsed-label{display:none}
body.player-collapsed{--player-width:84px}
body.player-collapsed .player-zone{position:fixed;display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;padding:14px 10px}
body.player-collapsed .player-head{width:100%;display:flex;justify-content:center;align-items:flex-start}
body.player-collapsed .player-head>div:first-child{display:none}
body.player-collapsed .player-head-tools{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
body.player-collapsed .player-controls,body.player-collapsed .playlist{display:none !important}
body.player-collapsed .player-stage{position:fixed !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:.001 !important;overflow:hidden !important;pointer-events:none !important}
body.player-collapsed .player-collapsed-label{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:1.15rem;color:var(--white);height:100%;padding:14px 0;border-top:1px solid var(--line)}
@media (max-width:900px){.player-collapsed-label{display:none !important}}

.shelf-title-row h2{max-width:14ch}
.shelf3d-canvas{padding-bottom:72px !important;overflow:hidden !important}
.shelf-load-sentinel{margin-top:20px !important}

/* spine logos slightly larger */
.media-logo-spine{height:13px !important;max-width:54px !important;width:calc(100% - 6px) !important}
.media-logo-spine.bluray{height:12px !important;max-width:52px !important}
.media-logo-spine.dvd{height:12px !important;max-width:48px !important}
.media-logo-spine.vhs{height:13px !important;max-width:58px !important}

/* back footer fixed to bottom */
.case-back-overlay{display:grid !important;grid-template-rows:auto auto auto minmax(0,1fr) auto !important;align-content:stretch !important;height:100% !important}
.case-back-copy.large{min-height:0 !important;height:100% !important;overflow:auto !important;align-self:stretch !important;padding-right:4px !important}
.case-back-footerbar{margin-top:0 !important;align-self:end !important}

/* editor media preview */
.editor-preview-grid{align-items:start}
.editor-preview-block{border:1px solid var(--line);background:#0d0d0d;padding:12px;display:grid;gap:10px;min-height:260px}
.editor-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.editor-preview-head h3{margin:0;font-size:1rem}
.editor-media-preview{display:grid;gap:10px}
.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.trailer-preview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.editor-preview-card{border:1px solid var(--line);background:#050505;padding:8px;margin:0}
.editor-preview-card.image img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#000}
.editor-preview-card.image figcaption{padding-top:6px;color:var(--muted);font-size:.78rem}
.editor-preview-card.trailer .editor-preview-embed iframe,.editor-preview-card.trailer .editor-preview-embed video{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.editor-preview-card.trailer p{margin:7px 0 0;color:var(--muted);font-size:.76rem}
.editor-preview-empty{display:grid;place-items:center;min-height:180px;border:1px dashed var(--line);color:var(--muted);padding:1rem;text-align:center}

/* --- v10 editor media controls + collapsed deck polish --- */
body.player-collapsed .player-collapsed-label{
    transform:none !important;
    writing-mode:vertical-rl !important;
    font-size:1.42rem !important;
    letter-spacing:.18em !important;
    line-height:1 !important;
}
body.player-collapsed .counter{
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    min-height:32px !important;
    padding:.25rem 0 !important;
}
body.player-collapsed .player-collapse-button{
    min-height:36px !important;
}
.media-editors.is-hidden{
    display:none !important;
}
.editor-media-manager{
    display:grid;
    gap:14px;
}
.editor-media-toolbar,
.editor-manual-trailer{
    display:grid;
    grid-template-columns:minmax(240px,1fr) auto;
    gap:12px;
    align-items:end;
    border:1px solid var(--line);
    background:#0d0d0d;
    padding:12px;
}
.editor-manual-trailer{
    grid-template-columns:minmax(260px,1fr) minmax(180px,280px) auto;
}
.editor-upload-box{
    border:1px dashed #454545;
    background:#080808;
    padding:1rem;
    cursor:pointer;
}
.editor-upload-box input{
    margin-top:.35rem;
    border:0;
    padding:.35rem 0 0;
    background:transparent;
}
.editor-upload-box span,
.editor-upload-status{
    color:var(--muted);
    font-size:.78rem;
    text-transform:none;
    letter-spacing:0;
}
.editor-upload-status{
    align-self:center;
    max-width:420px;
}
.editor-preview-card{
    position:relative;
}
.editor-preview-card.is-main{
    border-color:var(--red) !important;
    box-shadow:inset 0 0 0 1px rgba(255,48,72,.35);
}
.editor-preview-delete{
    position:absolute;
    top:6px;
    right:6px;
    z-index:4;
    width:30px;
    height:30px;
    padding:0 !important;
    display:grid;
    place-items:center;
    background:rgba(0,0,0,.82) !important;
    border-color:rgba(255,255,255,.24) !important;
    color:#fff;
    font-size:1rem;
    line-height:1;
}
.editor-preview-delete:hover{
    background:var(--red) !important;
}
.editor-main-toggle{
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--white);
    font-size:.72rem;
    letter-spacing:.08em;
    cursor:pointer;
}
.editor-main-toggle input{
    width:auto;
    accent-color:var(--red);
}
.editor-preview-card figcaption,
.editor-preview-caption{
    display:grid;
    gap:5px;
    padding-top:7px;
}
.editor-preview-card small{
    color:var(--muted);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
@media(max-width:900px){
    .editor-media-toolbar,
    .editor-manual-trailer{
        grid-template-columns:1fr;
    }
}


/* --- v11 polish --- */
.counter{display:flex;align-items:center;justify-content:center;text-align:center;min-width:56px}
body.player-collapsed{--player-width:98px !important}
body.player-collapsed .player-zone{padding:14px 8px !important;grid-template-rows:auto 1fr !important}
body.player-collapsed .player-head-tools{justify-items:center;align-items:center}
body.player-collapsed .counter{width:56px !important;justify-self:center !important;margin:0 auto !important}
body.player-collapsed .player-collapse-button{width:56px !important;justify-self:center !important}
body.player-collapsed .player-collapsed-label{display:flex !important;align-items:center !important;justify-content:center !important;writing-mode:horizontal-tb !important;text-orientation:mixed !important;transform:rotate(90deg) !important;transform-origin:center center !important;white-space:nowrap !important;text-transform:uppercase !important;letter-spacing:.02em !important;font-weight:1000 !important;font-size:1.65rem !important;line-height:.95 !important;height:100% !important;padding:0 !important;border-top:0 !important}

.case-back-top{position:relative !important;padding-right:88px !important}
.case-back-logo-corner{position:absolute !important;top:0 !important;right:0 !important;display:flex !important;align-items:flex-start !important;justify-content:flex-end !important;max-width:84px !important}
.case-back-sub{padding-right:0 !important}
.media-logo-back{width:82px !important;height:18px !important}
.media-logo-back.vhs{width:88px !important;height:18px !important}
.media-logo-back.dvd{width:76px !important;height:18px !important}
.media-logo-back.bluray{width:90px !important;height:18px !important}
.case-back-overlay{grid-template-rows:auto auto auto minmax(0,1fr) auto !important}
.case-back-copy.large{min-height:0 !important;max-height:none !important;overflow:auto !important}
.case-back-footerbar{display:grid !important;grid-template-columns:1.1fr 1fr 1.15fr .55fr !important;align-items:end !important;gap:7px !important;margin-top:0 !important}
.case-popup-button{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(180,0,26,.92),rgba(90,0,13,.92));color:#fff;font:900 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;padding:.34rem .28rem;cursor:pointer;min-height:42px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.case-popup-button:hover{filter:brightness(1.08)}

.shelf3d-canvas{padding-bottom:110px !important;min-height:var(--shelf-canvas-height,1280px) !important;overflow:visible !important}
.shelf-load-sentinel{margin-top:26px !important;display:grid !important;gap:10px !important;justify-items:start !important}
.shelf-load-more{border:1px solid var(--line);background:#111;color:#fff;padding:.7rem 1rem;font:800 .84rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.shelf-load-more:hover{border-color:var(--red);color:var(--red)}

.detail-actions .danger,.confirm-actions .danger{background:linear-gradient(180deg,rgba(190,0,28,.95),rgba(104,0,16,.95));border-color:rgba(255,255,255,.18);color:#fff}
.confirm-modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.76);backdrop-filter:blur(6px);z-index:1300;padding:24px}
.confirm-dialog{width:min(480px,100%);display:grid;gap:18px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(7,7,7,.98));box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 1px #000}
.confirm-dialog.is-danger{border-color:rgba(200,30,50,.42)}
.confirm-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:var(--red);font:1000 1.4rem/1 system-ui,sans-serif;color:#fff}
.confirm-copy h3{margin:0 0 8px;font-size:1.6rem;letter-spacing:-.04em;text-transform:uppercase}
.confirm-copy p{margin:0;color:#cfcfcf;line-height:1.45}
.confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.confirm-actions button{min-width:140px}
@media (max-width: 900px){.case-back-top{padding-right:72px !important}.case-back-logo-corner{max-width:70px !important}.media-logo-back{width:72px !important;height:16px !important}.media-logo-back.vhs{width:76px !important}.case-popup-button{grid-column:1 / -1;min-height:34px}.confirm-actions button{min-width:0;flex:1 1 auto}}


/* --- v12 hotfix: collapsed trailer deck + selected case size + clickable popup button --- */
body.player-collapsed{--player-width:168px !important;}
body.player-collapsed .player-zone{
    width:168px !important;
    padding:14px !important;
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(4,4,4,.98)) !important;
}
body.player-collapsed .player-head{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 !important;
}
body.player-collapsed .player-head-tools{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 44px !important;
    align-items:center !important;
    gap:8px !important;
}
body.player-collapsed .counter{
    width:100% !important;
    min-width:0 !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    padding:0 !important;
    margin:0 !important;
    font-size:.95rem !important;
}
body.player-collapsed .player-collapse-button{
    width:44px !important;
    min-width:44px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
}
body.player-collapsed .player-collapsed-label{
    display:grid !important;
    place-items:center !important;
    writing-mode:horizontal-tb !important;
    transform:none !important;
    white-space:normal !important;
    text-align:center !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:radial-gradient(circle at 50% 18%,rgba(200,25,46,.12),transparent 44%),#0b0b0b !important;
    color:#fff !important;
    height:100% !important;
    min-height:260px !important;
    padding:16px 8px !important;
    font-size:2.05rem !important;
    line-height:.86 !important;
    font-weight:1000 !important;
    letter-spacing:-.08em !important;
    text-transform:uppercase !important;
}
body.player-collapsed .player-collapsed-label::first-line{letter-spacing:-.1em;}
body.player-collapsed .player-stage{
    position:fixed !important;
    left:-9999px !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    opacity:.001 !important;
    overflow:hidden !important;
    pointer-events:none !important;
}
.case-popup-button{
    position:relative !important;
    z-index:20 !important;
    pointer-events:auto !important;
}
.shelf3d-face.back .case-gloss{pointer-events:none !important;}
@media(max-width:900px){body.player-collapsed{--player-width:auto !important;}body.player-collapsed .player-zone{width:auto !important;height:92px !important}body.player-collapsed .player-collapsed-label{display:none !important;}}


/* --- v13: import clean, vertical collapsed deck, adaptive shelf --- */
body.player-collapsed{--player-width:112px !important;}
body.player-collapsed .player-zone{width:112px !important;padding:14px 10px !important;display:grid !important;grid-template-rows:auto 1fr !important;gap:12px !important;overflow:hidden !important;}
body.player-collapsed .player-head{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;}
body.player-collapsed .player-head-tools{width:100% !important;display:grid !important;grid-template-columns:1fr !important;justify-items:center !important;gap:8px !important;}
body.player-collapsed .counter{width:54px !important;height:36px !important;display:grid !important;place-items:center !important;margin:0 auto !important;padding:0 !important;text-align:center !important;}
body.player-collapsed .player-collapse-button{width:54px !important;min-width:54px !important;height:36px !important;min-height:36px !important;display:grid !important;place-items:center !important;padding:0 !important;}
body.player-collapsed .player-collapsed-label{display:flex !important;align-items:center !important;justify-content:center !important;writing-mode:vertical-rl !important;text-orientation:mixed !important;transform:rotate(180deg) !important;white-space:nowrap !important;border:1px solid rgba(255,255,255,.08) !important;background:radial-gradient(circle at 50% 18%,rgba(200,25,46,.12),transparent 44%),#0b0b0b !important;color:#fff !important;height:100% !important;min-height:310px !important;padding:18px 0 !important;font-size:2.05rem !important;line-height:1 !important;font-weight:1000 !important;letter-spacing:.02em !important;text-transform:uppercase !important;}
body.player-collapsed .player-stage{position:fixed !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:.001 !important;overflow:hidden !important;pointer-events:none !important;}
@media(max-width:900px){body.player-collapsed{--player-width:auto !important;}body.player-collapsed .player-zone{width:auto !important;height:92px !important}body.player-collapsed .player-collapsed-label{display:none !important;}}

.tmdb-actions{grid-template-columns:1fr !important;}
.tmdb-actions .danger-button{width:100%;justify-content:center;text-align:center;font-weight:900;}
#tmdbDetail:empty{display:none;}

.shelf3d-canvas{height:var(--shelf-canvas-height,980px) !important;min-height:var(--shelf-canvas-height,980px) !important;overflow:hidden !important;padding-bottom:0 !important;}
.shelf3d-renderer{inset:0 !important;overflow:hidden !important;}
.shelf3d-board{width:1180px !important;}
.shelf-load-sentinel{margin-top:18px !important;position:relative !important;z-index:2;}
.shelf-load-more{margin-top:8px;border:1px solid var(--line);background:#101010;color:#fff;padding:.7rem 1rem;font:900 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;}
.shelf-load-more:hover{border-color:var(--red);color:#fff;background:#21060a;}
@media(max-width:1100px){.shelf3d-board{width:980px !important;}}


/* --- v14: deterministic shelf grid: 4 open / 5 collapsed, no clipping --- */
body.player-collapsed{--player-width:112px !important;}
body.player-collapsed .player-zone{width:112px !important;padding:14px 10px !important;display:grid !important;grid-template-rows:auto 1fr !important;gap:12px !important;overflow:hidden !important;}
body.player-collapsed .player-head{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;}
body.player-collapsed .player-head-tools{width:100% !important;display:grid !important;grid-template-columns:1fr !important;justify-items:center !important;gap:8px !important;}
body.player-collapsed .counter{width:54px !important;height:36px !important;display:grid !important;place-items:center !important;margin:0 auto !important;padding:0 !important;text-align:center !important;}
body.player-collapsed .player-collapse-button{width:54px !important;min-width:54px !important;height:36px !important;min-height:36px !important;display:grid !important;place-items:center !important;padding:0 !important;}
body.player-collapsed .player-collapsed-label{display:flex !important;align-items:center !important;justify-content:center !important;writing-mode:vertical-rl !important;text-orientation:mixed !important;transform:rotate(180deg) !important;white-space:nowrap !important;border:1px solid rgba(255,255,255,.08) !important;background:radial-gradient(circle at 50% 18%,rgba(200,25,46,.12),transparent 44%),#0b0b0b !important;color:#fff !important;height:100% !important;min-height:310px !important;padding:18px 0 !important;font-size:2.05rem !important;line-height:1 !important;font-weight:1000 !important;letter-spacing:.02em !important;text-transform:uppercase !important;}
body.player-collapsed .player-stage{position:fixed !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:.001 !important;overflow:hidden !important;pointer-events:none !important;}
@media(max-width:900px){body.player-collapsed{--player-width:auto !important;}body.player-collapsed .player-zone{width:auto !important;height:92px !important}body.player-collapsed .player-collapsed-label{display:none !important;}}

.shelf3d-room{overflow:visible !important;}
.shelf3d-canvas{height:var(--shelf-canvas-height,640px) !important;min-height:var(--shelf-canvas-height,640px) !important;overflow:visible !important;padding-bottom:0 !important;}
.shelf3d-renderer{inset:0 !important;overflow:visible !important;}
.shelf3d-board{width:var(--shelf-board-width,1120px);max-width:none !important;}
.shelf-load-sentinel{margin-top:22px !important;position:relative !important;z-index:2 !important;}
.shelf-load-more{margin-top:8px;border:1px solid var(--line);background:#101010;color:#fff;padding:.7rem 1rem;font:900 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;}
.shelf-load-more:hover{border-color:var(--red);color:#fff;background:#21060a;}
#tmdbDetail:empty{display:none !important;}


/* --- v15: Importkarten sauber ausrichten + stärkerer Regal-Zoom --- */
.tmdb-results .tmdb-card,
.tmdb-suggest-strip .tmdb-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.tmdb-results .tmdb-card .tmdb-actions,
.tmdb-suggest-strip .tmdb-card .tmdb-actions {
    margin-top: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
}
.tmdb-results .tmdb-card .tmdb-actions .danger-button,
.tmdb-suggest-strip .tmdb-card .tmdb-actions .danger-button {
    width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.tmdb-results {
    align-items: stretch !important;
}
.shelf3d-status::after {
    content: "  Zoom: Mausrad näher/weiter.";
    color: var(--muted);
}


/* --- v16: virtualisiertes Regal-Fenster, max. 3 Reihen, 4/5 Spalten --- */
.shelf3d-room{
    overflow:hidden !important;
}
.shelf3d-canvas{
    height:var(--shelf-canvas-height, 760px) !important;
    min-height:var(--shelf-canvas-height, 760px) !important;
    max-height:var(--shelf-canvas-height, 760px) !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
    contain:layout paint;
}
.shelf3d-renderer{
    inset:0 !important;
    overflow:hidden !important;
}
.shelf3d-board{
    width:var(--shelf-board-width, 1040px) !important;
    max-width:none !important;
}
.shelf-load-sentinel{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:14px !important;
    margin-top:14px !important;
}
.shelf-window-info{
    display:grid;
    gap:.2rem;
}
.shelf-window-controls{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.shelf-window-controls button{
    min-width:140px;
    padding:.72rem 1rem;
    background:#101010;
    border:1px solid var(--line);
    font:900 .76rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.shelf-window-controls button:disabled{
    opacity:.35;
    cursor:not-allowed;
}
.spine-year{
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    transform:translateX(-50%) !important;
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    letter-spacing:.08em !important;
    text-align:center !important;
    white-space:nowrap !important;
}
.spine-title{
    max-height:calc(100% - 82px) !important;
    bottom:42px !important;
}
@media(max-width:900px){
    .shelf-load-sentinel{align-items:flex-start !important;flex-direction:column !important;}
    .shelf-window-controls{width:100%;}
    .shelf-window-controls button{flex:1 1 0;min-width:0;}
}


/* --- v17: Header passt sich an Trailerdeck offen/eingeklappt an --- */
.app-shell,
.topbar,
.brand-block,
.main-nav,
.nav-button {
    box-sizing: border-box;
}
.app-shell {
    transition: padding-right .24s ease, padding-left .24s ease;
}
.topbar {
    min-width: 0;
    overflow: hidden;
    transition: grid-template-columns .24s ease, gap .24s ease, min-height .24s ease;
}
.brand-block {
    min-width: 0;
    overflow: hidden;
}
.brand-block > div {
    min-width: 0;
}
.brand-block h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}
.main-nav {
    min-width: 0;
}
.nav-button {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Trailerdeck offen: Kopf kompakter, damit alles sauber im freien Bereich bleibt */
body:not(.player-collapsed) .topbar {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) minmax(330px, .76fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
}
body:not(.player-collapsed) .brand-block {
    gap: 12px !important;
    padding: 13px 14px !important;
}
body:not(.player-collapsed) .brand-mark {
    width: clamp(48px, 5.2vw, 64px) !important;
    height: clamp(48px, 5.2vw, 64px) !important;
    font-size: clamp(.9rem, 1.25vw, 1.1rem) !important;
}
body:not(.player-collapsed) .brand-block h1 {
    font-size: clamp(2.45rem, 5.45vw, 4.85rem) !important;
    letter-spacing: -.075em !important;
}
body:not(.player-collapsed) .brand-block .eyebrow {
    font-size: clamp(.52rem, .72vw, .66rem) !important;
    letter-spacing: .14em !important;
}
body:not(.player-collapsed) .main-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(64px, 1fr)) !important;
}
body:not(.player-collapsed) .nav-button {
    padding: .7rem .52rem !important;
    font-size: clamp(.7rem, .9vw, .86rem) !important;
    letter-spacing: .05em !important;
    line-height: 1.08 !important;
}

/* Trailerdeck eingeklappt: mehr Breite nutzen, Header darf wieder großzügiger sein */
body.player-collapsed .topbar {
    display: grid !important;
    grid-template-columns: minmax(420px, 1.35fr) minmax(420px, .9fr) !important;
    align-items: stretch !important;
    gap: 16px !important;
}
body.player-collapsed .brand-block {
    padding: 16px !important;
    gap: 16px !important;
}
body.player-collapsed .brand-mark {
    width: clamp(58px, 5.2vw, 72px) !important;
    height: clamp(58px, 5.2vw, 72px) !important;
}
body.player-collapsed .brand-block h1 {
    font-size: clamp(3rem, 6.6vw, 5.8rem) !important;
}
body.player-collapsed .main-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(86px, 1fr)) !important;
}
body.player-collapsed .nav-button {
    padding: .95rem .72rem !important;
    font-size: clamp(.78rem, .95vw, .95rem) !important;
    line-height: 1.08 !important;
}

@media (max-width: 1320px) {
    body:not(.player-collapsed) .topbar {
        grid-template-columns: minmax(260px, 1fr) minmax(300px, .82fr) !important;
    }
    body:not(.player-collapsed) .brand-block h1 {
        font-size: clamp(2.15rem, 4.7vw, 4.05rem) !important;
    }
    body:not(.player-collapsed) .nav-button {
        padding: .62rem .42rem !important;
        font-size: .72rem !important;
    }
}

@media (max-width: 1120px) {
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar {
        grid-template-columns: 1fr !important;
    }
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav {
        border-left: 0 !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}


/* v18: case back footer panels always equal height */
.case-back-footerbar{
    align-items:stretch !important;
    grid-auto-rows:1fr !important;
}
.case-back-footerbar > .case-back-panel,
.case-back-footerbar > .case-popup-button{
    align-self:stretch !important;
    height:100% !important;
}
.case-back-footerbar > .case-back-panel{
    justify-content:flex-start !important;
}
.case-back-footerbar > .case-back-panel-fsk,
.case-back-footerbar > .case-popup-button{
    display:flex !important;
}
.case-back-footerbar > .case-popup-button{
    min-height:0 !important;
}


/* v19: popup button label + format chooser + larger VHS spine logo */
.media-format-chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid rgba(255,255,255,.08);padding:.75rem .85rem;background:rgba(255,255,255,.02);margin:0}
.media-format-chooser legend{padding:0 .35rem;color:#c8c8c8;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}
.media-format-option{display:flex;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.28);cursor:pointer}
.media-format-option > input[type="radio"]{accent-color:var(--accent)}
.media-format-option span{font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.case-popup-button{font-size:.68rem !important;line-height:.86 !important;letter-spacing:.04em !important;text-align:center !important;flex-direction:column !important;gap:2px !important;padding:.2rem .2rem !important}
.case-popup-button span{display:block}
.spine-fill.vhs .spine-format{top:14px !important}
.spine-fill.vhs .media-logo-spine.vhs{height:18px !important;max-width:78px !important;width:calc(100% - 4px) !important}
@media (max-width: 900px){
  .media-format-chooser{grid-column:1 / -1;grid-template-columns:1fr}
}


/* v20: larger FSK badges and no trailer label */
.case-fsk.front{
    width: 48px !important;
    right: .68rem !important;
    bottom: .68rem !important;
}
.case-back-footerbar .case-back-panel-fsk{
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
}
.case-back-footerbar .case-back-panel-fsk > span{
    width: 100%;
}
.case-back-footerbar .case-back-panel-fsk .case-fsk.back{
    position: static !important;
    display: block !important;
    width: 46px !important;
    max-width: 100% !important;
    margin: 3px auto 0 !important;
}
@media (max-width: 900px){
  .case-fsk.front{width:42px !important}
  .case-back-footerbar .case-back-panel-fsk .case-fsk.back{width:40px !important}
}


/* v21: editor edit-existing action + front FSK toggle */
.checkbox-line.fsk-front-toggle{display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.checkbox-line.fsk-front-toggle input{accent-color:var(--accent)}
.checkbox-line.fsk-front-toggle span{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}
.case-fsk.front{width:60px !important;right:.62rem !important;bottom:.62rem !important}
@media (max-width:900px){.case-fsk.front{width:52px !important}}

/* v22: requested case badge/layout update - larger front FSK + separate back FSK */
.case-fsk.front{
    width: 74px !important;
    right: .72rem !important;
    bottom: .72rem !important;
}
.case-back-footerbar{
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 7px !important;
    align-items: stretch !important;
    margin-top: 0 !important;
}
.case-back-info-panels{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: stretch !important;
    width: 100% !important;
}
.case-back-info-panels .case-back-panel{
    align-self: stretch !important;
    height: 100% !important;
}
.case-back-actions{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 7px !important;
    align-items: stretch !important;
    min-height: 42px !important;
    width: 100% !important;
}
.case-back-actions .case-popup-button{
    grid-column: 1 !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 42px !important;
}
.case-back-actions .case-fsk.back{
    grid-column: 3 !important;
    position: static !important;
    display: block !important;
    width: 46px !important;
    height: 42px !important;
    max-width: none !important;
    max-height: 42px !important;
    object-fit: contain !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
}
@media (max-width: 900px){
    .case-fsk.front{width:64px !important;right:.64rem !important;bottom:.64rem !important}
    .case-back-info-panels{grid-template-columns:1fr !important}
    .case-back-actions{min-height:34px !important}
    .case-back-actions .case-popup-button{min-height:34px !important}
    .case-back-actions .case-fsk.back{width:40px !important;height:34px !important;max-height:34px !important}
}

/* v23: keep the original Mehr-Infos button shape; only make the text slightly larger */
.case-back-actions{
    grid-template-columns: 1.1fr 1fr 1.15fr .55fr !important;
}
.case-back-actions .case-popup-button{
    grid-column: 1 !important;
    height: auto !important;
    min-height: 42px !important;
    font-size: .74rem !important;
    line-height: .86 !important;
}
.case-back-actions .case-fsk.back{
    grid-column: 4 !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 42px !important;
}
@media (max-width: 900px){
    .case-back-actions{
        grid-template-columns: 1fr auto !important;
    }
    .case-back-actions .case-popup-button{
        grid-column: 1 !important;
        min-height: 34px !important;
        font-size: .68rem !important;
    }
    .case-back-actions .case-fsk.back{
        grid-column: 2 !important;
        min-height: 34px !important;
        height: 100% !important;
    }
}

/* v23: Editor-FSK direkt bei der Angabe, bessere Hüllenauswahl, Filterfeld einklappbar */
.filter-toolbar {
    align-items: flex-start;
}
.filter-collapse-button {
    min-width: 172px;
}
body[data-active-panel="importPanel"] .filter-rig {
    display: block;
}
body.filter-rig-collapsed .filter-rig .finder-row,
body.filter-rig-collapsed .filter-rig .quick-moods,
body.filter-rig-collapsed .filter-rig #filterFacets {
    display: none !important;
}
body.filter-rig-collapsed .filter-rig .section-title-row {
    margin-bottom: 0;
    align-items: center;
}
body.filter-rig-collapsed .filter-rig {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* v22: cleaner editor FSK row + calmer format chooser */
.editor-fsk-group {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) max-content;
    gap: 10px;
    align-items: end;
    min-width: 0;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(0,0,0,.18));
    padding: .75rem;
}
.editor-fsk-group .editor-fsk-select {
    min-width: 0;
}
.editor-fsk-group .fsk-front-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    width: auto;
    min-width: 190px;
    min-height: 48px;
    margin: 0;
    padding: 0 .9rem;
    border: 1px solid rgba(255,255,255,.12);
    background: #090909;
    color: #d6d6d6;
    white-space: nowrap;
    box-sizing: border-box;
}
.editor-fsk-group .fsk-front-toggle input[type="checkbox"] {
    flex: 0 0 auto;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px;
    margin: 0;
    padding: 0 !important;
    border-radius: 2px;
    accent-color: var(--red-2);
}
.editor-fsk-group .fsk-front-toggle span {
    display: inline-block;
    font-weight: 800;
    font-size: .72rem;
    line-height: 1;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.media-format-chooser {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: .85rem .95rem .95rem !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(0,0,0,.24)) !important;
}
.media-format-chooser legend {
    padding: 0 .45rem !important;
    color: #eee !important;
}
.media-format-option {
    position: relative;
    display: block !important;
    min-height: 92px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(0,0,0,.42) !important;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.media-format-option:hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(16,16,16,.9) !important;
}
.media-format-option > input[type="radio"] {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 1px !important;
    height: 1px !important;
    margin: 0;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
}
.media-format-option::after {
    content: "";
    position: absolute;
    z-index: 4;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 0 0 3px #090909;
}
.media-format-card-body {
    position: relative;
    z-index: 2;
    height: 100%;
    min-height: 92px;
    display: grid !important;
    align-content: center;
    gap: 5px;
    padding: 14px 48px 14px 16px;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.media-format-icon {
    display: inline-grid !important;
    place-items: center;
    width: max-content;
    min-width: 52px;
    min-height: 28px;
    padding: .25rem .45rem;
    border: 1px solid rgba(255,255,255,.18);
    background: #000;
    color: #fff;
    font: 950 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
.media-format-title {
    display: block !important;
    color: #fff;
    font-weight: 950 !important;
    font-size: 1rem !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
}
.media-format-card-body small {
    color: #aaa;
    font: 750 .64rem/1.15 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.media-format-vhs .media-format-icon {
    border-color: rgba(255,255,255,.2);
}
.media-format-dvd .media-format-icon {
    min-width: 50px;
}
.media-format-bluray .media-format-icon {
    border-color: rgba(80,150,255,.55);
    background: linear-gradient(90deg, #002b6b, #0d63ce);
}
.media-format-option:has(input:checked) {
    border-color: var(--red-2) !important;
    background: linear-gradient(135deg, rgba(200,25,46,.16), rgba(0,0,0,.58) 52%, rgba(0,0,0,.74)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,48,72,.28), 0 0 0 1px rgba(0,0,0,.85);
}
.media-format-option:has(input:checked)::before {
    content: "";
}
.media-format-option:has(input:checked)::after {
    border-color: var(--red-2);
    background: var(--red-2);
    box-shadow: inset 0 0 0 3px #3a0b12, 0 0 0 2px rgba(255,48,72,.18);
}

@media (max-width: 900px) {
    .filter-toolbar {
        width: 100%;
        justify-content: stretch;
    }
    .filter-toolbar .ghost-button {
        flex: 1 1 160px;
    }
    .editor-fsk-group {
        grid-template-columns: 1fr;
    }
    .editor-fsk-group .fsk-front-toggle {
        width: 100%;
        justify-content: flex-start;
    }
    .media-format-chooser {
        grid-template-columns: 1fr !important;
    }
    .media-format-option,
    .media-format-card-body {
        min-height: 94px !important;
    }
}

/* v24: größere Front-FSK + bessere mobile 3D-Steuerung */
.case-fsk.front{
    width: 92px !important;
    right: .78rem !important;
    bottom: .78rem !important;
    max-width: 34% !important;
    height: auto !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.55));
}
.shelf3d-status::after{
    content: "" !important;
}
.shelf3d-renderer{
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
}
.shelf3d-canvas.shelf3d-has-selection .shelf3d-renderer{
    touch-action: none;
    cursor: grab;
}
.shelf3d-canvas.shelf3d-has-selection .shelf3d-renderer.is-dragging-case{
    cursor: grabbing;
}
.shelf3d-mobile-controls{
    display: none;
    gap: 8px;
    width: 100%;
}
.shelf3d-mobile-controls .ghost-button{
    min-height: 46px;
    padding: .72rem .65rem;
    justify-content: center;
    text-align: center;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
.shelf3d-mobile-controls .ghost-button:disabled{
    opacity: .38;
    cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine){
    .shelf3d-status::after{
        content: "  Zoom: Mausrad oder Buttons." !important;
        color: var(--muted);
    }
}
@media (max-width: 900px), (hover: none), (pointer: coarse){
    .shelf3d-toolbar{
        gap: 10px !important;
    }
    .shelf3d-actionbar{
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: 8px;
    }
    .shelf3d-actionbar .ghost-button{
        min-width: 0;
        min-height: 44px;
        padding: .66rem .48rem;
        font-size: .66rem;
        text-align: center;
        justify-content: center;
    }
    .shelf3d-mobile-controls{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #shelfStraightenBtn{
        grid-column: 1 / -1;
    }
    .shelf3d-status{
        flex-basis: 100% !important;
        min-height: 0 !important;
        padding: .72rem .78rem !important;
        font-size: .68rem !important;
        line-height: 1.32 !important;
    }
    .shelf3d-room{
        padding: 10px !important;
        gap: 10px !important;
    }
    .shelf3d-canvas{
        border-color: rgba(255,255,255,.12) !important;
        touch-action: pan-y;
    }
    .case-fsk.front{
        width: 82px !important;
        right: .58rem !important;
        bottom: .58rem !important;
        max-width: 36% !important;
    }
}
@media (max-width: 520px){
    .shelf3d-actionbar{
        grid-template-columns: 1fr;
    }
    .shelf3d-mobile-controls .ghost-button{
        min-height: 50px;
        font-size: .68rem;
    }
    .case-fsk.front{
        width: 76px !important;
    }
}


/* v25: Mausrad nur direkt auf Hüllen + leichteres mobiles Hochformat-Regal */
.case-fsk.front{
    width: 104px !important;
    right: .82rem !important;
    bottom: .82rem !important;
    max-width: 38% !important;
}
.shelf3d-renderer{
    overscroll-behavior: auto;
}
.shelf3d-face{
    overscroll-behavior: contain;
}
@media (max-width: 900px) and (orientation: portrait){
    .shelf-layout,
    .shelf3d-room{
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .shelf3d-room{
        padding: 8px !important;
        gap: 8px !important;
    }
    .shelf3d-canvas{
        width: 100% !important;
        height: var(--shelf-canvas-height, 580px) !important;
        min-height: var(--shelf-canvas-height, 580px) !important;
        max-height: var(--shelf-canvas-height, 580px) !important;
        overflow: hidden !important;
        contain: layout paint size;
    }
    .shelf3d-renderer{
        inset: 0 !important;
        overflow: hidden !important;
        touch-action: pan-y;
    }
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-renderer{
        touch-action: none;
    }
    .shelf3d-board{
        width: var(--shelf-board-width, 390px) !important;
        max-width: calc(100vw - 28px) !important;
    }
    .shelf3d-actionbar{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .shelf3d-mobile-controls{
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }
    .shelf3d-mobile-controls .ghost-button,
    .shelf3d-actionbar .ghost-button{
        min-height: 40px !important;
        padding: .56rem .34rem !important;
        font-size: .58rem !important;
        letter-spacing: .045em !important;
    }
    #shelfStraightenBtn{
        grid-column: auto !important;
    }
    .shelf-window-info span{
        font-size: .7rem !important;
        line-height: 1.3 !important;
    }
    .case-fsk.front{
        width: 88px !important;
        right: .58rem !important;
        bottom: .58rem !important;
        max-width: 42% !important;
    }
}
@media (max-width: 420px) and (orientation: portrait){
    .shelf3d-mobile-controls{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    #shelfStraightenBtn{
        grid-column: 2 / -1 !important;
    }
    .shelf3d-actionbar{
        grid-template-columns: 1fr !important;
    }
    .case-fsk.front{
        width: 82px !important;
    }
}

/* v26: TMDb-Wertung, eigene 5-Sterne-Bewertung und Trailerdeck aus dem Popup */
.visually-hidden{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
.star-rating{
    display:inline-flex;
    align-items:center;
    gap:2px;
    line-height:1;
    vertical-align:middle;
    --star-on:#ffd35b;
    --star-off:rgba(255,255,255,.22);
    --star-shadow:0 1px 2px rgba(0,0,0,.75);
}
.star-rating.is-interactive{
    appearance:none;
    border:0;
    background:transparent;
    color:inherit;
    padding:0;
    margin:0;
    cursor:pointer;
    text-align:left;
    text-transform:none;
    letter-spacing:0;
    -webkit-tap-highlight-color:transparent;
}
.star-rating.is-interactive:focus-visible{
    outline:2px solid var(--red-2);
    outline-offset:4px;
}
.star-rating-stars{
    display:inline-flex;
    align-items:center;
    gap:2px;
}
.star-unit{
    position:relative;
    display:inline-block;
    width:1em;
    height:1em;
    font-size:1.26rem;
    line-height:1;
    font-family:system-ui,sans-serif;
    font-weight:900;
    text-shadow:var(--star-shadow);
}
.star-empty,
.star-fill{
    position:absolute;
    inset:0;
    display:block;
    overflow:hidden;
}
.star-empty{color:var(--star-off)}
.star-fill{color:var(--star-on);white-space:nowrap}
.star-rating.is-interactive .star-fill,
.star-rating.is-interactive .star-empty{
    transition:color .12s ease, width .12s ease, transform .12s ease;
}
.star-rating.is-interactive.is-previewing .star-unit{
    transform:translateY(-1px);
}
.star-rating-value.is-preview,
.detail-user-rating-value.is-preview{
    color:#ffd35b;
}
.editor-user-rating{
    display:grid;
    gap:9px;
    border:1px solid rgba(255,255,255,.09);
    background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,0,0,.18));
    padding:.75rem;
    align-content:end;
}
.editor-user-rating > label{
    margin:0;
    color:#cfcfcf;
    font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.rating-editor-row{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:48px;
    padding:.58rem .68rem;
    border:1px solid rgba(255,255,255,.12);
    background:#090909;
}
.rating-editor-row .star-unit{font-size:1.45rem}
.star-rating-value{
    min-width:82px;
    color:#e5e5e5;
    font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.rating-clear-button{
    margin-left:auto;
    min-height:32px !important;
    padding:.45rem .58rem !important;
    font-size:.62rem !important;
}
.detail-rating-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:stretch;
}
.detail-tmdb-rating,
.detail-user-rating-box{
    border:1px solid rgba(255,255,255,.1);
    background:rgba(0,0,0,.28);
    padding:.68rem .76rem;
    display:grid;
    gap:5px;
    min-width:180px;
}
.detail-rating-label{
    color:#bfbfbf;
    font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.detail-tmdb-rating strong{
    color:#fff;
    font-size:1.2rem;
    line-height:1;
}
.detail-tmdb-rating small{
    color:var(--muted);
    font-size:.72rem;
}
.detail-user-rating-control{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
}
.detail-user-rating-control .star-unit{font-size:1.38rem}
.detail-user-rating-value{
    color:#f2f2f2;
    font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.detail-rating-clear{
    border:1px solid rgba(255,255,255,.14) !important;
    background:#060606 !important;
    color:#ddd !important;
    padding:.36rem .48rem !important;
    font-size:.58rem !important;
}
.detail-trailer-button{
    display:grid !important;
    gap:8px;
    width:100%;
    text-align:left !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    color:var(--text) !important;
    cursor:pointer;
    transition:border-color .16s ease, transform .16s ease, background .16s ease;
}
.detail-trailer-button:hover{
    border-color:var(--red-2);
    background:#0b0b0b;
    transform:translateY(-1px);
}
.detail-trailer-thumb{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    background:#000 center/cover no-repeat;
    border:1px solid rgba(255,255,255,.08);
    overflow:hidden;
}
.detail-trailer-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.42));
}
.detail-trailer-thumb.is-empty{
    background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.09),transparent 34%),#020202;
}
.detail-trailer-play{
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:999px;
    background:rgba(218,0,28,.94);
    border:1px solid rgba(255,255,255,.45);
    box-shadow:0 0 22px rgba(218,0,28,.35);
    color:#fff;
    font-size:1rem;
    padding-left:3px;
}
.detail-trailer-title{
    color:#e8e8e8;
    font-weight:850;
    font-size:.82rem;
    line-height:1.2;
}
.detail-trailer-deck-label{
    color:var(--muted);
    font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.case-back-actions .case-user-rating{
    grid-column:2 / 4 !important;
    align-self:stretch !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    padding:0 .15rem !important;
}
.case-star-rating{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:1px;
    padding:.1rem .18rem;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.22);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
    --star-on:#ffd35b;
    --star-off:rgba(255,255,255,.2);
    --star-shadow:0 1px 1px rgba(0,0,0,.85);
}
.case-star-rating .star-unit{
    font-size:.76rem;
}
@media (max-width:900px){
    .editor-user-rating{grid-column:1 / -1}
    .rating-editor-row{align-items:flex-start;flex-wrap:wrap}
    .rating-clear-button{margin-left:0}
    .detail-tmdb-rating,.detail-user-rating-box{min-width:min(100%,220px);flex:1 1 220px}
    .case-back-actions{grid-template-columns:1fr minmax(82px,auto) auto !important}
    .case-back-actions .case-popup-button{grid-column:1 !important}
    .case-back-actions .case-user-rating{grid-column:2 !important;padding:0 !important}
    .case-back-actions .case-fsk.back{grid-column:3 !important}
    .case-star-rating .star-unit{font-size:.64rem}
}
@media (max-width:420px){
    .rating-editor-row .star-unit{font-size:1.25rem}
    .detail-user-rating-control .star-unit{font-size:1.16rem}
    .case-star-rating .star-unit{font-size:.56rem}
}

/* v27: rating controls cleaned up, larger case stars, reliable back text wheel scroll */
.rating-editor-row{
    gap:14px !important;
}
.rating-editor-row .star-rating{
    flex:0 0 auto !important;
}
.rating-editor-row .star-unit{
    font-size:1.58rem !important;
}
.detail-user-rating-control{
    gap:12px !important;
}
.detail-user-rating-control .star-unit{
    font-size:1.5rem !important;
}
.case-back-actions .case-user-rating{
    grid-column:2 / 4 !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    overflow:visible !important;
}
.case-star-rating{
    width:100% !important;
    min-height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:.2rem .42rem !important;
    border-radius:6px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(0,0,0,.32)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.34),0 3px 10px rgba(0,0,0,.22) !important;
}
.case-star-rating .star-unit{
    font-size:1.06rem !important;
}
.case-back-copy.large{
    overflow:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    pointer-events:auto !important;
    user-select:text !important;
    scrollbar-width:thin;
}
.case-back-copy.large::-webkit-scrollbar{
    width:6px;
}
.case-back-copy.large::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.28);
    border-radius:999px;
}
@media (max-width:900px){
    .case-back-actions{
        grid-template-columns:1fr minmax(92px,1fr) auto !important;
    }
    .case-back-actions .case-popup-button{grid-column:1 !important}
    .case-back-actions .case-user-rating{grid-column:2 !important;min-height:34px !important}
    .case-back-actions .case-fsk.back{grid-column:3 !important}
    .case-star-rating{gap:2px !important;padding:.15rem .28rem !important}
    .case-star-rating .star-unit{font-size:.82rem !important}
}
@media (max-width:420px){
    .rating-editor-row .star-unit{font-size:1.32rem !important}
    .detail-user-rating-control .star-unit{font-size:1.22rem !important}
    .case-star-rating .star-unit{font-size:.72rem !important}
}

/* v28: hover preview for editor and popup star ratings */


/* v29: wheel zoom only for pulled-out case; shelf cases let page scroll */
.shelf3d-has-selection .is-selected-case.back .case-back-trailer iframe{
    pointer-events:none !important;
}

/* v70: Import ohne Filter + vorhandene TMDb-Treffer bearbeiten */
body[data-active-panel="importPanel"] .filter-rig {
    display: none !important;
}
.tmdb-card.is-known {
    border-color: rgba(214,0,35,.78) !important;
    box-shadow: inset 0 0 0 1px rgba(214,0,35,.18), 0 0 0 1px rgba(214,0,35,.08) !important;
}
.tmdb-known {
    display: grid !important;
    gap: 3px !important;
    color: #ffd9de !important;
    background: rgba(214,0,35,.10) !important;
    border: 1px solid rgba(214,0,35,.38) !important;
    padding: 8px 9px !important;
    font-size: .76rem !important;
    text-transform: none !important;
    letter-spacing: .02em !important;
}
.tmdb-known strong {
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: .72rem !important;
}
.tmdb-known span,
.tmdb-known small {
    color: var(--muted) !important;
    line-height: 1.35 !important;
}
.tmdb-card.is-known .tmdb-actions {
    grid-template-columns: 1fr 1fr !important;
}
.tmdb-card.is-known .tmdb-actions button:first-child {
    grid-column: auto !important;
}
.tmdb-card.is-known .tmdb-actions .danger-button,
.tmdb-card.is-known .tmdb-actions .ghost-button {
    width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: .7rem .55rem !important;
}
.import-preview.is-known {
    border-color: rgba(214,0,35,.72) !important;
}
.import-preview-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}
.import-preview-actions button {
    width: 100% !important;
    justify-content: center !important;
}
@media (max-width: 620px) {
    .tmdb-card.is-known .tmdb-actions,
    .import-preview-actions {
        grid-template-columns: 1fr !important;
    }
}

/* v71: Importkarten-Bottom-Leiste bündig + Save/Edit kompakter */
.tmdb-results .tmdb-card,
.tmdb-suggest-strip .tmdb-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
}
.tmdb-card.is-known .tmdb-known {
    margin-top: auto !important;
}
.tmdb-card:not(.is-known) .tmdb-actions {
    margin-top: auto !important;
}
.tmdb-card.is-known .tmdb-actions {
    margin-top: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.tmdb-card .tmdb-actions button:first-child {
    grid-column: auto !important;
}
.tmdb-card:not(.is-known) .tmdb-actions {
    grid-template-columns: 1fr !important;
}
.tmdb-card .tmdb-actions .danger-button,
.tmdb-card .tmdb-actions .ghost-button,
.import-preview-actions .danger-button,
.import-preview-actions .ghost-button {
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: .72rem .64rem !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
}
.import-preview > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}
.import-preview.is-known .tmdb-known {
    margin-top: auto !important;
}
.import-preview:not(.is-known) .import-preview-actions {
    margin-top: auto !important;
}
.import-preview.is-known .import-preview-actions {
    margin-top: 8px !important;
}
.import-preview:not(.is-known) .import-preview-actions {
    grid-template-columns: 1fr !important;
}
.import-preview.is-known .import-preview-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 620px) {
    .tmdb-card.is-known .tmdb-actions,
    .import-preview.is-known .import-preview-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* v72: Regalpfeile, normaler Wheel-Scroll über stehenden Hüllen, Trailer auf Rückseite wieder anklickbar */
.shelf-window-arrow{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:42px;
    position:relative;
    z-index:8;
    pointer-events:none;
}
.shelf-window-arrow-top{
    margin:2px 0 8px;
}
.shelf-window-arrow-bottom{
    margin:8px 0 2px;
}
.shelf-triangle-button{
    pointer-events:auto;
    appearance:none;
    border:0;
    background:transparent;
    color:#f5f5f5;
    display:grid;
    place-items:center;
    gap:2px;
    min-width:92px;
    min-height:38px;
    padding:0;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:.1em;
    font:900 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    opacity:.88;
    transition:transform .16s ease, opacity .16s ease, filter .16s ease;
}
.shelf-triangle-button span{
    display:grid;
    place-items:center;
    width:0;
    height:0;
    color:transparent;
    filter:drop-shadow(0 8px 13px rgba(0,0,0,.42));
}
.shelf-window-arrow-top .shelf-triangle-button span{
    border-left:28px solid transparent;
    border-right:28px solid transparent;
    border-bottom:30px solid var(--red);
}
.shelf-window-arrow-bottom .shelf-triangle-button span{
    border-left:28px solid transparent;
    border-right:28px solid transparent;
    border-top:30px solid var(--red);
}
.shelf-triangle-button small{
    color:#cfcfcf;
    font:900 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.13em;
}
.shelf-triangle-button:hover:not(:disabled){
    opacity:1;
    transform:translateY(-1px) scale(1.035);
    filter:brightness(1.14);
}
.shelf-window-arrow-bottom .shelf-triangle-button:hover:not(:disabled){
    transform:translateY(1px) scale(1.035);
}
.shelf-triangle-button:disabled{
    opacity:.22;
    cursor:default;
    filter:grayscale(1);
}
.shelf-load-sentinel .shelf-window-info{
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.14));
    padding:14px 16px;
}
.shelf-load-sentinel .shelf-window-info span{
    color:#969696;
}
.shelf3d-canvas.is-loading-window .shelf3d-renderer{
    animation:shelf-window-page-in .34s cubic-bezier(.2,.72,.2,1) both;
}
.shelf3d-canvas.is-loading-window.is-page-prev .shelf3d-renderer{
    animation-name:shelf-window-page-in-prev;
}
@keyframes shelf-window-page-in{
    0%{opacity:.18;transform:translateY(24px) scale(.985);filter:blur(2px) saturate(.75)}
    62%{opacity:1;transform:translateY(-4px) scale(1.004);filter:blur(0) saturate(1.06)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:none}
}
@keyframes shelf-window-page-in-prev{
    0%{opacity:.18;transform:translateY(-24px) scale(.985);filter:blur(2px) saturate(.75)}
    62%{opacity:1;transform:translateY(4px) scale(1.004);filter:blur(0) saturate(1.06)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:none}
}
.shelf3d-has-selection .is-selected-case.back .case-back-trailer iframe{
    pointer-events:auto !important;
}
.case-back-trailer.wide iframe{
    pointer-events:auto !important;
}
@media(max-width:900px){
    .shelf-window-arrow{min-height:36px}
    .shelf-triangle-button{min-height:32px;min-width:76px}
    .shelf-window-arrow-top .shelf-triangle-button span{border-left-width:23px;border-right-width:23px;border-bottom-width:25px}
    .shelf-window-arrow-bottom .shelf-triangle-button span{border-left-width:23px;border-right-width:23px;border-top-width:25px}
    .shelf-triangle-button small{font-size:.52rem}
}

/* --- update v16: Archiv-Playlists + Popup-Playlist-Auswahl --- */
.detail-actions .detail-playlist-add{
    width:44px;
    min-width:44px;
    height:42px;
    display:inline-grid;
    place-items:center;
    padding:0;
    font-size:1.35rem;
    font-weight:1000;
    line-height:1;
    background:linear-gradient(180deg,rgba(210,14,42,.96),rgba(128,0,18,.96));
    color:#fff;
    border-color:rgba(255,255,255,.22);
    box-shadow:3px 3px 0 #000;
}
.detail-actions .detail-playlist-add[aria-expanded="true"]{
    filter:brightness(1.18);
    transform:translateY(-1px);
}
.detail-playlist-panel{
    margin-top:12px;
    border:1px solid rgba(210,14,42,.48);
    background:linear-gradient(135deg,rgba(37,0,8,.94),rgba(5,5,5,.98));
    padding:12px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),5px 5px 0 rgba(0,0,0,.45);
}
.detail-playlist-panel.is-hidden{display:none;}
.detail-playlist-head{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-end;
    margin-bottom:10px;
}
.detail-playlist-head strong,
.playlist-setup-card-head label{
    text-transform:uppercase;
    letter-spacing:.09em;
    font:900 .72rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.detail-playlist-head span{
    color:var(--muted);
    font-size:.78rem;
    text-align:right;
}
.detail-playlist-list{
    display:grid;
    gap:8px;
    max-height:230px;
    overflow:auto;
    padding-right:3px;
}
.detail-playlist-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    width:100%;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(0,0,0,.45);
    color:var(--text);
    padding:.72rem .82rem;
    text-align:left;
    cursor:pointer;
}
.detail-playlist-row strong{display:block;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;}
.detail-playlist-row small{display:block;color:var(--muted);margin-top:2px;}
.detail-playlist-row b{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(210,14,42,.82);
    color:#fff;
    font-size:1.05rem;
}
.detail-playlist-row.is-in-playlist{
    cursor:default;
    opacity:.72;
    border-color:rgba(255,255,255,.08);
}
.detail-playlist-row.is-in-playlist b{background:rgba(255,255,255,.12);}
.detail-playlist-create,
.playlist-setup-create{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    margin-top:10px;
}
.detail-playlist-create input,
.playlist-setup-create input,
.playlist-setup-card input{
    width:100%;
    border:1px solid var(--line);
    background:#030303;
    color:var(--text);
    padding:.72rem .82rem;
}
.detail-playlist-create button{
    border:1px solid rgba(255,255,255,.18);
    background:#0b0b0b;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:.72rem;
    padding:.72rem .85rem;
}
.playlist-setup-block{
    margin-top:18px;
    border:1px solid var(--line);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.22));
    padding:16px;
}
.playlist-setup-title{align-items:flex-end;}
.playlist-setup-list{display:grid;gap:12px;margin-top:12px;}
.playlist-setup-empty{
    border:1px dashed rgba(255,255,255,.14);
    background:rgba(0,0,0,.35);
    padding:16px;
    display:grid;
    gap:4px;
}
.playlist-setup-empty span{color:var(--muted);}
.playlist-setup-card{
    border:1px solid rgba(255,255,255,.1);
    background:#050505;
    padding:12px;
}
.playlist-setup-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
}
.playlist-setup-card-head label{display:grid;gap:6px;color:#dcdcdc;}
.playlist-setup-actions{display:flex;gap:8px;align-items:center;}
.playlist-setup-actions .danger{
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(180deg,rgba(190,0,28,.95),rgba(104,0,16,.95));
    color:#fff;
    padding:.72rem .85rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:.72rem;
}
.playlist-setup-card-meta{
    margin:10px 0 8px;
    color:var(--muted);
    font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.playlist-setup-items{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.playlist-movie-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.035);
    padding:.32rem .32rem .32rem .55rem;
    font-size:.82rem;
}
.playlist-movie-chip.is-missing{opacity:.56;}
.playlist-movie-chip button{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.12);
    background:#111;
    color:#fff;
    cursor:pointer;
}
@media(max-width:760px){
    .detail-playlist-create,
    .playlist-setup-create,
    .playlist-setup-card-head{grid-template-columns:1fr;}
    .playlist-setup-actions{justify-content:stretch;}
    .playlist-setup-actions button{flex:1;}
}

/* v75: Playlist visibility, compact case stars, archive + popup, setup cleanup */
body[data-active-panel="aboutPanel"] .filter-rig {
    display: none !important;
}
.setup-playlist-only {
    margin-top: 0 !important;
}

.card-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.card-actions .card-action-playlist,
.card-actions .card-action-delete {
    font-size: .92rem !important;
    font-weight: 1000 !important;
}
.card-actions .card-action-playlist {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(210,14,42,.88), rgba(98,0,14,.92)) !important;
    border-color: rgba(255,255,255,.18) !important;
}

.movie-playlist-status {
    display: grid;
    gap: 4px;
    padding: .68rem .8rem;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(0,0,0,.2));
    color: #dedede;
}
.movie-playlist-status strong {
    color: #fff;
    font: 900 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.movie-playlist-status span {
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.3;
}
.movie-playlist-status.has-playlists {
    border-color: rgba(210,14,42,.45);
    background: linear-gradient(90deg, rgba(210,14,42,.16), rgba(0,0,0,.28));
}
.movie-playlist-status.is-compact {
    margin: 0 0 10px;
    padding-right: 42px;
}

.playlist-mini-modal {
    position: fixed;
    inset: 0;
    z-index: 260;
    background: rgba(0,0,0,.22);
}
.playlist-mini-popover {
    position: fixed;
    top: 50%;
    left: 50%;
    width: min(360px, calc(100vw - 32px));
    max-height: min(560px, calc(100vh - 32px));
    overflow: auto;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(210,14,42,.55);
    background: linear-gradient(135deg, rgba(31,0,7,.98), rgba(5,5,5,.99));
    box-shadow: 12px 12px 0 rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.045);
    padding: 12px;
}
.playlist-mini-popover[style*="top"] {
    transform: none;
}
.playlist-mini-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    background: #0b0b0b;
    color: #fff;
    font-weight: 1000;
    z-index: 2;
}
.playlist-mini-popover .detail-playlist-panel {
    margin-top: 0;
}

.case-back-actions {
    grid-template-columns: 1.1fr auto minmax(86px, .9fr) auto !important;
    gap: 6px !important;
}
.case-back-actions .case-popup-button {
    grid-column: 1 !important;
}
.case-back-actions .case-playlist-button {
    grid-column: 2 !important;
    align-self: stretch !important;
    min-width: 36px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: linear-gradient(180deg, rgba(210,14,42,.92), rgba(96,0,14,.95)) !important;
    color: #fff !important;
    font: 1000 1.15rem/1 ui-monospace, SFMono-Regular, Menlo, monospace !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.35) !important;
}
.case-back-actions .case-playlist-button:hover {
    filter: brightness(1.12);
}
.case-back-actions .case-user-rating {
    grid-column: 3 !important;
    min-height: 42px !important;
}
.case-back-actions .case-fsk.back {
    grid-column: 4 !important;
}
.case-star-rating {
    gap: 1px !important;
    padding: .12rem .28rem !important;
    border-radius: 4px !important;
}
.case-star-rating .star-unit {
    font-size: .86rem !important;
}
@media (max-width: 900px) {
    .case-back-actions {
        grid-template-columns: 1fr auto minmax(72px, auto) auto !important;
    }
    .case-back-actions .case-playlist-button {
        min-width: 32px !important;
        min-height: 34px !important;
        font-size: 1rem !important;
    }
    .case-back-actions .case-user-rating {
        min-height: 34px !important;
    }
    .case-star-rating .star-unit {
        font-size: .68rem !important;
    }
}
@media (max-width: 760px) {
    .playlist-mini-popover {
        inset: 16px;
        width: auto;
        max-height: none;
        transform: none;
    }
    .card-actions {
        gap: 6px !important;
    }
    .card-actions button {
        font-size: .66rem !important;
        padding-inline: .2rem !important;
    }
}


/* v76: Coverbilder beginnen unter dem Format-Balken */
.case-insert.front-insert {
    --case-front-brand-space: 34px;
    padding-top: var(--case-front-brand-space) !important;
    background-origin: content-box !important;
    background-clip: content-box !important;
}
.case-insert.front-insert .case-brand {
    height: var(--case-front-brand-space) !important;
    min-height: var(--case-front-brand-space) !important;
    box-sizing: border-box !important;
}
.case-insert.front-insert:before {
    top: var(--case-front-brand-space) !important;
}
@media (max-width: 900px) {
    .case-insert.front-insert {
        --case-front-brand-space: 32px;
    }
}

/* v77: Frontcover wirklich unter dem Format-Balken als eigene Ebene */
.case-insert.front-insert {
    --case-front-brand-space: 26px;
    padding-top: 0 !important;
    background-image: none !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
}
.case-insert.front-insert .case-brand {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 4 !important;
    height: var(--case-front-brand-space) !important;
    min-height: var(--case-front-brand-space) !important;
    box-sizing: border-box !important;
}
.case-cover-art {
    position: absolute;
    left: 0;
    right: 0;
    top: var(--case-front-brand-space);
    bottom: 0;
    z-index: 1;
    background-color: #050505;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.case-insert.front-insert:before {
    top: var(--case-front-brand-space) !important;
    z-index: 2 !important;
}
.case-insert.front-insert .case-left-strip {
    top: var(--case-front-brand-space) !important;
    z-index: 3 !important;
}
@media (max-width: 900px) {
    .case-insert.front-insert {
        --case-front-brand-space: 26px;
    }
}


/* v79: mobil eingeklapptes Trailerdeck als saubere horizontale Leiste */
@media (max-width: 900px) {
    body.player-collapsed {
        --player-width: auto !important;
    }
    body.player-collapsed .app-shell {
        padding-bottom: 96px !important;
    }
    body.player-collapsed .player-zone {
        position: fixed !important;
        top: auto !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        width: auto !important;
        height: 68px !important;
        min-height: 0 !important;
        padding: 8px 10px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;
        justify-items: stretch !important;
        gap: 10px !important;
        overflow: hidden !important;
        background: linear-gradient(180deg, rgba(18,18,18,.98), rgba(4,4,4,.98)) !important;
        box-shadow: 0 0 0 1px #2a2a2a, 0 -10px 28px rgba(0,0,0,.42) !important;
    }
    body.player-collapsed .player-head {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
    body.player-collapsed .player-head > div:first-child {
        display: none !important;
    }
    body.player-collapsed .player-head-tools {
        width: auto !important;
        display: grid !important;
        grid-template-columns: 46px 46px !important;
        align-items: center !important;
        justify-items: stretch !important;
        gap: 8px !important;
    }
    body.player-collapsed .counter,
    body.player-collapsed .player-collapse-button {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        text-align: center !important;
        line-height: 1 !important;
    }
    body.player-collapsed .player-collapsed-label {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        background: radial-gradient(circle at 50% 20%, rgba(200,25,46,.14), transparent 54%), #0b0b0b !important;
        color: #fff !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        transform: none !important;
        transform-origin: center center !important;
        white-space: nowrap !important;
        text-align: center !important;
        font-size: 1.05rem !important;
        line-height: 1 !important;
        font-weight: 1000 !important;
        letter-spacing: .16em !important;
        text-transform: uppercase !important;
    }
    body.player-collapsed .player-stage,
    body.player-collapsed .player-controls,
    body.player-collapsed .playlist {
        display: none !important;
    }
}
@media (max-width: 420px) {
    body.player-collapsed .player-zone {
        height: 64px !important;
        padding: 8px !important;
        gap: 8px !important;
    }
    body.player-collapsed .player-head-tools {
        grid-template-columns: 42px 42px !important;
        gap: 6px !important;
    }
    body.player-collapsed .counter,
    body.player-collapsed .player-collapse-button {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
    }
    body.player-collapsed .player-collapsed-label {
        height: 42px !important;
        font-size: .86rem !important;
        letter-spacing: .12em !important;
        padding: 0 8px !important;
    }
}


/* v80: stabileres Regal-Refresh + direktere mobile Rückseiten-Bedienung */
.shelf3d-canvas {
    height: var(--shelf-canvas-height, 860px) !important;
    transition: height .22s ease;
}
.case-back-copy {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-renderer {
        touch-action: none !important;
    }
    .shelf3d-face.is-selected-case.back,
    .shelf3d-face.is-selected-case.front {
        touch-action: none !important;
    }
    .case-back-trailer,
    .case-back-trailer iframe,
    .case-back-actions button {
        touch-action: manipulation !important;
    }
    .case-back-copy.large {
        touch-action: pan-y !important;
    }
    .shelf3d-mobile-controls .ghost-button {
        min-height: 50px !important;
        font-size: .78rem !important;
    }
}

/* v81: Import-Treffer als saubere Liste + Nachladen statt horizontal bis unters Trailerdeck */
#importPanel {
    overflow: hidden !important;
}
#importPanel .section-title-row,
.import-search,
.import-hint,
.tmdb-suggestions,
.tmdb-results,
.tmdb-detail {
    max-width: min(980px, 100%) !important;
    min-width: 0 !important;
}
.import-search {
    grid-template-columns: 210px minmax(240px, 1fr) 120px minmax(170px, auto) !important;
}
.tmdb-suggest-strip,
.tmdb-results-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 0 !important;
    min-width: 0 !important;
}
.tmdb-results {
    display: block !important;
    min-width: 0 !important;
}
.tmdb-results .tmdb-card,
.tmdb-suggest-strip .tmdb-card,
.tmdb-card.tmdb-status-card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto 1fr auto !important;
    align-items: start !important;
    gap: 8px 14px !important;
    min-height: 0 !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
.tmdb-card.tmdb-status-card {
    display: block !important;
}
.tmdb-results .tmdb-card .tmdb-poster,
.tmdb-suggest-strip .tmdb-card .tmdb-poster,
.tmdb-results .tmdb-card .tmdb-poster-missing,
.tmdb-suggest-strip .tmdb-card .tmdb-poster-missing {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
    width: 112px !important;
    max-width: 112px !important;
    align-self: start !important;
}
.tmdb-results .tmdb-card h3,
.tmdb-suggest-strip .tmdb-card h3,
.tmdb-results .tmdb-card p,
.tmdb-suggest-strip .tmdb-card p,
.tmdb-results .tmdb-card .tmdb-known,
.tmdb-suggest-strip .tmdb-card .tmdb-known,
.tmdb-results .tmdb-card .tmdb-actions,
.tmdb-suggest-strip .tmdb-card .tmdb-actions {
    grid-column: 2 !important;
    min-width: 0 !important;
}
.tmdb-results .tmdb-card h3,
.tmdb-suggest-strip .tmdb-card h3 {
    font-size: clamp(1.25rem, 2.3vw, 1.9rem) !important;
    margin: 0 !important;
}
.tmdb-results .tmdb-card p,
.tmdb-suggest-strip .tmdb-card p {
    margin: 0 !important;
}
.tmdb-results .tmdb-card .tmdb-known,
.tmdb-suggest-strip .tmdb-card .tmdb-known,
.tmdb-card:not(.is-known) .tmdb-actions,
.tmdb-card.is-known .tmdb-actions {
    margin-top: 2px !important;
}
.tmdb-results .tmdb-card .tmdb-actions,
.tmdb-suggest-strip .tmdb-card .tmdb-actions,
.tmdb-card.is-known .tmdb-actions,
.tmdb-card:not(.is-known) .tmdb-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(120px, 170px)) !important;
    justify-content: start !important;
    gap: 8px !important;
}
.tmdb-card:not(.is-known) .tmdb-actions {
    grid-template-columns: minmax(120px, 170px) !important;
}
.tmdb-card .tmdb-actions button:first-child {
    grid-column: auto !important;
}
.tmdb-card .tmdb-actions .danger-button,
.tmdb-card .tmdb-actions .ghost-button {
    min-height: 44px !important;
}
.tmdb-badge {
    top: 18px !important;
    left: 18px !important;
}
.tmdb-load-more-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 14px 0 2px !important;
    min-height: 44px !important;
}
.tmdb-suggest-more {
    justify-content: flex-start !important;
    margin-top: 10px !important;
}
.tmdb-load-more {
    min-width: min(280px, 100%) !important;
}
.tmdb-end-note {
    color: var(--muted) !important;
    font: 800 .74rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}
@media (max-width: 720px) {
    .import-search {
        grid-template-columns: 1fr !important;
    }
    .tmdb-results .tmdb-card,
    .tmdb-suggest-strip .tmdb-card {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 8px 10px !important;
    }
    .tmdb-results .tmdb-card .tmdb-poster,
    .tmdb-suggest-strip .tmdb-card .tmdb-poster,
    .tmdb-results .tmdb-card .tmdb-poster-missing,
    .tmdb-suggest-strip .tmdb-card .tmdb-poster-missing {
        width: 88px !important;
        max-width: 88px !important;
    }
    .tmdb-results .tmdb-card .tmdb-actions,
    .tmdb-suggest-strip .tmdb-card .tmdb-actions,
    .tmdb-card.is-known .tmdb-actions,
    .tmdb-card:not(.is-known) .tmdb-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }
    .tmdb-card:not(.is-known) .tmdb-actions {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 460px) {
    .tmdb-results .tmdb-card,
    .tmdb-suggest-strip .tmdb-card {
        grid-template-columns: 76px minmax(0, 1fr) !important;
    }
    .tmdb-results .tmdb-card .tmdb-poster,
    .tmdb-suggest-strip .tmdb-card .tmdb-poster,
    .tmdb-results .tmdb-card .tmdb-poster-missing,
    .tmdb-suggest-strip .tmdb-card .tmdb-poster-missing {
        width: 76px !important;
        max-width: 76px !important;
    }
    .tmdb-results .tmdb-card h3,
    .tmdb-suggest-strip .tmdb-card h3 {
        font-size: 1.05rem !important;
    }
}


/* v24: import results consistent list on desktop, horizontal card scroller on mobile */
.tmdb-suggest-strip.tmdb-results-list,
.tmdb-results-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    overflow:visible !important;
    padding:0 !important;
}
.tmdb-more-card{
    min-height:140px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:12px !important;
    border-style:dashed !important;
    background:linear-gradient(135deg,rgba(200,25,46,.13),rgba(8,8,8,.98)) !important;
}
.tmdb-more-card span{
    color:#d7d7d7 !important;
    font:900 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}
.tmdb-more-card strong{
    color:#fff !important;
    font-size:clamp(1.15rem,2.2vw,1.7rem) !important;
    line-height:1 !important;
    text-transform:uppercase !important;
}
.tmdb-more-card p{
    margin:0 !important;
    max-width:46rem !important;
}
.tmdb-more-card button{
    align-self:start !important;
    min-width:190px !important;
}
.tmdb-more-card.is-end{
    opacity:.58 !important;
    background:#090909 !important;
}
.tmdb-suggest-more,
.tmdb-load-more-wrap{
    display:none !important;
}
@media (max-width: 720px){
    #importPanel .section-title-row,
    .import-search,
    .import-hint,
    .tmdb-suggestions,
    .tmdb-results,
    .tmdb-detail{
        max-width:100% !important;
    }
    .tmdb-suggest-strip.tmdb-results-list,
    .tmdb-results-list{
        display:grid !important;
        grid-auto-flow:column !important;
        grid-auto-columns:minmax(245px,82vw) !important;
        grid-template-columns:none !important;
        gap:12px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        padding:0 4px 12px !important;
        scroll-snap-type:x proximity !important;
        overscroll-behavior-x:contain !important;
        -webkit-overflow-scrolling:touch !important;
    }
    .tmdb-results .tmdb-card,
    .tmdb-suggest-strip .tmdb-card,
    .tmdb-card.tmdb-more-card{
        grid-column:auto !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        align-content:start !important;
        gap:8px !important;
        width:auto !important;
        max-width:none !important;
        min-height:100% !important;
        scroll-snap-align:start !important;
    }
    .tmdb-results .tmdb-card .tmdb-poster,
    .tmdb-suggest-strip .tmdb-card .tmdb-poster,
    .tmdb-results .tmdb-card .tmdb-poster-missing,
    .tmdb-suggest-strip .tmdb-card .tmdb-poster-missing{
        grid-column:1 !important;
        grid-row:auto !important;
        width:100% !important;
        max-width:none !important;
    }
    .tmdb-results .tmdb-card h3,
    .tmdb-suggest-strip .tmdb-card h3,
    .tmdb-results .tmdb-card p,
    .tmdb-suggest-strip .tmdb-card p,
    .tmdb-results .tmdb-card .tmdb-known,
    .tmdb-suggest-strip .tmdb-card .tmdb-known,
    .tmdb-results .tmdb-card .tmdb-actions,
    .tmdb-suggest-strip .tmdb-card .tmdb-actions{
        grid-column:1 !important;
    }
    .tmdb-results .tmdb-card h3,
    .tmdb-suggest-strip .tmdb-card h3{
        font-size:1.25rem !important;
    }
    .tmdb-results .tmdb-card .tmdb-actions,
    .tmdb-suggest-strip .tmdb-card .tmdb-actions,
    .tmdb-card.is-known .tmdb-actions,
    .tmdb-card:not(.is-known) .tmdb-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        margin-top:auto !important;
        width:100% !important;
    }
    .tmdb-card:not(.is-known) .tmdb-actions{
        grid-template-columns:1fr !important;
    }
    .tmdb-more-card{
        min-height:340px !important;
        padding:16px !important;
    }
    .tmdb-more-card button{
        align-self:stretch !important;
        min-width:0 !important;
        margin-top:auto !important;
    }
    .tmdb-more-card strong{
        font-size:1.35rem !important;
    }
}


/* v25: compact import load-more row/card */
.tmdb-more-card{
    display:none !important;
}
.tmdb-results-list > .tmdb-more-row,
.tmdb-suggest-strip.tmdb-results-list > .tmdb-more-row{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:58px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:10px !important;
    border:1px dashed rgba(255,255,255,.18) !important;
    background:linear-gradient(90deg,rgba(200,25,46,.10),rgba(8,8,8,.96)) !important;
    overflow:hidden !important;
}
.tmdb-more-row .ghost-button{
    width:min(360px,100%) !important;
    min-height:46px !important;
    margin:0 !important;
    text-align:center !important;
}
.tmdb-more-note{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:8px 12px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:var(--muted) !important;
    background:#080808 !important;
    font:900 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
}
@media (max-width:720px){
    .tmdb-results-list > .tmdb-more-row,
    .tmdb-suggest-strip.tmdb-results-list > .tmdb-more-row{
        scroll-snap-align:start !important;
        width:auto !important;
        min-height:100% !important;
        min-width:0 !important;
        padding:14px !important;
        align-content:center !important;
        background:linear-gradient(135deg,rgba(200,25,46,.18),rgba(8,8,8,.96)) !important;
    }
    .tmdb-more-row .ghost-button{
        width:100% !important;
        min-height:54px !important;
        white-space:normal !important;
    }
    .tmdb-more-note{
        min-height:100% !important;
        scroll-snap-align:start !important;
        text-align:center !important;
    }
}

/* v26: import live search styled like editor suggestions */
.import-live-suggestions{
    border:1px solid #3a3a3a;
    background:#090909;
    box-shadow:0 18px 30px rgba(0,0,0,.58), inset 0 0 0 1px #000;
    overflow:hidden;
}
.import-live-suggestions .editor-suggest-head,
.import-live-suggestions .editor-suggest-status{
    margin:0;
}
.import-live-suggest-list{
    max-height:430px;
    overflow:auto;
}
.import-suggest-row{
    grid-template-columns:48px minmax(0,1fr) minmax(92px,auto) !important;
}
.import-suggest-row .editor-suggest-main em{
    color:#b7b7b7;
    line-height:1.22;
    white-space:nowrap;
}
.import-suggest-row.is-known .editor-suggest-main em{
    color:#ff7171;
}
.import-suggest-row .tmdb-known{
    grid-column:2 / 3;
    grid-row:2;
    align-self:start;
    padding:.36rem .44rem;
    border:1px solid rgba(200,25,46,.28);
    background:rgba(200,25,46,.08);
    font-size:.6rem;
    line-height:1.25;
}
.import-suggest-row .tmdb-known strong,
.import-suggest-row .tmdb-known span,
.import-suggest-row .tmdb-known small{
    display:block;
}
.import-suggest-row .tmdb-known small{
    color:#c9a0a5;
    text-transform:none;
    letter-spacing:.02em;
    margin-top:.12rem;
}
.import-suggest-row .editor-suggest-actions{
    grid-row:1 / span 2;
    grid-column:3;
    min-width:92px;
}
.import-suggest-load{
    padding:8px;
    border-bottom:1px solid #1d1d1d;
    background:#0b0b0b;
}
.import-suggest-load button{
    width:100%;
    min-height:42px;
    border:1px solid #353535;
    background:#151515;
    color:#f5f5f5;
    cursor:pointer;
    font:900 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.import-suggest-load button:hover{
    border-color:var(--red-2);
    background:#1a1011;
}
@media (max-width:720px){
    .import-live-suggest-list{
        max-height:none;
        overflow:visible;
    }
    .import-suggest-row{
        grid-template-columns:44px minmax(0,1fr) !important;
    }
    .import-suggest-row .editor-suggest-actions{
        grid-column:1 / -1;
        grid-row:auto;
        grid-template-columns:repeat(2,minmax(0,1fr));
        display:grid;
    }
    .import-suggest-row:not(.is-known) .editor-suggest-actions{
        grid-template-columns:1fr;
    }
    .import-suggest-row .tmdb-known{
        grid-column:2;
    }
}

/* v85: Regal-Navigation zusammen und besser erreichbar */
.shelf-window-nav{
    position:sticky;
    top:10px;
    z-index:24;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    width:min(520px, 100%);
    margin:2px auto 10px;
    padding:8px;
    border:1px solid rgba(255,255,255,.09);
    background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(5,5,5,.86));
    box-shadow:0 18px 28px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.03);
    backdrop-filter:blur(10px);
}
.shelf-window-button{
    appearance:none;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.28));
    color:#f5f5f5;
    min-height:42px;
    flex:1 1 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:.62rem .9rem;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:.12em;
    font:1000 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    box-shadow:3px 3px 0 #000;
    transition:transform .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease;
}
.shelf-window-button span{
    color:var(--red);
    font-size:1rem;
    line-height:1;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.45));
}
.shelf-window-button small{
    color:#fff;
    font:inherit;
    letter-spacing:inherit;
}
.shelf-window-button:hover:not(:disabled){
    transform:translateY(-1px);
    border-color:rgba(210,14,42,.62);
    background:linear-gradient(180deg,rgba(210,14,42,.20),rgba(0,0,0,.30));
}
.shelf-window-button:disabled{
    opacity:.28;
    cursor:default;
    filter:grayscale(1);
    box-shadow:none;
}
@media(max-width:900px){
    .shelf-window-nav{
        top:6px;
        width:100%;
        gap:8px;
        padding:6px;
        margin:0 auto 8px;
    }
    .shelf-window-button{
        min-height:38px;
        padding:.56rem .55rem;
        font-size:.64rem;
        gap:7px;
    }
    .shelf-window-button span{font-size:.9rem}
}

/* v86: Regal-Navigation links mittig als vertikale Pfeile */
.shelf3d-room{
    position:relative !important;
}
.shelf-window-nav{
    position:absolute !important;
    left:14px !important;
    top:54% !important;
    transform:translateY(-50%) !important;
    z-index:34 !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:7px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:linear-gradient(180deg,rgba(10,10,10,.74),rgba(0,0,0,.58)) !important;
    box-shadow:0 18px 30px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.035) !important;
    backdrop-filter:blur(8px) !important;
    pointer-events:auto !important;
}
.shelf-window-button{
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    min-height:54px !important;
    flex:0 0 54px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.34)) !important;
    box-shadow:3px 3px 0 #000 !important;
}
.shelf-window-button span{
    display:block !important;
    color:var(--red) !important;
    font-size:1.42rem !important;
    line-height:1 !important;
    filter:drop-shadow(0 5px 8px rgba(0,0,0,.5)) !important;
}
.shelf-window-button small{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
.shelf-window-button:hover:not(:disabled){
    transform:translateX(2px) scale(1.035) !important;
    border-color:rgba(210,14,42,.70) !important;
    background:linear-gradient(180deg,rgba(210,14,42,.18),rgba(0,0,0,.32)) !important;
}
.shelf-window-button:disabled{
    opacity:.20 !important;
}
@media(max-width:900px){
    .shelf-window-nav{
        left:8px !important;
        top:52% !important;
        padding:5px !important;
        gap:8px !important;
        background:linear-gradient(180deg,rgba(10,10,10,.66),rgba(0,0,0,.50)) !important;
    }
    .shelf-window-button{
        width:46px !important;
        min-width:46px !important;
        height:46px !important;
        min-height:46px !important;
        flex-basis:46px !important;
    }
    .shelf-window-button span{
        font-size:1.18rem !important;
    }
}


/* v29: Playlist-Haupttrailer direkt ins Trailer Deck schicken */
.playlist-setup-actions .playlist-setup-play{
    width:44px;
    min-width:44px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(180deg,rgba(210,14,42,.96),rgba(118,0,18,.96));
    color:#fff;
    font-size:1.15rem;
    line-height:1;
    font-weight:1000;
    cursor:pointer;
    box-shadow:3px 3px 0 #000;
}
.playlist-setup-actions .playlist-setup-play:hover:not(:disabled),
.playlist-setup-actions .playlist-setup-play:focus-visible:not(:disabled){
    filter:brightness(1.18);
    transform:translateY(-1px);
}
.playlist-setup-actions .playlist-setup-play:disabled{
    cursor:not-allowed;
    opacity:.35;
    filter:saturate(.55);
}
.playlist-movie-chip em{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 .36rem;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.045);
    color:var(--muted);
    font-style:normal;
    font:800 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.playlist-movie-chip.has-trailer em{
    color:#fff;
    border-color:rgba(210,14,42,.38);
    background:rgba(210,14,42,.18);
}
@media(max-width:760px){
    .playlist-setup-actions .playlist-setup-play{flex:0 0 48px;min-width:48px;}
}


/* v88: VIDEOtrack branding polish, compact filter toggle, cleaner import header */
.filter-rig{
    position:relative !important;
}
.filter-rig > .section-title-row{
    padding-left:54px !important;
}
.filter-collapse-button{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    z-index:8 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font:1000 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:0 !important;
    border-color:rgba(255,255,255,.16) !important;
    background:#0b0b0b !important;
}
body.filter-rig-collapsed .filter-rig > .section-title-row{
    padding-left:54px !important;
    margin-bottom:0 !important;
}
body.filter-rig-collapsed .filter-rig{
    padding-top:14px !important;
    padding-bottom:14px !important;
}
.import-search{
    align-items:end !important;
}
.import-search label{
    display:grid !important;
    grid-template-rows:auto 58px !important;
    gap:6px !important;
    min-height:86px !important;
    margin:0 !important;
}
.import-search input,
.import-search select,
.import-search .danger-button,
.import-search .ghost-button,
.import-search button{
    height:58px !important;
    min-height:58px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
}
.import-search select,
.import-search input{
    width:100% !important;
}
.import-search > button{
    align-self:end !important;
    justify-content:center !important;
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
#importPanel .import-hint.tmdb-run-info,
#importPanel > .import-hint{
    display:none !important;
}
@media (max-width:720px){
    .filter-rig > .section-title-row,
    body.filter-rig-collapsed .filter-rig > .section-title-row{
        padding-left:48px !important;
    }
    .filter-collapse-button{
        top:12px !important;
        left:12px !important;
        width:38px !important;
        min-width:38px !important;
        height:38px !important;
        min-height:38px !important;
    }
    .import-search label{
        min-height:0 !important;
        grid-template-rows:auto 54px !important;
    }
    .import-search input,
    .import-search select,
    .import-search .danger-button,
    .import-search .ghost-button,
    .import-search button{
        height:54px !important;
        min-height:54px !important;
    }
}


/* v89: Playlist popup close placement + fade after adding */
.playlist-mini-popover{
    padding: 12px !important;
}
.playlist-mini-head{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-height:34px;
    margin:0 0 8px;
}
.playlist-mini-head .playlist-mini-close{
    position:static !important;
    top:auto !important;
    right:auto !important;
    width:34px !important;
    height:34px !important;
    flex:0 0 34px;
    line-height:1;
    box-shadow:none;
}
.playlist-mini-popover .movie-playlist-status.is-compact{
    padding-right:0 !important;
}
.playlist-mini-modal.is-closing{
    pointer-events:none;
    animation: playlistMiniBackdropFade .52s ease forwards;
}
.playlist-mini-modal.is-closing .playlist-mini-popover{
    animation: playlistMiniPopoverFade .52s ease forwards;
}
@keyframes playlistMiniBackdropFade{
    to{background:rgba(0,0,0,0);}
}
@keyframes playlistMiniPopoverFade{
    to{opacity:0;transform:translate(-50%,-48%) scale(.985);filter:blur(1px);}
}
.playlist-mini-modal.is-closing .playlist-mini-popover[style*="top"]{
    animation-name: playlistMiniPopoverFadeAnchored;
}
@keyframes playlistMiniPopoverFadeAnchored{
    to{opacity:0;transform:scale(.985);filter:blur(1px);}
}
@media (max-width:760px){
    .playlist-mini-head{min-height:32px;margin-bottom:8px;}
    .playlist-mini-head .playlist-mini-close{width:32px !important;height:32px !important;flex-basis:32px;}
    .playlist-mini-modal.is-closing .playlist-mini-popover{animation-name: playlistMiniMobileFade;}
}
@keyframes playlistMiniMobileFade{
    to{opacity:0;transform:scale(.985);filter:blur(1px);}
}


/* v90: Setup playlist controls aligned and equal height */
.playlist-setup-title{
    gap:18px !important;
}
.playlist-setup-create{
    margin-top:0 !important;
    align-items:end !important;
    grid-template-columns:minmax(260px,1fr) 170px !important;
    gap:10px !important;
}
.playlist-setup-card-head{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:12px !important;
}
.playlist-setup-card-head label{
    gap:8px !important;
}
.playlist-setup-create input,
.playlist-setup-create .ghost-button,
.playlist-setup-card input,
.playlist-setup-actions .ghost-button,
.playlist-setup-actions .danger,
.playlist-setup-actions .playlist-setup-play{
    box-sizing:border-box !important;
    height:58px !important;
    min-height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    line-height:1 !important;
}
.playlist-setup-create input,
.playlist-setup-card input{
    padding:0 1rem !important;
}
.playlist-setup-create .ghost-button,
.playlist-setup-actions .ghost-button,
.playlist-setup-actions .danger{
    padding:0 1.05rem !important;
    white-space:nowrap !important;
}
.playlist-setup-actions{
    display:grid !important;
    grid-template-columns:58px 150px 132px !important;
    align-items:end !important;
    gap:10px !important;
}
.playlist-setup-actions .playlist-setup-play{
    width:58px !important;
    min-width:58px !important;
    padding:0 !important;
    font-size:1.35rem !important;
}
.playlist-setup-actions .ghost-button,
.playlist-setup-actions .danger{
    width:100% !important;
}
.playlist-movie-chip{
    min-height:38px !important;
    padding:.34rem .36rem .34rem .62rem !important;
}
.playlist-movie-chip em,
.playlist-movie-chip button{
    height:28px !important;
    min-height:28px !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.playlist-movie-chip button{
    width:28px !important;
    min-width:28px !important;
    padding:0 !important;
}
@media(max-width:980px){
    .playlist-setup-title{
        align-items:stretch !important;
    }
    .playlist-setup-create{
        grid-template-columns:minmax(0,1fr) 150px !important;
        width:100% !important;
    }
    .playlist-setup-card-head{
        grid-template-columns:1fr !important;
    }
    .playlist-setup-actions{
        grid-template-columns:58px minmax(110px,1fr) minmax(110px,1fr) !important;
        width:100% !important;
    }
}
@media(max-width:620px){
    .playlist-setup-create{
        grid-template-columns:1fr !important;
    }
    .playlist-setup-create .ghost-button{
        width:100% !important;
    }
    .playlist-setup-actions{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    .playlist-setup-actions .playlist-setup-play{
        width:100% !important;
        min-width:0 !important;
        flex-basis:auto !important;
    }
}


/* v91: playlist popup close button aligned within membership frame (legacy) */
.movie-playlist-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.movie-playlist-status-head strong{display:block;}
.movie-playlist-status.is-compact{position:relative;padding:14px 14px 16px !important;}
.movie-playlist-status.is-compact .movie-playlist-status-head{margin-bottom:4px;}
.playlist-mini-popover{padding:12px !important;}
.playlist-mini-popover .playlist-mini-head{display:none !important;}
.playlist-mini-popover .playlist-mini-close.in-status{position:static !important;top:auto !important;right:auto !important;flex:0 0 34px;width:34px !important;height:34px !important;margin:-2px -2px 0 8px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:#0b0b0b;color:#fff;font-weight:1000;line-height:1;box-shadow:none;z-index:auto;}
.playlist-mini-popover .movie-playlist-status.is-compact span{display:block;max-width:calc(100% - 44px);}
@media (max-width:760px){
  .playlist-mini-popover .playlist-mini-close.in-status{width:32px !important;height:32px !important;flex-basis:32px;margin-right:0;}
  .movie-playlist-status.is-compact span{max-width:100%;}
}


/* v92: playlist popup close button beside membership frame */
.playlist-mini-toprow{display:flex;align-items:stretch;gap:10px;margin:0 0 12px;}
.playlist-mini-toprow .movie-playlist-status.is-compact{flex:1 1 auto;min-width:0;margin:0 !important;}
.playlist-mini-toprow .movie-playlist-status.is-compact .movie-playlist-status-head{margin-bottom:10px;}
.playlist-mini-toprow .playlist-mini-close.side{position:static !important;top:auto !important;right:auto !important;flex:0 0 42px;width:42px !important;height:auto !important;min-height:42px;align-self:stretch;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);background:#0b0b0b;color:#fff;font-weight:1000;line-height:1;box-shadow:none;z-index:auto;}
.playlist-mini-popover .movie-playlist-status.is-compact span{max-width:none !important;}
.playlist-mini-popover .playlist-mini-head,.playlist-mini-popover .playlist-mini-close.in-status{display:none !important;}
@media (max-width:760px){
  .playlist-mini-toprow{gap:8px;margin-bottom:10px;}
  .playlist-mini-toprow .playlist-mini-close.side{flex-basis:38px;width:38px !important;min-height:38px;}
}

/* Account- und Community-Regal-Erweiterung */
.account-setup-block,
.public-shelf-browser {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(8, 12, 18, .72);
    border-radius: 24px;
    padding: clamp(16px, 2vw, 26px);
    margin-bottom: 22px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
}

.account-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

.account-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
}

.account-card-wide {
    grid-column: span 2;
}

.account-card h3 {
    margin: 0 0 4px;
}

.account-card label,
.account-card .checkbox-line {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.account-card input[type="text"],
.account-card input[type="email"],
.account-card input[type="password"],
.account-card input[type="search"] {
    width: 100%;
}

.account-public-toggle {
    justify-content: center;
    min-height: 70px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .045);
}

.account-public-toggle input,
.account-card .checkbox-line input {
    width: auto;
}

.account-actions,
.public-shelf-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.admin-pill {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: rgba(255, 69, 0, .24);
    color: #ffd4c4;
    border: 1px solid rgba(255, 139, 92, .4);
}

.ghost-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, .045);
}

.danger-zone {
    border-color: rgba(255, 80, 80, .25);
}

.account-result {
    min-height: 1.4em;
    color: rgba(255,255,255,.72);
    line-height: 1.4;
}

.reset-password-form {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.public-shelf-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.public-shelf-tag-form {
    display: flex;
    gap: 8px;
    align-items: center;
}

.public-shelf-tag-form input {
    min-width: min(280px, 52vw);
}

.public-tag-cloud,
.public-shelf-list,
.public-item-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.public-tag-cloud button {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    padding: 7px 10px;
    background: rgba(255, 255, 255, .055);
    color: inherit;
    cursor: pointer;
}

.public-tag-cloud button.is-active,
.public-shelf-card.is-active,
#ownShelfBtn.is-active {
    border-color: rgba(255, 77, 0, .6);
    background: rgba(255, 77, 0, .16);
}

.public-shelf-list {
    margin: 14px 0;
}

.public-shelf-card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    padding: 12px 14px;
    color: inherit;
    background: rgba(255, 255, 255, .055);
    cursor: pointer;
}

.public-shelf-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 12px 0;
    color: rgba(255, 255, 255, .78);
}

.public-item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.public-item-card {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .045);
    border-radius: 18px;
}

.public-item-poster {
    width: 58px;
    height: 82px;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    background: rgba(255, 255, 255, .08);
    color: inherit;
    cursor: pointer;
}

.public-item-poster img,
.public-detail-modal .detail-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.public-item-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-weight: 800;
}

.legal-footer {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 24px 12px 34px;
    color: rgba(255,255,255,.62);
    font-size: .92rem;
}

.legal-footer a {
    color: inherit;
}

@media (max-width: 760px) {
    .account-card-wide {
        grid-column: auto;
    }
    .public-shelf-head,
    .public-shelf-actions,
    .public-shelf-tag-form,
    .public-shelf-selected {
        flex-direction: column;
        align-items: stretch;
    }
    .public-item-card {
        grid-template-columns: 52px 1fr;
    }
    .public-item-card > .card-action-button {
        grid-column: 1 / -1;
    }
}

.legal-page {
    width: min(980px, calc(100% - 32px));
    margin: 32px auto;
}

.legal-page h1,
.legal-page h2 {
    margin-top: 1.2em;
}

.admin-user-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}
.admin-user-card form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.admin-user-card h2 {
    margin: 0;
}
.admin-user-card h2 small {
    font-size: .8rem;
    opacity: .7;
}
.admin-notice,
.admin-error {
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(255,255,255,.07);
}
.admin-error {
    background: rgba(255, 60, 60, .16);
}

/* v94: Archiv-Playlisten, kompakte Regal-Suche, Account-Popups und Avatare */
.is-hidden{display:none!important;}
.archive-toolbar{align-items:center;justify-content:flex-end;}
.archive-mode-switch{display:inline-flex;gap:8px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);}
.archive-mode-switch .ghost-button{min-height:36px;border-radius:999px;}
.archive-mode-switch .ghost-button.is-active{border-color:rgba(255,77,0,.72);background:rgba(255,77,0,.22);color:#fff;box-shadow:0 0 0 1px rgba(255,77,0,.16),0 10px 24px rgba(255,77,0,.16);}
.playlist-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;grid-column:1/-1;}
.playlist-archive-create{grid-column:1/-1;}
.playlist-archive-card{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.05);box-shadow:0 14px 34px rgba(0,0,0,.22);}
.playlist-archive-card-head{display:grid;gap:10px;}
.playlist-archive-card-head input{width:100%;font-weight:800;}
.shelf-discovery{padding:18px;margin-bottom:16px;}
.shelf-discovery .public-shelf-head{margin-bottom:12px;}
.shelf-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;align-items:end;}
.shelf-discovery-grid label,.shelf-discovery-grid form{display:grid;gap:6px;color:#d9d9d9;font-size:.9rem;}
.shelf-discovery-grid input,.shelf-discovery-grid select{width:100%;min-height:42px;}
.public-shelf-tag-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;}
.public-shelf-tag-form label{min-width:0;}
.shelf-discovery-status{margin-top:12px;color:rgba(255,255,255,.66);font-size:.9rem;}
.shelf-owner-header{margin:0 0 14px;}
.shelf-owner-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 18px 46px rgba(0,0,0,.28);}
.shelf-owner-card h3{margin:0;font-size:1.25rem;}
.shelf-owner-card .eyebrow{margin:0 0 3px;}
.shelf-owner-card.is-mixed{border-color:rgba(255,77,0,.32);}
.shelf-owner-stats{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.shelf-owner-stats span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-weight:800;color:#eee;}
.user-avatar{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,rgba(255,77,0,.42),rgba(80,100,160,.35));border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 24px rgba(0,0,0,.3);flex:0 0 auto;}
.user-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.user-avatar b{font-weight:1000;color:#fff;letter-spacing:-.04em;}
.user-avatar.shelf-owner-avatar{width:66px;height:66px;}
.user-avatar.account-avatar{width:76px;height:76px;}
.user-avatar.tiny{width:30px;height:30px;font-size:.78rem;}
.account-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.account-profile-head h3{margin:0 0 4px;}
.account-small-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:#ffd3c5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;padding:4px 0;font:inherit;font-size:.92rem;min-height:auto;}
.account-small-link:hover{color:#fff;}
.account-popup-backdrop{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;background:rgba(0,0,0,.74);backdrop-filter:blur(6px);padding:20px;}
.account-popup{position:relative;width:min(520px,100%);padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(18,20,26,.98),rgba(6,8,12,.98));box-shadow:0 30px 90px rgba(0,0,0,.5);}
.account-popup-card{display:grid;gap:12px;}
.account-popup-card form,.account-popup-card label{display:grid;gap:8px;}
.account-popup-card input{width:100%;}
.public-owner-inline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;padding:4px 10px 4px 4px;cursor:pointer;margin-bottom:10px;}
.public-playlist-modal .detail-playlist-panel{display:block;}
.case-owner-badge{position:absolute;z-index:7;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:7px;min-height:28px;padding:4px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);color:#fff;font:800 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.38);}
.case-owner-badge img,.case-owner-badge b{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;object-fit:cover;background:rgba(255,77,0,.35);flex:0 0 22px;}
.case-owner-badge span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 0 #000;}
@media(max-width:1180px){.shelf-discovery-grid{grid-template-columns:repeat(2,minmax(180px,1fr));}}
@media(max-width:760px){.archive-toolbar{justify-content:stretch;}.archive-mode-switch{width:100%;}.archive-mode-switch .ghost-button{flex:1;}.shelf-discovery-grid{grid-template-columns:1fr;}.public-shelf-tag-form{grid-template-columns:1fr;}.shelf-owner-card{align-items:flex-start;}.shelf-owner-stats{width:100%;margin-left:0;justify-content:flex-start;}.account-profile-head{align-items:flex-start;}.playlist-archive-grid{grid-template-columns:1fr;}}

/* v95: Archiv-Toolbar, volle Playlist-Zeilen und kompakte Admin-Userverwaltung */
.archive-toolbar{justify-content:flex-start;align-items:center;}
.archive-toolbar #newItemBtn{order:0;}
.archive-toolbar .archive-mode-switch{order:1;}
.playlist-archive-grid{grid-template-columns:1fr;}
.playlist-archive-card{grid-column:1/-1;}
.playlist-archive-card-head{grid-template-columns:minmax(220px,1fr) auto;align-items:center;}
.playlist-archive-card .playlist-setup-items{max-height:220px;overflow:auto;}
.admin-user-manager{display:grid;gap:16px;}
.admin-user-picker{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.045);}
.admin-user-picker label{display:grid;gap:6px;color:#d9d9d9;font-size:.9rem;}
.admin-user-picker input,.admin-user-picker select{width:100%;min-height:44px;}
.admin-selected-user-card{display:grid;gap:16px;}
.admin-selected-user-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09);}
.admin-selected-user-head h2{margin:0 0 5px;}
.admin-selected-user-head h2 small{font-size:.8rem;opacity:.68;}
.admin-selected-user-form{display:grid;gap:14px;}
.admin-field-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:10px 0;}
.admin-actions-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.admin-delete-form{padding-top:14px;border-top:1px solid rgba(255,255,255,.09);}
.admin-password-notice{border-radius:14px;padding:10px 12px;background:rgba(255,77,0,.18);border:1px solid rgba(255,77,0,.28);}
@media(max-width:840px){.admin-user-picker{grid-template-columns:1fr;}.playlist-archive-card-head{grid-template-columns:1fr;}.archive-toolbar{width:100%;}.archive-toolbar #newItemBtn{width:100%;}.archive-toolbar .archive-mode-switch{width:100%;}}

.account-restore-link {
    cursor: pointer;
}

/* === VIDEOtrack 120: Regal first, account polish, comments/likes === */
body[data-active-panel="shelfPanel"] .filter-rig { display: none !important; }
body[data-active-panel="shelfPanel"] .content-grid { align-items: start; }
.shelf-title-row { margin-bottom: 10px; }
.shelf-title-row h2 { margin-bottom: 0; }
.shelf-intro { display: none !important; }
.shelf3d-room { gap: 12px; }
.shelf3d-toolbar-bottom { order: 3; margin-top: 4px; }
.shelf3d-mobile-controls { order: 4; }
.shelf-window-nav { z-index: 5; }
.shelf-discovery { margin-top: 18px; }
.playlist-archive-grid { grid-template-columns: 1fr !important; }
.playlist-archive-create,
.playlist-archive-card { grid-column: 1 / -1 !important; width: 100%; }
.playlist-archive-card { min-height: auto; }
.playlist-archive-card-head { grid-template-columns: minmax(240px,1fr) auto; align-items: center; }

.nav-button.has-avatar-nav { position: relative; padding: 6px 10px; display: inline-flex; justify-content: center; align-items: center; min-height: 48px; }
.nav-button.has-avatar-nav .user-avatar.nav-account-avatar { width: 38px; height: 38px; font-size: .78rem; box-shadow: 0 6px 18px rgba(0,0,0,.34); }
.avatar-bubble { position: absolute; top: -5px; right: -5px; min-width: 22px; height: 22px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #ff3f18; color: #fff; border: 2px solid #111; font: 900 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; box-shadow: 0 6px 16px rgba(0,0,0,.4); }
.account-avatar-stack { position: relative; display: inline-flex; }
.account-page-bubble { top: -4px; right: -4px; }
.owner-bubble { top: -6px; right: -6px; }

.account-dashboard { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); gap: 18px; align-items: start; }
.account-grid-login { align-items: stretch; }
.account-card-compact { min-height: 100%; }
.account-form-card { display: grid; gap: 18px; }
.account-profile-head-large { padding: 14px; border: 1px solid rgba(255,255,255,.10); border-radius: 22px; background: rgba(255,255,255,.035); }
.account-profile-head-large .eyebrow { margin: 0 0 4px; }
.account-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: end; }
.account-form-grid label { min-width: 0; }
.account-form-grid input[type="email"],
.account-form-grid input[type="file"] { width: 100%; }
.account-actions-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 10px; align-items: center; }
.account-main-actions > * { min-height: 42px; justify-content: center; text-align: center; }
.account-note { padding: 12px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(0,0,0,.18); }
.account-danger-card { display: grid; gap: 12px; }

.shelf-owner-card { min-height: 84px; }
.shelf-owner-link { display: inline-flex; align-items: center; gap: 14px; min-width: 0; border: 0; background: transparent; color: inherit; padding: 0; cursor: pointer; text-align: left; }
.shelf-owner-link:disabled { cursor: default; }
.shelf-owner-link strong { display: block; font-size: 1.25rem; line-height: 1.08; overflow-wrap: anywhere; }
.shelf-owner-link .eyebrow { display: block; margin: 0 0 3px; }
.shelf-account-like,
.comment-like,
.comment-like-static { min-height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: #ffd8d0; display: inline-flex; align-items: center; gap: 6px; font-weight: 900; }
.shelf-account-like { cursor: pointer; }
.shelf-account-like.is-liked,
.comment-like.is-liked { background: rgba(255,63,24,.20); border-color: rgba(255,102,68,.38); color: #fff; }
.comment-like { min-height: 28px; cursor: pointer; }
.comment-like-static { min-height: 28px; color: #cfcfcf; }

.shelf-comments-panel { margin: 18px 0 0; }
.shelf-comments-card { display: grid; gap: 14px; padding: 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; background: linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); box-shadow: 0 18px 48px rgba(0,0,0,.24); }
.shelf-comments-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shelf-comments-head h3 { margin: 0; }
.shelf-comments-head .eyebrow { margin: 0 0 4px; }
.shelf-comments-head > span { flex: 0 0 auto; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.22); color: #ddd; font-weight: 800; }
.shelf-comment-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: end; padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(0,0,0,.20); }
.shelf-comment-form textarea { grid-row: span 2; width: 100%; resize: vertical; min-height: 80px; }
.shelf-comment-form small { color: #bdbdbd; font-size: .78rem; }
.shelf-comments-list { display: grid; gap: 10px; }
.shelf-comment { display: grid; gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(0,0,0,.20); }
.shelf-comment.is-pending { border-color: rgba(255,181,80,.28); background: rgba(255,181,80,.055); }
.shelf-comment-author { display: flex; align-items: center; gap: 10px; min-width: 0; }
.shelf-comment-author strong { display: block; }
.shelf-comment-author small { display: block; color: #aaa; font-size: .75rem; }
.shelf-comment-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; color: #eee; }
.shelf-comment-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.shelf-comment-meta .spacer { flex: 1 1 auto; }
.comment-flag { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; background: rgba(255,255,255,.08); color: #d9d9d9; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.ghost-button.mini { min-height: 28px; padding: 0 10px; font-size: .82rem; }
.danger-link { color: #ffb2a2 !important; }

@media (max-width: 920px) {
  .account-dashboard { grid-template-columns: 1fr; }
  .account-form-grid { grid-template-columns: 1fr; }
  .shelf-comment-form { grid-template-columns: 1fr; }
  .playlist-archive-card-head { grid-template-columns: 1fr; }
}

/* === VIDEOtrack 121: comment replies, like hover names, account approvals, mail/admin cleanup === */
.like-with-hover { position: relative; display: inline-flex; align-items: center; }
.like-hover-list { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 80; min-width: 210px; max-width: min(310px, 82vw); max-height: 180px; overflow: auto; display: grid; gap: 6px; padding: 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(10,12,18,.96); box-shadow: 0 18px 44px rgba(0,0,0,.42); color: #fff; opacity: 0; transform: translateY(4px); pointer-events: none; transition: opacity .14s ease, transform .14s ease; }
.like-hover-list span { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 6px; border-radius: 999px; background: rgba(255,255,255,.055); }
.like-hover-list strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.like-hover-list em { color: rgba(255,255,255,.68); font-style: normal; font-size: .84rem; }
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list { opacity: 1; transform: translateY(0); pointer-events: auto; }
.shelf-comment-replies { display: grid; gap: 10px; margin: 2px 0 0 24px; padding-left: 14px; border-left: 2px solid rgba(255,77,0,.28); }
.shelf-comment.is-reply,
.account-pending-comment.is-reply { margin-left: 0; background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.10); }
.shelf-comment-form textarea[maxlength="300"] { min-height: 74px; }
.account-card-headline { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-card-headline h3,
.account-card-headline .eyebrow { margin: 0; }
.account-card-headline > span { flex: 0 0 auto; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.22); color: #ddd; font-weight: 800; }
.account-comment-approval-card { gap: 14px; }
.account-pending-comments-list { display: grid; gap: 10px; max-height: 420px; overflow: auto; padding-right: 4px; }
.account-pending-comment { display: grid; gap: 10px; padding: 12px; border: 1px solid rgba(255,181,80,.22); border-radius: 18px; background: rgba(255,181,80,.055); }
.account-actions-grid .ghost-button,
.account-actions-grid .ghost-link,
.account-actions-grid .danger-button,
.admin-actions-row .ghost-button,
.admin-actions-row .danger-button,
.admin-delete-form .danger-button { min-height: 42px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
@media (max-width: 760px) {
  .shelf-comment-replies { margin-left: 8px; padding-left: 10px; }
  .like-hover-list { right: auto; left: 0; }
}

/* v124: schlankes Playlist-Dropdown im Regal-Header, ohne Zusatztext */
.shelf-owner-playlist-slot{
    flex:0 1 340px;
    min-width:220px;
    max-width:380px;
}
.shelf-owner-playlist-select{
    width:100%;
    min-height:48px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.72);
    color:#fff;
    padding:0 16px;
    font-weight:850;
    letter-spacing:.01em;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 10px 30px rgba(0,0,0,.22);
}
.shelf-owner-playlist-select:focus-visible{
    outline:2px solid rgba(255,77,0,.55);
    outline-offset:2px;
}
@media(max-width:980px){
    .shelf-owner-card{flex-wrap:wrap;align-items:stretch;}
    .shelf-owner-playlist-slot{order:3;flex:1 1 100%;min-width:100%;max-width:none;}
    .shelf-owner-stats{width:100%;margin-left:0;justify-content:flex-start;}
}

/* v125: UI polish for shelf likes + account grid */
.shelf-owner-card {
    gap: 18px;
}
.shelf-owner-stats {
    gap: 10px;
    align-items: center;
}
.shelf-owner-stats > span,
.shelf-owner-stats .like-with-hover > .shelf-account-like,
.shelf-owner-stats .like-with-hover > .comment-like-static,
.shelf-owner-stats .like-with-hover > span {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
    color: #f1f1f1;
}
.shelf-account-like,
.comment-like,
.comment-like-static {
    border-radius: 14px;
    border-color: rgba(255,255,255,.09);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
    color: #f1f1f1;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.shelf-account-like.is-liked,
.comment-like.is-liked {
    background: linear-gradient(180deg, rgba(255,77,0,.24), rgba(255,77,0,.12));
    border-color: rgba(255,120,84,.28);
}
.shelf-account-like span,
.comment-like span,
.comment-like-static span {
    font-variant-numeric: tabular-nums;
}
.like-with-hover {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.like-hover-list {
    right: 0;
    bottom: calc(100% + 10px);
    min-width: 180px;
    max-width: min(260px, 82vw);
    max-height: 220px;
    gap: 0;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: rgba(9,11,16,.97);
    box-shadow: 0 18px 40px rgba(0,0,0,.36);
}
.like-hover-list span {
    gap: 8px;
    padding: 8px 2px;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.like-hover-list span:last-of-type {
    border-bottom: 0;
}
.like-hover-list .user-avatar.tiny {
    width: 24px;
    height: 24px;
    font-size: .68rem;
    box-shadow: none;
}
.like-hover-list strong {
    font-size: .84rem;
    font-weight: 700;
}
.like-hover-list em {
    padding: 4px 2px;
    color: rgba(255,255,255,.68);
}

.account-card,
.account-profile-head-large,
.account-note,
.account-pending-comment,
.account-comment-approval-card {
    border-radius: 14px;
}
.account-dashboard {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 20px;
}
.account-form-card {
    gap: 16px;
}
.account-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}
.account-form-grid > label {
    min-width: 0;
    min-height: 92px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.028);
    display: grid;
    gap: 10px;
    align-content: start;
}
.account-form-grid > label input[type="email"],
.account-form-grid > label input[type="file"],
.account-form-grid > label input[type="text"],
.account-form-grid > label input[type="password"] {
    width: 100%;
    min-height: 42px;
}
.account-public-toggle {
    min-height: 92px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255,255,255,.028);
    border: 1px solid rgba(255,255,255,.08);
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 10px 12px;
    align-items: start;
    justify-content: stretch;
}
.account-public-toggle input {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    margin: 2px 0 0;
    transform: scale(1.12);
    accent-color: var(--accent);
}
.account-public-toggle span {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    line-height: 1.34;
}
.account-actions-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}
.account-main-actions > *,
.account-actions-grid .ghost-button,
.account-actions-grid .ghost-link,
.account-actions-grid .danger-button {
    min-height: 56px;
    height: 100%;
    padding: 12px 14px;
    border-radius: 12px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
}
.account-main-actions .ghost-link,
.account-main-actions .account-restore-link {
    width: 100%;
}
.account-main-actions .account-restore-link input {
    display: none;
}
.account-card-headline > span {
    border-radius: 10px;
}
.account-pending-comments-list {
    padding-right: 2px;
}
.account-pending-comment {
    border-radius: 12px;
}
.account-note {
    line-height: 1.5;
}

@media (max-width: 1280px) {
    .account-actions-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 980px) {
    .account-dashboard {
        grid-template-columns: 1fr;
    }
    .account-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .account-form-grid,
    .account-actions-grid {
        grid-template-columns: 1fr;
    }
    .account-form-grid > label,
    .account-public-toggle {
        min-height: 84px;
    }
    .like-hover-list {
        right: auto;
        left: 0;
    }
}

/* v126: single clean like pill in shelf header */
.shelf-owner-stats > .like-with-hover {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible;
}
.shelf-owner-stats > .like-with-hover > .shelf-account-like,
.shelf-owner-stats > .like-with-hover > .comment-like-static,
.shelf-owner-stats > .like-with-hover > .comment-like {
    min-height: 40px;
    padding: 0 16px;
}
.shelf-owner-stats .shelf-account-like,
.shelf-owner-stats .comment-like-static,
.shelf-owner-stats .comment-like {
    min-width: 78px;
    justify-content: center;
    gap: 8px;
}
.shelf-owner-stats .shelf-account-like::before,
.shelf-owner-stats .comment-like-static::before,
.shelf-owner-stats .comment-like::before {
    content: '';
    width: 0;
    height: 0;
}

/* v127: user mini description */
.user-mini-description {
    display: block;
    max-width: min(420px, 58vw);
    margin-top: 4px;
    color: rgba(255,255,255,.70);
    font-size: .82rem;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: .01em;
    overflow-wrap: anywhere;
    text-transform: none;
}
.account-profile-head-large .user-mini-description {
    max-width: 680px;
    margin: 2px 0 6px;
    color: rgba(255,255,255,.76);
}
.account-profile-note-field small {
    color: rgba(255,255,255,.58);
    font-size: .76rem;
    line-height: 1.35;
}
.account-profile-note-field input[maxlength="100"] {
    font-weight: 700;
}
.shelf-owner-link .user-mini-description {
    max-width: 300px;
}
@media(max-width: 760px) {
    .user-mini-description,
    .shelf-owner-link .user-mini-description {
        max-width: 100%;
    }
}

/* v127: single format label per media format card */
.media-format-card-body.is-single-line {
    gap: 10px;
    align-content: center;
}
.media-format-card-body.is-single-line .media-format-icon {
    min-width: 78px;
    min-height: 34px;
    padding: .32rem .62rem;
    font-size: .8rem !important;
}
.media-format-card-body.is-single-line .media-format-title {
    display: none !important;
}
.media-format-card-body.is-single-line small {
    margin-top: 2px;
}
.media-format-bluray .media-format-card-body.is-single-line .media-format-icon {
    min-width: 122px;
}
@media (max-width: 760px) {
    .media-format-bluray .media-format-card-body.is-single-line .media-format-icon {
        min-width: 96px;
        font-size: .72rem !important;
        letter-spacing: .09em !important;
    }
}

/* v128: remove movie chips directly from playlist archive cards */
.playlist-archive-card .playlist-movie-chip {
    padding-right: .36rem !important;
}
.playlist-archive-card .playlist-movie-chip button {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(0,0,0,.7);
    color: #fff;
    font-weight: 900;
    line-height: 1;
}
.playlist-archive-card .playlist-movie-chip button:hover,
.playlist-archive-card .playlist-movie-chip button:focus-visible {
    background: linear-gradient(180deg, rgba(255,77,0,.28), rgba(255,77,0,.14));
    border-color: rgba(255,120,84,.34);
    outline: none;
}


/* v133: Archiv-Playlist Accordion ohne Regal-Änderung */
.playlist-archive-card.is-collapsed .playlist-setup-card-meta {
    margin-bottom: 0;
}
.playlist-archive-card-head {
    gap: 12px;
}
.playlist-archive-name-row {
    display: grid;
    grid-template-columns: 54px minmax(220px, 1fr);
    gap: 10px;
    align-items: stretch;
    min-width: 0;
}
.playlist-archive-name-row input {
    width: 100%;
    min-height: 48px;
}
.playlist-archive-toggle {
    min-width: 54px !important;
    width: 54px !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    font: 900 1.55rem/1 system-ui, sans-serif !important;
    letter-spacing: 0 !important;
}
.playlist-archive-actions {
    display: grid !important;
    grid-template-columns: 54px minmax(120px, 1fr) 54px;
    gap: 10px;
    align-items: stretch;
}
.playlist-archive-actions .playlist-setup-play,
.playlist-archive-actions .ghost-button,
.playlist-archive-actions .playlist-delete-x {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
}
.playlist-archive-actions .playlist-delete-x {
    width: 54px !important;
    min-width: 54px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font: 1000 1.35rem/1 system-ui, sans-serif !important;
    letter-spacing: 0 !important;
}
.playlist-archive-card.is-expanded .playlist-setup-items {
    margin-top: 10px;
}
@media (max-width: 980px) {
    .playlist-archive-card-head {
        grid-template-columns: 1fr !important;
    }
    .playlist-archive-actions {
        grid-template-columns: 54px minmax(120px, 1fr) 54px !important;
    }
}
@media (max-width: 640px) {
    .playlist-archive-name-row {
        grid-template-columns: 48px minmax(0, 1fr);
    }
    .playlist-archive-toggle,
    .playlist-archive-actions .playlist-setup-play,
    .playlist-archive-actions .ghost-button,
    .playlist-archive-actions .playlist-delete-x {
        min-height: 44px !important;
        height: 44px !important;
    }
    .playlist-archive-actions {
        grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    }
    .playlist-archive-actions .playlist-delete-x {
        width: 48px !important;
        min-width: 48px !important;
    }
}

/* v134: Account-Hilfe als Popup + lesbare Like-Hover */
.account-help-teaser {
    align-content: start;
}
.account-help-teaser .ghost-button {
    min-height: 48px;
    justify-content: center;
}
.account-popup-wide {
    width: min(980px, calc(100vw - 32px));
    max-height: min(86vh, 880px);
    overflow: hidden;
    display: grid;
}
.account-help-card {
    max-height: calc(86vh - 48px);
    overflow: auto;
    padding-right: 8px;
}
.account-help-card h3 {
    margin: 0 48px 4px 0;
    font-size: clamp(1.35rem, 2vw, 2rem);
}
.account-help-sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}
.account-help-sections section {
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018);
}
.account-help-sections h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: .95rem;
    letter-spacing: .02em;
}
.account-help-sections p {
    margin: 0;
    color: rgba(255,255,255,.78);
    line-height: 1.5;
    font-size: .92rem;
}
.account-help-sections strong {
    color: #fff;
}
.like-with-hover {
    isolation: isolate;
}
.like-hover-list {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 12px) !important;
    bottom: auto !important;
    z-index: 3000 !important;
    width: max-content;
    min-width: 240px !important;
    max-width: min(340px, calc(100vw - 32px)) !important;
    max-height: 260px !important;
    overflow: auto;
    display: grid !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(255,122,78,.58) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(24,18,16,.99), rgba(8,10,14,.99)) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.06) inset !important;
    color: #fff !important;
    opacity: 0;
    transform: translate(-50%, -4px) scale(.98) !important;
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease !important;
    text-align: left;
}
.like-hover-list::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -7px;
    width: 12px;
    height: 12px;
    transform: translateX(-50%) rotate(45deg);
    border-left: 1px solid rgba(255,122,78,.58);
    border-top: 1px solid rgba(255,122,78,.58);
    background: rgba(24,18,16,.99);
}
.like-hover-title {
    display: block;
    padding: 0 4px 8px;
    border-bottom: 1px solid rgba(255,255,255,.11);
    color: #ffb199;
    font-size: .76rem;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.like-hover-body {
    display: grid;
    gap: 6px;
}
.like-hover-list .like-hover-row,
.like-hover-list em {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.075);
}
.like-hover-list .like-hover-row + .like-hover-row {
    margin-top: 0;
}
.like-hover-list .user-avatar.tiny {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.12);
}
.like-hover-list strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .94rem;
    font-weight: 850;
    color: #fff;
}
.like-hover-list em {
    justify-content: center;
    color: rgba(255,255,255,.82) !important;
    font-style: normal;
    line-height: 1.35;
    white-space: normal;
}
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list {
    opacity: 1 !important;
    transform: translate(-50%, 0) scale(1) !important;
    pointer-events: auto;
}
.shelf-comment-meta .like-hover-list {
    left: 0 !important;
    transform: translate(0, -4px) scale(.98) !important;
}
.shelf-comment-meta .like-hover-list::before {
    left: 28px;
}
.shelf-comment-meta .like-with-hover:hover .like-hover-list,
.shelf-comment-meta .like-with-hover:focus-within .like-hover-list {
    transform: translate(0, 0) scale(1) !important;
}
.shelf-account-like:hover,
.comment-like:hover,
.shelf-account-like:focus-visible,
.comment-like:focus-visible {
    border-color: rgba(255,155,116,.62) !important;
    background: linear-gradient(180deg, rgba(255,77,0,.32), rgba(255,77,0,.16)) !important;
    color: #fff !important;
}
@media (max-width: 760px) {
    .account-help-sections {
        grid-template-columns: 1fr;
    }
    .account-popup-wide {
        width: calc(100vw - 20px);
        max-height: 90vh;
    }
    .account-help-card {
        max-height: calc(90vh - 48px);
    }
    .like-hover-list {
        left: 0 !important;
        transform: translate(0, -4px) scale(.98) !important;
        min-width: min(260px, calc(100vw - 32px)) !important;
    }
    .like-hover-list::before {
        left: 28px;
    }
    .like-with-hover:hover .like-hover-list,
    .like-with-hover:focus-within .like-hover-list {
        transform: translate(0, 0) scale(1) !important;
    }
}
.like-hover-list .like-hover-body {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* v135: like hover reverted to clean compact list, without avatars */
.shelf-owner-card,
.shelf-owner-stats,
.shelf-owner-stats > .like-with-hover,
.shelf-comment-meta,
.shelf-comment-meta .like-with-hover {
    overflow: visible !important;
}
.like-with-hover {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    isolation: auto !important;
}
.like-hover-list {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: calc(100% + 10px) !important;
    top: auto !important;
    z-index: 3000 !important;
    width: auto !important;
    min-width: 180px !important;
    max-width: min(260px, 82vw) !important;
    max-height: 220px !important;
    overflow: auto !important;
    display: grid !important;
    gap: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(9,11,16,.97) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.36) !important;
    color: #fff !important;
    opacity: 0 !important;
    transform: translateY(4px) !important;
    pointer-events: none !important;
    transition: opacity .14s ease, transform .14s ease !important;
    text-align: left !important;
}
.like-hover-list::before {
    content: none !important;
}
.like-hover-list .like-hover-name,
.like-hover-list em {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 8px 2px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    gap: 0 !important;
}
.like-hover-list .like-hover-name:last-of-type,
.like-hover-list em:last-child {
    border-bottom: 0 !important;
}
.like-hover-list strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.2 !important;
}
.like-hover-list em {
    justify-content: flex-start !important;
    color: rgba(255,255,255,.68) !important;
    font-style: normal !important;
    font-size: .84rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
}
.like-hover-title,
.like-hover-body {
    display: contents !important;
}
.like-hover-list .user-avatar.tiny {
    display: none !important;
}
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
.shelf-comment-meta .like-hover-list {
    left: 0 !important;
    right: auto !important;
    transform: translateY(4px) !important;
}
.shelf-comment-meta .like-with-hover:hover .like-hover-list,
.shelf-comment-meta .like-with-hover:focus-within .like-hover-list {
    transform: translateY(0) !important;
}
@media (max-width: 640px) {
    .like-hover-list {
        left: 0 !important;
        right: auto !important;
        min-width: min(210px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
    }
}

/* v136: Like-Hover final - kompakt wie vorher, Avatar sauber und nicht abgeschnitten */
.shelf-owner-card,
.shelf-owner-stats,
.shelf-owner-stats > .like-with-hover,
.shelf-comment,
.shelf-comment-meta,
.shelf-comment-meta .like-with-hover {
    overflow: visible !important;
}
.like-with-hover {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    isolation: auto !important;
}
.like-hover-list {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: calc(100% + 8px) !important;
    top: auto !important;
    z-index: 5000 !important;
    width: auto !important;
    min-width: 190px !important;
    max-width: min(280px, calc(100vw - 24px)) !important;
    max-height: 240px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    display: grid !important;
    gap: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 14px !important;
    background: rgba(9,11,16,.98) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.025) !important;
    color: #fff !important;
    opacity: 0 !important;
    transform: translateY(4px) !important;
    pointer-events: none !important;
    transition: opacity .14s ease, transform .14s ease !important;
    text-align: left !important;
}
.like-hover-list::before,
.like-hover-title {
    display: none !important;
    content: none !important;
}
.like-hover-body {
    display: contents !important;
}
.like-hover-list .like-hover-name {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 5px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}
.like-hover-list .like-hover-name:last-of-type {
    border-bottom: 0 !important;
}
.like-hover-list .user-avatar.tiny,
.like-hover-list .user-avatar.like-hover-avatar {
    display: inline-grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex: 0 0 26px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: linear-gradient(135deg, rgba(255,77,0,.34), rgba(80,100,160,.32)) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.28) !important;
    font-size: .66rem !important;
    line-height: 1 !important;
}
.like-hover-list .user-avatar.tiny img,
.like-hover-list .user-avatar.like-hover-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
}
.like-hover-list .user-avatar.tiny b,
.like-hover-list .user-avatar.like-hover-avatar b {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    font-size: .66rem !important;
    line-height: 1 !important;
    color: #fff !important;
}
.like-hover-list strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .86rem !important;
    line-height: 1.15 !important;
    font-weight: 760 !important;
    color: #fff !important;
}
.like-hover-list em {
    display: block !important;
    padding: 4px 2px !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.70) !important;
    font-style: normal !important;
    font-size: .84rem !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
.shelf-comment-meta .like-hover-list {
    left: 0 !important;
    right: auto !important;
}
@media (max-width: 640px) {
    .like-hover-list {
        left: 0 !important;
        right: auto !important;
        min-width: min(210px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
    }
}


/* v137: professional account controls + clean like hover/avatar repair */
/* Login/Register: buttons must never be squeezed by the account dashboard grid. */
.account-grid-login .account-actions-grid,
.account-card-compact .account-actions-grid:not(.account-main-actions) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}
.account-grid-login .account-actions-grid > *,
.account-card-compact .account-actions-grid:not(.account-main-actions) > * {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    height: auto !important;
    padding: 12px 16px !important;
    border-radius: 14px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-height: 1.12 !important;
}
.account-grid-login #registerForm .account-actions-grid {
    grid-template-columns: 1fr !important;
}
@media (max-width: 560px) {
    .account-grid-login .account-actions-grid,
    .account-card-compact .account-actions-grid:not(.account-main-actions) {
        grid-template-columns: 1fr !important;
    }
}

/* Logged-in account form: checkboxes are real compact option rows, not empty oversized cards. */
.account-form-grid > label.checkbox-line.account-public-toggle {
    min-height: 64px !important;
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}
.account-form-grid > label.checkbox-line.account-public-toggle input[type="checkbox"] {
    appearance: auto !important;
    order: 0 !important;
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: auto !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    accent-color: var(--red-2) !important;
}
.account-form-grid > label.checkbox-line.account-public-toggle span {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: center !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    color: rgba(255,255,255,.80) !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

/* Account action buttons: stable, readable, no clipped text. */
.account-actions-grid,
.account-main-actions {
    align-items: stretch !important;
}
.account-main-actions > *,
.account-actions-grid .ghost-button,
.account-actions-grid .ghost-link,
.account-actions-grid .danger-button,
.account-actions-grid .account-restore-link {
    min-width: 0 !important;
    height: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.14 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
@media (max-width: 1180px) {
    .account-main-actions.account-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 620px) {
    .account-main-actions.account-actions-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Like hover: compact like pill, perfect avatars, no oversized rows, no clipping. */
.shelf-account-like,
.comment-like,
.comment-like-static,
.shelf-owner-stats > .like-with-hover > span:not(.like-hover-list) {
    min-height: 32px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid rgba(255,134,96,.34) !important;
    background: linear-gradient(180deg, rgba(139,69,38,.90), rgba(82,37,20,.92)) !important;
    color: #fff3ed !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.26) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.shelf-account-like.is-liked,
.comment-like.is-liked {
    border-color: rgba(255,153,112,.54) !important;
    background: linear-gradient(180deg, rgba(154,76,40,.98), rgba(93,42,20,.98)) !important;
}
.like-with-hover {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    overflow: visible !important;
}
.shelf-owner-stats > .like-with-hover,
.shelf-comment-meta > .like-with-hover {
    overflow: visible !important;
}
.like-hover-list,
.shelf-owner-stats > .like-with-hover > .like-hover-list {
    position: absolute !important;
    right: 0 !important;
    bottom: calc(100% + 10px) !important;
    z-index: 999 !important;
    min-width: 210px !important;
    max-width: min(280px, 86vw) !important;
    max-height: 220px !important;
    overflow: auto !important;
    display: grid !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,134,96,.34) !important;
    background: linear-gradient(180deg, rgba(16,18,24,.98), rgba(8,9,13,.98)) !important;
    box-shadow: 0 20px 54px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
    color: #fff !important;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity .14s ease, transform .14s ease;
}
.like-hover-list .like-hover-name,
.like-hover-list span.like-hover-name {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 8px 9px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: rgba(255,255,255,.045) !important;
}
.like-hover-list .user-avatar.like-hover-avatar,
.like-hover-list .user-avatar.tiny.like-hover-avatar {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #050505 !important;
    border: 1px solid rgba(255,134,96,.34) !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.35) !important;
}
.like-hover-list .user-avatar.like-hover-avatar img,
.like-hover-list .user-avatar.tiny.like-hover-avatar img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
}
.like-hover-list .user-avatar.like-hover-avatar b,
.like-hover-list .user-avatar.tiny.like-hover-avatar b {
    font-size: .68rem !important;
    line-height: 1 !important;
}
.like-hover-list strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: .88rem !important;
    font-weight: 850 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
}
.like-hover-list em {
    display: block !important;
    padding: 5px 7px !important;
    color: rgba(255,255,255,.68) !important;
    font-style: normal !important;
    font-size: .84rem !important;
}
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
@media (max-width: 760px) {
    .like-hover-list,
    .shelf-owner-stats > .like-with-hover > .like-hover-list {
        right: auto !important;
        left: 0 !important;
    }
}

/* v138: robust checkbox rows and responsive account action grids */
label.checkbox-line:not(.account-public-toggle) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .7rem !important;
}
label.checkbox-line:not(.account-public-toggle) input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    accent-color: var(--red-2) !important;
}
label.checkbox-line:not(.account-public-toggle) span {
    min-width: 0 !important;
    line-height: 1.25 !important;
}
.account-main-actions.account-actions-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
}
.account-main-actions.account-actions-grid > * {
    width: 100% !important;
}


/* v139: account form row balance — mini description full width, checkbox row below */
.account-form-grid {
    align-items: stretch !important;
}
.account-form-grid > label.account-profile-note-field {
    grid-column: 1 / -1 !important;
}
.account-form-grid > label.checkbox-line.account-public-toggle {
    align-self: stretch !important;
    min-height: 86px !important;
}
.account-form-grid > label.checkbox-line.account-public-toggle span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 100% !important;
}
@media (max-width: 920px) {
    .account-form-grid > label.account-profile-note-field,
    .account-form-grid > label.checkbox-line.account-public-toggle {
        grid-column: auto !important;
    }
}


/* v140: shelf discovery controls repaired — clean field widths and stable tag form */
.shelf-discovery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: end !important;
}
.shelf-discovery-grid > * {
    min-width: 0 !important;
}
.shelf-discovery-grid > label,
.shelf-discovery-grid > form,
.shelf-discovery-grid > div {
    min-width: 0 !important;
}
.shelf-discovery-grid input,
.shelf-discovery-grid select {
    min-width: 0 !important;
}
.public-shelf-tag-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
    min-width: 0 !important;
    grid-column: span 2 !important;
}
.public-shelf-tag-form label {
    min-width: 0 !important;
}
.public-shelf-tag-form input {
    min-width: 0 !important;
    width: 100% !important;
}
.public-shelf-tag-form .ghost-button {
    min-height: 42px !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
    align-self: end !important;
}
@media (max-width: 1180px) {
    .shelf-discovery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .public-shelf-tag-form {
        grid-column: 1 / -1 !important;
    }
}
@media (max-width: 760px) {
    .shelf-discovery-grid {
        grid-template-columns: 1fr !important;
    }
    .public-shelf-tag-form {
        grid-column: auto !important;
        grid-template-columns: 1fr !important;
    }
    .public-shelf-tag-form .ghost-button {
        width: 100% !important;
    }
}

/* v142 targeted fixes: clearer like hovers, safer popovers, editor playlists, portrait editor images */
.like-with-hover {
    position: relative;
    display: inline-flex;
    align-items: center;
    isolation: isolate;
}
.like-hover-list {
    left: 50% !important;
    right: auto !important;
    bottom: calc(100% + 12px) !important;
    transform: translate(-50%, 8px) !important;
    min-width: 260px !important;
    max-width: min(380px, calc(100vw - 32px)) !important;
    padding: 12px !important;
    border: 2px solid rgba(255, 51, 85, .9) !important;
    border-radius: 18px !important;
    background: rgba(7, 7, 9, .98) !important;
    color: #fff !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.12) inset !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 90 !important;
}
.like-hover-list::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 14px;
    height: 14px;
    transform: translateX(-50%) rotate(45deg);
    background: rgba(7, 7, 9, .98);
    border-right: 2px solid rgba(255, 51, 85, .9);
    border-bottom: 2px solid rgba(255, 51, 85, .9);
}
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0) !important;
}
.like-hover-name {
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding: 7px 8px;
    border-radius: 12px;
    background: rgba(255,255,255,.07);
}
.shelf-owner-stats .like-hover-list {
    left: auto !important;
    right: 0 !important;
    transform: translateY(8px) !important;
}
.shelf-owner-stats .like-hover-list::after {
    left: auto;
    right: 24px;
    transform: rotate(45deg);
}
.shelf-owner-stats .like-with-hover:hover .like-hover-list,
.shelf-owner-stats .like-with-hover:focus-within .like-hover-list {
    transform: translateY(0) !important;
}

.editor-preview-card.image img {
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
}
.image-preview-grid {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
}

.shelf-window-nav {
    top: 50% !important;
}

.playlist-mini-popover {
    max-width: min(420px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 24px) !important;
    overflow: auto !important;
}
.detail-playlist-row.is-in-playlist {
    border-color: rgba(80, 255, 150, .65) !important;
    background: linear-gradient(135deg, rgba(39, 255, 144, .16), rgba(255,255,255,.06)) !important;
}
.detail-playlist-row.is-in-playlist b,
.editor-playlist-row.is-in-playlist b {
    background: rgba(51, 255, 153, .2);
    color: #9effc6;
    border-color: rgba(51, 255, 153, .55);
}

.editor-playlist-box {
    margin-top: 18px;
}
.editor-playlist-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    padding: 16px;
    background: rgba(255,255,255,.045);
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.editor-playlist-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.editor-playlist-head h3 {
    margin: 0;
}
.editor-playlist-head span {
    color: var(--muted, #aaa);
    font-size: .9rem;
}
.editor-playlist-list {
    display: grid;
    gap: 8px;
}
.editor-playlist-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(0,0,0,.18);
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.editor-playlist-row span {
    display: grid;
    gap: 3px;
}
.editor-playlist-row small {
    color: var(--muted, #aaa);
}
.editor-playlist-row b {
    display: grid;
    place-items: center;
    min-width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
}
.editor-playlist-create {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.editor-playlist-create input {
    flex: 1;
}

.playlist-archive-items.is-archive-list {
    display: grid;
    gap: 8px;
    padding-top: 10px;
}
.playlist-archive-row {
    width: 100%;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) 80px 42px;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
}
.playlist-archive-row-image {
    width: 64px;
    aspect-ratio: 2 / 3;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.35);
    color: var(--muted, #aaa);
}
.playlist-archive-row-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.playlist-archive-row-title {
    min-width: 0;
    display: grid;
    gap: 2px;
}
.playlist-archive-row-title strong,
.playlist-archive-row-title small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.playlist-archive-row-title small,
.playlist-archive-row-year {
    color: var(--muted, #aaa);
}
.playlist-archive-row-remove {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
}

.shelf-owner-playlist-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: min(100%, 420px);
}
.shelf-owner-playlist-tools .shelf-owner-playlist-slot {
    flex: 1 1 210px;
}
.shelf-playlist-subscribe.is-active {
    border-color: rgba(51, 255, 153, .6);
    color: #9effc6;
}
.account-form-grid select {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(0,0,0,.3);
    color: inherit;
    padding: 0 12px;
}

@media (max-width: 680px) {
    .playlist-archive-row {
        grid-template-columns: 54px minmax(0, 1fr) 48px 36px;
        gap: 9px;
    }
    .playlist-archive-row-image {
        width: 48px;
    }
    .editor-playlist-create {
        flex-direction: column;
    }
}


/* v143: filter toggle stays icon-only + shelf header layout cleanup */
.filter-collapse-button{
    overflow:hidden;
    text-indent:0;
    white-space:nowrap;
}
.filter-collapse-button::before{
    content:none !important;
}

.shelf-owner-card{
    display:grid !important;
    grid-template-columns:minmax(220px,320px) minmax(240px,1fr) auto !important;
    align-items:center !important;
    gap:18px !important;
    padding:14px 18px !important;
}
.shelf-owner-link{
    min-width:0;
    width:100%;
}
.shelf-owner-link > span:last-child{
    min-width:0;
}
.shelf-owner-playlist-tools{
    width:100%;
    min-width:0;
    justify-content:flex-start;
    gap:10px;
}
.shelf-owner-playlist-tools .shelf-owner-playlist-slot{
    flex:1 1 auto;
    min-width:0;
    max-width:none;
}
.shelf-owner-playlist-select{
    min-height:44px !important;
    height:44px;
    border-radius:15px !important;
    padding:0 14px !important;
    font-size:.96rem;
}
.shelf-playlist-subscribe{
    min-height:44px;
    white-space:nowrap;
}
.shelf-owner-stats{
    margin-left:0 !important;
    justify-content:flex-end;
    gap:8px !important;
    flex-wrap:wrap;
}
.shelf-stat-pill,
.shelf-owner-stats > span,
.shelf-owner-stats .like-with-hover > .shelf-account-like,
.shelf-owner-stats .like-with-hover > .comment-like-static,
.shelf-owner-stats .like-with-hover > span{
    min-height:34px !important;
    padding:0 11px !important;
    border-radius:999px !important;
    font-size:.88rem !important;
}
.shelf-stat-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid rgba(255,255,255,.1);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
    color:#f2f2f2;
    white-space:nowrap;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.shelf-stat-pill b{
    font-size:1.02rem;
    line-height:1;
    font-weight:950;
    color:#fff;
}
.shelf-stat-pill small{
    font-size:.78rem;
    line-height:1;
    color:rgba(255,255,255,.78);
    text-transform:none;
}
.shelf-owner-stats .shelf-account-like,
.shelf-owner-stats .comment-like-static,
.shelf-owner-stats .comment-like{
    min-width:62px !important;
    font-size:.88rem !important;
}
@media(max-width:1100px){
    .shelf-owner-card{
        grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);
        align-items:start !important;
    }
    .shelf-owner-stats{
        grid-column:1 / -1;
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .shelf-owner-card{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    .shelf-owner-playlist-tools,
    .shelf-owner-stats{
        width:100%;
        justify-content:flex-start;
    }
}


/* v144: Regal-Hinweise minimal + keine Zusatztexte am Status */
.shelf3d-status::after{
    content:none !important;
}
.shelf-window-info span{
    font-size:.92rem;
    letter-spacing:.01em;
    text-transform:none;
}


/* v145: visible account language switch + safe selected back preview */
.account-language-card{
    grid-column:1 / -1;
    display:grid;
    gap:7px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.035);
}
.account-language-card select{
    width:100%;
    min-height:44px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.42);
    color:#fff;
    padding:0 12px;
    font-weight:800;
}
.account-language-card small{
    color:rgba(255,255,255,.66);
    line-height:1.35;
}
.case-back-trailer.is-preview,
.case-back-trailer.is-preview *{
    pointer-events:none !important;
}
.case-trailer-preview{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background-size:cover;
    background-position:center;
    background-color:#050505;
    overflow:hidden;
}
.case-trailer-preview::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.50));
}
.case-trailer-preview span{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(218,0,28,.92);
    border:1px solid rgba(255,255,255,.52);
    color:#fff;
    font-weight:1000;
    padding-left:3px;
    box-shadow:0 0 18px rgba(218,0,28,.35);
}


/* v146: logo-style VIDEOtrack headline */
.brand-block .brand-title{
    display:flex;
    align-items:flex-end;
    gap:0;
    margin:0;
    line-height:.86;
    letter-spacing:-.08em !important;
    text-transform:none !important;
    white-space:nowrap;
    font-weight:1000;
    font-family:Impact, Haettenschweiler, "Arial Narrow Bold", Inter, system-ui, sans-serif;
}
.brand-title-video,
.brand-title-track{
    display:inline-block;
}
.brand-title-video{
    color:#f4f4f4;
    text-shadow:0 1px 0 rgba(255,255,255,.05), 0 8px 28px rgba(0,0,0,.34);
}
.brand-title-track{
    margin-left:-0.055em;
    color:#c70f2e;
    background:linear-gradient(180deg,#ef2147 0%, #cf1233 38%, #a30023 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:0 8px 28px rgba(0,0,0,.34);
    text-transform:none !important;
}
body:not(.player-collapsed) .brand-block .brand-title{
    font-size:clamp(2.6rem, 5.8vw, 5.45rem) !important;
}
body.player-collapsed .brand-block .brand-title{
    font-size:clamp(3.1rem, 6.8vw, 6.1rem) !important;
}
@media (max-width: 900px){
    .brand-block .brand-title{
        font-size:clamp(2.2rem, 8vw, 4rem) !important;
        letter-spacing:-.07em !important;
    }
    .brand-title-track{
        margin-left:-0.04em;
    }
}


/* v147: corrected VIDEOtrack wordmark */
.brand-block > div{
    min-width:0;
}
.brand-block .brand-title{
    display:inline-flex !important;
    align-items:flex-end !important;
    flex-wrap:nowrap !important;
    gap:.015em !important;
    margin:0 !important;
    line-height:.9 !important;
    letter-spacing:-.038em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    font-weight:1000 !important;
    font-family:"Arial Black", Impact, Haettenschweiler, Inter, system-ui, sans-serif !important;
    overflow:visible !important;
}
.brand-block .brand-title-video,
.brand-block .brand-title-track{
    display:inline-block !important;
    vertical-align:baseline;
}
.brand-block .brand-title-video{
    color:#f3f3f3 !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
    text-shadow:0 3px 0 rgba(0,0,0,.14), 0 12px 30px rgba(0,0,0,.28) !important;
}
.brand-block .brand-title-track{
    margin-left:.01em !important;
    color:#d60f34 !important;
    background:linear-gradient(180deg,#f21d4f 0%, #d10d34 42%, #8e001f 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}
body:not(.player-collapsed) .brand-block .brand-title{
    font-size:clamp(2.15rem, 4.3vw, 4.6rem) !important;
}
body.player-collapsed .brand-block .brand-title{
    font-size:clamp(2.45rem, 5.3vw, 5.2rem) !important;
}
@media (max-width: 1100px){
    body:not(.player-collapsed) .brand-block .brand-title,
    body.player-collapsed .brand-block .brand-title{
        font-size:clamp(2rem, 5.6vw, 4rem) !important;
    }
}
@media (max-width: 760px){
    .brand-block .brand-title{
        font-size:clamp(1.7rem, 8vw, 3rem) !important;
        letter-spacing:-.03em !important;
    }
    .brand-block .brand-title-track{
        margin-left:.015em !important;
    }
}


/* v148: prevent brand wordmark clipping */
.topbar{
    overflow:visible !important;
}
.brand-block,
.brand-block > div,
.brand-block h1{
    overflow:visible !important;
}
body:not(.player-collapsed) .topbar{
    grid-template-columns:minmax(380px, 1.16fr) minmax(300px, .72fr) !important;
}
body:not(.player-collapsed) .brand-block{
    padding-right:24px !important;
}
body:not(.player-collapsed) .brand-block .brand-title{
    font-size:clamp(2rem, 4.05vw, 4.25rem) !important;
}
body.player-collapsed .brand-block{
    padding-right:24px !important;
}
body.player-collapsed .brand-block .brand-title{
    font-size:clamp(2.3rem, 4.9vw, 4.95rem) !important;
}
@media (max-width: 1320px){
    body:not(.player-collapsed) .topbar{
        grid-template-columns:minmax(340px, 1.08fr) minmax(290px, .78fr) !important;
    }
}
@media (max-width: 900px){
    .topbar,
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar{
        overflow:hidden !important;
    }
    .brand-block,
    .brand-block > div,
    .brand-block h1{
        overflow:hidden !important;
    }
}


/* v149: give header brand enough real width */
body:not(.player-collapsed) .topbar{
    grid-template-columns:minmax(470px, 1.4fr) minmax(240px, .6fr) !important;
    gap:10px !important;
}
body.player-collapsed .topbar{
    grid-template-columns:minmax(520px, 1.5fr) minmax(300px, .72fr) !important;
}
body:not(.player-collapsed) .brand-block,
body.player-collapsed .brand-block{
    padding-right:30px !important;
}
.brand-block > div{
    display:grid;
    align-content:center;
    gap:6px;
}
body:not(.player-collapsed) .brand-block .brand-title{
    font-size:clamp(1.82rem, 3.58vw, 3.78rem) !important;
    letter-spacing:-.036em !important;
}
body.player-collapsed .brand-block .brand-title{
    font-size:clamp(2.16rem, 4.42vw, 4.68rem) !important;
    letter-spacing:-.038em !important;
}
.brand-block .brand-title-track{
    margin-left:0 !important;
}
body:not(.player-collapsed) .main-nav{
    grid-template-columns:repeat(5, minmax(58px, 1fr)) !important;
}
body:not(.player-collapsed) .nav-button{
    padding:.68rem .4rem !important;
    font-size:clamp(.68rem, .84vw, .82rem) !important;
}
@media (max-width: 1320px){
    body:not(.player-collapsed) .topbar{
        grid-template-columns:minmax(390px, 1.22fr) minmax(255px, .72fr) !important;
    }
    body:not(.player-collapsed) .brand-block .brand-title{
        font-size:clamp(1.74rem, 3.42vw, 3.36rem) !important;
    }
}
@media (max-width: 1100px){
    body.player-collapsed .topbar{
        grid-template-columns:minmax(360px, 1.1fr) minmax(260px, .8fr) !important;
    }
}
@media (max-width: 900px){
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar{
        grid-template-columns:1fr !important;
    }
    body:not(.player-collapsed) .brand-block .brand-title,
    body.player-collapsed .brand-block .brand-title{
        font-size:clamp(1.62rem, 7.2vw, 2.9rem) !important;
    }
}


/* v150: trailers on active back side start reliably */
.shelf3d-face.is-selected-case.is-inactive-face{
    pointer-events:none !important;
}
.shelf3d-face.is-selected-case.is-active-face{
    pointer-events:auto !important;
}
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer.is-live,
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer.is-live *,
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer.is-playing,
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer.is-playing *{
    pointer-events:auto !important;
}
.case-back-play-button{
    position:absolute;
    inset:0;
    z-index:6;
    display:grid;
    place-items:center;
    gap:6px;
    width:100%;
    height:100%;
    padding:0 !important;
    border:0 !important;
    cursor:pointer;
    color:#fff;
    background-color:#050505;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    pointer-events:auto !important;
}
.case-back-play-button::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58));
    pointer-events:none;
}
.case-back-play-button span{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(218,0,28,.94);
    border:1px solid rgba(255,255,255,.52);
    box-shadow:0 0 20px rgba(218,0,28,.36);
    font-size:1rem;
    line-height:1;
    padding-left:3px;
}
.case-back-play-button em{
    position:relative;
    z-index:1;
    color:#fff;
    font:900 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-style:normal;
    text-shadow:0 2px 8px #000;
}
.case-back-trailer.is-playing iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    z-index:7;
    background:#000;
    pointer-events:auto !important;
}


/* v151: restore direct back-cover YouTube iframe behavior */
.shelf3d-face.is-selected-case.is-inactive-face{
    pointer-events:none !important;
}
.shelf3d-face.is-selected-case.is-active-face{
    pointer-events:auto !important;
}
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer,
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer *,
.shelf3d-face.back.is-selected-case.is-active-face .case-back-trailer iframe{
    pointer-events:auto !important;
}
.shelf3d-face.back.is-selected-case.is-inactive-face .case-back-trailer,
.shelf3d-face.back.is-selected-case.is-inactive-face .case-back-trailer *,
.shelf3d-face.back.is-selected-case.is-inactive-face .case-back-trailer iframe{
    pointer-events:none !important;
}
.case-back-trailer.wide iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    z-index:7;
    background:#000;
    pointer-events:auto !important;
}


/* v152: restore old direct clickable YouTube iframe on case backs */
.shelf3d-face.is-selected-case,
.shelf3d-face.is-selected-case.is-active-face,
.shelf3d-face.is-selected-case.is-inactive-face{
    pointer-events:auto !important;
}
.shelf3d-face.front.is-selected-case .case-gloss,
.shelf3d-face.back.is-selected-case .case-gloss{
    pointer-events:none !important;
}
.shelf3d-has-selection .is-selected-case.back .case-back-trailer,
.shelf3d-has-selection .is-selected-case.back .case-back-trailer *,
.shelf3d-has-selection .is-selected-case.back .case-back-trailer iframe,
.case-back-trailer.wide iframe{
    pointer-events:auto !important;
}
.case-back-trailer.is-preview,
.case-back-trailer.is-preview *{
    pointer-events:auto !important;
}
.case-back-play-button,
.case-trailer-preview{
    display:none !important;
}


/* v153: robuster Header – Navigation bleibt immer in einer Zeile */
.topbar,
.brand-block,
.brand-block > div,
.main-nav,
.nav-button{
    min-width:0 !important;
}
.main-nav{
    overflow:hidden !important;
}
.nav-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    line-height:1 !important;
    min-height:58px !important;
}
.nav-button.has-avatar-nav{
    position:relative !important;
    padding-inline:.35rem !important;
}

@media (min-width:901px){
    body:not(.player-collapsed) .topbar{
        grid-template-columns:minmax(0, 1fr) minmax(360px, 42%) !important;
        gap:10px !important;
    }
    body:not(.player-collapsed) .main-nav{
        grid-template-columns:repeat(5, minmax(70px, 1fr)) !important;
    }
    body:not(.player-collapsed) .nav-button{
        padding:.62rem .34rem !important;
        font-size:clamp(.62rem, .72vw, .78rem) !important;
        letter-spacing:.038em !important;
    }

    body.player-collapsed .topbar{
        grid-template-columns:minmax(0, 1fr) minmax(390px, 34%) !important;
        gap:14px !important;
    }
    body.player-collapsed .main-nav{
        grid-template-columns:repeat(5, minmax(74px, 1fr)) !important;
    }
    body.player-collapsed .nav-button{
        padding:.82rem .48rem !important;
        font-size:clamp(.66rem, .78vw, .88rem) !important;
        letter-spacing:.048em !important;
    }
}

@media (min-width:901px) and (max-width:1180px){
    body:not(.player-collapsed) .topbar{
        grid-template-columns:minmax(0, 1fr) minmax(350px, 49%) !important;
    }
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav{
        grid-template-columns:repeat(5, minmax(68px, 1fr)) !important;
    }
    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button{
        font-size:clamp(.58rem, .82vw, .74rem) !important;
        letter-spacing:.03em !important;
        padding-inline:.26rem !important;
    }
}

@media (max-width:900px){
    .main-nav,
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav{
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
        overflow:visible !important;
    }
    .nav-button,
    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button{
        padding:.72rem .22rem !important;
        font-size:clamp(.56rem, 2.15vw, .76rem) !important;
        letter-spacing:.026em !important;
        min-height:48px !important;
    }
}

@media (max-width:420px){
    .nav-button,
    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button{
        font-size:.54rem !important;
        letter-spacing:.01em !important;
        padding-inline:.12rem !important;
    }
}


/* v154: bei schmalem Arbeitsbereich Header vor dem Quetschen sauber stapeln */
@media (min-width:901px) and (max-width:1040px){
    body:not(.player-collapsed) .topbar{
        grid-template-columns:1fr !important;
    }
    body:not(.player-collapsed) .main-nav{
        border-left:0 !important;
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
        width:100% !important;
        overflow:visible !important;
    }
    body:not(.player-collapsed) .brand-block{
        padding-right:16px !important;
    }
    body:not(.player-collapsed) .brand-block .brand-title{
        font-size:clamp(2rem, 5.2vw, 3.45rem) !important;
    }
    body:not(.player-collapsed) .nav-button{
        min-height:50px !important;
        font-size:clamp(.58rem, .92vw, .72rem) !important;
        letter-spacing:.03em !important;
    }
}

/* v155: kompakter Abo-Button + abonnierte Playlists im Archiv */
.shelf-owner-playlist-tools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
}
.shelf-playlist-subscribe{
    min-width:64px !important;
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    letter-spacing:.16em !important;
    font-size:.82rem !important;
    line-height:1 !important;
    text-align:center !important;
}
.shelf-playlist-subscribe.is-active{
    border-color:rgba(51,255,153,.72) !important;
    color:#9effc6 !important;
    box-shadow:inset 0 0 0 1px rgba(51,255,153,.12),0 0 22px rgba(51,255,153,.08) !important;
}
.playlist-archive-section-title{
    grid-column:1/-1;
    margin:4px 0 -2px;
    display:flex;
    align-items:center;
    gap:12px;
    color:rgba(255,255,255,.78);
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size:.78rem;
}
.playlist-archive-section-title::before,
.playlist-archive-section-title::after{
    content:"";
    height:1px;
    background:rgba(255,255,255,.1);
    flex:1 1 auto;
}
.playlist-archive-card.is-subscription{
    border-color:rgba(51,255,153,.22);
    background:linear-gradient(135deg,rgba(51,255,153,.055),rgba(255,255,255,.025));
}
.subscription-playlist-title{
    display:grid;
    gap:3px;
    min-height:44px;
    align-content:center;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(0,0,0,.38);
    min-width:0;
}
.subscription-playlist-title strong{
    color:#fff;
    font-weight:900;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.subscription-playlist-title small{
    color:#9effc6;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.playlist-archive-row.is-readonly{
    grid-template-columns:58px minmax(0,1fr) auto auto;
}
.playlist-archive-row-sub{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    min-height:28px;
    padding:0 8px;
    border-radius:999px;
    border:1px solid rgba(51,255,153,.32);
    color:#9effc6;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
}
.playlist-archive-row-add{
    width:42px;
    height:42px;
    padding:0;
    border-radius:999px;
    display:inline-grid;
    place-items:center;
    border:1px solid rgba(51,255,153,.38);
    background:rgba(0,0,0,.3);
    color:#9effc6;
    font-size:1.45rem;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.playlist-archive-row-add:hover,
.playlist-archive-row-add:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(51,255,153,.68);
    box-shadow:0 0 0 1px rgba(51,255,153,.12), 0 0 16px rgba(51,255,153,.12);
    background:rgba(11,22,17,.74);
}
@media(max-width:760px){
    .shelf-owner-playlist-tools{
        grid-template-columns:1fr auto;
    }
    .shelf-playlist-subscribe{
        min-width:58px !important;
        padding-inline:10px !important;
    }
}

/* v127: Mobile-Performance im 3D-Regal, Desktop unverändert */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf3d-canvas.is-loading-window .shelf3d-renderer {
        animation: shelf-window-page-in-mobile .22s cubic-bezier(.2,.72,.2,1) both !important;
    }
    .shelf3d-canvas.is-loading-window.is-page-prev .shelf3d-renderer {
        animation-name: shelf-window-page-in-prev-mobile !important;
    }
    .shelf-window-nav {
        backdrop-filter: none !important;
    }
    .shelf3d-face.front,
    .shelf3d-face.back {
        box-shadow: 0 14px 22px rgba(0,0,0,.58) !important;
    }
}
@keyframes shelf-window-page-in-mobile {
    0% { opacity: .38; transform: translateY(18px) scale(.99); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes shelf-window-page-in-prev-mobile {
    0% { opacity: .38; transform: translateY(-18px) scale(.99); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* v128: echte mobile Rückseite ohne schwarzen Lazy-Platzhalter + ruhigeres Regal */
.case-back-trailer.wide.is-light-preview,
.case-back-trailer.wide.is-light-preview *{
    pointer-events:none !important;
}
.case-mobile-trailer-thumb{
    position:absolute;
    inset:0;
    display:grid !important;
    place-items:center;
    background-size:cover;
    background-position:center;
    background-color:#050505;
    overflow:hidden;
}
.case-mobile-trailer-thumb::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.52));
}
.case-mobile-trailer-thumb span{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(218,0,28,.9);
    border:1px solid rgba(255,255,255,.5);
    color:#fff;
    font-weight:1000;
    padding-left:3px;
    box-shadow:0 0 18px rgba(218,0,28,.28);
}
@media (max-width: 900px), (hover: none), (pointer: coarse){
    .shelf3d-face.front,
    .shelf3d-face.back{
        box-shadow:0 10px 16px rgba(0,0,0,.50) !important;
    }
    .case-gloss{
        opacity:.62;
    }
    .case-mobile-trailer-thumb span{
        width:34px;
        height:34px;
        font-size:.92rem;
    }
}
@media (max-width: 900px) and (orientation: portrait){
    .shelf3d-canvas{
        height:var(--shelf-canvas-height, 540px) !important;
        min-height:var(--shelf-canvas-height, 540px) !important;
        max-height:var(--shelf-canvas-height, 540px) !important;
    }
}


/* v129: sauberer Regal-Toolbar-Rahmen, bessere mobile 2x2-Verteilung, Trailer ohne schwarzen Blink */
.shelf3d-toolbar-bottom{
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(420px,1fr);
    gap:12px !important;
    align-items:stretch !important;
    padding:12px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:linear-gradient(180deg,rgba(12,12,12,.94),rgba(6,6,6,.98)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.6);
}
.shelf3d-toolbar-bottom .shelf3d-status{
    min-width:0;
    height:100%;
    min-height:56px;
    margin:0 !important;
    border:0 !important;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.shelf3d-toolbar-bottom .shelf3d-actionbar{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px !important;
    width:100%;
    align-self:stretch;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .ghost-button{
    width:100%;
    min-height:56px;
    padding:.8rem .7rem;
}
@media (max-width: 980px){
    .shelf3d-toolbar-bottom{
        grid-template-columns:1fr !important;
    }
}
@media (max-width: 560px){
    .shelf3d-toolbar-bottom .shelf3d-actionbar{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 900px) and (orientation: portrait){
    .shelf3d-canvas{
        --shelf-canvas-height: 620px;
    }
}

.case-back-trailer.wide{
    background-size:cover !important;
    background-position:center center !important;
}
.case-back-trailer.wide::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.26));
    pointer-events:none;
    z-index:1;
}
.case-back-trailer.wide iframe{
    opacity:0;
    transition:opacity .18s ease;
    z-index:2 !important;
}
.case-back-trailer.wide.is-ready iframe{
    opacity:1;
}
.case-back-trailer.wide.is-light-preview::before{
    z-index:0;
}


/* v162: Mobile-Rückseite beim Drehen entlasten; Desktop bleibt unverändert */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf3d-canvas.is-mobile-back-dragging .shelf3d-face.back.is-selected-case .case-back-trailer iframe,
    .shelf3d-face.back.is-selected-case .case-back-trailer.is-mobile-drag-preview iframe {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .shelf3d-face.back.is-selected-case .case-back-trailer.is-mobile-drag-preview::after {
        content: "DREHEN …";
        position: absolute;
        inset: 0;
        z-index: 6;
        display: grid;
        place-items: center;
        background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.42));
        color: rgba(255,255,255,.82);
        font: 900 .58rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
        letter-spacing: .18em;
        pointer-events: none;
    }
}


/* v163: Mobile-Rückseite bleibt leicht; YouTube wird mobil erst nach Tipp erzeugt */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .case-back-trailer.wide.is-mobile-preview {
        background-size: cover !important;
        background-position: center !important;
    }
    .case-back-trailer.wide.is-mobile-preview::before {
        z-index: 1;
        background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.46));
    }
    .case-trailer-mobile-start {
        position: absolute;
        inset: 0;
        z-index: 5;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: 100%;
        border: 0;
        background: transparent;
        color: #fff;
        text-align: center;
        font: 900 .58rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;
        letter-spacing: .12em;
        text-transform: uppercase;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
    }
    .case-trailer-mobile-start .case-trailer-mobile-icon {
        display: block;
        width: 68px;
        max-width: 34%;
        height: auto;
        object-fit: contain;
        filter: drop-shadow(0 8px 20px rgba(0,0,0,.34));
        transform: translateY(1px);
        pointer-events: none;
    }
    .case-trailer-mobile-start .case-trailer-mobile-label {
        display: block;
        padding: 0 .4rem;
        text-shadow: 0 2px 8px rgba(0,0,0,.85);
        pointer-events: none;
    }
}


/* v131: Mobile-Rückseite: durchgehender Touch-Drag statt abgebrochener Pan-Gesten */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case,
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case .case-back-overlay,
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case .case-back-copy.large,
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case .case-back-trailer {
        touch-action: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case .case-trailer-mobile-start,
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case .case-back-actions button {
        touch-action: manipulation !important;
        pointer-events: auto !important;
    }
}


/* v132: Mobile-Rückseite ohne abbrechende Touch-Gesten drehen */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case,
    .shelf3d-canvas.shelf3d-has-selection .shelf3d-face.back.is-selected-case * {
        touch-action: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-tap-highlight-color: transparent;
    }
}

@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .case-trailer-mobile-start .case-trailer-mobile-icon {
        width: 62px;
        max-width: 36%;
    }
}


/* v164: Regal-Hoch/Runter-Buttons besser auf Filmblock-Höhe */
.shelf-window-nav{
    top: 42% !important;
}
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf-window-nav{
        top: 28% !important;
    }
}
@media (max-width: 900px) and (orientation: portrait) {
    .shelf-window-nav{
        top: 25% !important;
        left: 10px !important;
    }
}

/* v167: Discover start page + portrait archive covers */
.main-nav {
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)) !important;
}

body[data-active-panel="discoverPanel"] .filter-rig,
body[data-active-panel="aboutPanel"] .filter-rig {
    display: none !important;
}

.cards {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.cards .card {
    min-height: 0;
    grid-template-rows: auto 1fr;
}

.cards .poster {
    aspect-ratio: 2 / 3;
    width: 100%;
    min-height: 0;
}

.discover-panel {
    display: none;
}

.discover-panel.is-active {
    display: block;
}

.discover-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: clamp(16px, 2.2vw, 28px);
    align-items: stretch;
    margin-bottom: 24px;
    padding: clamp(18px, 2.4vw, 30px);
    border: 1px solid rgba(255,255,255,.12);
    background:
        radial-gradient(circle at 8% 0, rgba(255,48,72,.22), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.55), 12px 12px 0 #000;
}

.discover-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.discover-hero-copy h2 {
    margin-bottom: .65rem;
}

.discover-hero-copy p:not(.eyebrow) {
    max-width: 76ch;
    margin: 0;
    color: #d0d0d0;
}

.discover-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-content: stretch;
}

.discover-link-grid .discover-link {
    display: grid;
    align-content: center;
    min-height: 86px;
    border-radius: 0;
    text-align: left;
    line-height: 1.05;
    background: rgba(0,0,0,.38);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

@media (hover: hover) {
    .discover-link-grid .discover-link:hover,
    .discover-link-grid .discover-link:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(200, 25, 46, .78);
        background: linear-gradient(180deg, rgba(200, 25, 46, .18), rgba(0,0,0,.52));
        box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.04);
        color: #fff;
    }

    .discover-link-grid .discover-link:hover small,
    .discover-link-grid .discover-link:focus-visible small {
        color: rgba(255,255,255,.88);
    }
}

.discover-link small {
    display: block;
    margin-top: .35rem;
    color: var(--muted);
    font-size: .72rem;
    letter-spacing: .03em;
    text-transform: none;
}

.discover-title-row {
    align-items: flex-end;
}

.discover-status {
    max-width: none;
    text-align: right;
    white-space: nowrap;
    flex: 0 0 auto;
}

.discover-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 16px;
}

.discover-card {
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, #111, #090909);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
    overflow: hidden;
}

.discover-poster-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 3;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
    background: #050505;
}

.discover-poster {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #050505;
}

.discover-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(.88) contrast(1.08);
}

.discover-poster::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 35%;
    background: linear-gradient(to top, rgba(0,0,0,.76), transparent);
    pointer-events: none;
}

.discover-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    display: grid;
    place-items: center;
    width: clamp(48px, 27%, 62px);
    aspect-ratio: 1;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.34);
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.26), rgba(210,14,42,.92) 38%, rgba(80,0,12,.96));
    color: #fff;
    box-shadow: 0 12px 28px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.1);
    transform: translate(-50%, -50%) scale(.96);
    opacity: .92;
    transition: transform .16s ease, opacity .16s ease, filter .16s ease;
}

.discover-play-button span {
    display: block;
    transform: translateX(2px);
    font-size: clamp(1.25rem, 6vw, 1.65rem);
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0,0,0,.45);
}

.discover-card.has-trailer:hover .discover-play-button,
.discover-play-button:focus-visible {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.05);
    filter: brightness(1.08);
}

.discover-play-button:disabled {
    cursor: not-allowed;
    opacity: .34;
    filter: grayscale(1);
}

.discover-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #585858;
    font-size: clamp(2.5rem, 6vw, 4.8rem);
    font-weight: 950;
    letter-spacing: -.08em;
}

.discover-card-body {
    display: grid;
    gap: 12px;
    padding: 12px;
}

.discover-movie-meta {
    min-width: 0;
}

.discover-movie-meta h3 {
    margin: 0 0 .35rem;
    font-size: 1.05rem;
    line-height: 1.02;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.discover-movie-meta span {
    color: var(--muted);
    font: .74rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.discover-owner-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: stretch;
    margin-top: auto;
}

.discover-owner-link {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.035);
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}

.discover-owner-link span {
    min-width: 0;
    display: grid;
}

.discover-owner-link small {
    color: var(--muted);
    font: .62rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.discover-owner-link strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .86rem;
}

.discover-avatar {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
}

.discover-add-button {
    display: grid;
    place-items: center;
    width: 44px;
    min-height: 44px;
    padding: 0;
    background: linear-gradient(180deg, rgba(210,14,42,.92), rgba(98,0,14,.96));
    border-color: rgba(255,255,255,.18);
    color: #fff;
    font-size: 1.35rem;
    font-weight: 1000;
    line-height: 1;
}

.discover-more-row {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.discover-more-row .ghost-button[hidden] {
    display: none !important;
}

.discover-empty {
    grid-column: 1 / -1;
}

.legal-tmdb-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.035);
}

.tmdb-inline-badge {
    width: 94px;
    max-width: 100%;
    filter: drop-shadow(5px 5px 0 #000);
}

@media (max-width: 920px) {
    .discover-hero {
        grid-template-columns: 1fr;
    }
    .discover-status {
        text-align: left;
    }
}

@media (max-width: 560px) {
    .discover-link-grid {
        grid-template-columns: 1fr;
    }
    .discover-grid,
    .cards {
        grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    }
    .discover-owner-row {
        grid-template-columns: 1fr 40px;
    }
    .discover-add-button {
        width: 40px;
        min-height: 40px;
    }
    .discover-play-button {
        width: 46px;
    }
    .legal-tmdb-note {
        grid-template-columns: 1fr;
    }
}

/* v168: Discover polish, one-line vertical nav, compact archive buttons, public detail popup, combined shelf status */
.topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
}
.main-nav,
body:not(.player-collapsed) .main-nav,
body.player-collapsed .main-nav {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(46px, 58px)) !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    border-left: 1px solid var(--line) !important;
}
.nav-button,
body:not(.player-collapsed) .nav-button,
body.player-collapsed .nav-button {
    min-width: 0 !important;
    min-height: 76px !important;
    width: auto !important;
    padding: .48rem .18rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: .08em !important;
    font-size: .72rem !important;
    line-height: 1 !important;
}
.nav-button > span {
    display: inline-block;
    writing-mode: inherit;
    text-orientation: inherit;
}
.nav-button.has-avatar-nav {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    min-height: 76px !important;
    padding: .3rem !important;
}
.nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
    width: 38px !important;
    height: 38px !important;
}
@media (max-width: 900px) {
    .topbar,
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar {
        grid-template-columns: 1fr !important;
    }
    .main-nav,
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        width: 100% !important;
        border-left: 0 !important;
    }
    .nav-button,
    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button {
        min-height: 68px !important;
        font-size: clamp(.56rem, 2vw, .72rem) !important;
        letter-spacing: .055em !important;
    }
}
@media (max-width: 420px) {
    .nav-button,
    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button {
        min-height: 62px !important;
        font-size: .54rem !important;
    }
}

.cards .card-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
}
.cards .card-action-button {
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 !important;
    font-size: 1.08rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.cards .card-action-button span {
    display: inline-grid;
    place-items: center;
    width: 100%;
    height: 100%;
}
.cards .card-action-delete span {
    font-size: 1.2rem;
    font-weight: 1000;
}

.public-detail-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2200;
    display: grid;
    place-items: center;
    padding: clamp(14px, 2vw, 28px);
    background: rgba(0,0,0,.82);
    backdrop-filter: blur(6px);
    overflow: auto;
}
.public-detail-dialog {
    position: relative;
    width: min(1040px, calc(100vw - 48px));
    max-height: min(88vh, 820px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    background: linear-gradient(135deg, rgba(18,18,20,.98), rgba(6,6,8,.98));
    box-shadow: 18px 18px 0 #000, 0 30px 90px rgba(0,0,0,.55);
}
.public-detail-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    width: 42px;
    height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--red);
    border-color: rgba(255,255,255,.18);
    font-size: 1.25rem;
    font-weight: 1000;
    line-height: 1;
    letter-spacing: 0;
}
.public-detail-layout {
    display: grid;
    grid-template-columns: clamp(190px, 28vw, 320px) minmax(0, 1fr);
    gap: 0;
    min-height: 360px;
    max-height: min(88vh, 820px);
    overflow: hidden;
    align-items: start;
}
.public-detail-cover {
    aspect-ratio: 2 / 3;
    min-width: 0;
    width: 100%;
    max-width: 320px;
    min-height: 0;
    align-self: start;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #030303;
    border-right: 1px solid rgba(255,255,255,.10);
}
.public-detail-cover img {
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    object-fit: cover;
    display: block;
}
.public-detail-cover .placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #555;
    font-size: 4rem;
    font-weight: 1000;
}
.public-detail-copy {
    min-width: 0;
    max-height: min(88vh, 820px);
    overflow: auto;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: clamp(18px, 2.4vw, 30px);
}
.public-detail-copy h2 {
    margin: 0;
    font-size: clamp(2rem, 4.2vw, 3.7rem);
    line-height: .92;
}
.public-detail-description {
    margin: 0;
    color: rgba(255,255,255,.82);
    line-height: 1.55;
}
.public-detail-tags {
    max-height: 108px;
    overflow: auto;
}
.public-detail-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.public-detail-actions .danger-button {
    min-width: 160px;
}
.public-detail-share-button {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 50%;
    border-color: rgba(220,24,48,.42);
    background: rgba(220,24,48,.08);
    color: #ffb9c4;
    font-size: .98rem;
}
.public-detail-share-button span {
    transform: translateY(-1px);
}
.public-detail-share-button:hover,
.public-detail-share-button:focus-visible {
    border-color: rgba(255,110,132,.78);
    background: rgba(220,24,48,.18);
    color: #fff;
}
.public-playlist-popover {
    width: min(520px, calc(100vw - 24px)) !important;
    max-width: min(520px, calc(100vw - 24px)) !important;
}
@media (max-width: 720px) {
    .public-detail-dialog {
        max-height: 90vh;
        overflow: auto;
    }
    .public-detail-layout {
        grid-template-columns: 1fr;
    }
    .public-detail-cover {
        width: min(260px, 74vw);
        max-width: min(260px, 74vw);
        min-height: 0;
        justify-self: center;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.10);
        margin-top: 18px;
    }
    .public-detail-copy {
        max-height: none;
        align-content: start;
    }
}

.shelf-load-sentinel {
    display: none !important;
}
.shelf3d-toolbar-bottom {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr) !important;
    align-items: stretch !important;
}
.shelf3d-toolbar-bottom .shelf3d-status {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center !important;
    gap: 12px;
    min-height: 58px;
}
.shelf-status-window {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.26);
    color: #fff;
    font-weight: 1000;
    white-space: nowrap;
}
.shelf-status-message {
    min-width: 0;
    color: rgba(255,255,255,.72);
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 980px) {
    .shelf3d-toolbar-bottom {
        grid-template-columns: 1fr !important;
    }
    .shelf3d-toolbar-bottom .shelf3d-status {
        grid-template-columns: 1fr;
    }
    .shelf-status-message {
        white-space: normal;
    }
}

/* v169: collapsed trailerdeck label orientation + two-line shelf face buttons */
body.player-collapsed .player-collapsed-label{
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    transform: none !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-face-button{
    white-space: normal !important;
    line-height: 1.08 !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-face-button span{
    display: inline-block !important;
    text-align: center !important;
    line-height: 1.08 !important;
}

/* v170: right-aligned header menu + compact bilingual hero headline */
.topbar,
body:not(.player-collapsed) .topbar,
body.player-collapsed .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 18px !important;
}
.brand-block,
body:not(.player-collapsed) .brand-block,
body.player-collapsed .brand-block {
    justify-self: start !important;
    min-width: 0 !important;
}
.main-nav,
body:not(.player-collapsed) .main-nav,
body.player-collapsed .main-nav {
    justify-self: end !important;
    margin-left: auto !important;
    width: auto !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(46px, 58px)) !important;
}
.brand-block .eyebrow {
    letter-spacing: .18em !important;
}
.discover-hero-copy h2 span[lang="en"] {
    display: inline-block;
    margin-top: .22em;
    color: rgba(255,255,255,.68);
    font-size: .54em;
    letter-spacing: .02em;
}
.discover-hero-copy p strong {
    color: var(--red-2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .12em;
    margin-right: .35rem;
}
.discover-hero-copy p span[lang="en"] {
    display: inline-block;
    margin-top: .55rem;
    color: #bfc0c4;
}
@media (max-width: 900px) {
    .topbar,
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
    .main-nav,
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav {
        justify-self: stretch !important;
        width: 100% !important;
        margin-left: 0 !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

/* v172 case face closure */
.shelf3d-face.front,.shelf3d-face.back{background:#000 !important}

/* v173 solid case occluder */
.case-occluder{position:absolute;inset:0;background:#000;border-radius:4px;z-index:0;pointer-events:none}
.case-shell,.spine-shell,.edge-fill,.case-insert,.spine-fill{background-color:#000}
.case-shell,.case-insert,.case-gloss{z-index:1}
.case-insert,.case-gloss{z-index:2}
.case-insert.front-insert .case-brand,.case-insert.back-insert .case-back-overlay,.case-cover-art,.case-fsk,.case-owner-badge{z-index:3}

/* v174 DVD/VHS solid edge art */
.case-edge-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:cover;filter:saturate(.92) contrast(1.02)}
.case-edge-art-top,.case-edge-art-bottom{transform:translate(-50%,-50%) rotate(90deg)}
.edge-fill.vhs,.edge-fill.dvd{background-color:#000 !important}
.shelf3d-face.front,.shelf3d-face.back{background:#000 !important}


/* v175 Blu-ray edge art + blue inner shell */
.edge-fill.bluray{background-color:#0a4fc2 !important}
.shelf3d-face.front.bluray,.shelf3d-face.back.bluray{background:#0a4fc2 !important}
.case-occluder.bluray{background:#0a4fc2 !important}
.case-insert.front-insert.bluray,.case-insert.back-insert.bluray{background-color:#0a4fc2 !important}
.case-shell.bluray{background-color:#0a4fc2 !important}


/* v178 edge fitting + avatar centering */
.case-edge-art{
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.case-edge-art-right{
    transform: translate(-50%, -50%) rotate(0deg) !important;
}
.case-edge-art-top{
    transform: translate(-50%, -50%) rotate(270deg) !important;
}
.case-edge-art-bottom{
    transform: translate(-50%, -50%) rotate(90deg) !important;
}
.user-avatar{
    position: relative;
    line-height: 1;
}
.user-avatar b{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    letter-spacing: .02em;
    padding-left: .04em;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
}
.nav-button.has-avatar-nav .user-avatar.nav-account-avatar{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.nav-button.has-avatar-nav .user-avatar.nav-account-avatar b{
    font-size: .9rem !important;
}

/* v179: harte, eckige 3D-Hüllen für VHS/DVD/Blu-ray
   Nur das CSS3D-Regal: keine Rundungen, keine abgerundete Clip-Maske,
   Front-/Back-Texturen liegen bündig auf der Hüllenfläche. */
.shelf3d-face.vhs,
.shelf3d-face.dvd,
.shelf3d-face.bluray,
.shelf3d-face.front.vhs,
.shelf3d-face.front.dvd,
.shelf3d-face.front.bluray,
.shelf3d-face.back.vhs,
.shelf3d-face.back.dvd,
.shelf3d-face.back.bluray,
.case-occluder.vhs,
.case-occluder.dvd,
.case-occluder.bluray,
.case-shell.vhs,
.case-shell.dvd,
.case-shell.bluray,
.spine-shell.vhs,
.spine-shell.dvd,
.spine-shell.bluray,
.edge-fill.vhs,
.edge-fill.dvd,
.edge-fill.bluray,
.case-insert.vhs,
.case-insert.dvd,
.case-insert.bluray,
.spine-fill.vhs,
.spine-fill.dvd,
.spine-fill.bluray,
.case-gloss {
    border-radius: 0 !important;
}

.case-insert.front-insert.vhs,
.case-insert.front-insert.dvd,
.case-insert.front-insert.bluray,
.case-insert.back-insert.vhs,
.case-insert.back-insert.dvd,
.case-insert.back-insert.bluray {
    inset: 0 !important;
}

.case-cover-art,
.case-insert.front-insert:before,
.case-insert.back-insert,
.case-edge-art,
.case-edge-art-vhs,
.case-edge-art-dvd,
.case-edge-art-bluray {
    border-radius: 0 !important;
}

.case-edge-art {
    background-size: 100% 100% !important;
    background-position: center center !important;
}

/* v179: Playlist subscriber avatars + scrollable subscriber popup */
.playlist-subscriber-preview{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:38px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(0,0,0,.22);
}
.playlist-subscriber-label{
    color:rgba(255,255,255,.72);
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
}
.playlist-subscriber-stack{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
}
.playlist-subscriber-avatar-link{
    width:34px;
    height:34px;
    margin-left:-8px;
    padding:0;
    border:2px solid rgba(18,18,20,.95);
    border-radius:999px;
    background:transparent;
    cursor:pointer;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.playlist-subscriber-avatar-link:first-child{margin-left:0;}
.playlist-subscriber-avatar-link:hover,
.playlist-subscriber-avatar-link:focus-visible{
    z-index:2;
    transform:translateY(-2px) scale(1.05);
    border-color:rgba(255,77,0,.78);
    box-shadow:0 0 0 2px rgba(255,77,0,.18),0 10px 22px rgba(0,0,0,.32);
    outline:none;
}
.user-avatar.playlist-subscriber-avatar{
    width:30px;
    height:30px;
    font-size:.72rem;
    box-shadow:none;
    border:1px solid rgba(255,255,255,.18);
}
.playlist-subscriber-more{
    min-height:30px;
    margin-left:8px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:.78rem;
    font-weight:900;
    cursor:pointer;
}
.playlist-subscriber-more:hover,
.playlist-subscriber-more:focus-visible{
    border-color:rgba(255,77,0,.55);
    background:rgba(255,77,0,.18);
    outline:none;
}
.playlist-subscribers-backdrop{
    position:fixed;
    inset:0;
    z-index:1200;
    display:grid;
    place-items:center;
    padding:20px;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(10px);
}
.playlist-subscribers-dialog{
    width:min(480px,100%);
    max-height:min(680px,calc(100vh - 40px));
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:14px;
    position:relative;
    padding:18px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(28,28,32,.98),rgba(14,14,18,.98));
    box-shadow:0 24px 80px rgba(0,0,0,.55);
}
.playlist-subscribers-close{
    position:absolute;
    top:10px;
    right:10px;
    width:38px;
    height:38px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.38);
    color:#fff;
    font-size:1.45rem;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}
.playlist-subscribers-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:4px 12px;
    padding-right:42px;
}
.playlist-subscribers-head .eyebrow,
.playlist-subscribers-head h3{grid-column:1/2;margin:0;}
.playlist-subscribers-head span{
    grid-column:2/3;
    grid-row:1/3;
    align-self:center;
    min-width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:rgba(255,77,0,.2);
    border:1px solid rgba(255,77,0,.34);
    font-weight:1000;
}
.playlist-subscribers-list{
    min-height:0;
    overflow:auto;
    display:grid;
    gap:8px;
    padding-right:4px;
}
.playlist-subscriber-row{
    width:100%;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.055);
    color:inherit;
    text-align:left;
    cursor:pointer;
}
.playlist-subscriber-row:hover,
.playlist-subscriber-row:focus-visible{
    border-color:rgba(255,77,0,.48);
    background:rgba(255,77,0,.12);
    outline:none;
}
.user-avatar.playlist-subscriber-avatar.row-avatar{
    width:42px;
    height:42px;
    font-size:.82rem;
}
.playlist-subscriber-row span{
    min-width:0;
    display:grid;
    gap:2px;
}
.playlist-subscriber-row strong,
.playlist-subscriber-row small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.playlist-subscriber-row small,
.playlist-subscriber-row em{
    color:rgba(255,255,255,.62);
    font-size:.78rem;
    font-style:normal;
}
.playlist-subscriber-row em{
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
@media(max-width:560px){
    .playlist-subscriber-preview{align-items:flex-start;flex-direction:column;}
    .playlist-subscriber-stack{justify-content:flex-start;}
    .playlist-subscriber-row{grid-template-columns:42px minmax(0,1fr);}
    .playlist-subscriber-row em{grid-column:2/3;}
}

/* === VIDEOtrack 181: Account-Einladung per Mail/Kopie === */
.account-invite-card {
    gap: 14px;
}
.account-invite-card textarea {
    width: 100%;
    min-height: 190px;
    resize: vertical;
    line-height: 1.45;
}
.account-invite-actions > * {
    min-height: 42px;
    justify-content: center;
    text-align: center;
}
@media (min-width: 921px) {
    .account-invite-card {
        grid-column: 1 / span 1;
    }
}

/* v183: categorized account area + clearer section rhythm */
.account-form-card {
    gap: 22px !important;
}
.account-section {
    display: grid;
    gap: 16px;
    padding: 18px 0 0;
    border-top: 1px solid rgba(255,255,255,.14);
}
.account-profile-head-large + .account-section {
    border-top-color: rgba(255,255,255,.20);
}
.account-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
}
.account-section-heading .eyebrow,
.account-section-heading h4 {
    margin: 0;
}
.account-section-heading h4 {
    color: #fff;
    font-size: clamp(1.02rem, 1.6vw, 1.28rem);
    line-height: 1.1;
    letter-spacing: .01em;
}
.account-section-heading > span {
    color: rgba(255,255,255,.62);
    font-size: .86rem;
    line-height: 1.45;
}
.account-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.account-section-data .account-result:empty {
    display: none;
}
.account-danger-card {
    border-top: 3px solid rgba(218,0,28,.38);
}
.account-login-card,
.account-register-card,
.account-help-teaser,
.account-invite-card,
.account-comment-approval-card,
.account-danger-card {
    position: relative;
    overflow: hidden;
}
.account-login-card::before,
.account-register-card::before,
.account-help-teaser::before,
.account-invite-card::before,
.account-comment-approval-card::before,
.account-danger-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
    pointer-events: none;
}
.account-card-headline > span {
    text-transform: uppercase;
    letter-spacing: .08em;
}
@media (max-width: 980px) {
    .account-options-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 640px) {
    .account-section {
        gap: 13px;
        padding-top: 15px;
    }
    .account-section-heading h4 {
        font-size: 1rem;
    }
}


/* v184: mobiles Trailerdeck – Playlist statt Fokus und horizontales Collapsed-Label */
@media (max-width: 900px) {
    body:not(.player-collapsed) #detachPlayer.is-mobile-playlist-toggle {
        display: grid !important;
        place-items: center !important;
        font-weight: 1000 !important;
        text-transform: uppercase !important;
        letter-spacing: .08em !important;
    }
    body:not(.player-collapsed) #detachPlayer.is-mobile-playlist-toggle[aria-expanded="true"] {
        background: var(--red) !important;
        color: #fff !important;
        border-color: var(--red) !important;
    }
    body.player-playlist-open:not(.player-collapsed) .player-zone {
        overflow: visible !important;
    }
    body.player-playlist-open:not(.player-collapsed) .player-zone .playlist {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(100% + 8px) !important;
        z-index: 30 !important;
        max-height: min(52vh, 380px) !important;
        min-height: 120px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        background: linear-gradient(180deg, rgba(18,18,18,.99), rgba(6,6,6,.99)) !important;
        box-shadow: 0 -18px 44px rgba(0,0,0,.58), 0 0 0 1px rgba(0,0,0,.78) !important;
        padding: 4px 0 !important;
    }
    body.player-playlist-open:not(.player-collapsed) .player-zone .playlist button {
        min-height: 54px !important;
        padding: .82rem .85rem !important;
    }
    body.player-playlist-open:not(.player-collapsed) .player-zone .playlist button.is-active {
        padding-left: 1rem !important;
    }
    body.player-collapsed .player-zone {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;
        overflow: hidden !important;
    }
    body.player-collapsed .player-collapsed-label {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;
        min-height: 0 !important;
        padding: 0 10px !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        transform: none !important;
        rotate: 0deg !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: .12em !important;
        font-size: clamp(.78rem, 3.7vw, 1.05rem) !important;
        line-height: 1 !important;
        text-align: center !important;
    }
}
@media (max-width: 420px) {
    body.player-playlist-open:not(.player-collapsed) .player-zone .playlist {
        max-height: min(50vh, 330px) !important;
    }
    body.player-collapsed .player-collapsed-label {
        height: 42px !important;
        font-size: clamp(.7rem, 3.4vw, .86rem) !important;
        letter-spacing: .08em !important;
        padding: 0 7px !important;
    }
}
@media (max-width: 900px) {
    body.player-collapsed .player-collapsed-label::first-line {
        letter-spacing: .12em !important;
    }
}
@media (max-width: 420px) {
    body.player-collapsed .player-collapsed-label::first-line {
        letter-spacing: .08em !important;
    }
}

/* v185: gerasterter Footer-Linkbereich */
.legal-footer {
    display: block !important;
    padding: 0 calc(var(--player-width) + 34px) 42px 18px !important;
    color: var(--text) !important;
    font-size: 1rem !important;
}

.legal-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.legal-footer-button {
    position: relative;
    display: grid;
    align-content: center;
    min-height: 78px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.14);
    color: var(--text) !important;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .08em;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/44px 44px,
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px) 0 0/44px 44px,
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.34));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.62), 6px 6px 0 rgba(0,0,0,.72);
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.legal-footer-button::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--red), transparent 72%);
    opacity: .55;
    pointer-events: none;
}

.legal-footer-button span {
    display: block;
    color: #fff;
    font-weight: 1000;
    line-height: 1.08;
    text-shadow: 2px 2px 0 #000;
}

.legal-footer-button small {
    display: block;
    margin-top: .35rem;
    color: rgba(255,255,255,.58);
    font-size: .68rem;
    line-height: 1.25;
    letter-spacing: .05em;
    text-transform: none;
}

.legal-footer-button-support {
    border-color: rgba(200,25,46,.34);
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/44px 44px,
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px) 0 0/44px 44px,
        linear-gradient(180deg, rgba(200,25,46,.18), rgba(0,0,0,.42));
}

@media (hover: hover) {
    .legal-footer-button:hover,
    .legal-footer-button:focus-visible {
        transform: translate(-2px, -2px);
        border-color: rgba(255,48,72,.75);
        background:
            linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/44px 44px,
            linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px) 0 0/44px 44px,
            linear-gradient(180deg, rgba(200,25,46,.20), rgba(0,0,0,.46));
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 9px 9px 0 rgba(0,0,0,.82);
        color: #fff !important;
    }

    .legal-footer-button:hover small,
    .legal-footer-button:focus-visible small {
        color: rgba(255,255,255,.84);
    }
}

@media (max-width: 1180px) {
    .legal-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .legal-footer {
        padding: 0 10px 390px !important;
    }

    .legal-footer-grid {
        gap: 8px;
        padding-top: 14px;
    }

    .legal-footer-button {
        min-height: 70px;
        padding: 12px 13px;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.62), 4px 4px 0 rgba(0,0,0,.72);
    }
}

@media (max-width: 480px) {
    .legal-footer-grid {
        grid-template-columns: 1fr;
    }

    .legal-footer-button {
        min-height: 64px;
    }
}

/* v186: red button accents, new logo and PWA install button */
.brand-mark {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}
.brand-mark img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(5px 5px 0 rgba(0,0,0,.82));
}
.brand-home-link:hover .brand-mark img,
.brand-home-link:focus-visible .brand-mark img {
    filter: brightness(1.08) drop-shadow(5px 5px 0 rgba(0,0,0,.82));
}
.public-tag-cloud button.is-active,
.public-shelf-card.is-active,
#ownShelfBtn.is-active,
.archive-mode-switch .ghost-button.is-active {
    border-color: rgba(255,48,72,.74) !important;
    background: linear-gradient(180deg, rgba(200,25,46,.24), rgba(142,0,31,.18)) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(255,48,72,.16), 0 10px 24px rgba(200,25,46,.14) !important;
}
.shelf-account-like,
.comment-like,
.comment-like-static,
.shelf-owner-stats > .like-with-hover > span:not(.like-hover-list) {
    border-color: rgba(255,48,72,.45) !important;
    background: linear-gradient(180deg, rgba(200,25,46,.96), rgba(102,0,17,.94)) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(200,25,46,.16) !important;
}
.shelf-account-like.is-liked,
.comment-like.is-liked {
    border-color: rgba(255,48,72,.78) !important;
    background: linear-gradient(180deg, rgba(255,48,72,.98), rgba(142,0,31,.98)) !important;
    color: #fff !important;
}
.like-hover-list,
.shelf-owner-stats > .like-with-hover > .like-hover-list {
    border-color: rgba(255,48,72,.42) !important;
}
.pwa-install-button {
    position: relative;
}
.pwa-install-button.is-ready {
    border-color: rgba(255,48,72,.78) !important;
    background: linear-gradient(180deg, rgba(200,25,46,.26), rgba(0,0,0,.30)) !important;
    box-shadow: 0 0 0 1px rgba(255,48,72,.16), 0 12px 24px rgba(200,25,46,.14) !important;
}
.pwa-install-button.is-installed {
    opacity: .68 !important;
    cursor: default !important;
}
.account-install-card .pwa-install-button {
    width: 100%;
    min-height: 44px;
    justify-content: center;
    text-align: center;
}
.pwa-install-popup p {
    margin: 0;
    color: rgba(255,255,255,.86);
}
@media (max-width: 640px) {
    .brand-mark img {
        filter: drop-shadow(4px 4px 0 rgba(0,0,0,.82));
    }
}


/* v187: page deck controls, icon detail actions, discover mobile stacking */
.section-title-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-left: auto;
}
.discover-title-actions {
    min-width: min(100%, 420px);
}
.page-deck-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 210px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.72);
}
.page-deck-button span[aria-hidden="true"] {
    font-size: 1.1rem;
    line-height: 1;
}
.page-deck-button:disabled,
.page-deck-button.is-disabled {
    opacity: .42;
    cursor: not-allowed;
    box-shadow: none;
}
.detail-icon-button {
    width: 44px;
    min-width: 44px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    padding: 0 !important;
    font-size: 1.08rem;
    font-weight: 1000;
    line-height: 1;
    background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    border-color: rgba(255,255,255,.22) !important;
    color: #fff !important;
    box-shadow: 3px 3px 0 #000;
}
.detail-icon-button span {
    transform: translateX(.5px);
}
.detail-edit-button span {
    transform: translateY(-.5px);
}
#ownShelfBtn.is-active,
.public-tag-cloud button.is-active,
.public-shelf-card.is-active,
.archive-mode-switch .ghost-button.is-active {
    background: linear-gradient(180deg, rgba(255,40,66,.95), rgba(126,0,24,.94)) !important;
    border-color: rgba(255,94,118,.84) !important;
    color: #fff !important;
}
.shelf-account-like,
.comment-like,
.comment-like-static,
.shelf-owner-stats > .like-with-hover > span:not(.like-hover-list) {
    background: linear-gradient(180deg, rgba(232,32,64,.98), rgba(118,0,22,.95)) !important;
    border-color: rgba(255,96,126,.74) !important;
}
@media (max-width: 920px) {
    .section-title-actions {
        width: 100%;
        justify-content: flex-start;
    }
    .discover-title-actions {
        min-width: 0;
    }
}
@media (max-width: 560px) {
    .page-deck-button {
        width: 100%;
        min-width: 0;
    }
}
@media (max-width: 460px) {
    .discover-owner-row {
        grid-template-columns: 1fr;
    }
    .discover-add-button {
        width: 100%;
        min-height: 42px;
    }
    .discover-owner-link {
        min-height: 48px;
    }
}

/* v188: compact trailer deck play buttons + dedupe-safe discover controls */
.page-deck-button {
    min-width: 74px !important;
    width: auto !important;
    min-height: 52px;
    padding: 0 14px !important;
    gap: 6px !important;
    line-height: 1;
}
.page-deck-button span[aria-hidden="true"] {
    font-size: 1.28rem !important;
    line-height: 1;
}
.page-deck-button small {
    display: inline-block;
    font: 900 .72rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .04em;
    opacity: .92;
    transform: translateY(.5px);
}
.page-deck-button:disabled small,
.page-deck-button.is-disabled small {
    opacity: .82;
}
@media (max-width: 560px) {
    .page-deck-button {
        width: auto !important;
        min-width: 72px !important;
        justify-self: start;
    }
}

/* v190: Discover capped to 240 newest unique entries / 40 per user in JS. */

/* v192: account save/logout placement, bug report, maintenance mode, click-only likes, discover popup layering */
.account-profile-head-large {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) minmax(140px, 220px) !important;
    align-items: center !important;
    gap: 16px !important;
}
.account-profile-main {
    min-width: 0;
}
.account-head-logout {
    justify-self: end;
    width: 100%;
    min-height: 44px;
    justify-content: center;
}
.account-save-full {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    text-align: center;
    border-radius: 14px !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.account-save-top {
    margin-top: -4px;
}
.account-save-bottom {
    margin-top: 8px;
}
.account-feedback-card {
    grid-column: 1 / -1;
    gap: 14px;
}
.account-feedback-card input,
.account-feedback-card textarea,
.admin-maintenance-card textarea {
    width: 100%;
}
.account-feedback-card textarea,
.admin-maintenance-card textarea {
    resize: vertical;
    line-height: 1.45;
}
.account-feedback-actions {
    grid-template-columns: 1fr !important;
}
.maintenance-notice-card,
.admin-maintenance-card {
    border-color: rgba(255,181,80,.32) !important;
    background: linear-gradient(135deg, rgba(255,181,80,.10), rgba(255,255,255,.025)) !important;
}
.account-register-card.is-disabled {
    opacity: .72;
}
.account-register-card.is-disabled input,
.account-register-card.is-disabled button {
    cursor: not-allowed;
}
.admin-maintenance-card {
    display: grid;
    gap: 14px;
    margin: 18px 0;
}
.admin-maintenance-card .danger-button {
    width: 100%;
    min-height: 48px;
    justify-content: center;
}
.admin-maintenance-toggle {
    min-height: 72px !important;
}
.like-with-hover .like-hover-list,
.like-with-hover:hover .like-hover-list,
.like-with-hover:focus-within .like-hover-list,
.shelf-comment-meta .like-with-hover:hover .like-hover-list,
.shelf-comment-meta .like-with-hover:focus-within .like-hover-list,
.shelf-owner-stats .like-with-hover:hover .like-hover-list,
.shelf-owner-stats .like-with-hover:focus-within .like-hover-list {
    opacity: 0 !important;
    transform: translateY(6px) !important;
    pointer-events: none !important;
}
.like-with-hover.is-open > .like-hover-list,
.shelf-comment-meta .like-with-hover.is-open > .like-hover-list,
.shelf-owner-stats .like-with-hover.is-open > .like-hover-list {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
.like-count-toggle {
    cursor: pointer !important;
}
.shelf-account-like:not(.is-liked),
.comment-like:not(.is-liked) {
    min-width: 40px;
    justify-content: center;
}
.public-detail-close {
    top: 18px !important;
    right: 18px !important;
    z-index: 12 !important;
}
.public-owner-inline {
    max-width: calc(100% - 76px) !important;
    margin-right: 76px !important;
    overflow: hidden;
}
.public-owner-inline span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.public-playlist-modal {
    z-index: 2600 !important;
    background: rgba(0,0,0,.38) !important;
}
.public-playlist-popover {
    z-index: 2601 !important;
}
@media (max-width: 760px) {
    .account-profile-head-large {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }
    .account-head-logout {
        grid-column: 1 / -1;
        justify-self: stretch;
        max-width: none;
    }
    .public-owner-inline {
        max-width: calc(100% - 58px) !important;
        margin-right: 58px !important;
    }
}

/* v193: Datenschutz-/Cookie-Hinweis und Trailerdeck-YouTube-Host */
.player-youtube-host {
    width: 100%;
    height: 100%;
    min-height: 160px;
    background: #050608;
    border-radius: inherit;
    overflow: hidden;
}
.player-youtube-host iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
.privacy-consent-banner {
    position: fixed;
    left: max(14px, env(safe-area-inset-left));
    right: max(14px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
    z-index: 100000;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    max-width: 980px;
    margin: 0 auto;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(13,15,18,.97), rgba(27,29,35,.96));
    box-shadow: 0 22px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
    color: rgba(255,255,255,.9);
    transform: translateY(18px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease;
}
.privacy-consent-banner.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.privacy-consent-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}
.privacy-consent-copy strong {
    color: #fff;
    font-size: .86rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.privacy-consent-copy p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: .84rem;
    line-height: 1.45;
}
.privacy-consent-copy a {
    width: fit-content;
    color: #ffb45c;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
}
.privacy-consent-copy a:hover,
.privacy-consent-copy a:focus-visible {
    color: #fff;
    text-decoration: underline;
}
.privacy-consent-accept {
    min-width: 150px;
    white-space: nowrap;
}
.privacy-lang-en { display: none; }
.site-lang-en .privacy-lang-de { display: none; }
.site-lang-en .privacy-lang-en { display: inline; }
@media (max-width: 720px) {
    .privacy-consent-banner {
        grid-template-columns: 1fr;
        align-items: stretch;
        padding: 13px;
    }
    .privacy-consent-accept {
        width: 100%;
    }
}
.legal-language-note {
    color: rgba(255,255,255,.66);
    border-left: 2px solid rgba(255,180,92,.45);
    padding-left: 12px;
}


/* v195: cleaner compact registration consent rows */
.account-consent-box {
    display: grid;
    gap: 7px;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(0,0,0,.14);
}
.account-consent-box small {
    color: rgba(255,255,255,.56);
    line-height: 1.28;
    letter-spacing: .01em;
    text-transform: none;
}
.account-consent-box a {
    color: rgba(255,255,255,.82);
    text-decoration: underline;
    text-underline-offset: 3px;
}
label.checkbox-line.account-consent-line {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 30px !important;
    padding: 6px 7px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    color: rgba(255,255,255,.78) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
label.checkbox-line.account-consent-line input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
}
label.checkbox-line.account-consent-line span {
    font-size: .76rem !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
}
.account-consent-note {
    padding: 0 2px;
    font-size: .68rem;
}
.account-consent-links {
    padding: 0 2px;
    font-size: .69rem;
}


/* v193: Einheitliche X-Buttons für Schließen und Löschen */
.vt-close-x,
.vt-delete-x {
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font: 1000 1.22rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.vt-close-x {
    border: 1px solid rgba(255,255,255,.24) !important;
    background: linear-gradient(180deg, rgba(21,21,24,.96), rgba(8,8,10,.96)) !important;
    color: #f4f4f4 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.32) !important;
}
.vt-delete-x {
    border: 1px solid rgba(255,110,110,.46) !important;
    background: linear-gradient(180deg, rgba(116,0,18,.96), rgba(48,0,8,.96)) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 10px 26px rgba(190,0,28,.22) !important;
}
.vt-close-x:hover,
.vt-close-x:focus-visible {
    border-color: rgba(255,255,255,.42) !important;
    background: linear-gradient(180deg, rgba(34,34,38,.98), rgba(12,12,16,.98)) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.vt-delete-x:hover,
.vt-delete-x:focus-visible {
    border-color: rgba(255,170,150,.78) !important;
    background: linear-gradient(180deg, rgba(210,14,42,.98), rgba(112,0,16,.98)) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.vt-close-x:focus-visible,
.vt-delete-x:focus-visible {
    outline: 2px solid rgba(255,255,255,.72) !important;
    outline-offset: 3px;
}
.modal-close.vt-close-x,
.detail-close.vt-close-x,
.public-detail-close.vt-close-x,
.playlist-subscribers-close.vt-close-x {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 20 !important;
    margin: 0 !important;
}
.detail-dialog,
.account-popup,
.playlist-subscribers-dialog,
.confirm-dialog {
    position: relative;
}
.detail-close.vt-close-x {
    position: absolute !important;
}
.detail-hero {
    margin-top: 44px;
}
.confirm-close.vt-close-x {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 4;
}
.confirm-actions .confirm-delete-x.vt-delete-x {
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    min-height: 42px !important;
}
.playlist-mini-toprow .playlist-mini-close.side.vt-close-x {
    align-self: stretch !important;
    width: 42px !important;
    min-width: 42px !important;
    height: auto !important;
    min-height: 42px !important;
    border-radius: 14px !important;
}
.playlist-mini-popover > .playlist-mini-close.vt-close-x:not(.side) {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
}
.editor-suggest-head .editor-suggest-close.vt-close-x {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    font-size: 1rem !important;
}
.editor-preview-delete.vt-delete-x,
.playlist-archive-row-remove.vt-delete-x,
.playlist-movie-chip .playlist-chip-remove.vt-delete-x,
.comment-delete-x.vt-delete-x {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    font-size: 1rem !important;
}
.card-action-delete.vt-delete-x {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 10px !important;
}
.playlist-archive-actions .playlist-delete-x.vt-delete-x,
.playlist-setup-actions .playlist-delete-x.vt-delete-x {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
}
.detail-delete-x.vt-delete-x {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
}
.account-delete-x.vt-delete-x,
.admin-delete-x.vt-delete-x {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 96px;
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    justify-self: start;
}
.shelf-comment-meta .comment-delete-x.vt-delete-x,
.account-pending-comments-list .comment-delete-x.vt-delete-x {
    padding: 0 !important;
    text-decoration: none !important;
}
.public-detail-dialog,
.account-popup,
.playlist-mini-popover,
.playlist-subscribers-dialog,
.confirm-dialog {
    border-radius: 22px;
}
@media (max-width: 760px) {
    .vt-close-x,
    .vt-delete-x {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        font-size: 1.08rem !important;
    }
    .playlist-mini-toprow .playlist-mini-close.side.vt-close-x {
        width: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }
}

/* v199: kompakte Disketten-Speicherbuttons in engen Bereichen */
.save-icon-button {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    line-height: 1;
    letter-spacing: 0 !important;
}
.save-icon-button .save-icon-glyph {
    display: inline-block;
    font-size: 1.15rem;
    line-height: 1;
}
.playlist-archive-actions .save-icon-button,
.playlist-setup-actions .save-icon-button {
    flex: 0 0 48px !important;
}
@media (max-width: 640px) {
    .save-icon-button {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }
    .playlist-archive-actions .save-icon-button,
    .playlist-setup-actions .save-icon-button {
        flex-basis: 44px !important;
    }
}

/* v198: eigener Playlist-Reiter, mobile Breiten-Guards und Playlist-Suche */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.app-shell,
.topbar,
.main-nav,
.content-grid,
.panel,
.filter-rig,
.cards,
.playlist-cards,
.playlist-archive-grid,
.playlist-archive-card,
.playlist-archive-card-head,
.playlist-archive-name-row,
.playlist-setup-card,
.playlist-setup-items,
.playlist-archive-items,
.playlist-add-search,
.playlist-add-results,
.playlist-add-group,
.player-zone,
.playlist,
.shelf-owner-card,
.shelf-owner-playlist-tools,
.shelf-owner-playlist-slot,
.shelf-owner-playlist-select,
.shelf-stage-wrap,
#shelfStage,
#shelfPanel,
#libraryPanel,
#playlistPanel {
    min-width: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
}

body:not(.player-collapsed) .main-nav,
body.player-collapsed .main-nav,
.main-nav {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

.main-nav .nav-button {
    min-width: 0 !important;
    width: 100%;
    padding-inline: clamp(6px, 1.1vw, 14px);
}

.main-nav .nav-button span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playlist-panel .section-title-row {
    grid-column: 1 / -1;
}

.playlist-cards {
    grid-template-columns: 1fr !important;
}

.playlist-archive-grid {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)) !important;
}

.playlist-archive-create,
.playlist-archive-card {
    width: 100%;
    overflow: hidden;
}

.playlist-archive-name-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.playlist-archive-name-row input {
    min-width: 0;
}

.playlist-archive-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
}

.playlist-public-switch,
.playlist-public-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.78);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.playlist-public-switch input,
.playlist-public-toggle input {
    width: 16px;
    height: 16px;
    accent-color: var(--accent, #b71224);
}

.playlist-add-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 16px;
    background: rgba(0,0,0,.18);
}

.playlist-add-search input {
    width: 100%;
    min-width: 0;
}

.playlist-add-results {
    grid-column: 1 / -1;
    display: grid;
    gap: 10px;
    min-width: 0;
}

.playlist-add-group {
    display: grid;
    gap: 7px;
}

.playlist-add-group > span {
    color: rgba(255,255,255,.52);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.playlist-add-result {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 13px;
    background: rgba(255,255,255,.045);
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.playlist-add-result:hover,
.playlist-add-result:focus-visible {
    border-color: rgba(183,18,36,.7);
    background: rgba(183,18,36,.16);
}

.playlist-add-result strong,
.playlist-add-result small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playlist-add-result small {
    color: rgba(255,255,255,.56);
    font-size: .78rem;
}

.playlist-add-result b {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(183,18,36,.22);
    color: #fff;
}

.playlist-like-button,
.playlist-like-count {
    white-space: nowrap;
}

.playlist-archive-row {
    grid-template-columns: 48px minmax(0, 1fr) auto 34px !important;
    min-width: 0;
}

.playlist-archive-row-title,
.playlist-archive-row-title strong,
.playlist-archive-row-title small {
    min-width: 0;
}

@media (max-width: 900px) {
    .main-nav,
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .player-zone {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin-inline: auto;
    }
    body.player-playlist-open:not(.player-collapsed) .player-zone,
    body.player-collapsed .player-zone {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
    }
}

@media (max-width: 760px) {
    .content-grid,
    .cards,
    .playlist-cards,
    .playlist-archive-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }
    .section-title-row,
    .archive-toolbar,
    .playlist-archive-card-head {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }
    .archive-toolbar,
    .section-title-row {
        flex-wrap: wrap;
    }
    .playlist-archive-actions {
        justify-content: stretch;
    }
    .playlist-archive-actions > * {
        flex: 1 1 42px;
    }
    .playlist-public-toggle,
    .playlist-public-switch {
        width: 100%;
        justify-content: center;
    }
    .playlist-add-search {
        grid-template-columns: minmax(0, 1fr);
    }
    .playlist-add-search .playlist-run-tmdb {
        width: 100%;
    }
    .playlist-archive-row {
        grid-template-columns: 42px minmax(0, 1fr) 34px !important;
    }
    .playlist-archive-row-year {
        display: none !important;
    }
    .shelf-owner-card,
    .shelf-owner-playlist-tools,
    .shelf-owner-playlist-slot {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }
    .shelf-owner-playlist-select {
        width: 100%;
    }
    .playlist {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .main-nav,
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .playlist-add-result {
        grid-template-columns: 38px minmax(0, 1fr) 28px;
    }
}

/* v200: Playlist-Aufräumung, Archiv-Play-All und klare X-Logik */
.archive-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
#archiveDeckBtn {
    flex: 0 0 auto;
}
.playlist-archive-card {
    padding: 18px !important;
    border-radius: 20px !important;
}
.playlist-archive-card-head {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100%;
}
.playlist-archive-name-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
}
.playlist-archive-toggle {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 13px !important;
}
.playlist-archive-name-row input {
    height: 48px !important;
    min-height: 48px !important;
    min-width: 0 !important;
}
.playlist-archive-actions,
.playlist-setup-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.playlist-archive-actions > *,
.playlist-setup-actions > * {
    flex: 0 0 auto !important;
}
.playlist-archive-actions .playlist-like-button,
.playlist-archive-actions .playlist-like-count,
.playlist-archive-actions .like-with-hover > .like-count-toggle,
.playlist-setup-actions .playlist-like-button,
.playlist-setup-actions .playlist-like-count {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-inline: 14px !important;
}
.playlist-public-toggle,
.playlist-public-switch {
    min-height: 48px !important;
    height: 48px !important;
    white-space: nowrap;
}
.playlist-deck-button {
    min-height: 48px !important;
    height: 48px !important;
    min-width: 76px !important;
    padding-inline: 13px !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,.72) !important;
}
.playlist-deck-button small {
    font-size: .7rem !important;
}
.save-icon-button,
.playlist-archive-actions .save-icon-button,
.playlist-setup-actions .save-icon-button {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 0 0 48px !important;
}
.save-icon-button .save-icon-glyph {
    font-size: 1.2rem !important;
}
.vt-close-x {
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(21,21,24,.96), rgba(8,8,10,.96)) !important;
    border-color: rgba(255,255,255,.24) !important;
    color: #f4f4f4 !important;
}
.vt-delete-x {
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(118,0,22,.95)) !important;
    border-color: rgba(255,96,126,.70) !important;
    color: #fff !important;
}
.editor-preview-delete.vt-delete-x,
.playlist-archive-row-remove.vt-delete-x,
.playlist-movie-chip .playlist-chip-remove.vt-delete-x,
.comment-delete-x.vt-delete-x {
    border-radius: 9px !important;
}
.card-action-delete.vt-delete-x,
.detail-delete-x.vt-delete-x,
.account-delete-x.vt-delete-x,
.admin-delete-x.vt-delete-x,
.playlist-archive-actions .playlist-delete-x.vt-delete-x,
.playlist-setup-actions .playlist-delete-x.vt-delete-x,
.confirm-actions .confirm-delete-x.vt-delete-x {
    border-radius: 12px !important;
}
.playlist-mini-toprow .playlist-mini-close.side.vt-close-x,
.editor-suggest-head .editor-suggest-close.vt-close-x,
.confirm-close.vt-close-x {
    border-radius: 999px !important;
}
@media (max-width: 900px) {
    .playlist-archive-card-head {
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
    }
    .playlist-archive-actions,
    .playlist-setup-actions {
        justify-content: flex-start !important;
    }
}
@media (max-width: 760px) {
    .archive-toolbar {
        justify-content: stretch;
    }
    #archiveDeckBtn,
    .archive-toolbar #newItemBtn {
        flex: 1 1 120px;
    }
    .playlist-archive-card {
        padding: 14px !important;
    }
    .playlist-archive-name-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 9px !important;
    }
    .playlist-archive-toggle,
    .playlist-archive-name-row input,
    .playlist-deck-button,
    .save-icon-button,
    .playlist-archive-actions .playlist-delete-x.vt-delete-x,
    .playlist-setup-actions .playlist-delete-x.vt-delete-x {
        height: 44px !important;
        min-height: 44px !important;
    }
    .playlist-archive-toggle,
    .save-icon-button,
    .playlist-archive-actions .save-icon-button,
    .playlist-setup-actions .save-icon-button,
    .playlist-archive-actions .playlist-delete-x.vt-delete-x,
    .playlist-setup-actions .playlist-delete-x.vt-delete-x {
        width: 44px !important;
        min-width: 44px !important;
        flex-basis: 44px !important;
    }
    .playlist-public-toggle,
    .playlist-public-switch {
        width: auto !important;
        min-height: 44px !important;
        height: 44px !important;
    }
}
.playlist-mini-toprow .playlist-mini-close.side.vt-close-x {
    align-self: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
}


/* v201: mobiler Header – volle Breite für Logo/Titel und alle Menüpunkte in einer Reihe */
@media (max-width: 900px) {
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar,
    .topbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body:not(.player-collapsed) .brand-block,
    body.player-collapsed .brand-block,
    .brand-block {
        display: grid !important;
        grid-template-columns: clamp(78px, 22vw, 108px) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(10px, 3.1vw, 18px) !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: clamp(13px, 3.8vw, 18px) clamp(13px, 4.2vw, 20px) clamp(11px, 3.2vw, 16px) !important;
        border-bottom: 1px solid var(--line) !important;
    }

    body:not(.player-collapsed) .brand-mark,
    body.player-collapsed .brand-mark,
    .brand-mark {
        width: clamp(78px, 22vw, 108px) !important;
        height: clamp(78px, 22vw, 108px) !important;
        justify-self: stretch !important;
        align-self: center !important;
    }

    .brand-block > div {
        min-width: 0 !important;
        width: 100% !important;
    }

    body:not(.player-collapsed) .brand-block .eyebrow,
    body.player-collapsed .brand-block .eyebrow,
    .brand-block .eyebrow {
        margin-bottom: clamp(.22rem, .9vw, .38rem) !important;
        font-size: clamp(.54rem, 2.1vw, .78rem) !important;
        line-height: 1.12 !important;
        letter-spacing: clamp(.10em, .48vw, .17em) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.player-collapsed) .brand-block h1,
    body.player-collapsed .brand-block h1,
    .brand-block h1,
    .brand-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(2.45rem, 11.4vw, 4.35rem) !important;
        line-height: .82 !important;
        letter-spacing: -.078em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav,
    .main-nav {
        display: grid !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
    }

    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button,
    .main-nav .nav-button,
    .nav-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: .52rem .18rem !important;
        font-size: clamp(.49rem, 1.75vw, .66rem) !important;
        line-height: 1 !important;
        letter-spacing: .025em !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        overflow-wrap: normal !important;
    }

    .main-nav .nav-button span {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
    }

    .nav-button.has-avatar-nav {
        min-height: 44px !important;
        padding: .22rem .1rem !important;
    }

    .nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
    }
}

@media (max-width: 480px) {
    body:not(.player-collapsed) .brand-block,
    body.player-collapsed .brand-block,
    .brand-block {
        grid-template-columns: clamp(70px, 23vw, 92px) minmax(0, 1fr) !important;
        gap: clamp(9px, 2.7vw, 13px) !important;
        padding: 13px 11px 10px !important;
    }

    body:not(.player-collapsed) .brand-mark,
    body.player-collapsed .brand-mark,
    .brand-mark {
        width: clamp(70px, 23vw, 92px) !important;
        height: clamp(70px, 23vw, 92px) !important;
    }

    body:not(.player-collapsed) .brand-block .eyebrow,
    body.player-collapsed .brand-block .eyebrow,
    .brand-block .eyebrow {
        font-size: clamp(.45rem, 1.65vw, .56rem) !important;
        letter-spacing: .105em !important;
        line-height: 1.08 !important;
        margin-bottom: .22rem !important;
    }

    body:not(.player-collapsed) .brand-block h1,
    body.player-collapsed .brand-block h1,
    .brand-block h1,
    .brand-title {
        font-size: clamp(2.05rem, 10.4vw, 3.25rem) !important;
        letter-spacing: -.083em !important;
    }

    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav,
    .main-nav {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }

    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button,
    .main-nav .nav-button,
    .nav-button {
        min-height: 40px !important;
        padding: .42rem .06rem !important;
        font-size: clamp(.40rem, 1.72vw, .54rem) !important;
        letter-spacing: .01em !important;
    }

    .nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }
}


/* v202: Desktop-Menü wieder breiter, mobiler VIDEOtrack-Schriftzug größer */
@media (min-width: 901px) {
    body:not(.player-collapsed) .topbar,
    body.player-collapsed .topbar,
    .topbar {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav,
    .main-nav {
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        grid-template-columns: repeat(7, minmax(64px, 78px)) !important;
        justify-self: end !important;
    }

    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button,
    .main-nav .nav-button,
    .nav-button {
        width: 100% !important;
        min-width: 64px !important;
        padding: .6rem .34rem !important;
        font-size: clamp(.68rem, .72vw, .82rem) !important;
        letter-spacing: .075em !important;
    }
}

@media (max-width: 900px) {
    body:not(.player-collapsed) .brand-block h1,
    body.player-collapsed .brand-block h1,
    .brand-block h1,
    .brand-title {
        font-size: clamp(2.8rem, 12.9vw, 4.9rem) !important;
        letter-spacing: -.088em !important;
    }
}

@media (max-width: 480px) {
    body:not(.player-collapsed) .brand-block h1,
    body.player-collapsed .brand-block h1,
    .brand-block h1,
    .brand-title {
        font-size: clamp(2.45rem, 12.7vw, 3.85rem) !important;
        letter-spacing: -.092em !important;
    }
}


/* v203: roter Speicherbutton + bessere Playlist-Listen */
.save-icon-button,
.playlist-archive-actions .save-icon-button,
.playlist-setup-actions .save-icon-button {
    background: linear-gradient(180deg, rgba(224,24,56,.98), rgba(134,0,26,.96)) !important;
    border: 1px solid rgba(255,96,126,.72) !important;
    color: #fff !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,.72), 0 0 18px rgba(204,18,46,.28) !important;
}
.save-icon-button:hover,
.save-icon-button:focus-visible {
    background: linear-gradient(180deg, rgba(244,40,72,.99), rgba(154,0,30,.98)) !important;
    border-color: rgba(255,140,162,.9) !important;
    color: #fff !important;
}
.save-icon-button .save-icon-glyph {
    color: #fff !important;
}
.save-icon-button .save-icon-svg {
    width: 28px;
    height: 28px;
    display: block;
    color: currentColor;
}
@media (max-width: 760px) {
    .save-icon-button .save-icon-svg {
        width: 25px;
        height: 25px;
    }
}
.playlist-add-result {
    grid-template-columns: 58px minmax(0, 1fr) 34px !important;
    gap: 14px !important;
    padding: 10px 12px !important;
    min-height: 82px;
}
.playlist-add-result .playlist-archive-row-image,
.playlist-archive-row .playlist-archive-row-image {
    width: 56px !important;
    min-width: 56px !important;
    aspect-ratio: 2 / 3;
}
.playlist-add-result > span:not(.playlist-archive-row-image) {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.playlist-add-result strong,
.playlist-archive-row-title strong {
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.14;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.playlist-add-result small,
.playlist-archive-row-title small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.playlist-add-result b {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(183,18,36,.95), rgba(108,0,20,.92));
    border: 1px solid rgba(255,96,126,.4);
    box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;
}
.playlist-archive-card .playlist-setup-items {
    max-height: none !important;
    overflow: visible !important;
}
.playlist-archive-items.is-archive-list {
    gap: 10px;
}
.playlist-archive-row {
    grid-template-columns: 58px minmax(0, 1fr) auto 38px !important;
    gap: 14px !important;
    padding: 10px 12px !important;
    min-height: 82px;
    align-items: center;
}
.playlist-archive-row-year {
    min-width: 42px;
    text-align: right;
}
.playlist-archive-row-remove.vt-delete-x,
.playlist-archive-row-add {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
@media (max-width: 760px) {
    .playlist-add-result {
        grid-template-columns: 48px minmax(0, 1fr) 34px !important;
        gap: 10px !important;
        min-height: 72px;
    }
    .playlist-add-result .playlist-archive-row-image,
    .playlist-archive-row .playlist-archive-row-image {
        width: 46px !important;
        min-width: 46px !important;
    }
    .playlist-archive-row {
        grid-template-columns: 48px minmax(0, 1fr) 38px !important;
        gap: 10px !important;
        min-height: 72px;
    }
}


/* v205: angehängtes Disketten-Icon, zufälliger Trailerstart und Playlist-Seite ohne Filter */
.save-icon-button .save-icon-picture {
    width: 38px;
    height: 38px;
    display: block;
    background: center / contain no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAM4klEQVR42u2dW4wkVRnHf191zQIuy24AWUEiEblEEKPGC8iTCrKuQTaQ9fIixMsqF0HRAAbCi/gAGAlm2SUg4t0HiRLhYREDSiImghdEDKgBNxEWVlhg3V0Xprs+H+qrzNnenp2e7urpmpn/P6lUzXT3dM05v/qf8536zimjh9y9ZWadOD4OWAN8ADgeOAzYHzCkhSyP7WVgo5ld6e4Z4GbmdX2JdYFngJlZEeBdAZwNLFd9LHqtN7Mv1A2hdcGHmbm7XwJcAxwYL3fivSbnW5RO2AHycMIL3L0FFHVAaKnzxZfdDKyL19tAK14rYqtTFn+/W6P4rsWuLLZudaLeZ/pMOyDcYGYX1gWhBXyZmXXc/VbgM8BkfJklIGSqw0WpYpQQ5gl8lyTwTfT48keA+4BHgR01OJ8DS4H1sff4vhZwA/C7OO6IgaFUleEpwJfiOIs62AlcFHtLnNDiPVcCb0nAy+P4AnengtDdB4fQ3c3dj3H3Xe7edvfCS7Vj/y93/1h0PuvvYLhvi+8p3H0yjleLm9rLeXWU7WRSx9tm+MwR7v6X5HPedXxTvC+rYohZO2AEHVcBBwTdljjR74GzzOzZADWvse/nEV33OvFl8V3VFScNrqoMl03TBTskhlpSB/RoGZ9x91XAJuCkkTihux/t7jviqijcvRP7ze6+Mt4zUfPVWAU/K9z9xR4OuDZezxeJO2XuntewZT3+dh77tT0c8EV3X5HWSddnW6N2whw4J/pgnXA9j6vhUjN7zt1zM5uUkYwOPjOrLep3d6ttjK6MDVrhhGcA99TthDlwemK9VdDxGHBnXFEKAkYHXzXofyTw7mmGpGajp8zs4RFBuCWa43tqDUyiqe1uAq8fZROoJniP5u10d3/e69O1lbMO2wRPc76H19kcZ5T3dukKBv4mfxqt8wFFwHEDcAjwajjJMJsDl7n7O8JZW3Wdc+qEwBkxHJcGiakT3hTdCpsJwgzYr8fvdwiT0SqapwOB1wc4E0mT1prFlidbdVfj2B6mMtcQbugHwgzd2x27IfaoA5vF1muIqxjhhdMvhOf3A2Gu+h+/Gfb43U7KO1L9fPaguTaRrsBkX9Hx+RGYXBB9QroDEwHYLFUVeBFwJ9MPxKcD+Y/E3ucjhAKwmdpuZi/1Ecy05xq8uiFUhkszlcetz4nYd2/VEMfEuE902D6hAGxoYBIO4Wa215a+3pCIfmAIBaA0VggFoDQuCNebWaEgRBplYLKve8cXuvt2OaA0SgifAT6YOGE1QN6K4y8KQGkumuNVwJ+ZuktTpfwfIAClUUO4JJzwGva+TegCUBq1imrmZS9GBaA0F0447XilAJTGKgEoCUBJAEqSAJQEoCQJQEkASpIAlBa+lI7VTFUp69NNZzR3hwUwpVYANlPtuH013dRMB3D3SQEojUIHxZot/UzLNAEo1V0f6ynXjJmxqaacmD5vm2MBOH71yhRZqiBEmrOAoweEPsvPd382E4DSvm2vjG53AE8DKyiXZ8tqqs9/JDA2umnWOOA4LK+McDMza1M+OuF5YAl7LrU2yAZwrZn9MZb+bfzqtnLA8UHYiaV073X3t1Eu0TtsfTxpZn+olv5VEzxcv2hROGE41dPAz+tq2qdJgTcB2L+KQR98Mg8hLGI95zq6Q0Uv56uWBBaAPQqM3qP9y8Md8rjlJPXZp+/xrJDczNrVYuRdmmTMT0EYN4A7gWeB1yYRmwPr3P1HZrZbTA2ttrvvT/kE1LSMDdgC7Fp0AFbuFlfmg5SLGhZxPh4d8gfc/TvAtmRIQZp9P/pg4NPAO6MMW5S39zLgwQiG8ojIF5UDVkB9G/hcUmDVFfqu2KT6yjt1P4Dbxn1xjw3AZO2Qh919I3A+5WDsBKN7QPai7RsmQc4k5Zjjxij71jjHC8cehESn+VLgTZQrKRVMPdO2JXZqc7+q2V0C/BK4NMq+GPeVMc4hiGq52d3AGmBjnFPO1DNMtA2/pWW6EVgTZe51PVNuvjpgFZCYmf2P8gk7twOfBE4FjqQBC3HPc00C/wZ+C3zfzB6Cep+qOa8BTCEsD+0h4KH4eRm6Xz10Nwf4bwVbNLveBPgaA2DaHFd3BWJYYLv4qakTWD4YsWjaPeLG3YqrHt68WG7FzWG5tpt4XnmDC0wDz4tkfEiSBKAkACVJAEoCUJIEoCQAJUkASgJQkgSgJAAlSQBKC0tzlozQ9cREZbo0U1UCSDFXySD5HEDXAjrxD3VUx/OExL3rbn4BmMy2asfPhwFHU05C308u2Ej3ewX4D+UiR1uTuhvZzLl8BOBlZlbEtMtDgbWxvZ1yHTyp+XrJ3f9EuWDSj83shbRuGwtgdYJh3xcCl1NOLErVQascNFVVs7sCeF9sl7n7dcD6aiGlOiHMa4SvFa73OuB7lHN8CRtPAxBF3vMkEInjI4FvAWe6+7lmtqXOJjmvCb4s4HsjsAk4LsBrMbXeSyd+Vt+v+QCmdVX9fDrwa3f/kJk9WZcT5nXAF/uDgbsDvkmm5vN2EhChXBFrUvXcSE1QrtCf96i7yajbu939VODlOiCswwEt3G8DcMI08D0D3A7cS7mA9i7VdSP1GuDY6D6dBxwRTXEWddoG3gxsMLNPuPvwS6f4npqM/dp4LZ+p3xf7D3d93t29HfvvuvtK1e08a4fdD4u6S+syrePVKQP7+Dt57Nf2YMTzGvjNgKvZc9mvyvmuN7PLkhNxtOJV05VFq7YVOM/dnwMu69EvvNrdNw09ojGoAybud3J8ptN1tWyq3tdj2Vip+Q6YJe61qatuq7o+eSYXnMkBhwGjcruPdIXtGeU6f19OOolyvXmmqLPK3b7C1IN00lbszC4WBrLbQVWdxHuSkyhi/xsze2y+PCxFmhbCTtThX4EHuuo4rftiTgGsHoTi7kuAoxIAqyvm/q7sF2ke9wmjLu+vqj8B8Ch3X5Lc/ZpTBwTYn/KZtd02vFlruywoJ3Rgc4/u1/JgYKiIZ9jP9wpUNNC88PRqj99NDMuQmkhpvO27ikASgJIAlCQBKAlASRKA0qJRYxcpT+6kKIN6yKJkDuf5LggAk6f46D5y/WUqAPspKHefoJyVdVC8JCecvfMBvAzcH89mbhyEedPgi/2hwC+AU8RRLXrQ3c8CXmgahE1zwFZcqZcEfK8qUBpaBfBe4GIzuzoSRNsCcN86nqmEBj0zeHgAJ6NMFYT0qbspl/OQhteS2N8lAGdQNL8Z8APKRNdPRRCiZnhw99sO3GZmP4zs5rYA3DeEVXr319z9eoZMeJTYHU9Hb+TcnCYPRLei4HaLoVrKspFjqk1+XGtHzwyuryybem55wwtO80oWuNS5lwSgJAAlSQBKi0/KB1z4Uj7gIPApH3BkZSoA+yko5QPW4nygfMBZN7vKB6xfygfsU8oHrF/KBxxAygesF0DlA85SygesT8oH7FfKBxyJ+ykfcJYQKh+wXikfcMCIWPmA9Zal8gFn6YTKB6yxLJt6bsoHlMYqde4lASgJQEkSgNLik/IBF76UDzgIfMoHHFmZCsB+Ckr5gLU4HygfcNbNrvIB65fyAfuU8gHrl/IBB5DyAesFUPmAs5TyAeuT8gH7lfIBR+J+ygecJYTKB6xXygccMCJWPmC9Zal8wFk6ofIBayzLpp6b8gGlsUqde0kASgJQkgSgJAAlSQBKiwtADXVI45JnwCs9XjhQZSPVrGU9frc7A7ZWNCYvnKjykmrWCanzxX5rBjwevyiSPuEqd28BhW6HSQO3ryU7RbC0qqvb58DjGfArpuZbZAHiicCayJ5QQqg0qFrB0NnBVJEAaMC9GXAHsLMrIHHgm+6+MnL0JlSW0izdbyLYWQl8o4utDNgB/Cw3s6fc/Q7gXMq5AnmQ+gbgLnc/y8y2hJ1Wbmju7vtwxyzmHuTl26R5rKoOpxuya0VdV0wAdMxs0t0PB+4Mlir3qxi7w8yewt3N3Y9x913u3nb3wku1Y7/Z3T8e7Xgv0rfF+wp3n4zj1aq3Bedoq6NuJxNGtk3z3pa7fzTYSVkq4nhXMGc5kJnZP939CuBGygksE+FulRP+BPiqu98HPBr26cBSpuYckPQlT3P3pfE3NLl8nvfjog5P6apjgCXufl504Yxy+O4k4P3AW+M9VRzh4X4TwOXBXMuqJTAiAfQW4LMBYR5/tEgCFEnqV0VX1FvBd6uZratGWSwJl6sI+GZgXXy4HfRWIHbPKbBp+oG93ivNb2XTmFCHve+mZQl4HaYSn28BPl+xZmZTY3zVeF8si3Ex8HWm7oh0AjZDS2RIM3QXk60ypx3AVWZ2Y8pZd3teQWhmVrj7scAVwDnAcpWrNIC2Az8FrjOzv8eUW0+nWth0UUw1kcXdjwHWAKdRzq5fSTlVUk4odTvfbuA54AnKGxx3mdkT3Uyl+j9ZsLeQg0NXNgAAAABJRU5ErkJggg==");
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}
.save-icon-button .save-icon-svg,
.save-icon-button .save-icon-glyph {
    display: none !important;
}
body[data-active-panel="playlistPanel"] .filter-rig {
    display: none !important;
}
body[data-active-panel="playlistPanel"] .content-grid {
    align-items: start;
}
.playlist .is-active {
    scroll-margin-block: 18px;
}
@media (max-width: 760px) {
    .save-icon-button .save-icon-picture {
        width: 34px;
        height: 34px;
    }
}


/* v206: klares Save-Symbol, Playlist-Likes über Karten, eigene Playlist-Filme anklickbar */
.save-icon-button,
.playlist-archive-actions .save-icon-button,
.playlist-setup-actions .save-icon-button {
    width: 62px !important;
    min-width: 62px !important;
    flex: 0 0 62px !important;
    padding: 0 !important;
}
.save-icon-button .save-icon-picture {
    position: relative;
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    background: transparent !important;
    filter: none !important;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.18);
}
.save-icon-button .save-icon-picture::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 19px;
    height: 9px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 8px 0 0 -4px rgba(0,0,0,.42);
}
.save-icon-button .save-icon-picture::after {
    content: 'SAVE';
    position: absolute;
    left: 50%;
    bottom: 4px;
    transform: translateX(-50%);
    color: #fff;
    font: 1000 7px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .04em;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.playlist-archive-card,
.playlist-archive-grid,
.playlist-cards {
    overflow: visible !important;
}
.playlist-archive-card {
    position: relative;
    z-index: 1;
}
.playlist-archive-card:hover,
.playlist-archive-card:focus-within {
    z-index: 70;
}
.playlist-archive-actions .like-with-hover {
    position: relative;
    z-index: 20;
}
.playlist-archive-actions .like-with-hover.is-open {
    z-index: 5000;
}
.like-with-hover.is-open > .like-hover-list,
.playlist-archive-actions .like-with-hover.is-open > .like-hover-list {
    visibility: visible !important;
}
.playlist-archive-actions .like-hover-list {
    top: calc(100% + 12px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -6px) !important;
    z-index: 10000 !important;
}
.playlist-archive-actions .like-with-hover.is-open > .like-hover-list {
    transform: translate(-50%, 0) !important;
}
.playlist-archive-actions .like-hover-list::after {
    top: -8px !important;
    bottom: auto !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 2px solid rgba(255, 51, 85, .9) !important;
    border-top: 2px solid rgba(255, 51, 85, .9) !important;
}
.playlist-archive-row.is-clickable {
    cursor: pointer;
}
.playlist-archive-row.is-clickable:hover,
.playlist-archive-row.is-clickable:focus-visible {
    border-color: rgba(255,96,126,.5) !important;
    background: linear-gradient(90deg, rgba(183,18,36,.18), rgba(255,255,255,.055)) !important;
    outline: none;
}
@media (max-width: 760px) {
    .save-icon-button,
    .playlist-archive-actions .save-icon-button,
    .playlist-setup-actions .save-icon-button {
        width: 56px !important;
        min-width: 56px !important;
        flex-basis: 56px !important;
    }
    .save-icon-button .save-icon-picture {
        width: 31px !important;
        height: 31px !important;
        border-width: 3px;
    }
    .save-icon-button .save-icon-picture::before {
        left: 4px;
        top: 4px;
        width: 18px;
        height: 8px;
    }
    .save-icon-button .save-icon-picture::after {
        bottom: 4px;
        font-size: 6px;
    }
}


/* v207: Editor bekommt denselben Disketten-Speicherbutton */
#saveItemBtn.editor-save-icon-button {
    width: 102px !important;
    min-width: 102px !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
#saveItemBtn.editor-save-icon-button .save-icon-picture {
    width: 34px !important;
    height: 34px !important;
}
@media (max-width: 900px) {
    #saveItemBtn.editor-save-icon-button {
        width: 86px !important;
        min-width: 86px !important;
        height: 58px !important;
        min-height: 58px !important;
    }
    #saveItemBtn.editor-save-icon-button .save-icon-picture {
        width: 30px !important;
        height: 30px !important;
    }
}


/* v208: Like-User im Popover verlinkt + alle Like-Buttons wie Playlist-Likes */
.shelf-account-like,
.comment-like,
.comment-like-static,
.playlist-like-button,
.playlist-like-count,
.like-count-toggle,
.shelf-owner-stats .like-with-hover > .shelf-account-like,
.shelf-owner-stats .like-with-hover > .comment-like-static,
.shelf-owner-stats .like-with-hover > .comment-like,
.shelf-owner-stats .like-with-hover > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 76px !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,96,126,.72) !important;
    background: linear-gradient(180deg, rgba(224,24,56,.98), rgba(134,0,26,.96)) !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,.72), 0 0 18px rgba(204,18,46,.28) !important;
    color: #fff !important;
    font: 1000 .98rem/1 var(--font, system-ui, sans-serif) !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.shelf-account-like:hover,
.comment-like:hover,
.comment-like-static:hover,
.playlist-like-button:hover,
.playlist-like-count:hover,
.like-count-toggle:hover,
.shelf-account-like:focus-visible,
.comment-like:focus-visible,
.comment-like-static:focus-visible,
.playlist-like-button:focus-visible,
.playlist-like-count:focus-visible,
.like-count-toggle:focus-visible {
    background: linear-gradient(180deg, rgba(244,40,72,.99), rgba(154,0,30,.98)) !important;
    border-color: rgba(255,140,162,.92) !important;
    color: #fff !important;
}
.shelf-account-like.is-liked,
.comment-like.is-liked,
.playlist-like-button.is-liked {
    background: linear-gradient(180deg, rgba(245,32,68,.99), rgba(165,0,34,.98)) !important;
    border-color: rgba(255,160,180,.96) !important;
}
.shelf-account-like span,
.comment-like span,
.comment-like-static span,
.playlist-like-button span,
.playlist-like-count span,
.like-count-toggle span {
    font-variant-numeric: tabular-nums;
    font-weight: 1000 !important;
}
.like-hover-list .like-hover-name,
.like-hover-list .like-hover-row,
.like-hover-list .like-hover-user-link {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.075);
    color: #fff;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.like-hover-list .like-hover-user-link:hover,
.like-hover-list .like-hover-user-link:focus-visible {
    border-color: rgba(255,96,126,.62) !important;
    background: rgba(183,18,36,.22) !important;
    outline: none;
}
.like-hover-list .like-hover-user-link strong::after {
    content: '  ›';
    color: rgba(255,180,190,.9);
}
@media (max-width: 760px) {
    .shelf-account-like,
    .comment-like,
    .comment-like-static,
    .playlist-like-button,
    .playlist-like-count,
    .like-count-toggle,
    .shelf-owner-stats .like-with-hover > .shelf-account-like,
    .shelf-owner-stats .like-with-hover > .comment-like-static,
    .shelf-owner-stats .like-with-hover > .comment-like,
    .shelf-owner-stats .like-with-hover > span {
        min-width: 66px !important;
        min-height: 46px !important;
        height: 46px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        font-size: .9rem !important;
    }
}


/* v210: Kommentar-Bubbles springen direkt zur Freischaltung */
.avatar-bubble[data-pending-comments-jump] {
    cursor: pointer;
    box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 0 18px rgba(210,14,42,.45);
}
.avatar-bubble[data-pending-comments-jump]:hover,
.avatar-bubble[data-pending-comments-jump]:focus-visible {
    transform: translate(20%, -20%) scale(1.08);
    filter: brightness(1.12);
}
.account-page-bubble[data-pending-comments-jump]:hover,
.account-page-bubble[data-pending-comments-jump]:focus-visible,
.owner-bubble[data-pending-comments-jump]:hover,
.owner-bubble[data-pending-comments-jump]:focus-visible {
    transform: scale(1.08);
}
.account-comment-approval-card.is-jump-highlight {
    outline: 2px solid rgba(255, 51, 85, .95);
    box-shadow: 0 0 0 4px rgba(255, 51, 85, .18), 0 22px 60px rgba(0,0,0,.34) !important;
}
#accountPendingComments {
    scroll-margin-top: 22px;
}


/* v211: größeres Menü-Avatar + Bubble direkt am Avatar */
.nav-button.has-avatar-nav {
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
}
.nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
}
.nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.38) !important;
}
.nav-button.has-avatar-nav .user-avatar.nav-account-avatar b {
    font-size: 1rem !important;
}
.nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
    top: -3px !important;
    right: -3px !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 6px !important;
    font-size: .74rem !important;
    z-index: 3;
}
@media (max-width: 900px) {
    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        width: 44px;
        height: 44px;
    }
    .nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
        top: -3px !important;
        right: -4px !important;
        min-width: 22px !important;
        height: 22px !important;
        font-size: .7rem !important;
    }
}
@media (max-width: 640px) {
    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        width: 38px;
        height: 38px;
    }
    .nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
        top: -4px !important;
        right: -5px !important;
        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;
        font-size: .66rem !important;
        border-width: 2px !important;
    }
}


/* v212: Menü-Avatar-Bubble nicht mehr abgeschnitten */
.nav-button.has-avatar-nav {
    padding: .38rem .26rem !important;
    overflow: visible !important;
}
.nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
    width: 50px !important;
    height: 50px !important;
}
.nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
    top: 1px !important;
    right: -1px !important;
}
@media (max-width: 900px) {
    .nav-button.has-avatar-nav {
        padding: .28rem .14rem !important;
    }
    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        width: 42px !important;
        height: 42px !important;
    }
    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
        top: 0 !important;
        right: -2px !important;
    }
}
@media (max-width: 640px) {
    .nav-button.has-avatar-nav {
        padding: .22rem .10rem !important;
    }
    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        width: 36px !important;
        height: 36px !important;
    }
    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
        top: -1px !important;
        right: -3px !important;
    }
}


/* v213: Menü-Bubble Hover dezenter + ohne Abschneiden */
.topbar,
.main-nav,
.nav-button.has-avatar-nav,
.nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
    overflow: visible !important;
}
.nav-button.has-avatar-nav {
    position: relative !important;
    z-index: 2;
}
.nav-button.has-avatar-nav:hover,
.nav-button.has-avatar-nav:focus-within {
    z-index: 12;
}
.avatar-bubble[data-pending-comments-jump]:hover,
.avatar-bubble[data-pending-comments-jump]:focus-visible {
    transform: scale(1.05);
    filter: brightness(1.08);
}
.nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble:hover,
.nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble:focus-visible {
    transform: scale(1.04) !important;
    filter: brightness(1.06) !important;
}


/* v214: Mobile Navigation wieder einheitlich vertikal */
@media (max-width: 900px) {
    body:not(.player-collapsed) .main-nav,
    body.player-collapsed .main-nav,
    .main-nav {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button,
    .main-nav .nav-button,
    .nav-button {
        min-height: 76px !important;
        padding: .48rem .14rem !important;
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        white-space: nowrap !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        letter-spacing: .075em !important;
        font-size: clamp(.58rem, 1.9vw, .74rem) !important;
        line-height: 1 !important;
    }

    .main-nav .nav-button > span,
    .nav-button > span {
        display: inline-block !important;
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        transform: none !important;
    }

    .nav-button.has-avatar-nav {
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        min-height: 76px !important;
    }
}

@media (max-width: 480px) {
    body:not(.player-collapsed) .nav-button,
    body.player-collapsed .nav-button,
    .main-nav .nav-button,
    .nav-button {
        min-height: 72px !important;
        padding: .42rem .08rem !important;
        font-size: clamp(.52rem, 1.85vw, .66rem) !important;
        letter-spacing: .055em !important;
    }

    .nav-button.has-avatar-nav {
        min-height: 72px !important;
    }
}

/* v220: Archiv-Playlistfilter, Gast-Menü und größeres Header-Logo */
.finder-row {
    grid-template-columns: minmax(0, 1fr) minmax(210px, .38fr) auto !important;
}
.archive-playlist-filter-box select {
    min-height: 44px;
    width: 100%;
}
.archive-subscription-source {
    color: rgba(255, 190, 102, .88) !important;
    font-weight: 800;
}
.card.is-subscription-card {
    border-color: rgba(255, 190, 102, .24) !important;
}
.nav-button[hidden] {
    display: none !important;
}
body:not(.is-guest-user) .main-nav,
body:not(.is-guest-user):not(.player-collapsed) .main-nav,
body:not(.is-guest-user).player-collapsed .main-nav {
    grid-template-columns: repeat(7, minmax(46px, 58px)) !important;
}
body.is-guest-user .main-nav,
body.is-guest-user:not(.player-collapsed) .main-nav,
body.is-guest-user.player-collapsed .main-nav {
    grid-template-columns: repeat(3, minmax(48px, 62px)) !important;
}
@media (min-width: 901px) {
    .brand-mark,
    body:not(.player-collapsed) .brand-mark,
    body.player-collapsed .brand-mark {
        width: clamp(88px, 5.8vw, 108px) !important;
        height: clamp(88px, 5.8vw, 108px) !important;
        align-self: center !important;
    }
    .brand-block,
    body:not(.player-collapsed) .brand-block,
    body.player-collapsed .brand-block {
        gap: clamp(18px, 1.8vw, 24px) !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}
@media (max-width: 900px) {
    .finder-row {
        grid-template-columns: 1fr !important;
    }
    body.is-guest-user .main-nav,
    body.is-guest-user:not(.player-collapsed) .main-nav,
    body.is-guest-user.player-collapsed .main-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
body.is-guest-user .nav-button[data-panel="libraryPanel"],
body.is-guest-user .nav-button[data-panel="playlistPanel"],
body.is-guest-user .nav-button[data-panel="importPanel"],
body.is-guest-user .nav-button[data-panel="editorPanel"] {
    display: none !important;
}


/* v221: Editor ohne Mood-Text-Generator, zusätzlicher Speicherbutton unten */
.editor-bottom-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10);}
.editor-bottom-save-button{min-width:190px;}
@media (max-width:720px){.editor-bottom-actions{justify-content:stretch}.editor-bottom-save-button{width:100%;}}

/* v222: Filterblock im Editor ausblenden, im Archiv unverändert lassen */
body[data-active-panel="editorPanel"] .filter-rig {
    display: none !important;
}
body[data-active-panel="editorPanel"] .content-grid {
    align-items: start;
}


/* v223: Editor-Speicherbuttons als große Textbuttons */
#saveItemBtn.editor-save-text-button,
#saveItemBottomBtn.editor-bottom-save-button {
    min-width: 277px !important;
    min-height: 66px !important;
    height: 66px !important;
    padding: 0 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--red) !important;
    border: 1px solid var(--red) !important;
    border-radius: 0 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    font-size: clamp(1.05rem, 1.8vw, 1.38rem) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}
#saveItemBtn.editor-save-text-button:hover,
#saveItemBtn.editor-save-text-button:focus-visible,
#saveItemBottomBtn.editor-bottom-save-button:hover,
#saveItemBottomBtn.editor-bottom-save-button:focus-visible {
    background: var(--red-2) !important;
    border-color: var(--red-2) !important;
    color: #000 !important;
}
#saveItemBtn.editor-save-text-button {
    flex: 0 0 auto !important;
}
@media (max-width: 720px) {
    #saveItemBtn.editor-save-text-button,
    #saveItemBottomBtn.editor-bottom-save-button {
        width: 100% !important;
        min-width: 0 !important;
    }
    #editorPanel .section-title-row {
        align-items: stretch;
    }
    #editorPanel .toolbar {
        width: 100%;
    }
}

/* v229: full-width shelf boards and row-depth fine tuning */
.shelf3d-room{
    padding:14px !important;
    border-color:rgba(255,255,255,.08) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,211,143,.08), transparent 30%),
        linear-gradient(180deg, rgba(20,17,13,.98), rgba(3,3,3,.99)) !important;
    box-shadow:inset 0 0 0 1px #000, 0 30px 52px rgba(0,0,0,.55) !important;
}
.shelf3d-canvas{
    isolation:isolate;
    border:1px solid rgba(180,132,72,.18) !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.14)),
        url('../img/ui/shelf-cabinet-frame.png') center center / 100% 100% no-repeat,
        #050403 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,218,162,.07),
        inset 0 0 48px rgba(0,0,0,.72),
        0 22px 34px rgba(0,0,0,.48) !important;
}
.shelf3d-canvas::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    opacity:.82 !important;
    background:
        radial-gradient(ellipse at 18% 7%, rgba(255,214,146,.22), rgba(255,185,90,.06) 8%, transparent 17%),
        radial-gradient(ellipse at 38% 7%, rgba(255,214,146,.18), rgba(255,185,90,.05) 8%, transparent 17%),
        radial-gradient(ellipse at 58% 7%, rgba(255,214,146,.18), rgba(255,185,90,.05) 8%, transparent 17%),
        radial-gradient(ellipse at 78% 7%, rgba(255,214,146,.20), rgba(255,185,90,.06) 8%, transparent 17%),
        linear-gradient(90deg, rgba(0,0,0,.55), transparent 13%, transparent 87%, rgba(0,0,0,.55)),
        linear-gradient(180deg, rgba(0,0,0,.25), transparent 18%, transparent 82%, rgba(0,0,0,.34));
    mix-blend-mode:screen;
}
.shelf3d-canvas::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:
        radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.28) 78%, rgba(0,0,0,.56) 100%),
        linear-gradient(180deg, transparent 0%, rgba(0,0,0,.12) 100%) !important;
}
.shelf3d-renderer{
    z-index:3 !important;
}
.shelf3d-board{
    width:var(--shelf-board-width,100%) !important;
    max-width:none !important;
    height:var(--shelf-board-height,42px) !important;
    background:transparent url('../img/ui/shelf-board.png') center center / 100% 100% no-repeat !important;
    border:0 !important;
    box-shadow:
        0 10px 14px rgba(0,0,0,.42),
        0 1px 0 rgba(255,213,150,.08) inset !important;
    overflow:visible !important;
    filter:saturate(1.03) contrast(1.03) brightness(.92);
}
.shelf3d-board::before{
    content:"";
    position:absolute;
    left:3.2%;
    right:3.2%;
    top:-6px;
    height:10px;
    background:linear-gradient(180deg, rgba(0,0,0,.32), transparent);
    pointer-events:none;
}
.shelf3d-title-plate{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:0 13px;
    background:transparent url('../img/ui/shelf-title-plaque.png') center center / 100% 100% no-repeat;
    color:#f4d79a;
    text-shadow:0 1px 0 #000, 0 0 6px rgba(255,185,90,.12);
    font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.045em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    filter:drop-shadow(0 5px 5px rgba(0,0,0,.48));
    pointer-events:none;
}
.shelf3d-title-plate span{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    transform:translateY(-.5px) scaleX(.94);
    transform-origin:center;
}
.shelf3d-face.front,
.shelf3d-face.back{
    box-shadow:0 22px 34px rgba(0,0,0,.62), 0 0 0 1px rgba(255,220,160,.05) !important;
}
.shelf3d-face.front::after{
    content:"";
    position:absolute;
    inset:-10px;
    pointer-events:none;
    background:radial-gradient(ellipse at 50% 0%, rgba(255,213,137,.10), transparent 42%);
    opacity:.75;
    z-index:6;
}
@media(max-width:900px){
    .shelf3d-room{padding:10px !important;}
    .shelf3d-canvas{background-size:112% 100%, 112% 100%, auto !important;background-position:center center !important;}
    .shelf3d-title-plate{font-size:7px;padding:0 10px;letter-spacing:.035em;}
    .shelf3d-board{filter:saturate(1.02) contrast(1.02) brightness(.88);}
}

/* v231: shelf boards exact canvas width, boards moved to front plane, lower row lifted */

/* v232: Admin-Schalter für Regalreihen + großes Regal-Schild */
.admin-radio-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:8px 0 2px;
}
.radio-card{
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-areas:"radio title" "radio copy";
    align-items:center;
    gap:3px 10px;
    min-height:74px;
    padding:14px 15px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.radio-card:hover{
    border-color:rgba(255,185,90,.32);
    background:linear-gradient(180deg,rgba(255,185,90,.08),rgba(255,255,255,.025));
    transform:translateY(-1px);
}
.radio-card input{
    grid-area:radio;
    inline-size:18px;
    block-size:18px;
    accent-color:var(--red-2,#d71920);
}
.radio-card span{
    grid-area:title;
    color:var(--white,#fff);
    font:900 .92rem/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.radio-card small{
    grid-area:copy;
    color:var(--muted,#aaa);
    font-size:.82rem;
    line-height:1.25;
}
.radio-card:has(input:checked){
    border-color:rgba(215,25,32,.70);
    box-shadow:0 0 0 1px rgba(215,25,32,.34),0 14px 28px rgba(0,0,0,.24);
    background:linear-gradient(180deg,rgba(215,25,32,.18),rgba(255,185,90,.045));
}
.shelf3d-main-plaque{
    position:absolute;
    z-index:8;
    top:14px;
    left:50%;
    transform:translateX(-50%);
    min-width:min(560px,calc(100% - 56px));
    max-width:calc(100% - 56px);
    padding:.72rem 1.45rem .66rem;
    box-sizing:border-box;
    border:1px solid rgba(255,213,150,.22);
    border-radius:0 0 18px 18px;
    background:
        linear-gradient(180deg,rgba(255,213,150,.12),transparent 36%),
        linear-gradient(180deg,#361216 0%,#170609 58%,#070304 100%);
    color:#ffe4ad;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.09em;
    font:1000 clamp(1rem,2.05vw,1.62rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-shadow:0 2px 0 #000,0 0 12px rgba(255,185,90,.18);
    box-shadow:0 14px 26px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08);
    pointer-events:none;
}
.shelf3d-main-plaque::before,
.shelf3d-main-plaque::after{
    content:"";
    position:absolute;
    top:50%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#19080a;
    border:1px solid rgba(255,213,150,.20);
    box-shadow:0 0 0 2px rgba(0,0,0,.25) inset;
    transform:translateY(-50%);
}
.shelf3d-main-plaque::before{left:14px;}
.shelf3d-main-plaque::after{right:14px;}
.shelf3d-main-plaque[hidden]{display:none!important;}
@media(max-width:840px){
    .admin-radio-row{grid-template-columns:1fr;}
    .shelf3d-main-plaque{
        top:9px;
        min-width:min(360px,calc(100% - 28px));
        max-width:calc(100% - 28px);
        padding:.52rem 1rem .48rem;
        border-radius:0 0 14px 14px;
        font-size:.86rem;
        letter-spacing:.065em;
    }
}

/* --- v234: 3-row shelf fine-tune + playlist-like on shelf plaque --- */
.shelf3d-main-plaque{
    top:10px !important;
    min-width:min(460px,calc(100% - 120px)) !important;
    max-width:calc(100% - 120px) !important;
    padding:.5rem .95rem .48rem !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    font:1000 clamp(.92rem,1.45vw,1.28rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.075em !important;
    pointer-events:none !important;
}
.shelf3d-main-plaque::before,
.shelf3d-main-plaque::after{
    width:6px !important;
    height:6px !important;
}
.shelf3d-main-plaque-label{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.shelf3d-main-plaque-extra,
.shelf3d-main-plaque .shelf-plaque-like-slot,
.shelf3d-main-plaque .like-with-hover,
.shelf3d-main-plaque .playlist-like-button,
.shelf3d-main-plaque .comment-like-static,
.shelf3d-main-plaque .playlist-like-count{
    pointer-events:auto !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
}
.shelf3d-main-plaque .playlist-like-button,
.shelf3d-main-plaque .comment-like-static,
.shelf3d-main-plaque .playlist-like-count,
.shelf3d-main-plaque .like-with-hover > span:not(.like-hover-list){
    min-height:30px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:.78rem !important;
    letter-spacing:.04em !important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)) !important;
    border:1px solid rgba(255,213,150,.20) !important;
    color:#ffe1d5 !important;
    box-shadow:0 6px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.shelf3d-main-plaque .playlist-like-button.is-liked{
    background:linear-gradient(180deg,rgba(208,28,45,.92),rgba(127,10,21,.92)) !important;
    color:#fff3ee !important;
}
.shelf3d-main-plaque .like-hover-list{
    top:calc(100% + 8px) !important;
    left:auto !important;
    right:0 !important;
}
@media(max-width:840px){
    .shelf3d-main-plaque{
        top:8px !important;
        min-width:min(320px,calc(100% - 36px)) !important;
        max-width:calc(100% - 36px) !important;
        padding:.42rem .75rem !important;
        gap:8px !important;
        font-size:.82rem !important;
    }
}


/* --- v235: plaque behind selected case, smaller plaque + tighter playlist-like --- */
.shelf3d-renderer{
    z-index:2 !important;
}
.shelf3d-main-plaque{
    z-index:1 !important;
    top:8px !important;
    min-width:min(400px,calc(100% - 180px)) !important;
    max-width:calc(100% - 180px) !important;
    padding:.38rem .8rem .36rem !important;
    gap:8px !important;
    border-radius:0 0 12px 12px !important;
    font:1000 clamp(.82rem,1.18vw,1.08rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.058em !important;
    box-shadow:0 10px 18px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.shelf3d-main-plaque::before,
.shelf3d-main-plaque::after{
    width:5px !important;
    height:5px !important;
}
.shelf3d-main-plaque-label{
    letter-spacing:.058em !important;
}
.shelf3d-main-plaque .playlist-like-button,
.shelf3d-main-plaque .comment-like-static,
.shelf3d-main-plaque .playlist-like-count,
.shelf3d-main-plaque .like-with-hover > span:not(.like-hover-list){
    min-height:24px !important;
    padding:0 8px !important;
    font-size:.68rem !important;
    letter-spacing:.02em !important;
    gap:4px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.shelf3d-main-plaque .playlist-like-button span,
.shelf3d-main-plaque .comment-like-static span,
.shelf3d-main-plaque .playlist-like-count span{
    font-size:.68rem !important;
}
@media(max-width:840px){
    .shelf3d-main-plaque{
        top:8px !important;
        min-width:min(300px,calc(100% - 42px)) !important;
        max-width:calc(100% - 42px) !important;
        padding:.36rem .64rem !important;
        gap:6px !important;
        font-size:.78rem !important;
    }
    .shelf3d-main-plaque .playlist-like-button,
    .shelf3d-main-plaque .comment-like-static,
    .shelf3d-main-plaque .playlist-like-count,
    .shelf3d-main-plaque .like-with-hover > span:not(.like-hover-list){
        min-height:22px !important;
        padding:0 7px !important;
        font-size:.64rem !important;
    }
}

/* --- v236: fixed-height plaque + frameless inline playlist like --- */
.shelf3d-main-plaque{
    top:8px !important;
    min-width:min(360px,calc(100% - 220px)) !important;
    max-width:calc(100% - 220px) !important;
    width:auto !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 12px !important;
    gap:8px !important;
    overflow:visible !important;
    border-radius:0 0 10px 10px !important;
    font:1000 .9rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.05em !important;
}
.shelf3d-main-plaque-label{
    flex:0 1 auto;
    line-height:1 !important;
}
.shelf3d-main-plaque-extra,
.shelf3d-main-plaque .shelf-plaque-like-slot{
    display:inline-flex !important;
    align-items:center !important;
    align-self:center !important;
    height:100% !important;
    flex:0 0 auto !important;
}
.shelf3d-main-plaque .shelf-plaque-like-inline,
.shelf3d-main-plaque .shelf-plaque-like-inline.is-static,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover > .shelf-plaque-like-inline{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffd7ce !important;
    font:900 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
}
.shelf3d-main-plaque .shelf-plaque-like-inline.is-liked{
    color:#fff2ef !important;
    text-shadow:0 0 10px rgba(220,35,52,.22) !important;
}
.shelf3d-main-plaque .shelf-plaque-like-inline span{
    font:900 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
}
.shelf3d-main-plaque .shelf-plaque-like-inline:hover,
.shelf3d-main-plaque .shelf-plaque-like-inline:focus-visible{
    color:#fff2ef !important;
    outline:none !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list{
    top:calc(100% + 6px) !important;
    right:-4px !important;
}
@media(max-width:840px){
    .shelf3d-main-plaque{
        min-width:min(280px,calc(100% - 44px)) !important;
        max-width:calc(100% - 44px) !important;
        height:26px !important;
        min-height:26px !important;
        max-height:26px !important;
        padding:0 10px !important;
        font-size:.78rem !important;
    }
    .shelf3d-main-plaque .shelf-plaque-like-inline,
    .shelf3d-main-plaque .shelf-plaque-like-inline.is-static,
    .shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover > .shelf-plaque-like-inline,
    .shelf3d-main-plaque .shelf-plaque-like-inline span{
        font-size:.66rem !important;
    }
}

/* --- v237: renderer passthrough above plaque + row-3 visibility fix --- */
.shelf3d-renderer{
    pointer-events:none !important;
}
.shelf3d-face,
.shelf3d-title-plate{
    pointer-events:auto !important;
}
.shelf3d-main-plaque{
    min-width:min(340px,calc(100% - 240px)) !important;
    max-width:calc(100% - 240px) !important;
}
.shelf3d-main-plaque .shelf-plaque-like-inline,
.shelf3d-main-plaque .shelf-plaque-like-inline.is-static,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover > .shelf-plaque-like-inline{
    pointer-events:auto !important;
    cursor:pointer !important;
}
.shelf3d-main-plaque .shelf-plaque-like-inline.is-static{
    cursor:default !important;
}
@media(max-width:840px){
    .shelf3d-main-plaque{
        min-width:min(270px,calc(100% - 54px)) !important;
        max-width:calc(100% - 54px) !important;
    }
}

/* --- v238: mobile trailer deck spacing, audio switch, share controls, account shelf rows --- */
.player-audio-button,
.share-link-button,
.discover-share-button,
.shelf-share-button,
.shelf-plaque-share-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.035);
    color:#f8eef0;
    min-width:36px;
    min-height:36px;
    border-radius:12px;
    font:900 .86rem/1 var(--font-head,system-ui,sans-serif);
    letter-spacing:.02em;
    cursor:pointer;
    box-shadow:none;
}
.player-audio-button:hover,
.player-audio-button:focus-visible,
.share-link-button:hover,
.share-link-button:focus-visible,
.discover-share-button:hover,
.discover-share-button:focus-visible,
.shelf-share-button:hover,
.shelf-share-button:focus-visible,
.shelf-plaque-share-button:hover,
.shelf-plaque-share-button:focus-visible{
    border-color:rgba(220,24,48,.7);
    background:rgba(220,24,48,.16);
    color:#fff;
    outline:none;
}
.player-audio-button.is-audio-on{
    color:#fff;
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.08);
}
.player-head-tools{
    display:inline-grid;
    grid-template-columns:auto auto auto;
    align-items:center;
    gap:8px;
}
.card-action-share span,
.playlist-share-button span,
.discover-share-button span,
.shelf-share-button span,
.shelf-plaque-share-button span{
    transform:translateY(-1px);
}
.playlist-share-button{
    min-width:34px;
    min-height:34px;
    padding:0;
    border-radius:11px;
}
.discover-share-button{
    min-width:32px;
    min-height:32px;
    width:32px;
    height:32px;
    border-radius:50%;
    font-size:.78rem;
}
.shelf-share-button{
    min-width:30px;
    min-height:30px;
    width:30px;
    height:30px;
    padding:0;
    border-radius:50%;
    font-size:.74rem;
}
.shelf3d-main-plaque .shelf-plaque-like-slot{
    gap:7px !important;
}
.shelf-plaque-share-button,
.shelf3d-main-plaque .shelf-plaque-share-button{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffd7ce !important;
    font-size:.66rem !important;
    line-height:1 !important;
    pointer-events:auto !important;
}
.shelf-plaque-share-button:hover,
.shelf-plaque-share-button:focus-visible{
    color:#fff !important;
    text-shadow:0 0 8px rgba(220,35,52,.28) !important;
}
.account-shelf-rows-card select{
    margin-top:8px;
}
.discover-card.is-share-target,
.card.is-share-target{
    outline:2px solid rgba(220,24,48,.85);
    outline-offset:4px;
    box-shadow:0 0 0 6px rgba(220,24,48,.16),0 18px 40px rgba(0,0,0,.38);
}
@media(max-width:900px){
    .app-shell{
        padding-bottom:300px !important;
    }
    body.player-collapsed .app-shell{
        padding-bottom:92px !important;
    }
    .legal-footer{
        padding-bottom:300px !important;
    }
    body.player-collapsed .legal-footer{
        padding-bottom:92px !important;
    }
    .player-zone{
        height:268px !important;
        max-height:calc(100svh - 12px) !important;
    }
    body.player-playlist-open:not(.player-collapsed) .player-zone{
        height:min(78svh,520px) !important;
    }
    body.player-collapsed .player-zone{
        height:58px !important;
        min-height:58px !important;
        padding:8px !important;
    }
    body.player-collapsed .player-head{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px !important;
        align-items:center !important;
    }
    body.player-collapsed .player-head-tools{
        grid-template-columns:42px 42px 42px !important;
        gap:6px !important;
    }
    body.player-collapsed .counter,
    body.player-collapsed .player-audio-button,
    body.player-collapsed .player-collapse-button{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        padding:0 !important;
        border-radius:0 !important;
    }
    body:not(.player-collapsed) .player-stage{
        height:142px !important;
        min-height:142px !important;
    }
    body.player-playlist-open:not(.player-collapsed) .player-stage{
        height:160px !important;
    }
    .player-controls{
        gap:6px !important;
    }
    .player-controls button{
        min-height:36px !important;
        padding:0 10px !important;
    }
    .player-audio-button{
        min-width:38px;
        min-height:38px;
        border-radius:12px;
    }
    .discover-share-button,
    .shelf-share-button{
        min-width:34px;
        min-height:34px;
        width:34px;
        height:34px;
    }
}


/* v239: archive pop-up share placement, restore archive cards, safer public close button */
.detail-share-button,
.public-detail-share-button {
    border-color: rgba(220,24,48,.42) !important;
    background: rgba(220,24,48,.08) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.detail-share-button:hover,
.detail-share-button:focus-visible,
.public-detail-share-button:hover,
.public-detail-share-button:focus-visible {
    border-color: rgba(255,110,132,.78) !important;
    background: rgba(220,24,48,.18) !important;
    color: #fff !important;
}
.detail-share-button span,
.public-detail-share-button span {
    transform: translateY(-1px) !important;
}
.public-detail-close.vt-close-x {
    top: 18px !important;
    right: 30px !important;
}
.public-detail-copy {
    padding-right: clamp(30px, 5vw, 72px) !important;
}
@media (max-width: 760px) {
    .public-detail-close.vt-close-x {
        top: 12px !important;
        right: 18px !important;
    }
    .public-detail-copy {
        padding-right: 18px !important;
    }
}


/* v241: square archive delete buttons + owner row for public database archive cards */
.cards .card-action-delete.vt-delete-x {
    border-radius: 0 !important;
}
.archive-owner-row {
    display: block;
    margin-top: 2px;
}
.archive-owner-row.archive-owner-row-static {
    grid-template-columns: 1fr;
    gap: 0;
}
.archive-owner-link.is-static {
    width: 100%;
    min-height: 48px;
    cursor: default;
    pointer-events: none;
}
.archive-owner-link.is-static strong {
    font-size: .84rem;
}
@media (max-width: 460px) {
    .archive-owner-link.is-static {
        min-height: 46px;
    }
}


/* v242: square trailer deck audio button + unified red square share buttons + discover 2-row owner/actions */
.player-audio-button {
    border-radius: 0 !important;
}
.discover-owner-row {
    display: block !important;
    margin-top: auto;
}
.discover-owner-actions {
    display: grid;
    grid-template-columns: 44px 44px;
    gap: 8px;
    align-items: stretch;
    margin-top: 8px;
}
.discover-owner-link {
    min-height: 48px;
}
.discover-add-button,
.discover-share-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #fff !important;
    box-shadow: 3px 3px 0 #000 !important;
}
.share-link-button,
.playlist-share-button,
.discover-share-button,
.shelf-share-button,
.shelf-plaque-share-button,
.detail-share-button,
.public-detail-share-button {
    background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    border-color: rgba(255,255,255,.22) !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 #000 !important;
}
.share-link-button:hover,
.share-link-button:focus-visible,
.playlist-share-button:hover,
.playlist-share-button:focus-visible,
.discover-share-button:hover,
.discover-share-button:focus-visible,
.shelf-share-button:hover,
.shelf-share-button:focus-visible,
.shelf-plaque-share-button:hover,
.shelf-plaque-share-button:focus-visible,
.detail-share-button:hover,
.detail-share-button:focus-visible,
.public-detail-share-button:hover,
.public-detail-share-button:focus-visible {
    filter: brightness(1.1);
    color: #fff !important;
}
.share-link-button span,
.playlist-share-button span,
.discover-share-button span,
.shelf-share-button span,
.shelf-plaque-share-button span,
.detail-share-button span,
.public-detail-share-button span {
    color: #fff !important;
    font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "Apple Symbols", system-ui, sans-serif !important;
    font-variant-emoji: text;
}
.playlist-share-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
}
.shelf-share-button {
    padding: 0 !important;
}
.shelf-plaque-share-button,
.shelf3d-main-plaque .shelf-plaque-share-button {
    border: 1px solid rgba(255,255,255,.18) !important;
    background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0 #000 !important;
}
@media (max-width: 460px) {
    .discover-owner-actions {
        grid-template-columns: 44px 44px;
    }
    .discover-add-button,
    .discover-share-button {
        width: 44px !important;
    }
    .player-audio-button {
        border-radius: 0 !important;
    }
}


/* v243: exact emoji chain links + full-width Discover owner/action fields */
.discover-card-body .discover-owner-row {
    display: block !important;
    width: 100% !important;
    margin-top: auto !important;
}
.discover-card-body .discover-owner-link {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
}
.discover-card-body .discover-owner-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px !important;
}
.discover-card-body .discover-owner-actions .discover-add-button,
.discover-card-body .discover-owner-actions .discover-share-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 0 !important;
}
.share-link-button span,
.playlist-share-button span,
.discover-share-button span,
.shelf-share-button span,
.shelf-plaque-share-button span,
.detail-share-button span,
.public-detail-share-button span {
    color: unset !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", system-ui, sans-serif !important;
    font-variant-emoji: emoji;
}
.share-link-button,
.playlist-share-button,
.discover-share-button,
.shelf-share-button,
.shelf-plaque-share-button,
.detail-share-button,
.public-detail-share-button {
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    border-color: rgba(255,255,255,.22) !important;
}
@media (max-width: 460px) {
    .discover-card-body .discover-owner-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .discover-card-body .discover-owner-actions .discover-add-button,
    .discover-card-body .discover-owner-actions .discover-share-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* v243b: square playlist controls + aligned heights + square archive popup x */
:root {
    --vt-playlist-control-h: 48px;
    --vt-playlist-control-h-mobile: 44px;
    --vt-playlist-square-w: 48px;
    --vt-playlist-square-w-mobile: 44px;
    --vt-detail-action-h: 42px;
}

.playlist-archive-actions,
.playlist-setup-actions {
    align-items: stretch !important;
}

.playlist-archive-actions > *,
.playlist-setup-actions > * {
    align-self: stretch !important;
}

.playlist-archive-toggle,
.playlist-archive-actions .playlist-share-button,
.playlist-setup-actions .playlist-share-button,
.playlist-archive-actions .save-icon-button,
.playlist-setup-actions .save-icon-button,
.playlist-archive-actions .playlist-delete-x.vt-delete-x,
.playlist-setup-actions .playlist-delete-x.vt-delete-x {
    width: var(--vt-playlist-square-w) !important;
    min-width: var(--vt-playlist-square-w) !important;
    max-width: var(--vt-playlist-square-w) !important;
    height: var(--vt-playlist-control-h) !important;
    min-height: var(--vt-playlist-control-h) !important;
    max-height: var(--vt-playlist-control-h) !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--vt-playlist-square-w) !important;
    line-height: 1 !important;
}

.playlist-archive-actions .like-with-hover,
.playlist-setup-actions .like-with-hover {
    display: inline-flex !important;
    align-items: stretch !important;
    min-height: var(--vt-playlist-control-h) !important;
}

.playlist-archive-actions .playlist-like-button,
.playlist-archive-actions .playlist-like-count,
.playlist-archive-actions .like-with-hover > .like-count-toggle,
.playlist-setup-actions .playlist-like-button,
.playlist-setup-actions .playlist-like-count,
.playlist-setup-actions .like-with-hover > .like-count-toggle {
    min-height: var(--vt-playlist-control-h) !important;
    height: var(--vt-playlist-control-h) !important;
    border-radius: 0 !important;
    padding: 0 16px !important;
}

.playlist-public-toggle,
.playlist-public-switch {
    min-height: var(--vt-playlist-control-h) !important;
    height: var(--vt-playlist-control-h) !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.playlist-public-toggle span,
.playlist-public-switch span {
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
}

.playlist-deck-button,
.playlist-archive-actions .playlist-deck-button,
.playlist-setup-actions .playlist-deck-button {
    height: var(--vt-playlist-control-h) !important;
    min-height: var(--vt-playlist-control-h) !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
}

.playlist-deck-button span[aria-hidden="true"] {
    line-height: 1 !important;
}

.save-icon-button,
.playlist-archive-actions .save-icon-button,
.playlist-setup-actions .save-icon-button {
    border-radius: 0 !important;
}

.playlist-archive-actions .save-icon-button .save-icon-picture,
.playlist-setup-actions .save-icon-button .save-icon-picture {
    width: 30px !important;
    height: 30px !important;
}

.playlist-archive-actions .playlist-delete-x.vt-delete-x,
.playlist-setup-actions .playlist-delete-x.vt-delete-x,
.detail-actions .detail-delete-x.vt-delete-x,
.detail-close.vt-close-x,
.public-detail-close.vt-close-x {
    border-radius: 0 !important;
}

.detail-actions .detail-delete-x.vt-delete-x {
    width: var(--vt-detail-action-h) !important;
    min-width: var(--vt-detail-action-h) !important;
    height: var(--vt-detail-action-h) !important;
    min-height: var(--vt-detail-action-h) !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.detail-close.vt-close-x,
.public-detail-close.vt-close-x {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

@media (max-width: 760px) {
    .playlist-archive-toggle,
    .playlist-archive-actions .playlist-share-button,
    .playlist-setup-actions .playlist-share-button,
    .playlist-archive-actions .save-icon-button,
    .playlist-setup-actions .save-icon-button,
    .playlist-archive-actions .playlist-delete-x.vt-delete-x,
    .playlist-setup-actions .playlist-delete-x.vt-delete-x {
        width: var(--vt-playlist-square-w-mobile) !important;
        min-width: var(--vt-playlist-square-w-mobile) !important;
        max-width: var(--vt-playlist-square-w-mobile) !important;
        height: var(--vt-playlist-control-h-mobile) !important;
        min-height: var(--vt-playlist-control-h-mobile) !important;
        max-height: var(--vt-playlist-control-h-mobile) !important;
        flex-basis: var(--vt-playlist-square-w-mobile) !important;
    }

    .playlist-archive-actions .playlist-like-button,
    .playlist-archive-actions .playlist-like-count,
    .playlist-archive-actions .like-with-hover > .like-count-toggle,
    .playlist-setup-actions .playlist-like-button,
    .playlist-setup-actions .playlist-like-count,
    .playlist-setup-actions .like-with-hover > .like-count-toggle,
    .playlist-public-toggle,
    .playlist-public-switch,
    .playlist-deck-button,
    .playlist-archive-actions .playlist-deck-button,
    .playlist-setup-actions .playlist-deck-button {
        height: var(--vt-playlist-control-h-mobile) !important;
        min-height: var(--vt-playlist-control-h-mobile) !important;
        border-radius: 0 !important;
    }

    .playlist-archive-actions .save-icon-button .save-icon-picture,
    .playlist-setup-actions .save-icon-button .save-icon-picture {
        width: 28px !important;
        height: 28px !important;
    }
}


/* v244: cleaner square save icon + mobile trailer frame + remove mobile footer gap */
.save-icon-button .save-icon-picture,
.playlist-archive-actions .save-icon-button .save-icon-picture,
.playlist-setup-actions .save-icon-button .save-icon-picture {
    position: relative !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.20), 0 1px 0 rgba(0,0,0,.35) !important;
    filter: none !important;
}

.save-icon-button .save-icon-picture::before,
.playlist-archive-actions .save-icon-button .save-icon-picture::before,
.playlist-setup-actions .save-icon-button .save-icon-picture::before {
    content: '' !important;
    position: absolute !important;
    left: 5px !important;
    top: 4px !important;
    width: 18px !important;
    height: 8px !important;
    border-radius: 0 !important;
    background: rgba(150,0,24,.96) !important;
    box-shadow: 8px 0 0 -4px #fff !important;
}

.save-icon-button .save-icon-picture::after,
.playlist-archive-actions .save-icon-button .save-icon-picture::after,
.playlist-setup-actions .save-icon-button .save-icon-picture::after {
    content: 'SAVE' !important;
    position: absolute !important;
    left: 5px !important;
    right: 5px !important;
    bottom: 4px !important;
    height: 8px !important;
    transform: none !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 0 !important;
    background: rgba(150,0,24,.96) !important;
    color: #fff !important;
    font: 1000 5.4px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    letter-spacing: .04em !important;
    text-shadow: none !important;
}

@media (max-width: 900px) {
    .app-shell {
        padding-bottom: 18px !important;
    }

    body.player-collapsed .app-shell {
        padding-bottom: 18px !important;
    }

    .legal-footer {
        padding-bottom: 360px !important;
    }

    body.player-collapsed .legal-footer {
        padding-bottom: 82px !important;
    }

    body:not(.player-collapsed) .player-zone {
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100svh - 16px) !important;
        grid-template-rows: auto minmax(0, auto) auto minmax(0, 1fr) !important;
        overflow: hidden !important;
    }

    body:not(.player-collapsed) .player-stage {
        width: 100% !important;
        max-width: 100% !important;
        height: clamp(154px, 42vw, 218px) !important;
        min-height: 0 !important;
        max-height: 218px !important;
        aspect-ratio: auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        align-self: stretch !important;
        justify-self: stretch !important;
    }

    body.player-playlist-open:not(.player-collapsed) .player-zone {
        height: auto !important;
        max-height: min(78svh, 520px) !important;
    }

    body.player-playlist-open:not(.player-collapsed) .player-stage {
        height: clamp(146px, 36vw, 190px) !important;
        max-height: 190px !important;
    }

    .player-stage > *,
    .player-youtube-host,
    .player-youtube-host iframe,
    .player-stage iframe,
    .player-stage video {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;
        box-sizing: border-box !important;
    }

    .player-youtube-host {
        display: block !important;
        border-radius: 0 !important;
    }

    .player-controls {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 420px) {
    .legal-footer {
        padding-bottom: 340px !important;
    }

    body:not(.player-collapsed) .player-stage {
        height: clamp(148px, 46vw, 184px) !important;
        max-height: 184px !important;
    }
}


/* v245: mobile trailer deck header cleanup and single-line title */
@media (max-width: 900px) {
    body:not(.player-collapsed) .player-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        gap: 8px 12px !important;
    }

    body:not(.player-collapsed) .player-head > div:first-child {
        min-width: 0 !important;
    }

    body:not(.player-collapsed) .player-head .eyebrow {
        margin: 0 0 6px 0 !important;
        font-size: .72rem !important;
        line-height: 1.1 !important;
        letter-spacing: .20em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body:not(.player-collapsed) .player-head h2 {
        margin: 0 !important;
        font-size: clamp(1.95rem, 5.9vw, 2.4rem) !important;
        line-height: .88 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body:not(.player-collapsed) .player-head-tools {
        display: grid !important;
        grid-template-columns: 58px 42px 42px !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: end !important;
        align-self: end !important;
        margin: 0 !important;
    }

    body:not(.player-collapsed) #playlistCount,
    body:not(.player-collapsed) .player-audio-button,
    body:not(.player-collapsed) .player-collapse-button {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    body:not(.player-collapsed) #playlistCount {
        width: 58px !important;
        min-width: 58px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body:not(.player-collapsed) .player-audio-button,
    body:not(.player-collapsed) .player-collapse-button {
        width: 42px !important;
        min-width: 42px !important;
    }
}

@media (max-width: 520px) {
    body:not(.player-collapsed) .player-head {
        gap: 6px 10px !important;
    }

    body:not(.player-collapsed) .player-head .eyebrow {
        margin-bottom: 4px !important;
        font-size: .68rem !important;
        letter-spacing: .17em !important;
    }

    body:not(.player-collapsed) .player-head h2 {
        font-size: clamp(1.72rem, 7vw, 2.1rem) !important;
    }

    body:not(.player-collapsed) .player-head-tools {
        grid-template-columns: 54px 40px 40px !important;
        gap: 6px !important;
    }

    body:not(.player-collapsed) #playlistCount {
        width: 54px !important;
        min-width: 54px !important;
    }

    body:not(.player-collapsed) .player-audio-button,
    body:not(.player-collapsed) .player-collapse-button,
    body:not(.player-collapsed) #playlistCount {
        height: 40px !important;
        min-height: 40px !important;
    }

    body:not(.player-collapsed) .player-audio-button,
    body:not(.player-collapsed) .player-collapse-button {
        width: 40px !important;
        min-width: 40px !important;
    }
}


/* v246: desktop trailer deck title in one line, eyebrow may wrap */
@media (min-width: 901px) {
    body:not(.player-collapsed) .player-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 10px 14px !important;
    }

    body:not(.player-collapsed) .player-head > div:first-child {
        min-width: 0 !important;
    }

    body:not(.player-collapsed) .player-head .eyebrow {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        line-height: 1.22 !important;
        margin: 0 0 6px 0 !important;
    }

    body:not(.player-collapsed) .player-head h2 {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        margin: 0 !important;
        font-size: clamp(1.75rem, 2.1vw, 2.5rem) !important;
        line-height: .88 !important;
    }

    body:not(.player-collapsed) .player-head-tools {
        align-self: start !important;
        margin-top: 0 !important;
    }
}


/* v247: Archiv-Karten desktop begrenzen: 4 Spalten mit offenem Trailerdeck, 5 Spalten eingeklappt */
@media (min-width: 901px) {
    body[data-active-panel="libraryPanel"] #cards.cards {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    body[data-active-panel="libraryPanel"].player-collapsed #cards.cards {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

/* v248: Watchlist, lockere Suche und Top-Level-Benachrichtigungen */
.toast{
    z-index:2147483000 !important;
    isolation:isolate;
}

.playlist-archive-card.is-watchlist-card,
.playlist-setup-card.is-watchlist-card{
    border-color:rgba(246,198,91,.48) !important;
    background:linear-gradient(135deg,rgba(246,198,91,.18),rgba(220,35,52,.10) 48%,rgba(255,255,255,.05)) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 0 0 1px rgba(246,198,91,.10) !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-card-head,
.playlist-setup-card.is-watchlist-card .playlist-setup-card-head{
    border-bottom:1px solid rgba(246,198,91,.22);
    padding-bottom:10px;
}
.watchlist-fixed-title{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:180px;
    color:#fff5d2;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.watchlist-fixed-title strong{font:900 1.05rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;}
.watchlist-fixed-title small{color:rgba(255,245,210,.74);font-weight:800;font-size:.68rem;}
.playlist-archive-row.is-watchlist-row,
.detail-playlist-row.is-watchlist-row,
.editor-playlist-row.is-watchlist-row{
    border-color:rgba(246,198,91,.28) !important;
    background:rgba(246,198,91,.07) !important;
}
.watchlist-row-fields{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:220px;
}
.watchlist-row-fields label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    color:#ffe0a3;
    white-space:nowrap;
}
.watchlist-row-fields input[type="date"],
.watchlist-row-fields .watchlist-date-input{
    width:132px;
    min-height:30px;
    padding:4px 6px;
    border-radius:0;
    font:800 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.watchlist-rewatch-line input{accent-color:#f6c65b;}
.watchlist-row-rewatch{
    position:absolute;
    right:3px;
    top:3px;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:999px;
    background:rgba(0,0,0,.78);
    color:#f6c65b;
    font:900 14px/1 system-ui,sans-serif;
    box-shadow:0 3px 10px rgba(0,0,0,.35);
}
.playlist-archive-row-image{position:relative;}
.playlist-movie-chip.is-watchlist-chip{
    border-color:rgba(246,198,91,.34) !important;
    background:rgba(246,198,91,.08) !important;
}
.account-watchlist-date-card select{font-weight:900;}

.case-rewatch-badge{
    position:absolute;
    z-index:8;
    right:9px;
    top:38px;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:2px solid rgba(255,255,255,.78);
    border-radius:999px;
    background:rgba(0,0,0,.72);
    color:#f6c65b;
    text-shadow:0 2px 0 #000;
    font:1000 23px/1 system-ui,sans-serif;
    box-shadow:0 7px 18px rgba(0,0,0,.48);
    pointer-events:none;
}
.shelf3d-title-plate.is-watchlist-date{
    color:#ffe5a8;
    text-shadow:0 1px 0 #000,0 0 8px rgba(246,198,91,.28);
}
.shelf3d-title-plate.is-watchlist-date span{
    letter-spacing:.095em;
    transform:translateY(-.5px) scaleX(.98);
}
.shelf3d-main-plaque .shelf-plaque-subscribe-button,
.shelf3d-main-plaque .shelf-plaque-subscribe-static{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:18px !important;
    min-width:38px !important;
    padding:0 6px !important;
    margin-left:5px !important;
    border:1px solid rgba(246,198,91,.5) !important;
    border-radius:0 !important;
    background:rgba(246,198,91,.16) !important;
    color:#ffe2a4 !important;
    font:1000 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.045em !important;
    box-shadow:2px 2px 0 rgba(0,0,0,.55) !important;
    white-space:nowrap !important;
}
.shelf3d-main-plaque .shelf-plaque-subscribe-button{cursor:pointer;}
.shelf3d-main-plaque .shelf-plaque-subscribe-button.is-active{
    background:rgba(246,198,91,.28) !important;
    color:#fff3d1 !important;
}
.shelf3d-main-plaque .shelf-plaque-subscribe-button:hover,
.shelf3d-main-plaque .shelf-plaque-subscribe-button:focus-visible{
    outline:1px solid rgba(255,255,255,.74) !important;
    outline-offset:2px !important;
}
@media(max-width:720px){
    .watchlist-row-fields{min-width:0;justify-content:flex-start;flex-wrap:wrap;grid-column:2 / -1;}
    .watchlist-row-fields input[type="date"],
.watchlist-row-fields .watchlist-date-input{width:122px;}
    .case-rewatch-badge{right:7px;top:32px;width:30px;height:30px;font-size:20px;}
}

/* v249: Watchlist einklappbar + aufgeräumtes Watchlist-Design */
.playlist-archive-card.is-watchlist-card{
    position:relative;
    overflow:visible !important;
    border-radius:24px !important;
    border:1px solid rgba(246,198,91,.62) !important;
    background:
        radial-gradient(circle at 0 0, rgba(246,198,91,.20), transparent 34%),
        linear-gradient(135deg, rgba(40,31,18,.92), rgba(29,17,18,.94) 52%, rgba(15,16,17,.96)) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,239,191,.10) !important;
}
.playlist-archive-card.is-watchlist-card::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(246,198,91,.08), transparent 38%, rgba(220,35,52,.07));
}
.playlist-archive-card.is-watchlist-card > *{
    position:relative;
    z-index:1;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-card-head{
    grid-template-columns:minmax(300px,1fr) auto !important;
    align-items:center !important;
    padding-bottom:12px;
    border-bottom:1px solid rgba(246,198,91,.30);
}
.playlist-archive-card.is-watchlist-card .playlist-archive-name-row{
    grid-template-columns:44px minmax(0,1fr) !important;
    gap:12px !important;
}
.playlist-archive-toggle.is-watchlist-toggle{
    height:44px !important;
    min-height:44px !important;
    width:44px !important;
    min-width:44px !important;
    border-radius:12px !important;
    border-color:rgba(246,198,91,.54) !important;
    background:linear-gradient(180deg, rgba(246,198,91,.23), rgba(91,54,13,.22)) !important;
    color:#fff2c4 !important;
    box-shadow:3px 3px 0 rgba(0,0,0,.55) !important;
}
.watchlist-fixed-title{
    min-width:0 !important;
    gap:5px !important;
    padding:2px 0;
}
.watchlist-fixed-title strong{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:1.18rem !important;
    letter-spacing:.055em !important;
}
.watchlist-fixed-title strong::before{
    content:'★';
    display:inline-grid;
    place-items:center;
    width:22px;
    height:22px;
    border:1px solid rgba(246,198,91,.55);
    background:rgba(246,198,91,.14);
    color:#ffd76f;
    font:900 .82rem/1 system-ui,sans-serif;
}
.watchlist-fixed-title small{
    max-width:36ch;
    color:rgba(255,238,196,.78) !important;
    font-size:.72rem !important;
    line-height:1.25 !important;
}
.playlist-archive-card.is-watchlist-card .playlist-setup-card-meta{
    color:rgba(255,238,196,.78) !important;
    letter-spacing:.09em;
}
.playlist-archive-card.is-watchlist-card.is-collapsed .playlist-setup-card-meta{
    margin-bottom:0 !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-actions{
    gap:7px !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-actions > *{
    height:44px !important;
    min-height:44px !important;
}
.playlist-archive-card.is-watchlist-card .playlist-like-button,
.playlist-archive-card.is-watchlist-card .playlist-like-count,
.playlist-archive-card.is-watchlist-card .like-with-hover > .like-count-toggle,
.playlist-archive-card.is-watchlist-card .playlist-share-button,
.playlist-archive-card.is-watchlist-card .playlist-public-toggle,
.playlist-archive-card.is-watchlist-card .playlist-deck-button{
    border-radius:0 !important;
    box-shadow:3px 3px 0 rgba(0,0,0,.58) !important;
}
.playlist-archive-card.is-watchlist-card .playlist-public-toggle{
    padding-inline:14px !important;
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(246,198,91,.22) !important;
}
.playlist-archive-card.is-watchlist-card .playlist-deck-button{
    min-width:72px !important;
}
.playlist-archive-card.is-watchlist-card .playlist-add-box,
.playlist-archive-card.is-watchlist-card .playlist-add-search,
.playlist-archive-card.is-watchlist-card [data-playlist-add-search]{
    border-color:rgba(246,198,91,.18) !important;
    background:rgba(0,0,0,.16) !important;
}
.playlist-archive-row.is-watchlist-row:not(.is-readonly){
    grid-template-columns:58px minmax(180px,1fr) minmax(220px,auto) 38px !important;
    min-height:76px;
    border-radius:16px !important;
    border-color:rgba(246,198,91,.34) !important;
    background:linear-gradient(90deg, rgba(246,198,91,.10), rgba(255,255,255,.045)) !important;
}
.playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-year{
    display:none !important;
}
.playlist-archive-row.is-watchlist-row .playlist-archive-row-title strong{
    color:#fff7df;
}
.watchlist-row-fields{
    justify-content:flex-end !important;
    gap:10px !important;
    min-width:220px !important;
}
.watchlist-row-fields label{
    height:38px;
    padding:0 8px;
    border:1px solid rgba(246,198,91,.18);
    background:rgba(0,0,0,.20);
    color:#ffe1a2 !important;
    letter-spacing:.06em;
}
.watchlist-row-fields input[type="date"],
.watchlist-row-fields .watchlist-date-input{
    height:30px !important;
    min-height:30px !important;
    width:136px !important;
    background:rgba(0,0,0,.58) !important;
    border-color:rgba(246,198,91,.22) !important;
    color:#fff7df !important;
}
.watchlist-rewatch-line{
    cursor:pointer;
    user-select:none;
}
.watchlist-rewatch-line input{
    width:16px;
    height:16px;
}
.watchlist-row-rewatch{
    right:4px !important;
    top:4px !important;
    width:21px !important;
    height:21px !important;
    border-radius:50% !important;
    background:rgba(18,15,11,.84) !important;
    color:#ffd76f !important;
}
@media(max-width:900px){
    .playlist-archive-card.is-watchlist-card .playlist-archive-card-head{
        grid-template-columns:1fr !important;
        align-items:stretch !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions{
        justify-content:flex-start !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        grid-template-columns:52px minmax(0,1fr) 38px !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
        grid-column:2 / -1;
        justify-content:flex-start !important;
        min-width:0 !important;
        flex-wrap:wrap;
    }
}
@media(max-width:560px){
    .playlist-archive-card.is-watchlist-card{
        border-radius:18px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions > *{
        height:40px !important;
        min-height:40px !important;
    }
    .watchlist-fixed-title strong{
        font-size:1.02rem !important;
    }
    .watchlist-fixed-title small{
        font-size:.66rem !important;
    }
    .watchlist-row-fields label{
        height:34px;
        padding:0 6px;
        font-size:.66rem !important;
    }
    .watchlist-row-fields input[type="date"],
.watchlist-row-fields .watchlist-date-input{
        width:126px !important;
        height:28px !important;
        min-height:28px !important;
    }
}

/* v250: Größeres Rewatch-Badge, bessere Playlist-Suche und begrenzte Playlist-Liste */
.case-rewatch-badge{
    right:14px !important;
    top:56px !important;
    width:74px !important;
    height:74px !important;
    border-width:4px !important;
    background:rgba(0,0,0,.76) !important;
    color:#ffd96f !important;
    font-size:54px !important;
    line-height:1 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.62), inset 0 0 0 2px rgba(255,217,111,.18) !important;
}
.playlist-load-more-row{
    display:flex;
    justify-content:center;
    padding:10px 0 2px;
}
.playlist-load-more{
    min-height:42px !important;
    border-radius:0 !important;
    box-shadow:3px 3px 0 rgba(0,0,0,.55) !important;
}
.playlist-load-more small{
    margin-left:8px;
    opacity:.72;
    font:800 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.playlist-add-result.is-watchlist-rewatch-result{
    border-color:rgba(246,198,91,.42) !important;
    background:linear-gradient(90deg,rgba(246,198,91,.13),rgba(255,255,255,.04)) !important;
}
.playlist-add-result.is-watchlist-rewatch-result b{
    font-size:1.35rem !important;
    color:#ffd96f !important;
}
@media(max-width:720px){
    .case-rewatch-badge{
        right:8px !important;
        top:42px !important;
        width:56px !important;
        height:56px !important;
        font-size:40px !important;
        border-width:3px !important;
    }
}

/* VIDEOtrack update 2026-05-09: desktop trailer deck controls, notifications, watchlist duplicates */
@media (min-width: 901px) {
    body:not(.player-collapsed) .player-head-tools {
        display: grid !important;
        grid-template-columns: 72px 48px 48px !important;
        gap: 10px !important;
        align-items: center !important;
        justify-content: end !important;
        min-width: 188px !important;
        overflow: visible !important;
    }
    body:not(.player-collapsed) .player-head-tools .counter,
    body:not(.player-collapsed) .player-audio-button,
    body:not(.player-collapsed) .player-collapse-button {
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
    }
    body:not(.player-collapsed) .player-head-tools .counter {
        min-width: 72px !important;
    }
    body.player-collapsed .player-head-tools {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 10px !important;
        overflow: visible !important;
    }
    body.player-collapsed .player-head-tools .counter,
    body.player-collapsed .player-audio-button,
    body.player-collapsed .player-collapse-button {
        width: 64px !important;
        min-width: 64px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
    }
    body.player-collapsed .player-collapse-button {
        margin-top: 0 !important;
    }
    body.player-collapsed .player-zone {
        overflow: visible !important;
    }
    body.player-collapsed .player-collapsed-label {
        margin-top: 10px !important;
        width: calc(100% - 26px) !important;
        min-height: 330px !important;
    }
}

.toast,
.toast-stack,
.app-toast,
.notification-toast,
.vt-toast {
    z-index: 2147483600 !important;
}

.case-rewatch-badge {
    width: 108px !important;
    height: 108px !important;
    font-size: 78px !important;
    line-height: 1 !important;
    top: 42px !important;
    right: 10px !important;
    z-index: 12 !important;
}
@media (max-width: 720px) {
    .case-rewatch-badge {
        width: 74px !important;
        height: 74px !important;
        font-size: 52px !important;
        top: 28px !important;
        right: 6px !important;
    }
}

.account-subscription-activity-card {
    border-color: rgba(218, 32, 60, .35) !important;
}
.account-subscription-activity-card.has-updates {
    box-shadow: 0 0 0 1px rgba(218, 32, 60, .22), 0 18px 42px rgba(0,0,0,.28) !important;
}
.account-subscription-update-list {
    display: grid;
    gap: 8px;
    margin: 12px 0;
}
.account-subscription-update-row {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    text-align: left;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.045);
    color: var(--text, #fff);
    padding: 10px 12px;
    cursor: pointer;
}
.account-subscription-update-row strong,
.account-subscription-update-row small {
    display: block;
}
.account-subscription-update-row small {
    opacity: .72;
    margin-top: 2px;
}
.account-subscription-update-row:hover,
.account-subscription-update-row:focus-visible {
    border-color: rgba(218, 32, 60, .65);
    background: rgba(218, 32, 60, .11);
}


/* v251: Watchlist-Datum als frei tippbares Feld ab Jahr 1900 */
.watchlist-row-fields .watchlist-date-input{
    text-align:center;
}
.watchlist-row-fields .watchlist-date-input.is-invalid{
    border-color:#dc2334 !important;
    box-shadow:0 0 0 2px rgba(220,35,52,.35) !important;
}


/* v252: Desktop-Trailerdeck Buttons sauber ausrichten */
@media (min-width: 901px) {
    .player-zone {
        overflow: visible !important;
    }
    body:not(.player-collapsed) .player-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        column-gap: 18px !important;
        row-gap: 10px !important;
    }
    body:not(.player-collapsed) .player-head h2 {
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        line-height: .94 !important;
    }
    body:not(.player-collapsed) .player-head-tools {
        display: grid !important;
        grid-template-columns: 72px 48px 48px !important;
        gap: 12px !important;
        justify-content: end !important;
        align-items: stretch !important;
        width: 192px !important;
        min-width: 192px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    body:not(.player-collapsed) .player-head-tools .counter,
    body:not(.player-collapsed) .player-head-tools .player-audio-button,
    body:not(.player-collapsed) .player-head-tools .player-collapse-button {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
        border-radius: 0 !important;
        line-height: 1 !important;
        transform: none !important;
    }
    body:not(.player-collapsed) .player-head-tools .counter {
        font-size: .92rem !important;
        background: var(--red) !important;
        color: #fff !important;
        box-shadow: none !important;
    }
    body:not(.player-collapsed) .player-head-tools .player-audio-button,
    body:not(.player-collapsed) .player-head-tools .player-collapse-button {
        border: 1px solid rgba(255,255,255,.16) !important;
        background: #111 !important;
        box-shadow: none !important;
        font-size: 1.1rem !important;
    }
    body.player-collapsed .player-zone {
        width: 112px !important;
        padding: 14px 10px !important;
        overflow: hidden !important;
    }
    body.player-collapsed .player-head-tools {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.player-collapsed .player-head-tools .counter,
    body.player-collapsed .player-head-tools .player-audio-button,
    body.player-collapsed .player-head-tools .player-collapse-button {
        width: 64px !important;
        min-width: 64px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
        border-radius: 0 !important;
        transform: none !important;
    }
    body.player-collapsed .player-collapsed-label {
        width: calc(100% - 24px) !important;
        min-height: 330px !important;
        margin: 10px auto 0 !important;
        box-sizing: border-box !important;
    }
}

/* v253: Desktop-Trailerdeck expanded controls smaller + native Watchlist date picker */
@media (min-width: 901px) {
    body:not(.player-collapsed) .player-head {
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 12px !important;
        align-items: start !important;
    }
    body:not(.player-collapsed) .player-head h2 {
        font-size: clamp(1.8rem, 1.9vw, 2.15rem) !important;
        line-height: .92 !important;
        letter-spacing: -.055em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
    }
    body:not(.player-collapsed) .player-head-tools {
        grid-template-columns: 46px 36px 36px !important;
        gap: 8px !important;
        width: 126px !important;
        min-width: 126px !important;
        align-items: stretch !important;
        justify-content: end !important;
    }
    body:not(.player-collapsed) .player-head-tools .counter,
    body:not(.player-collapsed) .player-head-tools .player-audio-button,
    body:not(.player-collapsed) .player-head-tools .player-collapse-button {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: grid !important;
        place-items: center !important;
        box-sizing: border-box !important;
        line-height: 1 !important;
        box-shadow: none !important;
    }
    body:not(.player-collapsed) .player-head-tools .counter {
        font-size: .82rem !important;
    }
    body:not(.player-collapsed) .player-head-tools .player-audio-button,
    body:not(.player-collapsed) .player-head-tools .player-collapse-button {
        font-size: .98rem !important;
    }
}

.watchlist-row-fields input[type="date"].watchlist-date-input {
    min-width: 148px !important;
    width: 148px !important;
    color-scheme: dark;
    padding-inline: 10px 6px !important;
}
.watchlist-row-fields input[type="date"].watchlist-date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(1);
    opacity: .92;
}
.watchlist-row-fields input[type="date"].watchlist-date-input:invalid {
    border-color: rgba(255,90,112,.9) !important;
}

/* v254: Trailerdeck Reihenfolge/Zufall-Button */
.player-order-button{
    font-weight:900;
    line-height:1;
}
.player-order-button.is-random-on{
    border-color:rgba(218,32,60,.62) !important;
    background:rgba(218,32,60,.16) !important;
    color:#fff !important;
}
@media (min-width: 901px){
    body:not(.player-collapsed) .player-controls{
        display:grid !important;
        grid-template-columns:44px 44px 44px minmax(78px, 1fr) !important;
        gap:8px !important;
        align-items:stretch !important;
    }
    body:not(.player-collapsed) .player-controls button{
        min-width:0 !important;
        width:100% !important;
        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;
        padding:0 !important;
        display:grid !important;
        place-items:center !important;
        border-radius:0 !important;
        line-height:1 !important;
        box-sizing:border-box !important;
    }
    body:not(.player-collapsed) #detachPlayer{
        font-size:.72rem !important;
        letter-spacing:.05em !important;
        text-transform:uppercase !important;
    }
    body:not(.player-collapsed) #toggleTrailerOrder{
        font-size:1.08rem !important;
    }
    body.player-collapsed #toggleTrailerOrder{
        display:none !important;
    }
}
@media (max-width: 900px){
    body:not(.player-collapsed) .player-controls{
        grid-template-columns:1fr 1fr 1fr 1.2fr !important;
    }
    body:not(.player-collapsed) .player-controls button{
        min-width:0 !important;
        padding:.64rem .42rem !important;
    }
    body:not(.player-collapsed) #toggleTrailerOrder{
        font-size:1rem !important;
    }
}

/* v255: Mail-Update + Regal-Header kompakter, ohne Link-Bubble */
@media (min-width: 981px) {
    #shelfOwnerHeader .shelf-owner-card {
        display: grid !important;
        grid-template-columns: minmax(210px, 330px) minmax(230px, 360px) max-content !important;
        align-items: center !important;
        gap: 14px !important;
        min-height: 76px !important;
        padding: 12px 16px !important;
        border-radius: 22px !important;
    }
    #shelfOwnerHeader .shelf-owner-link {
        gap: 12px !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    #shelfOwnerHeader .user-avatar.shelf-owner-avatar {
        width: 60px !important;
        height: 60px !important;
        flex: 0 0 60px !important;
    }
    #shelfOwnerHeader .shelf-owner-link strong {
        font-size: 1.16rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }
    #shelfOwnerHeader .shelf-owner-link .eyebrow {
        margin-bottom: 2px !important;
        font-size: .68rem !important;
        letter-spacing: .2em !important;
    }
    #shelfOwnerHeader .shelf-owner-playlist-tools {
        width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
    }
    #shelfOwnerHeader .shelf-owner-playlist-slot {
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }
    #shelfOwnerHeader .shelf-owner-playlist-select {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 14px !important;
        padding: 0 14px !important;
        font-size: .92rem !important;
    }
    #shelfOwnerHeader .shelf-owner-stats {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: auto !important;
    }
    #shelfOwnerHeader .shelf-stat-pill {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        gap: 6px !important;
        box-shadow: none !important;
    }
    #shelfOwnerHeader .shelf-stat-pill b {
        font-size: .98rem !important;
    }
    #shelfOwnerHeader .shelf-stat-pill small {
        font-size: .76rem !important;
        white-space: nowrap !important;
    }
    #shelfOwnerHeader .shelf-owner-stats > .like-with-hover {
        min-width: 0 !important;
        min-height: 0 !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    #shelfOwnerHeader .shelf-owner-stats .shelf-account-like,
    #shelfOwnerHeader .shelf-owner-stats .comment-like-static,
    #shelfOwnerHeader .shelf-owner-stats .comment-like,
    #shelfOwnerHeader .shelf-owner-stats .like-with-hover > .shelf-account-like,
    #shelfOwnerHeader .shelf-owner-stats .like-with-hover > .comment-like-static,
    #shelfOwnerHeader .shelf-owner-stats .like-with-hover > .comment-like,
    #shelfOwnerHeader .shelf-owner-stats .like-with-hover > span:not(.like-hover-list) {
        min-width: 68px !important;
        width: auto !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        font-size: .92rem !important;
        box-shadow: 3px 3px 0 rgba(0,0,0,.62) !important;
    }
    #shelfOwnerHeader .shelf-share-button {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
        color: #fff !important;
    }
    #shelfOwnerHeader .shelf-share-button::before,
    #shelfOwnerHeader .shelf-share-button::after {
        content: none !important;
        display: none !important;
    }
    #shelfOwnerHeader .shelf-share-button span {
        transform: none !important;
        font-size: 1rem !important;
        line-height: 1 !important;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    #shelfOwnerHeader .shelf-owner-card {
        grid-template-columns: minmax(190px, 1fr) minmax(220px, 1fr) !important;
    }
    #shelfOwnerHeader .shelf-owner-stats {
        grid-column: 1 / -1 !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 980px) {
    #shelfOwnerHeader .shelf-share-button {
        box-shadow: none !important;
    }
}

/* v256: Passwort-Auge, Antwortdialog, bessere Sterne und Hüllen-Direktbewertung */
.password-toggle-label{
    display:grid !important;
    gap:7px !important;
}
.password-toggle-wrap{
    position:relative;
    display:block;
}
.password-toggle-wrap > input{
    width:100% !important;
    padding-right:48px !important;
}
.password-toggle-button{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    min-width:34px;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.34));
    color:#f4f4f4;
    cursor:pointer;
    font-size:1rem;
    line-height:1;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.28);
}
.password-toggle-button:hover,
.password-toggle-button:focus-visible,
.password-toggle-button.is-visible{
    border-color:rgba(255,255,255,.34);
    background:linear-gradient(180deg,rgba(200,25,46,.9),rgba(95,0,16,.94));
    color:#fff;
}
.password-toggle-button:focus-visible{
    outline:2px solid rgba(255,255,255,.72);
    outline-offset:2px;
}

.comment-reply-modal{
    position:fixed;
    inset:0;
    z-index:1400;
    display:grid;
    place-items:center;
    padding:22px;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(8px);
}
.comment-reply-dialog{
    position:relative;
    width:min(620px,calc(100vw - 32px));
    display:grid;
    gap:16px;
    padding:24px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:24px;
    background:
        radial-gradient(circle at 18% 0%,rgba(200,25,46,.20),transparent 36%),
        linear-gradient(135deg,rgba(26,26,28,.98),rgba(8,8,10,.98));
    box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.045);
}
.comment-reply-head{padding-right:44px;}
.comment-reply-head h3{margin:.12rem 0 0;font-size:1.45rem;line-height:1.05;}
.comment-reply-head .eyebrow{margin:0;color:var(--red-2);}
.comment-reply-quote{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:11px;
    align-items:start;
    padding:12px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.28);
    border-radius:18px;
}
.comment-reply-quote p{
    margin:0;
    max-height:120px;
    overflow:auto;
    color:#d7d7d7;
    line-height:1.42;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
}
.comment-reply-label{display:grid;gap:8px;color:#dcdcdc;font-weight:800;}
.comment-reply-label textarea{
    width:100%;
    min-height:128px;
    resize:vertical;
    border-radius:16px;
    background:#050505;
}
.comment-reply-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.comment-reply-actions .ghost-button,
.comment-reply-actions .danger-button{
    min-height:44px;
    border-radius:12px !important;
}

.star-rating.is-interactive{
    padding:.32rem .18rem !important;
    min-height:42px;
    touch-action:manipulation;
}
.star-rating-stars{gap:5px !important;}
.rating-editor-row .star-unit{font-size:1.82rem !important;}
.detail-user-rating-control .star-unit{font-size:1.78rem !important;}
.star-rating.is-interactive .star-unit{filter:drop-shadow(0 2px 3px rgba(0,0,0,.62));}
.case-back-actions .case-user-rating{min-height:52px !important;}
.case-star-rating{
    border-radius:10px !important;
    gap:5px !important;
    min-height:44px !important;
}
.case-star-rating .star-unit{font-size:1.36rem !important;}
.case-star-rating.is-interactive{
    appearance:none;
    cursor:pointer;
    color:inherit;
    text-align:center;
    touch-action:manipulation;
}
.case-star-rating.is-interactive:hover,
.case-star-rating.is-interactive:focus-visible{
    border-color:rgba(255,211,91,.68) !important;
    background:linear-gradient(180deg,rgba(255,211,91,.14),rgba(0,0,0,.40)) !important;
    outline:none;
}
.case-front-rating-wrap{
    position:absolute;
    left:50%;
    bottom:14px;
    transform:translateX(-50%);
    z-index:8;
    width:calc(100% - 34px);
    display:flex;
    justify-content:center;
    pointer-events:auto;
}
.case-front-rating-wrap .case-front-rating{
    width:100% !important;
    min-height:48px !important;
    padding:.26rem .45rem !important;
    border-color:rgba(255,211,91,.32) !important;
    background:linear-gradient(180deg,rgba(12,12,12,.86),rgba(0,0,0,.72)) !important;
    backdrop-filter:blur(4px);
}
.case-front-rating-wrap .case-front-rating .star-unit{font-size:1.45rem !important;}
@media (max-width:900px){
    .comment-reply-dialog{padding:18px;border-radius:20px;}
    .comment-reply-actions{display:grid;grid-template-columns:1fr;}
    .rating-editor-row .star-unit{font-size:1.52rem !important;}
    .detail-user-rating-control .star-unit{font-size:1.44rem !important;}
    .case-back-actions .case-user-rating{min-height:40px !important;}
    .case-star-rating{gap:3px !important;min-height:36px !important;}
    .case-star-rating .star-unit{font-size:1rem !important;}
    .case-front-rating-wrap{bottom:10px;width:calc(100% - 24px);}
    .case-front-rating-wrap .case-front-rating{min-height:38px !important;}
    .case-front-rating-wrap .case-front-rating .star-unit{font-size:1.04rem !important;}
}

/* v257: ruhiger Hüllen-Klick, Bewertungen nur hinten, Discover-Ratings, kompaktere Kommentare */
.case-front-rating-wrap{
    display:none !important;
}
.discover-rating-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:-4px;
}
.discover-rating-row span{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 7px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.28));
    color:#f1f1f1;
    font-size:.72rem;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.discover-rating-row span:first-child{
    color:#ffe07a;
}
.shelf-comments-card{
    gap:10px !important;
    padding:12px !important;
    border-radius:18px !important;
}
.shelf-comments-head{
    align-items:flex-start !important;
}
.shelf-comments-head h3{
    font-size:1.05rem !important;
    line-height:1.05 !important;
}
.shelf-comments-head .eyebrow{
    margin-bottom:2px !important;
    font-size:.68rem !important;
}
.shelf-comments-head > span{
    padding:4px 8px !important;
    font-size:.72rem !important;
}
.shelf-comment-form{
    gap:8px !important;
    padding:9px !important;
    border-radius:12px !important;
}
.shelf-comment-form textarea{
    min-height:54px !important;
    font-size:.9rem !important;
}
.shelf-comment-form small{
    font-size:.69rem !important;
    line-height:1.2 !important;
}
.shelf-comments-list{
    gap:7px !important;
}
.shelf-comment{
    gap:6px !important;
    padding:8px 9px !important;
    border-radius:12px !important;
    background:rgba(0,0,0,.18) !important;
}
.shelf-comment-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
}
.shelf-comment-author{
    gap:7px !important;
    min-width:0;
}
.shelf-comment-author .avatar.tiny,
.shelf-comment-author .user-avatar.tiny{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
}
.shelf-comment-author strong{
    max-width:170px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.86rem !important;
    line-height:1.05 !important;
}
.shelf-comment-author small{
    font-size:.66rem !important;
    line-height:1 !important;
}
.shelf-comment-text{
    font-size:.9rem !important;
    line-height:1.28 !important;
}
.shelf-comment-meta{
    gap:5px !important;
    justify-content:flex-end;
    margin-left:auto;
}
.shelf-comment-meta .spacer{display:none !important;}
.shelf-comment-meta .comment-like,
.shelf-comment-meta .comment-like-static{
    min-height:24px !important;
    padding:0 8px !important;
    font-size:.72rem !important;
}
.shelf-comment-meta .account-small-link{
    min-height:24px !important;
    padding:0 7px !important;
    font-size:.72rem !important;
    line-height:1 !important;
}
.shelf-comment-meta .comment-delete-x.vt-delete-x{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
}
.comment-flag{
    min-height:20px !important;
    padding:0 6px !important;
    font-size:.62rem !important;
}
.shelf-comment-replies{
    gap:7px !important;
    margin:3px 0 0 calc(8px + (var(--comment-depth,0) * 2px)) !important;
    padding-left:9px !important;
    border-left:1px solid rgba(255,77,0,.34) !important;
}
.shelf-comment.is-reply{
    background:rgba(255,255,255,.035) !important;
}
.shelf-comment.is-nested-reply{
    background:rgba(255,255,255,.025) !important;
}
.comment-reply-dialog{
    width:min(560px,calc(100vw - 26px)) !important;
    gap:11px !important;
    padding:18px !important;
    border-radius:18px !important;
}
.comment-reply-head h3{
    font-size:1.18rem !important;
}
.comment-reply-quote{
    gap:8px !important;
    padding:9px !important;
    border-radius:12px !important;
}
.comment-reply-quote p{
    max-height:82px !important;
    line-height:1.3 !important;
    font-size:.9rem !important;
}
.comment-reply-label{
    gap:6px !important;
    font-size:.86rem !important;
}
.comment-reply-label textarea{
    min-height:94px !important;
    border-radius:12px !important;
}
.comment-reply-actions .ghost-button,
.comment-reply-actions .danger-button{
    min-height:38px !important;
}
@media (max-width:760px){
    .shelf-comment-top{align-items:flex-start;flex-direction:column;}
    .shelf-comment-meta{justify-content:flex-start;margin-left:0;}
    .shelf-comment-author strong{max-width:62vw;}
    .discover-rating-row{grid-template-columns:1fr;}
}

/* v258: Front-/Backseiten-Klick stellt Hülle zurück; andere Filmklicks schließen erst sauber die aktive Hülle. */


/* v259: robuste Hüllen-Taps und bessere Sternvorschau auf der Rückseite */
.star-fill{
    will-change:width;
}
.case-star-rating.is-previewing{
    border-color:rgba(255,211,91,.5) !important;
    box-shadow:inset 0 0 0 1px rgba(255,211,91,.16),0 0 16px rgba(255,211,91,.18) !important;
}
.case-star-rating.is-interactive{
    cursor:pointer;
    touch-action:manipulation;
}
.case-star-rating.is-interactive .star-unit{
    font-size:1.05rem !important;
}
@media (max-width:900px){
    .case-star-rating.is-interactive .star-unit{font-size:.86rem !important;}
}

/* v260: Kommentar-Like-Buttons kompakt halten */
.shelf-comments-list .shelf-comment-meta > .like-with-hover,
.shelf-comments-list .shelf-comment-meta .like-with-hover{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
}
.shelf-comments-list .shelf-comment-meta > .comment-like,
.shelf-comments-list .shelf-comment-meta > .comment-like-static,
.shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like,
.shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like-static{
    min-width:44px !important;
    width:auto !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 9px !important;
    gap:5px !important;
    border-radius:9px !important;
    font-size:.82rem !important;
    line-height:1 !important;
    box-shadow:2px 2px 0 rgba(0,0,0,.64),0 0 10px rgba(204,18,46,.22) !important;
    transform:none !important;
}
.shelf-comments-list .shelf-comment-meta > .comment-like span,
.shelf-comments-list .shelf-comment-meta > .comment-like-static span,
.shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like span,
.shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like-static span{
    font-size:.82rem !important;
    line-height:1 !important;
}
.shelf-comments-list .shelf-comment-meta > .comment-like:hover,
.shelf-comments-list .shelf-comment-meta > .comment-like-static:hover,
.shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like:hover,
.shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like-static:hover{
    transform:none !important;
}
@media (max-width:760px){
    .shelf-comments-list .shelf-comment-meta > .comment-like,
    .shelf-comments-list .shelf-comment-meta > .comment-like-static,
    .shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like,
    .shelf-comments-list .shelf-comment-meta .like-with-hover > .comment-like-static{
        min-width:40px !important;
        height:26px !important;
        min-height:26px !important;
        max-height:26px !important;
        padding:0 8px !important;
        border-radius:8px !important;
        font-size:.78rem !important;
    }
}

/* v261: Bewertungen aus Discover-Karten raus, im Discover-Popup sauber anzeigen */
.public-detail-rating-row{
    gap:8px !important;
    margin:-2px 0 2px !important;
}
.public-detail-rating-row .detail-user-rating-box,
.public-detail-rating-row .detail-tmdb-rating{
    min-width:150px !important;
    padding:.56rem .66rem !important;
    border-color:rgba(255,255,255,.12) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.30)) !important;
}
.public-detail-rating-value{
    display:flex;
    align-items:center;
    gap:8px;
    color:#ffe07a;
    font:900 .98rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.public-detail-rating-value strong{
    color:#fff;
    font-size:1.04rem;
}
.public-detail-tmdb-rating strong{
    font-size:1.04rem !important;
}
.public-detail-tmdb-rating small{
    opacity:.82;
}
@media (max-width:640px){
    .public-detail-rating-row{display:grid !important;grid-template-columns:1fr 1fr !important;}
    .public-detail-rating-row .detail-user-rating-box,
    .public-detail-rating-row .detail-tmdb-rating{min-width:0 !important;}
}
@media (max-width:420px){
    .public-detail-rating-row{grid-template-columns:1fr !important;}
}

/* v264: Archiv-Popup-Like mit sauberem Zahlenabstand */
.discover-card-body .discover-owner-actions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
}
.discover-card-body .discover-owner-actions .discover-add-button,
.discover-card-body .discover-owner-actions .discover-share-button,
.discover-card-body .discover-owner-actions .discover-like-button{
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    border-radius:0 !important;
}
.movie-like-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-color:rgba(255,255,255,.22) !important;
    background:linear-gradient(180deg,rgba(210,14,42,.96),rgba(128,0,18,.96)) !important;
    color:#fff !important;
    box-shadow:none !important;
    line-height:1 !important;
    text-decoration:none !important;
}
.movie-like-button > span:first-child{
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif !important;
    font-size:1.13rem !important;
    line-height:1 !important;
    transform:translateY(-1px);
}
.movie-like-button:not(.is-liked):not(.is-static) > span:first-child{
    opacity:.86;
    filter:drop-shadow(0 0 0 rgba(0,0,0,0));
}
.movie-like-button.is-liked > span:first-child{
    opacity:1;
    text-shadow:0 0 10px rgba(255,255,255,.22),0 0 16px rgba(255,44,76,.36);
}
.movie-like-button > span:not(:first-child){
    font:900 .86rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
    color:#fff !important;
}
.discover-like-button{
    padding:0 !important;
    font-size:1.14rem !important;
}
.public-detail-like-button{
    width:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 !important;
    border-radius:0 !important;
}
.archive-detail-like-button{
    width:auto !important;
    min-width:62px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 14px !important;
    gap:9px !important;
    border-radius:0 !important;
}
.archive-detail-like-button > span:not(:first-child){
    min-width:1.15em !important;
    text-align:center !important;
}
.public-detail-actions .public-detail-share-button{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    border-radius:0 !important;
}
.public-detail-actions .movie-like-hover,
.detail-actions .movie-like-hover{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
}
.movie-like-hover .like-hover-list{
    right:auto;
    left:0;
    bottom:calc(100% + 8px);
}
.detail-actions .archive-detail-like-button{
    flex:0 0 auto !important;
}
.detail-actions .archive-detail-like-button.is-static,
.public-detail-actions .public-detail-like-button.is-static{
    cursor:pointer;
}
@media (max-width:460px){
    .discover-card-body .discover-owner-actions{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    .discover-card-body .discover-owner-actions .discover-add-button,
    .discover-card-body .discover-owner-actions .discover-share-button,
    .discover-card-body .discover-owner-actions .discover-like-button{
        height:40px !important;
        min-height:40px !important;
    }
}
@media (max-width:720px){
    .public-detail-backdrop{
        place-items:start center !important;
        align-items:start !important;
        padding:10px !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch;
    }
    .public-detail-dialog{
        width:min(100%,calc(100vw - 20px)) !important;
        max-height:none !important;
        overflow:visible !important;
        box-shadow:8px 8px 0 #000,0 22px 70px rgba(0,0,0,.58) !important;
    }
    .public-detail-layout{
        max-height:none !important;
        overflow:visible !important;
        min-height:0 !important;
    }
    .public-detail-copy{
        max-height:none !important;
        overflow:visible !important;
        padding-bottom:24px !important;
    }
    .public-detail-actions{
        display:grid !important;
        grid-template-columns:42px 42px !important;
        gap:10px !important;
        align-items:stretch !important;
    }
    .public-detail-actions .public-detail-share-button,
    .public-detail-actions .public-detail-like-button{
        width:42px !important;
        min-width:42px !important;
    }
    .public-detail-actions .danger-button{
        grid-column:1 / -1;
        width:100%;
        min-width:0 !important;
    }
}


/* v266: Discover-Intro kompakt und einklappbar, besonders mobil */
.discover-hero{
    position:relative !important;
}
.discover-hero-toggle{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    z-index:8 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    font:1000 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:0 !important;
    border-color:rgba(255,255,255,.18) !important;
    background:#0b0b0b !important;
    color:#fff !important;
}
.discover-hero-copy{
    padding-right:48px;
}
body.discover-hero-collapsed .discover-hero{
    grid-template-columns:1fr !important;
    padding:14px 64px 14px 16px !important;
    margin-bottom:14px !important;
    min-height:0 !important;
}
body.discover-hero-collapsed .discover-hero .discover-link-grid,
body.discover-hero-collapsed .discover-hero-copy p:not(.eyebrow){
    display:none !important;
}
body.discover-hero-collapsed .discover-hero-copy{
    padding-right:0 !important;
}
body.discover-hero-collapsed .discover-hero-copy h2{
    margin:0 !important;
    font-size:clamp(1.1rem,3.4vw,1.75rem) !important;
    line-height:.96 !important;
}
body.discover-hero-collapsed .discover-hero-copy .eyebrow{
    margin:0 0 .12rem !important;
}
@media (max-width:720px){
    .discover-hero{
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin-bottom:12px !important;
        padding:10px 52px 10px 10px !important;
        box-shadow:6px 6px 0 #000 !important;
    }
    .discover-hero-toggle{
        top:8px !important;
        right:8px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        font-size:1.1rem !important;
    }
    .discover-hero-copy{
        padding-right:0 !important;
    }
    .discover-hero-copy .eyebrow{
        margin-bottom:.18rem !important;
        font-size:.56rem !important;
        letter-spacing:.24em !important;
    }
    .discover-hero-copy h2{
        margin-bottom:.32rem !important;
        font-size:clamp(1.18rem,7vw,1.75rem) !important;
        line-height:.92 !important;
        letter-spacing:-.05em !important;
    }
    .discover-hero-copy p:not(.eyebrow){
        display:-webkit-box !important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden !important;
        margin:0 !important;
        font-size:.78rem !important;
        line-height:1.28 !important;
    }
    .discover-link-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }
    .discover-link-grid .discover-link{
        min-height:34px !important;
        padding:0 7px !important;
        font-size:.68rem !important;
        line-height:1.02 !important;
        letter-spacing:.01em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    .discover-link-grid .discover-link small{
        display:none !important;
    }
    body.discover-hero-collapsed .discover-hero{
        padding:8px 50px 8px 10px !important;
        margin-bottom:10px !important;
        box-shadow:5px 5px 0 #000 !important;
    }
    body.discover-hero-collapsed .discover-hero-copy h2{
        font-size:1.02rem !important;
        line-height:1 !important;
        letter-spacing:-.035em !important;
    }
}
@media (max-width:380px){
    .discover-link-grid .discover-link{
        font-size:.62rem !important;
        padding:0 5px !important;
    }
}

/* v268: Discover nutzt wieder Sprachpriorität, global bleibt neueste Sortierung */


/* v269: Archiv begrenzen und nachladen */
.archive-load-more-row{
    grid-column:1 / -1;
    display:flex;
    justify-content:center;
    padding:12px 0 4px;
}
.archive-load-more{
    min-height:44px !important;
    border-radius:0 !important;
    padding:0 18px !important;
    box-shadow:3px 3px 0 rgba(0,0,0,.55) !important;
}
.archive-load-more small{
    margin-left:10px;
    opacity:.72;
    font:800 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.06em;
}
@media(max-width:720px){
    .archive-load-more-row{padding:10px 0 2px;}
    .archive-load-more{width:100%;min-height:40px !important;}
}


/* v270: Sortierung für Archiv/Regal + Header-Navigation nach ausgeblendetem Editor */
.sort-filter.facet-dropdown {
    min-width: 0;
}
.sort-filter .facet-menu {
    min-width: 230px;
}
.sort-filter .chip-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}
.sort-filter .chip {
    width: 100%;
    justify-content: flex-start;
}
body:not([data-active-panel="libraryPanel"]) .archive-sort-filter {
    display: none !important;
}
.shelf-sort-control {
    min-width: min(260px, 100%);
    max-width: 280px;
}
.shelf-sort-control .facet-group {
    width: 100%;
}
.shelf-sort-control .facet-dropdown summary {
    min-height: 44px;
    padding: .55rem .8rem;
}
.shelf-sort-control .facet-menu {
    min-width: 260px;
    left: auto;
    right: 0;
}
@media (max-width: 920px) {
    .shelf-sort-control {
        width: min(100%, 360px);
        max-width: none;
    }
    .shelf-sort-control .facet-menu {
        left: -1px;
        right: -1px;
        min-width: 0;
    }
}
body:not(.is-guest-user) .main-nav,
body:not(.is-guest-user):not(.player-collapsed) .main-nav,
body:not(.is-guest-user).player-collapsed .main-nav {
    grid-template-columns: repeat(6, minmax(52px, 72px)) !important;
    justify-self: end !important;
    margin-left: auto !important;
}
@media (min-width: 901px) {
    body:not(.is-guest-user) .topbar,
    body:not(.is-guest-user):not(.player-collapsed) .topbar,
    body:not(.is-guest-user).player-collapsed .topbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
    body:not(.is-guest-user) .main-nav,
    body:not(.is-guest-user):not(.player-collapsed) .main-nav,
    body:not(.is-guest-user).player-collapsed .main-nav {
        width: auto !important;
        min-width: max-content !important;
    }
}
@media (max-width: 900px) {
    body:not(.is-guest-user) .main-nav,
    body:not(.is-guest-user):not(.player-collapsed) .main-nav,
    body:not(.is-guest-user).player-collapsed .main-nav {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* v271: Regal-Sortierung wirkt im 3D-Regal + Playbutton direkt neben Sortierung */
.shelf-title-actions {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    min-width: min(100%, 370px);
}
.shelf-title-actions .shelf-sort-control {
    flex: 0 1 280px;
    width: 280px;
    max-width: 280px;
}
.shelf-title-actions .page-deck-button {
    flex: 0 0 auto;
    align-self: stretch;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 17px !important;
}
.shelf-title-actions .facet-dropdown summary {
    height: 100%;
    min-height: 76px;
}
@media (max-width: 760px) {
    .shelf-title-actions {
        width: 100% !important;
        min-width: 0;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
    .shelf-title-actions .shelf-sort-control {
        flex: 1 1 220px;
        width: auto;
        max-width: none;
    }
    .shelf-title-actions .page-deck-button {
        min-height: 52px !important;
        align-self: auto;
    }
    .shelf-title-actions .facet-dropdown summary {
        min-height: 52px;
    }
}

/* v272: einheitliche Bildsymbole für Likes, Teilen, Ton und Trailer-Reihenfolge */
.vt-ui-icon{
    display:inline-block !important;
    width:1.18em !important;
    height:1.18em !important;
    min-width:1.18em !important;
    min-height:1.18em !important;
    flex:0 0 auto !important;
    vertical-align:-.16em !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    color:transparent !important;
    font-size:inherit !important;
    line-height:1 !important;
    pointer-events:none !important;
    text-indent:-9999px !important;
    overflow:hidden !important;
}
.vt-ui-icon-like-unliked{background-image:url('../img/ui/icon-like-unliked.png?v=273') !important;}
.vt-ui-icon-like-liked{background-image:url('../img/ui/icon-like-liked.png?v=273') !important;}
.vt-ui-icon-link{background-image:url('../img/ui/icon-link.png?v=273') !important;}
.vt-ui-icon-playlist-random{background-image:url('../img/ui/icon-playlist-random.png?v=273') !important;}
.vt-ui-icon-playlist-straight{background-image:url('../img/ui/icon-playlist-straight.png?v=273') !important;}
.vt-ui-icon-volume-on{background-image:url('../img/ui/icon-volume-on.png?v=273') !important;}
.vt-ui-icon-volume-off{background-image:url('../img/ui/icon-volume-off.png?v=273') !important;}
.share-link-button .vt-ui-icon,
.playlist-share-button .vt-ui-icon,
.discover-share-button .vt-ui-icon,
.shelf-share-button .vt-ui-icon,
.shelf-plaque-share-button .vt-ui-icon,
.detail-share-button .vt-ui-icon,
.public-detail-share-button .vt-ui-icon{
    width:1.18em !important;
    height:1.18em !important;
    min-width:1.18em !important;
    min-height:1.18em !important;
    transform:none !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.38));
}
.discover-share-button .vt-ui-icon,
.detail-share-button .vt-ui-icon,
.public-detail-share-button .vt-ui-icon{
    width:1.28em !important;
    height:1.28em !important;
    min-width:1.28em !important;
    min-height:1.28em !important;
}
.shelf-plaque-share-button .vt-ui-icon{
    width:1em !important;
    height:1em !important;
    min-width:1em !important;
    min-height:1em !important;
}
.player-audio-button .vt-ui-icon,
.player-order-button .vt-ui-icon{
    width:1.34em !important;
    height:1.34em !important;
    min-width:1.34em !important;
    min-height:1.34em !important;
    transform:none !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));
}
.comment-like,
.comment-like-static,
.playlist-like-button,
.shelf-account-like,
.shelf-plaque-like-inline,
.movie-like-button{
    gap:7px !important;
}
.comment-like .vt-like-icon,
.comment-like-static .vt-like-icon,
.playlist-like-button .vt-like-icon,
.shelf-account-like .vt-like-icon,
.shelf-plaque-like-inline .vt-like-icon{
    width:1.04em !important;
    height:1.04em !important;
    min-width:1.04em !important;
    min-height:1.04em !important;
    transform:none !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));
}
.movie-like-button > span.vt-ui-icon:first-child,
.movie-like-button > .vt-like-icon:first-child,
.archive-detail-like-button > span.vt-ui-icon:first-child,
.public-detail-like-button > span.vt-ui-icon:first-child,
.discover-like-button > span.vt-ui-icon:first-child{
    width:1.16em !important;
    height:1.16em !important;
    min-width:1.16em !important;
    min-height:1.16em !important;
    font-family:inherit !important;
    font-size:1rem !important;
    transform:none !important;
    text-shadow:none !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));
}
.movie-like-button.is-liked > span.vt-ui-icon:first-child,
.comment-like.is-liked .vt-like-icon,
.playlist-like-button.is-liked .vt-like-icon,
.shelf-account-like.is-liked .vt-like-icon,
.shelf-plaque-like-inline.is-liked .vt-like-icon{
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.35)) drop-shadow(0 0 7px rgba(255,255,255,.18));
}

/* v273: Regal-Header kompakter + Playlist-Link im Regal wie Abo-Button */
.shelf-title-actions{
    align-items:center !important;
    gap:12px !important;
}
.shelf-title-actions .shelf-sort-control{
    flex:0 1 300px !important;
    width:300px !important;
    max-width:300px !important;
}
.shelf-title-actions .shelf-sort-control .facet-dropdown summary,
.shelf-title-actions .facet-dropdown summary{
    min-height:56px !important;
    height:56px !important;
    padding:.48rem .82rem !important;
    gap:2px !important;
    align-content:center !important;
}
.shelf-title-actions .facet-dropdown summary::after{
    top:50% !important;
    transform:translateY(-50%) !important;
}
.shelf-title-actions .facet-dropdown summary span{
    font-size:.72rem !important;
    line-height:1 !important;
}
.shelf-title-actions .facet-dropdown summary small{
    font-size:.92rem !important;
    line-height:1.1 !important;
}
.shelf-title-actions .page-deck-button{
    align-self:center !important;
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    min-width:86px !important;
    padding:0 14px !important;
    box-shadow:4px 4px 0 rgba(0,0,0,.72) !important;
}
.shelf-title-actions .page-deck-button span[aria-hidden="true"]{
    font-size:1.48rem !important;
}
.shelf-title-actions .page-deck-button small{
    font-size:.74rem !important;
}
.shelf3d-main-plaque .shelf-plaque-share-button,
.shelf-plaque-share-button.shelf-plaque-share-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:18px !important;
    min-width:26px !important;
    min-height:18px !important;
    max-height:18px !important;
    padding:0 5px !important;
    margin-left:5px !important;
    border:1px solid rgba(246,198,91,.5) !important;
    border-radius:0 !important;
    background:rgba(246,198,91,.16) !important;
    color:#ffe2a4 !important;
    box-shadow:2px 2px 0 rgba(0,0,0,.55) !important;
    font:1000 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.045em !important;
    pointer-events:auto !important;
}
.shelf3d-main-plaque .shelf-plaque-share-button:hover,
.shelf3d-main-plaque .shelf-plaque-share-button:focus-visible,
.shelf-plaque-share-button.shelf-plaque-share-button:hover,
.shelf-plaque-share-button.shelf-plaque-share-button:focus-visible{
    background:rgba(246,198,91,.28) !important;
    color:#fff3d1 !important;
    outline:1px solid rgba(255,255,255,.74) !important;
    outline-offset:2px !important;
    filter:none !important;
    text-shadow:none !important;
}
.shelf3d-main-plaque .shelf-plaque-share-button .vt-ui-icon,
.shelf-plaque-share-button.shelf-plaque-share-button .vt-ui-icon{
    width:.92em !important;
    height:.92em !important;
    min-width:.92em !important;
    min-height:.92em !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.35)) !important;
}
@media (max-width:760px){
    .shelf-title-actions{
        gap:8px !important;
    }
    .shelf-title-actions .shelf-sort-control{
        flex:1 1 200px !important;
        width:auto !important;
        max-width:none !important;
    }
    .shelf-title-actions .shelf-sort-control .facet-dropdown summary,
    .shelf-title-actions .facet-dropdown summary{
        min-height:48px !important;
        height:48px !important;
        padding:.42rem .72rem !important;
    }
    .shelf-title-actions .page-deck-button{
        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;
        min-width:76px !important;
        padding:0 12px !important;
    }
    .shelf-title-actions .page-deck-button span[aria-hidden="true"]{
        font-size:1.34rem !important;
    }
}

/* v274: Playlist-Dialog, scrollbare Regal-Playlist-Auswahl, Import-Playlist, Passwort-Icons */
.password-toggle-button .password-toggle-icon{
    width:22px;
    height:22px;
    display:block;
    background:center / contain no-repeat url('../img/ui/password-visible.png');
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));
}
.password-toggle-button.is-visible .password-toggle-icon{
    background-image:url('../img/ui/password-invisible.png');
}
.password-toggle-button span:not(.password-toggle-icon){font-size:0;}

.shelf-owner-playlist-slot{position:relative;}
.shelf-owner-playlist-select.is-native-fallback{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
}
.shelf-owner-playlist-dropdown{position:relative;width:100%;z-index:20;}
.shelf-owner-playlist-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    cursor:pointer !important;
    text-align:left !important;
}
.shelf-owner-playlist-toggle span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.shelf-owner-playlist-toggle b{
    flex:0 0 auto;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid var(--red-2);
    opacity:1;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));
    transition:transform .16s ease;
}
.shelf-owner-playlist-dropdown.is-open .shelf-owner-playlist-toggle b{
    transform:rotate(180deg);
}
.shelf-owner-playlist-menu{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 6px);
    display:none;
    max-height:min(320px,52vh);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:7px;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(6,6,6,.98));
    box-shadow:0 18px 42px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.04);
}
.shelf-owner-playlist-dropdown.is-open .shelf-owner-playlist-menu{display:grid;gap:5px;}
.shelf-owner-playlist-menu-label{
    display:block;
    margin:8px 6px 3px;
    color:rgba(255,255,255,.54);
    font:900 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.shelf-owner-playlist-option{
    width:100%;
    min-height:38px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:0;
    background:rgba(255,255,255,.045);
    color:#fff;
    text-align:left;
    font-weight:850;
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.shelf-owner-playlist-option:hover,
.shelf-owner-playlist-option:focus-visible,
.shelf-owner-playlist-option.is-active{
    border-color:rgba(220,24,45,.75);
    background:linear-gradient(180deg,rgba(210,14,42,.86),rgba(100,0,18,.88));
    outline:none;
}

.import-playlist-picker{
    display:grid;
    gap:5px;
    min-width:min(100%,220px);
    color:#eee;
    font:800 .72rem/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.045em;
    text-transform:uppercase;
}
.import-playlist-picker span{color:rgba(255,255,255,.68);}
.import-playlist-picker select{
    width:100%;
    min-height:38px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:0;
    background:rgba(0,0,0,.72);
    color:#fff;
    padding:0 10px;
    font-weight:850;
}
.import-playlist-picker.is-compact{min-width:160px;max-width:230px;}
.import-playlist-picker.is-empty{
    min-height:38px;
    justify-content:center;
    padding:8px 10px;
    border:1px dashed rgba(255,255,255,.14);
    background:rgba(0,0,0,.22);
}
.tmdb-actions .import-playlist-picker{flex:1 1 210px;}
.editor-suggest-actions.tmdb-actions .import-playlist-picker{flex:1 1 160px;}
.import-preview .import-playlist-picker{margin:12px 0 4px;max-width:360px;}

.playlist-remove-dialog{
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
    max-width:min(560px,calc(100vw - 28px));
}
.playlist-remove-dialog .confirm-close{grid-column:1 / -1;justify-self:end;}
.playlist-remove-poster{
    width:76px;
    height:104px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.35);
    overflow:hidden;
    box-shadow:6px 6px 0 rgba(0,0,0,.38);
}
.playlist-remove-poster img{width:100%;height:100%;object-fit:cover;display:block;}
.playlist-remove-poster span{font:1000 2rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.72);}
.playlist-remove-copy small{
    display:inline-block;
    margin-top:6px;
    color:rgba(255,255,255,.58);
    font:800 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.playlist-remove-actions{
    grid-column:1 / -1;
    display:grid !important;
    grid-template-columns:1fr 1.2fr 1.2fr;
    gap:8px;
}
.playlist-remove-actions button{
    min-height:42px;
    border-radius:0 !important;
    text-align:center;
    justify-content:center;
}
@media(max-width:560px){
    .playlist-remove-dialog{grid-template-columns:58px minmax(0,1fr);gap:10px;}
    .playlist-remove-poster{width:58px;height:80px;}
    .playlist-remove-actions{grid-template-columns:1fr;}
}

/* v274: aufgeräumte Playlist-Karten mobil + einheitlicheres Button-Raster */
.playlist-archive-card,
.playlist-setup-card{box-sizing:border-box;}
.playlist-archive-actions,
.playlist-setup-actions{
    flex-wrap:wrap !important;
    gap:7px !important;
}
@media(max-width:760px){
    .playlist-archive-grid{gap:10px !important;}
    .playlist-archive-create,
    .playlist-archive-card{
        padding:12px !important;
        border-radius:14px !important;
        width:100% !important;
        overflow:hidden !important;
    }
    .playlist-archive-card-head,
    .playlist-setup-card-head{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        align-items:stretch !important;
    }
    .playlist-archive-name-row{
        display:grid !important;
        grid-template-columns:38px minmax(0,1fr) !important;
        gap:7px !important;
        align-items:stretch !important;
    }
    .playlist-archive-name-row input,
    .playlist-setup-card input{
        min-height:38px !important;
        height:38px !important;
        padding:0 10px !important;
        font-size:.82rem !important;
    }
    .playlist-archive-toggle,
    .playlist-archive-actions .playlist-share-button,
    .playlist-setup-actions .playlist-share-button,
    .playlist-archive-actions .save-icon-button,
    .playlist-setup-actions .save-icon-button,
    .playlist-archive-actions .playlist-delete-x.vt-delete-x,
    .playlist-setup-actions .playlist-delete-x.vt-delete-x{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
        flex:0 0 auto !important;
    }
    .playlist-archive-toggle{width:38px !important;min-width:38px !important;}
    .playlist-archive-actions,
    .playlist-setup-actions{
        display:grid !important;
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
        align-items:stretch !important;
        justify-content:stretch !important;
        width:100% !important;
        gap:6px !important;
    }
    .playlist-archive-actions > *,
    .playlist-setup-actions > *{
        min-width:0 !important;
        max-width:none !important;
        width:100% !important;
        margin:0 !important;
    }
    .playlist-archive-actions .like-with-hover,
    .playlist-setup-actions .like-with-hover{
        grid-column:span 2;
        min-height:36px !important;
        height:36px !important;
    }
    .playlist-archive-actions .playlist-like-button,
    .playlist-archive-actions .playlist-like-count,
    .playlist-archive-actions .like-with-hover > .like-count-toggle,
    .playlist-setup-actions .playlist-like-button,
    .playlist-setup-actions .playlist-like-count,
    .playlist-setup-actions .like-with-hover > .like-count-toggle{
        min-height:36px !important;
        height:36px !important;
        padding:0 8px !important;
        font-size:.76rem !important;
    }
    .playlist-archive-actions .playlist-share-button,
    .playlist-setup-actions .playlist-share-button,
    .playlist-archive-actions .save-icon-button,
    .playlist-setup-actions .save-icon-button,
    .playlist-archive-actions .playlist-delete-x.vt-delete-x,
    .playlist-setup-actions .playlist-delete-x.vt-delete-x{
        grid-column:span 1;
    }
    .playlist-public-toggle,
    .playlist-public-switch{
        grid-column:span 3;
        width:100% !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 8px !important;
        font-size:.68rem !important;
    }
    .playlist-deck-button,
    .playlist-archive-actions .playlist-deck-button,
    .playlist-setup-actions .playlist-deck-button{
        grid-column:span 2;
        width:100% !important;
        min-width:0 !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 8px !important;
        gap:5px !important;
        font-size:.78rem !important;
    }
    .playlist-archive-actions .save-icon-button .save-icon-picture,
    .playlist-setup-actions .save-icon-button .save-icon-picture{
        width:24px !important;
        height:24px !important;
    }
    .playlist-setup-card-meta{
        font-size:.64rem !important;
        line-height:1.35 !important;
        letter-spacing:.06em !important;
    }
    .playlist-archive-items.is-archive-list,
    .playlist-archive-card .playlist-setup-items{
        max-height:360px !important;
        padding-right:2px !important;
    }
    .playlist-archive-row{
        grid-template-columns:42px minmax(0,1fr) 36px !important;
        gap:7px !important;
        min-height:58px !important;
        padding:7px !important;
        border-radius:10px !important;
    }
    .playlist-archive-row-image{width:42px !important;height:54px !important;}
    .playlist-archive-row-title strong{font-size:.78rem !important;line-height:1.15 !important;}
    .playlist-archive-row-title small{font-size:.61rem !important;line-height:1.2 !important;}
    .playlist-archive-row-year{display:none !important;}
    .playlist-archive-row-remove.vt-delete-x,
    .playlist-archive-row-add{
        width:32px !important;
        min-width:32px !important;
        height:32px !important;
        min-height:32px !important;
        justify-self:end !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-card-head{padding-bottom:8px !important;}
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions > *{height:36px !important;min-height:36px !important;}
    .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        grid-template-columns:42px minmax(0,1fr) 36px !important;
        min-height:68px !important;
    }
}
@media(max-width:420px){
    .playlist-archive-actions,
    .playlist-setup-actions,
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    .playlist-public-toggle,
    .playlist-public-switch{grid-column:span 2;}
    .playlist-deck-button,
    .playlist-archive-actions .playlist-deck-button,
    .playlist-setup-actions .playlist-deck-button{grid-column:span 2;}
    .playlist-archive-actions .like-with-hover,
    .playlist-setup-actions .like-with-hover{grid-column:span 2;}
}


/* v275: mobile playlist cleanup, auto-save titles, edit/save picture icons */
.edit-icon-picture,
.save-icon-picture{
    display:inline-block;
    width:22px;
    height:22px;
    background:center / contain no-repeat;
    flex:0 0 auto;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));
}
.edit-icon-picture{background-image:url('../img/ui/icon-edit.png');}
.save-icon-picture{background-image:url('../img/ui/icon-save.png');}

#saveItemBtn.editor-save-text-button,
#saveItemBottomBtn.editor-bottom-save-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
}
#saveItemBtn.editor-save-text-button .save-icon-picture,
#saveItemBottomBtn.editor-bottom-save-button .save-icon-picture{
    width:20px;
    height:20px;
}
.cards .card-action-button .edit-icon-picture,
.detail-icon-button .edit-icon-picture{
    width:18px;
    height:18px;
}
.playlist-archive-name-row input[data-playlist-name-input],
.playlist-setup-card input[data-playlist-name-input]{
    text-transform:none;
}

@media(max-width:760px){
    .playlist-archive-actions,
    .playlist-setup-actions,
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:6px !important;
    }
    .playlist-archive-actions .like-with-hover,
    .playlist-setup-actions .like-with-hover,
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions .like-with-hover{
        order:1;
        grid-column:span 2 !important;
    }
    .playlist-public-toggle,
    .playlist-public-switch{
        order:2;
        grid-column:span 2 !important;
    }
    .playlist-archive-actions .playlist-share-button,
    .playlist-setup-actions .playlist-share-button{
        order:3;
        grid-column:span 1 !important;
    }
    .playlist-deck-button,
    .playlist-archive-actions .playlist-deck-button,
    .playlist-setup-actions .playlist-deck-button{
        order:4;
        grid-column:span 2 !important;
    }
    .playlist-archive-actions .playlist-delete-x.vt-delete-x,
    .playlist-setup-actions .playlist-delete-x.vt-delete-x{
        order:5;
        grid-column:span 1 !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-deck-button{
        grid-column:span 3 !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions .playlist-share-button{
        grid-column:span 1 !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-public-toggle{
        grid-column:span 2 !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-setup-card-meta,
    .playlist-archive-card .playlist-setup-card-meta{
        margin-top:2px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-card-head,
    .playlist-setup-card.is-watchlist-card .playlist-setup-card-head{
        gap:8px !important;
    }
    .watchlist-fixed-title{
        min-height:38px;
        justify-content:center;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        grid-template-columns:42px minmax(0,1fr) 34px !important;
        gap:8px !important;
        align-items:start !important;
        min-height:74px !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
        grid-column:2 / -1 !important;
        justify-content:flex-start !important;
        min-width:0 !important;
        gap:6px !important;
        margin-top:2px !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields label:first-child{
        flex:1 1 152px;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields .watchlist-rewatch-line{
        flex:0 0 auto;
    }
}
@media(max-width:420px){
    .playlist-archive-actions,
    .playlist-setup-actions,
    .playlist-archive-card.is-watchlist-card .playlist-archive-actions{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-deck-button{
        grid-column:span 3 !important;
    }
}


/* v276: Watchlist mobil sauber ohne Überlauf/Überlagerung */
.playlist-archive-row-main{
    min-width:0;
    display:grid;
    gap:6px;
}
@media(max-width:760px){
    .playlist-archive-card.is-watchlist-card{
        overflow:hidden !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-items.is-archive-list,
    .playlist-archive-card.is-watchlist-card .playlist-setup-items{
        max-height:none !important;
        overflow:visible !important;
        padding-right:0 !important;
    }
    .playlist-archive-card:not(.is-watchlist-card) .playlist-archive-items.is-archive-list,
    .playlist-archive-card:not(.is-watchlist-card) .playlist-setup-items{
        overflow-y:auto !important;
        overscroll-behavior:contain;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        display:grid !important;
        grid-template-columns:44px minmax(0,1fr) 32px !important;
        grid-template-rows:auto !important;
        align-items:center !important;
        gap:8px !important;
        min-height:74px !important;
        padding:7px !important;
        border-radius:12px !important;
        overflow:hidden !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-image{
        width:44px !important;
        height:58px !important;
        align-self:center !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
        min-width:0 !important;
        display:grid !important;
        gap:5px !important;
        align-self:center !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title{
        display:block !important;
        min-width:0 !important;
        grid-column:auto !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title strong{
        display:block !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.76rem !important;
        line-height:1.08 !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title small{
        display:block !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.58rem !important;
        line-height:1.1 !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
        grid-column:auto !important;
        width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:minmax(112px,1fr) minmax(76px,auto) !important;
        justify-content:stretch !important;
        align-items:center !important;
        gap:5px !important;
        margin:0 !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields label{
        min-width:0 !important;
        height:28px !important;
        min-height:28px !important;
        padding:0 5px !important;
        font-size:.55rem !important;
        letter-spacing:.035em !important;
        line-height:1 !important;
        box-sizing:border-box !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields label:first-child{
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) !important;
        align-items:center !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields input[type="date"],
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields .watchlist-date-input{
        width:100% !important;
        min-width:0 !important;
        height:22px !important;
        min-height:22px !important;
        padding:0 2px !important;
        font-size:.61rem !important;
        letter-spacing:0 !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-rewatch-line{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
        white-space:nowrap !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-rewatch-line input{
        width:14px !important;
        height:14px !important;
        flex:0 0 14px !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x{
        grid-column:auto !important;
        grid-row:auto !important;
        width:30px !important;
        min-width:30px !important;
        height:100% !important;
        min-height:58px !important;
        justify-self:end !important;
        align-self:stretch !important;
        border-radius:8px !important;
        font-size:1rem !important;
    }
}
@media(max-width:380px){
    .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        grid-template-columns:40px minmax(0,1fr) 28px !important;
        gap:6px !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-image{
        width:40px !important;
        height:54px !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
        grid-template-columns:1fr !important;
    }
    .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        min-height:94px !important;
    }
}

/* v277: Dialog auch bei normalen Playlists + stabilere Watchlist-Karten mobil */
.playlist-remove-actions .is-disabled{
    opacity:.55 !important;
    cursor:not-allowed !important;
    filter:grayscale(.35);
}
@media(max-width:760px){
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        position:relative !important;
        contain:layout paint !important;
        min-height:auto !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row-main{
        overflow:hidden !important;
    }
    .playlist-archive-card.is-watchlist-card .watchlist-row-fields{
        position:static !important;
        clear:both !important;
    }
    .playlist-archive-card.is-watchlist-card .watchlist-row-fields label,
    .playlist-archive-card.is-watchlist-card .watchlist-row-fields input{
        position:static !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row-remove.vt-delete-x{
        position:static !important;
    }
}


/* v278: Remove-dialog title clearance + smaller readable shelf playlist dropdown */
.playlist-remove-dialog{
    width:min(620px,calc(100vw - 32px)) !important;
    max-width:min(620px,calc(100vw - 32px)) !important;
    padding-top:30px !important;
}
.playlist-remove-dialog .confirm-close.vt-close-x{
    top:14px !important;
    right:14px !important;
}
.playlist-remove-copy h3{
    padding-right:58px !important;
    line-height:1.04 !important;
}
.playlist-remove-copy p{
    max-width:38rem;
}
.shelf-owner-playlist-option{
    min-height:34px !important;
    padding:7px 10px !important;
    font-size:.84rem !important;
    line-height:1.14 !important;
    letter-spacing:.01em !important;
    font-weight:820 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
}
.shelf-owner-playlist-menu{
    gap:4px !important;
}
.shelf-owner-playlist-menu-label{
    font-size:.56rem !important;
    letter-spacing:.105em !important;
}
.shelf-owner-playlist-toggle{
    font-size:.86rem !important;
}
@media(max-width:560px){
    .playlist-remove-dialog{
        padding-top:36px !important;
    }
    .playlist-remove-copy h3{
        padding-right:0 !important;
        font-size:1.28rem !important;
    }
}


/* v279: rotes Dreieck im Regal-Playlist-Dropdown */


/* v280: Regal-Playlist-Dropdown eckig */
.shelf-owner-playlist-toggle{
    border-radius:0 !important;
}
.shelf-owner-playlist-menu{
    border-radius:0 !important;
}


/* v281: professioneller Playlist-entfernen-Dialog */
.playlist-remove-modal{
    padding:clamp(14px,3vw,28px) !important;
}
.playlist-remove-dialog{
    position:relative !important;
    width:min(640px,calc(100vw - 32px)) !important;
    max-width:min(640px,calc(100vw - 32px)) !important;
    box-sizing:border-box !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    grid-template-areas:
        "poster copy"
        "actions actions" !important;
    column-gap:20px !important;
    row-gap:18px !important;
    padding:26px 28px 28px !important;
    padding-right:28px !important;
    padding-top:26px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.07), transparent 34%),
        linear-gradient(180deg, rgba(20,20,20,.98), rgba(7,7,7,.98)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.035) !important;
    overflow:hidden !important;
}
.playlist-remove-dialog::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg, rgba(210,14,42,.98), rgba(210,14,42,.22), transparent);
    pointer-events:none;
}
.playlist-remove-dialog .confirm-close.vt-close-x{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:0 !important;
    z-index:5 !important;
    background:rgba(10,10,10,.88) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.48) !important;
}
.playlist-remove-poster{
    grid-area:poster !important;
    width:92px !important;
    height:132px !important;
    align-self:start !important;
    border:1px solid rgba(255,255,255,.20) !important;
    box-shadow:5px 5px 0 rgba(0,0,0,.40) !important;
    background:rgba(0,0,0,.42) !important;
}
.playlist-remove-copy{
    grid-area:copy !important;
    align-self:center !important;
    min-width:0 !important;
    padding-right:54px !important;
}
.playlist-remove-copy h3{
    margin:0 0 8px !important;
    padding-right:0 !important;
    max-width:100% !important;
    font-size:clamp(1.62rem,3.3vw,2.22rem) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
    text-transform:uppercase !important;
}
.playlist-remove-copy p{
    margin:0 !important;
    max-width:34rem !important;
    color:rgba(255,255,255,.80) !important;
    font-size:1rem !important;
    line-height:1.34 !important;
    font-weight:750 !important;
}
.playlist-remove-copy small{
    display:inline-flex !important;
    align-items:center !important;
    max-width:100% !important;
    margin-top:10px !important;
    padding:5px 8px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.035) !important;
    color:rgba(255,255,255,.62) !important;
    font:900 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.playlist-remove-actions{
    grid-area:actions !important;
    display:grid !important;
    grid-template-columns:1fr 1.15fr 1.15fr !important;
    gap:10px !important;
    align-items:stretch !important;
    margin-top:2px !important;
}
.playlist-remove-actions button{
    width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    height:auto !important;
    padding:10px 12px !important;
    border-radius:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:.88rem !important;
    line-height:1.14 !important;
    letter-spacing:.045em !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}
.playlist-remove-actions .danger-button{
    font-size:.86rem !important;
}
.playlist-remove-actions button.is-disabled,
.playlist-remove-actions button:disabled{
    opacity:.58 !important;
    cursor:not-allowed !important;
}
@media(max-width:680px){
    .playlist-remove-dialog{
        width:min(520px,calc(100vw - 24px)) !important;
        grid-template-columns:68px minmax(0,1fr) !important;
        column-gap:13px !important;
        row-gap:14px !important;
        padding:22px 16px 18px !important;
        border-radius:14px !important;
    }
    .playlist-remove-dialog .confirm-close.vt-close-x{
        top:10px !important;
        right:10px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
    }
    .playlist-remove-poster{
        width:68px !important;
        height:98px !important;
    }
    .playlist-remove-copy{
        padding-right:38px !important;
        align-self:start !important;
        padding-top:2px !important;
    }
    .playlist-remove-copy h3{
        font-size:clamp(1.22rem,7vw,1.72rem) !important;
        line-height:1.02 !important;
        margin-bottom:6px !important;
    }
    .playlist-remove-copy p{
        font-size:.9rem !important;
        line-height:1.28 !important;
    }
    .playlist-remove-copy small{
        margin-top:7px !important;
        font-size:.56rem !important;
        max-width:100% !important;
    }
    .playlist-remove-actions{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    .playlist-remove-actions button{
        min-height:46px !important;
        padding:9px 10px !important;
        font-size:.82rem !important;
        line-height:1.12 !important;
    }
}
@media(max-width:390px){
    .playlist-remove-dialog{
        grid-template-columns:58px minmax(0,1fr) !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .playlist-remove-poster{
        width:58px !important;
        height:84px !important;
    }
    .playlist-remove-copy{
        padding-right:34px !important;
    }
}

/* v249: Trailerdeck-Skip, Archiv-Raster und mobile Hüllen-Kanten */
.player-stage{
    position:relative !important;
    overflow:hidden;
}
.player-skip-overlay{
    position:absolute;
    inset:0;
    z-index:30;
    display:grid;
    place-items:center;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.72));
    color:#fff;
    text-align:center;
    padding:18px;
}
.player-skip-overlay > div{
    display:grid;
    gap:7px;
    justify-items:center;
    max-width:min(92%, 320px);
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(5,5,5,.86);
    box-shadow:0 18px 42px rgba(0,0,0,.48);
}
.player-skip-overlay strong{
    font:1000 .92rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.player-skip-overlay span{
    color:#d6d6d6;
    font:.78rem/1.25 system-ui,sans-serif;
}
.player-skip-overlay b{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:999px;
    background:var(--red);
    color:#fff;
    font:1000 1.1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.playlist button.is-unavailable{
    opacity:.48;
    cursor:not-allowed;
    filter:grayscale(.45);
}
.card:not(.has-score)::after{
    display:none !important;
    content:"" !important;
}
.card.has-score::after{
    display:block !important;
    content:attr(data-score) !important;
}
@media (min-width:901px){
    .filter-rig #filterFacets.facet-grid{
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
        gap:14px !important;
    }
    .filter-rig .finder-row{
        display:grid !important;
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
        gap:14px !important;
        align-items:stretch !important;
    }
    .filter-rig .finder-row > .search-box:not(.archive-playlist-filter-box){
        grid-column:span 2 !important;
    }
    .filter-rig .finder-row > .archive-playlist-filter-box{
        grid-column:span 2 !important;
    }
    .filter-rig .finder-row > .strict-switch{
        grid-column:span 1 !important;
        min-width:0 !important;
    }
    .filter-rig .finder-row > label,
    .filter-rig .finder-row > .strict-switch{
        min-height:60px !important;
        height:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
    }
    .filter-rig .finder-row input,
    .filter-rig .finder-row select{
        width:100% !important;
        min-height:42px !important;
        box-sizing:border-box !important;
    }
    .filter-rig .finder-row .strict-switch{
        justify-content:center !important;
        padding:10px 12px !important;
    }
}
@media (max-width:900px){
    .filter-rig .finder-row,
    .filter-rig #filterFacets.facet-grid{
        grid-template-columns:1fr !important;
    }
}
@media (max-width:900px), (hover:none), (pointer:coarse){
    .shelf3d-face.top,
    .shelf3d-face.bottom{
        display:block !important;
        visibility:visible !important;
        pointer-events:auto !important;
        backface-visibility:visible !important;
        -webkit-backface-visibility:visible !important;
    }
}

/* v250: restore compact strict-filter checkbox inside the five-column archive filter grid */
@media (min-width:901px){
    .filter-rig .finder-row .strict-switch{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:12px !important;
        overflow:hidden !important;
    }
    .filter-rig .finder-row .strict-switch input[type="checkbox"]{
        width:18px !important;
        min-width:18px !important;
        max-width:18px !important;
        height:18px !important;
        min-height:18px !important;
        max-height:18px !important;
        flex:0 0 18px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        accent-color:var(--red) !important;
    }
    .filter-rig .finder-row .strict-switch span{
        display:block !important;
        flex:0 1 auto !important;
        min-width:0 !important;
        white-space:nowrap !important;
        line-height:1.1 !important;
    }
}

/* v251: strict-filter field aligned like the other archive filter controls */
.strict-filter-box{
    min-width:0;
    display:grid;
    gap:.45rem;
    color:var(--muted);
    font-size:.82rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.strict-filter-label{
    display:block;
    line-height:1.2;
}
.strict-filter-box .strict-switch{
    min-width:0;
    width:100%;
    height:60px;
    min-height:60px;
    box-sizing:border-box;
    margin:0;
    padding:0 26px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
}
@media (min-width:901px){
    .filter-rig .finder-row > .strict-filter-box{
        grid-column:span 1 !important;
        min-width:0 !important;
    }
    .filter-rig .finder-row .strict-filter-box .strict-switch{
        height:60px !important;
        min-height:60px !important;
        justify-content:flex-start !important;
        padding:0 26px !important;
    }
}
@media (max-width:900px){
    .strict-filter-box .strict-switch{
        height:54px;
        min-height:54px;
        padding:0 18px;
    }
}

/* v252: Modus-Feld auf die echte Eingabehöhe der Nachbarfelder reduzieren */
.strict-filter-box .strict-switch{
    height:calc(1.5em + 1.7rem + 2px) !important;
    min-height:calc(1.5em + 1.7rem + 2px) !important;
    padding:0 .9rem !important;
    align-items:center !important;
}
@media (min-width:901px){
    .filter-rig .finder-row .strict-filter-box .strict-switch{
        height:calc(1.5em + 1.7rem + 2px) !important;
        min-height:calc(1.5em + 1.7rem + 2px) !important;
        padding:0 .9rem !important;
    }
}
@media (max-width:900px){
    .strict-filter-box .strict-switch{
        height:calc(1.5em + 1.7rem + 2px) !important;
        min-height:calc(1.5em + 1.7rem + 2px) !important;
        padding:0 .9rem !important;
    }
}

/* v253: Playlist-Abo beenden + Sammel-Tags für Playlist-Filme */
.playlist-archive-actions .playlist-unsubscribe-button{
    width:var(--vt-playlist-square-w) !important;
    min-width:var(--vt-playlist-square-w) !important;
    max-width:var(--vt-playlist-square-w) !important;
    height:var(--vt-playlist-control-h) !important;
    min-height:var(--vt-playlist-control-h) !important;
    max-height:var(--vt-playlist-control-h) !important;
    flex:0 0 var(--vt-playlist-square-w) !important;
    padding:0 !important;
    border-radius:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    background:linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    border-color:rgba(255,255,255,.22) !important;
    font-size:1.75rem !important;
    line-height:1 !important;
    font-weight:900 !important;
}
.playlist-archive-actions .playlist-unsubscribe-button:hover,
.playlist-archive-actions .playlist-unsubscribe-button:focus-visible{
    transform:translateY(-1px);
    box-shadow:0 0 0 1px rgba(255,255,255,.25),0 10px 22px rgba(211,13,43,.22);
}
.playlist-bulk-tags{
    margin-top:2px;
    padding:14px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.22);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:end;
}
.playlist-bulk-tags-head{
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    gap:6px 12px;
    align-items:baseline;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.playlist-bulk-tags-head strong{
    font-size:.86rem;
}
.playlist-bulk-tags-head span{
    color:var(--muted);
    font-size:.72rem;
    letter-spacing:.04em;
}
.playlist-bulk-tags-fields{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    min-width:0;
}
.playlist-bulk-tags label{
    min-width:0;
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:.75rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.playlist-bulk-tags input{
    width:100%;
    min-width:0;
    height:var(--vt-playlist-control-h);
    border-radius:0;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.36);
    color:#fff;
    font-weight:800;
    padding:0 12px;
    text-transform:none;
    letter-spacing:0;
}
.playlist-bulk-save.save-icon-button{
    width:auto !important;
    min-width:var(--vt-playlist-control-h) !important;
    height:var(--vt-playlist-control-h) !important;
    min-height:var(--vt-playlist-control-h) !important;
    max-height:var(--vt-playlist-control-h) !important;
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 14px !important;
    border-radius:0 !important;
    white-space:nowrap;
}
.playlist-bulk-save .save-icon-picture{
    width:20px !important;
    height:20px !important;
}
@media(max-width:760px){
    .playlist-archive-actions .playlist-unsubscribe-button{
        width:var(--vt-playlist-square-w-mobile) !important;
        min-width:var(--vt-playlist-square-w-mobile) !important;
        max-width:var(--vt-playlist-square-w-mobile) !important;
        height:var(--vt-playlist-control-h-mobile) !important;
        min-height:var(--vt-playlist-control-h-mobile) !important;
        max-height:var(--vt-playlist-control-h-mobile) !important;
        flex-basis:var(--vt-playlist-square-w-mobile) !important;
    }
    .playlist-bulk-tags{
        grid-template-columns:1fr;
        padding:12px;
    }
    .playlist-bulk-tags-fields{
        grid-template-columns:1fr;
    }
    .playlist-bulk-tags input,
    .playlist-bulk-save.save-icon-button{
        height:var(--vt-playlist-control-h-mobile) !important;
        min-height:var(--vt-playlist-control-h-mobile) !important;
    }
    .playlist-bulk-save.save-icon-button{
        width:100% !important;
    }
}

/* v254: echter Speichern-Button mit icon-save.png */
.save-icon-button .save-icon-picture{
    display:block !important;
    background:center / contain no-repeat url('../img/ui/icon-save.png') !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
}
.save-icon-button .save-icon-picture::before,
.save-icon-button .save-icon-picture::after{
    content:none !important;
    display:none !important;
}
.playlist-bulk-save.save-icon-button{
    cursor:pointer !important;
}
.playlist-bulk-save.save-icon-button:disabled{
    cursor:wait !important;
    opacity:.55 !important;
}
.playlist-bulk-save.save-icon-button .save-icon-picture{
    width:22px !important;
    height:22px !important;
}

/* v255: Playlist-Abo Icons im Archiv, Regal bleibt Text (ABO/SUB) */
.vt-ui-icon-playlist-subscribe{background-image:url('../img/ui/icon-playlist-subscribe.png?v=255') !important;}
.vt-ui-icon-playlist-unsubscribe{background-image:url('../img/ui/icon-playlist-unsubscribe.png?v=255') !important;}
.playlist-archive-actions .playlist-subscribe-button,
.playlist-archive-actions .playlist-unsubscribe-button{
    font-size:1rem !important;
}
.playlist-archive-actions .playlist-subscribe-button .playlist-subscription-picture,
.playlist-archive-actions .playlist-unsubscribe-button .playlist-subscription-picture{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    vertical-align:0 !important;
    transform:none !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.38));
}
@media(max-width:760px){
    .playlist-archive-actions .playlist-subscribe-button .playlist-subscription-picture,
    .playlist-archive-actions .playlist-unsubscribe-button .playlist-subscription-picture{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        min-height:24px !important;
    }
}

/* v283: kompakter Playlist-Dropdown im Editor */
.editor-playlist-dropdown{
    position:relative;
    display:block;
}
.editor-playlist-summary{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.42);
    color:#fff;
    cursor:pointer;
    list-style:none;
    user-select:none;
    font-weight:900;
    letter-spacing:.035em;
    text-transform:uppercase;
}
.editor-playlist-summary::-webkit-details-marker{display:none;}
.editor-playlist-summary::after{
    content:'▾';
    color:#ff3355;
    font-size:.78rem;
    margin-left:auto;
    transform:translateY(-1px);
}
.editor-playlist-dropdown[open] .editor-playlist-summary::after{content:'▴';}
.editor-playlist-summary span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.editor-playlist-summary b{
    display:grid;
    place-items:center;
    min-width:30px;
    height:30px;
    padding:0 8px;
    border:1px solid rgba(255,51,85,.42);
    background:rgba(220,24,45,.22);
    color:#fff;
    font:900 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.editor-playlist-menu{
    display:grid;
    gap:8px;
    max-height:min(420px,58vh);
    overflow:auto;
    padding:8px;
    margin-top:8px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.30);
}
.editor-playlist-menu .meta-line{
    margin:0;
    padding:10px;
}
.editor-playlist-menu .editor-playlist-row{
    min-height:48px;
    padding:9px 12px;
}
.editor-playlist-create{
    align-items:stretch;
}
@media (max-width: 700px){
    .editor-playlist-summary{
        min-height:44px;
        font-size:.82rem;
    }
    .editor-playlist-menu{
        max-height:55vh;
    }
    .editor-playlist-create{
        display:grid;
    }
}

/* v259: English MPAA rating labels */
.editor-fsk-select .editor-rating-system-label{
    display:block;
    margin-bottom:.35rem;
}
.case-fsk.case-mpaa{
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.58));
}
.case-fsk.case-mpaa.front{
    width:136px !important;
    max-width:48% !important;
    right:.72rem !important;
    bottom:.78rem !important;
}
.case-back-actions .case-fsk.case-mpaa.back{
    width:112px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:48px !important;
    align-self:center !important;
    justify-self:end !important;
}
.fsk-badge.mpaa-badge img{
    width:150px;
    max-width:100%;
    height:auto;
    object-fit:contain;
}
@media (max-width:900px){
    .case-fsk.case-mpaa.front{
        width:118px !important;
        max-width:50% !important;
        right:.56rem !important;
        bottom:.62rem !important;
    }
    .case-back-actions .case-fsk.case-mpaa.back{
        width:94px !important;
        max-height:38px !important;
    }
}

/* v282: Like-Hinweise im Account + Daily-Digest-Status */
.account-like-update-row {
    grid-template-columns: auto 1fr auto;
    text-decoration: none;
}
.account-like-update-row .user-avatar.tiny,
.account-like-update-row .user-avatar {
    flex: 0 0 auto;
}

/* v297: gekapselte linksbündige Admin-Auswahl für Sammelmail-Testversand */
.admin-digest-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    align-items:center;
    justify-content:flex-start;
    margin:.65rem 0 .55rem;
}

.admin-digest-sample-toggle{
    display:grid;
    grid-template-columns:20px 1fr;
    gap:.55rem;
    align-items:start;
    margin:.35rem 0 .65rem;
    padding:.65rem .75rem;
    border:1px solid rgba(255,215,106,.30);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(255,215,106,.12),rgba(210,24,50,.07));
    color:#f7f7f7;
    cursor:pointer;
    text-align:left;
}
.admin-digest-sample-toggle input{
    width:16px;
    min-width:16px;
    height:16px;
    margin:.15rem 0 0;
    accent-color:#d21832;
}
.admin-digest-sample-toggle strong{
    display:block;
    color:#ffe3a1;
    font-size:.88rem;
    font-weight:950;
    line-height:1.15;
}
.admin-digest-sample-toggle small{
    display:block;
    margin-top:.18rem;
    color:#d6d6d6;
    font-size:.72rem;
    font-weight:700;
    line-height:1.35;
}

.admin-digest-recipient-box{
    max-height:315px;
    overflow:auto;
    display:grid;
    gap:.26rem;
    padding:.42rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(0,0,0,.22);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.admin-digest-recipient{
    display:grid;
    grid-template-columns:22px 32px minmax(115px,.75fr) minmax(190px,1.15fr) minmax(150px,.82fr) minmax(205px,1.15fr);
    gap:.52rem;
    align-items:center;
    min-height:38px;
    padding:.3rem .48rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(255,255,255,.035);
    cursor:pointer;
    text-align:left;
}
.admin-digest-recipient > *{
    justify-self:start;
}
.admin-digest-recipient-toggle{
    align-self:center;
}
.admin-digest-recipient-head{
    position:sticky;
    top:0;
    z-index:2;
    min-height:28px;
    padding-top:.22rem;
    padding-bottom:.22rem;
    border-color:rgba(255,255,255,.13);
    background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(8,8,10,.98));
    color:#ffbdc8;
    cursor:default;
    font-size:.66rem;
    font-weight:950;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.admin-digest-recipient:hover{
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.06);
}
.admin-digest-recipient-head:hover{
    border-color:rgba(255,255,255,.13);
    background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(8,8,10,.98));
}
.admin-digest-recipient.is-disabled{
    opacity:.52;
    cursor:not-allowed;
}
.admin-digest-recipient input.admin-digest-recipient-toggle{
    width:16px;
    min-width:16px;
    max-width:16px;
    height:16px;
    margin:0;
    accent-color:#d21832;
    cursor:pointer;
}
.admin-digest-recipient-avatar{
    width:30px;
    height:30px;
    border-radius:50%;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:#050507;
    border:1px solid #d21832;
    color:#ffbdc8;
    font-weight:900;
    font-size:.64rem;
}
.admin-digest-recipient-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.admin-digest-recipient-name,
.admin-digest-recipient-email,
.admin-digest-recipient-flags,
.admin-digest-recipient-open{
    min-width:0;
}
.admin-digest-recipient-name,
.admin-digest-recipient-email,
.admin-digest-recipient-open strong,
.admin-digest-recipient-open small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.admin-digest-recipient-name{
    color:#fff;
    font-size:.86rem;
    font-weight:950;
    line-height:1.08;
}
.admin-digest-recipient-email{
    color:#cfcfcf;
    font-size:.72rem;
    font-weight:750;
}
.admin-digest-recipient-flags{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:.34rem;
    flex-wrap:wrap;
}
.admin-digest-pill{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 .48rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#d9d9d9;
    font-size:.66rem;
    font-weight:950;
    line-height:1;
    white-space:nowrap;
}
.admin-digest-pill.is-on{
    border-color:rgba(126,255,156,.28);
    background:rgba(80,200,105,.12);
    color:#baffc9;
}
.admin-digest-pill.is-off{
    border-color:rgba(255,189,200,.20);
    background:rgba(210,24,50,.10);
    color:#ffbdc8;
}
.admin-digest-recipient-open{
    display:grid;
    gap:.12rem;
    justify-items:start;
    text-align:left;
}
.admin-digest-recipient-open strong{
    max-width:100%;
    min-height:22px;
    display:inline-flex;
    align-items:center;
    padding:0 .5rem;
    border-radius:999px;
    background:rgba(210,24,50,.16);
    color:#ffd1d8;
    font-size:.72rem;
    font-weight:950;
}
.admin-digest-recipient-open small{
    max-width:100%;
    color:#aaa;
    font-size:.66rem;
    font-weight:760;
    line-height:1.05;
}
@media (max-width:1040px){
    .admin-digest-recipient{
        grid-template-columns:22px 32px minmax(110px,.85fr) minmax(155px,1fr) minmax(150px,.9fr);
    }
    .admin-digest-recipient-open{
        grid-column:3 / -1;
    }
    .admin-digest-recipient-head span:nth-child(6){
        display:none;
    }
}
@media (max-width:700px){
    .admin-digest-recipient-head{display:none;}
    .admin-digest-recipient{
        grid-template-columns:22px 30px minmax(0,1fr);
        gap:.42rem;
        align-items:start;
        padding:.46rem;
    }
    .admin-digest-recipient-email,
    .admin-digest-recipient-flags,
    .admin-digest-recipient-open{
        grid-column:3;
    }
    .admin-digest-recipient-name{padding-top:.08rem;}
    .admin-digest-recipient-email{
        white-space:normal;
        overflow-wrap:anywhere;
    }
    .admin-digest-recipient-open strong,
    .admin-digest-recipient-open small{
        white-space:normal;
    }
}

/* v304: Account-Hinweise nach oben + klarerer Regal-Finder */
.account-notification-stack{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
}
.account-notification-stack > .account-card{
    min-height:100% !important;
}
.account-notification-stack .account-card-headline h3{
    line-height:1.08 !important;
}
.account-notification-stack .account-subscription-update-list,
.account-notification-stack .account-pending-comments-list{
    max-height:340px;
    overflow:auto;
    padding-right:2px;
}

.shelf-title-actions{
    min-width:min(100%,680px) !important;
}
.shelf-top-switch{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex:0 0 auto !important;
}
.shelf-top-button{
    height:56px !important;
    min-height:56px !important;
    padding:0 14px !important;
    border-radius:4px !important;
    border-color:rgba(255,255,255,.16) !important;
    background:rgba(10,10,10,.92) !important;
    box-shadow:4px 4px 0 rgba(0,0,0,.52) !important;
    font-size:.78rem !important;
    font-weight:950 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
.shelf-top-button.is-active{
    border-color:rgba(210,24,50,.78) !important;
    background:linear-gradient(135deg,rgba(210,24,50,.26),rgba(10,10,10,.94)) !important;
    color:#fff !important;
}

.shelf-discovery{
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,0,0,.18)) !important;
}
.shelf-discovery .public-shelf-head{
    align-items:flex-start !important;
}
.shelf-discovery-help{
    margin:.35rem 0 0 !important;
    max-width:780px !important;
    color:rgba(255,255,255,.70) !important;
    font-size:.9rem !important;
    line-height:1.38 !important;
}
.shelf-discovery-grid-clean{
    grid-template-columns:minmax(220px,1fr) minmax(260px,1.15fr) minmax(320px,1.35fr) !important;
    align-items:stretch !important;
}
.shelf-finder-block{
    display:grid !important;
    gap:8px !important;
    align-content:start !important;
    padding:12px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:14px !important;
    background:rgba(0,0,0,.18) !important;
    min-width:0 !important;
}
.shelf-finder-block label{
    display:grid !important;
    gap:6px !important;
    min-width:0 !important;
    font-weight:900 !important;
    color:#f2f2f2 !important;
}
.shelf-finder-block small{
    display:block !important;
    color:rgba(255,255,255,.58) !important;
    font-size:.76rem !important;
    line-height:1.25 !important;
}
.shelf-discovery-grid-clean .public-shelf-tag-form{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
}
.shelf-discovery-grid-clean .public-shelf-tag-form small{
    grid-column:1 / -1 !important;
}
.shelf-discovery-status{
    padding:10px 12px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:12px !important;
    background:rgba(0,0,0,.16) !important;
}

@media(max-width:1180px){
    .account-notification-stack{
        grid-template-columns:1fr !important;
    }
    .shelf-title-actions{
        min-width:0 !important;
        flex-wrap:wrap !important;
    }
    .shelf-top-switch{
        order:1 !important;
    }
    .shelf-title-actions .shelf-sort-control{
        order:2 !important;
        flex:1 1 280px !important;
        width:auto !important;
        max-width:none !important;
    }
    .shelf-title-actions .page-deck-button{
        order:3 !important;
    }
    .shelf-discovery-grid-clean{
        grid-template-columns:1fr 1fr !important;
    }
    .shelf-discovery-grid-clean .public-shelf-tag-form{
        grid-column:1 / -1 !important;
    }
}
@media(max-width:760px){
    .shelf-top-switch{
        width:100% !important;
    }
    .shelf-top-button{
        flex:1 1 0 !important;
        height:48px !important;
        min-height:48px !important;
        padding:0 10px !important;
        font-size:.72rem !important;
    }
    .shelf-discovery-grid-clean{
        grid-template-columns:1fr !important;
    }
    .shelf-discovery-grid-clean .public-shelf-tag-form{
        grid-template-columns:1fr !important;
        grid-column:auto !important;
    }
}

/* v306: Account-Einladungsblock – kompakter, ohne seitliches Abschneiden */
.account-invite-card{
    overflow:hidden !important;
}
.account-invite-card .account-card-headline{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:12px 18px !important;
}
.account-invite-card .account-card-headline h3{
    max-width:100% !important;
    font-size:clamp(1.22rem,2.25vw,1.62rem) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
    overflow-wrap:normal !important;
    text-wrap:balance;
}
.account-invite-card .account-card-headline > span{
    align-self:start !important;
    border-radius:12px !important;
    padding:10px 14px !important;
    white-space:nowrap !important;
}
.account-invite-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
.account-invite-actions .account-invite-action{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:72px !important;
    height:auto !important;
    padding:12px 12px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    text-align:left !important;
    line-height:1.05 !important;
    letter-spacing:.02em !important;
    white-space:normal !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.24) !important;
}
.account-invite-actions .account-invite-action-primary{
    background:linear-gradient(135deg,var(--red),#a51225) !important;
    border-color:rgba(255,84,110,.72) !important;
}
.account-invite-actions .ghost-button.account-invite-action{
    background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(4,4,4,.98)) !important;
    border-color:rgba(255,255,255,.15) !important;
}
.account-invite-actions .account-invite-action:hover{
    transform:translateY(-1px);
    border-color:rgba(255,255,255,.28) !important;
}
.account-invite-action-icon{
    flex:0 0 32px !important;
    width:32px !important;
    height:32px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    font-size:1rem !important;
    line-height:1 !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
.account-invite-action-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:grid !important;
    gap:3px !important;
}
.account-invite-action-copy strong{
    display:block !important;
    max-width:100% !important;
    color:#fff !important;
    font-size:clamp(.78rem,1vw,.94rem) !important;
    font-weight:950 !important;
    line-height:1.02 !important;
    text-transform:uppercase !important;
    letter-spacing:.028em !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
}
.account-invite-action-copy small{
    display:block !important;
    max-width:100% !important;
    color:rgba(255,255,255,.66) !important;
    font-size:clamp(.62rem,.78vw,.70rem) !important;
    font-weight:850 !important;
    line-height:1.12 !important;
    text-transform:uppercase !important;
    letter-spacing:.065em !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
}
.account-invite-actions .account-invite-action-primary .account-invite-action-copy small{
    color:rgba(255,255,255,.84) !important;
}
@media(max-width:760px){
    .account-invite-actions{
        grid-template-columns:1fr !important;
    }
    .account-invite-actions .account-invite-action{
        min-height:62px !important;
    }
}
@media(max-width:620px){
    .account-invite-card .account-card-headline{
        grid-template-columns:1fr !important;
    }
    .account-invite-card .account-card-headline > span{
        justify-self:start !important;
    }
    .account-invite-card .account-card-headline h3{
        font-size:clamp(1.14rem,7vw,1.48rem) !important;
        letter-spacing:-.04em !important;
    }
}
@media(max-width:420px){
    .account-invite-actions .account-invite-action{
        gap:9px !important;
        padding:11px 10px !important;
    }
    .account-invite-action-icon{
        flex-basis:30px !important;
        width:30px !important;
        height:30px !important;
    }
}

/* v307: Admin-Standard-Einladungstexte + echte Text-Löschbuttons in Popup-Dialogen */
.admin-invitation-default-card textarea{
    min-height:190px;
    resize:vertical;
    line-height:1.35;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.admin-invitation-text-grid{
    align-items:stretch;
}
.admin-invitation-text-grid label{
    display:flex;
    flex-direction:column;
}
.admin-invitation-text-grid textarea{
    flex:1 1 auto;
}
.confirm-actions .confirm-cancel-button,
.confirm-actions .confirm-delete-button,
.confirm-actions .confirm-ok-button{
    width:auto !important;
    min-width:150px !important;
    height:auto !important;
    min-height:54px !important;
    border-radius:0 !important;
    padding:13px 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font:900 .92rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
}
.confirm-actions .confirm-delete-button{
    background:linear-gradient(180deg,rgba(214,20,48,.98),rgba(125,0,22,.98)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(200,0,30,.24) !important;
}
.confirm-actions .confirm-delete-button:hover,
.confirm-actions .confirm-delete-button:focus-visible{
    filter:brightness(1.08) !important;
    transform:translateY(-1px);
}
@media(max-width:680px){
    .admin-invitation-text-grid{grid-template-columns:1fr !important;}
    .confirm-actions .confirm-cancel-button,
    .confirm-actions .confirm-delete-button,
    .confirm-actions .confirm-ok-button{
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
    }
}

/* v309: Filmbezogene Kommentare in Discover-/Regal-Popups */
.public-detail-comment-toggle{
    min-width:150px;
    min-height:42px;
    border-radius:13px;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-weight:900;
}
.public-detail-comment-box[hidden]{display:none!important;}
.public-movie-comment-form{
    display:grid;
    gap:9px;
    margin-top:8px;
    padding:11px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:16px;
    background:rgba(0,0,0,.28);
}
.public-movie-comment-head{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.public-movie-comment-head small,
.comment-movie-copy small{
    display:block;
    color:#ffb7c4;
    font-size:.66rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.11em;
}
.public-movie-comment-head strong,
.comment-movie-copy strong{
    display:block;
    color:#fff;
    line-height:1.08;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-movie-comment-cover,
.comment-movie-cover{
    display:grid;
    place-items:center;
    width:38px;
    min-width:38px;
    height:54px;
    border-radius:8px;
    overflow:hidden;
    background:#07080a;
    border:1px solid rgba(255,255,255,.13);
    color:#777;
    font-weight:1000;
}
.public-movie-comment-cover img,
.comment-movie-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.public-movie-comment-form textarea{
    width:100%;
    min-height:76px;
    resize:vertical;
    border-radius:12px;
}
.public-movie-comment-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}
.public-movie-comment-actions .ghost-button,
.public-movie-comment-actions .danger-button{
    min-height:36px;
    padding-inline:14px;
}
.public-movie-comment-form > small{
    color:#aaa;
    font-size:.72rem;
    line-height:1.25;
}
.comment-movie-context{
    display:flex;
    align-items:center;
    gap:9px;
    width:100%;
    min-width:0;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(210,24,50,.16),rgba(0,0,0,.20));
    color:#fff;
    text-align:left;
    cursor:pointer;
}
.comment-movie-context:hover,
.comment-movie-context:focus-visible{
    border-color:rgba(255,108,130,.45);
    background:linear-gradient(135deg,rgba(210,24,50,.23),rgba(0,0,0,.28));
}
.comment-movie-copy{
    min-width:0;
    flex:1 1 auto;
}
.comment-movie-copy em{
    display:block;
    margin-top:2px;
    color:#aaa;
    font-style:normal;
    font-size:.72rem;
    font-weight:800;
}
.shelf-comments-more{
    justify-self:center;
    min-height:34px;
    padding:0 13px;
    border-radius:12px;
    font-size:.78rem;
}
.shelf-comments-more span{
    display:inline-grid;
    place-items:center;
    min-width:22px;
    height:22px;
    margin-left:6px;
    border-radius:999px;
    background:rgba(210,24,50,.22);
    color:#fff;
}
@media (max-width:760px){
    .public-detail-actions .danger-button,
    .public-detail-comment-toggle{min-width:0;flex:1 1 150px;}
    .public-movie-comment-actions{display:grid;grid-template-columns:1fr;}
}

/* v310: Kommentar-Autoren verlinken + Popup-Kommentarbutton an Archivbutton angleichen */
.shelf-comment-author-link{
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    margin:0 !important;
    color:inherit !important;
    text-align:left !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    cursor:pointer;
    border-radius:8px;
}
.shelf-comment-author-link:hover,
.shelf-comment-author-link:focus-visible{
    color:#fff !important;
    background:rgba(255,255,255,.055) !important;
    outline:1px solid rgba(220,24,48,.45);
    outline-offset:3px;
}
.shelf-comment-author-link:hover strong,
.shelf-comment-author-link:focus-visible strong{
    color:#fff;
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:3px;
}
.public-detail-actions .public-detail-comment-toggle{
    border-radius:0 !important;
    min-width:160px;
    min-height:44px;
    padding:.85rem 1rem;
    justify-content:center;
}


/* v311: Filmkommentar kompakter neben Filmbezug + Trailer Deck startet immer stumm */
.shelf-comment-body.is-movie-comment{
    display:grid;
    grid-template-columns:minmax(220px,340px) minmax(0,1fr);
    gap:12px;
    align-items:stretch;
    min-width:0;
}
.shelf-comment-body.is-movie-comment .comment-movie-context{
    height:100%;
    min-height:72px;
}
.shelf-comment-body.is-movie-comment .shelf-comment-text{
    align-self:center;
    min-width:0;
    margin:0 !important;
    padding:8px 2px 8px 0;
}
@media (max-width:760px){
    .shelf-comment-body.is-movie-comment{
        display:grid;
        grid-template-columns:1fr;
        gap:7px;
    }
    .shelf-comment-body.is-movie-comment .comment-movie-context{
        min-height:0;
        height:auto;
    }
    .shelf-comment-body.is-movie-comment .shelf-comment-text{
        padding:0;
    }
}

/* v313: Panel-Persistenz, Playlist-Rating, Kommentarlinks, Wartungs-Sticker */
.public-detail-comment-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0.75rem 0 0.95rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.35);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035);
}
.public-detail-comment-summary strong {
    font-size: 0.88rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.public-detail-comment-summary button {
    appearance: none;
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(200,25,46,0.18);
    color: #fff;
    padding: 0.5rem 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    cursor: pointer;
}
.public-detail-comment-summary button:hover,
.public-detail-comment-summary button:focus-visible {
    border-color: rgba(255,255,255,0.42);
    background: rgba(200,25,46,0.38);
}

.playlist-archive-row .playlist-row-rating {
    justify-self: end;
    align-self: center;
    min-width: 7.1rem;
    height: 2.2rem;
    padding: 0.2rem 0.35rem;
    border-color: rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.22);
}
.playlist-archive-row .playlist-row-rating .star-unit {
    font-size: 1rem;
}
.playlist-archive-row .playlist-row-rating-placeholder {
    opacity: 0;
    pointer-events: none;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row .playlist-row-rating {
    justify-self: start;
    margin-top: 0.45rem;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) {
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x {
    grid-column: 3 / 4 !important;
    grid-row: 1 / 2 !important;
    justify-self: end !important;
    align-self: center !important;
    margin-left: auto !important;
    position: static !important;
}

.maintenance-sticker {
    position: fixed;
    top: 7.2rem;
    right: 1.4rem;
    z-index: 2147482500;
    display: grid;
    gap: 0.2rem;
    min-width: 13.5rem;
    padding: 1rem 1.1rem;
    border: 3px solid rgba(255,255,255,0.92);
    background: linear-gradient(145deg, #ff1c32 0%, #9b0015 100%);
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,0.58), 0 0 0 6px rgba(200,25,46,0.25);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    transform: rotate(-4deg);
    cursor: grab;
    user-select: none;
}
.maintenance-sticker strong {
    font-size: clamp(1.1rem, 2.2vw, 1.75rem);
    line-height: 1;
    text-shadow: 0 2px 0 rgba(0,0,0,0.42);
}
.maintenance-sticker span {
    font-size: 0.76rem;
    font-weight: 900;
    opacity: 0.92;
}
.maintenance-sticker.is-dragging {
    cursor: grabbing;
    transform: rotate(-2deg) scale(1.02);
}

@media (max-width: 720px) {
    .public-detail-dialog .public-detail-actions {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0.45rem !important;
        width: 100% !important;
        margin-top: 0.9rem !important;
    }
    .public-detail-dialog .public-detail-actions > *,
    .public-detail-dialog .public-detail-actions > .movie-like-hover > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 3.45rem !important;
        min-height: 3.45rem !important;
        margin: 0 !important;
        padding: 0.35rem 0.25rem !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 0.68rem !important;
        line-height: 1.1 !important;
    }
    .public-detail-dialog .public-detail-actions > .movie-like-hover {
        width: 100% !important;
        min-width: 0 !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-share-button,
    .public-detail-dialog .public-detail-actions .public-detail-like-button {
        font-size: 1.2rem !important;
    }
    .public-detail-comment-summary {
        align-items: stretch;
        flex-direction: column;
        gap: 0.55rem;
    }
    .public-detail-comment-summary button {
        width: 100%;
    }
    .playlist-archive-row .playlist-row-rating {
        grid-column: 2 / -2;
        justify-self: start;
        width: min(8rem, 100%);
        min-width: 0;
        margin-top: 0.25rem;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) {
        grid-template-columns: 46px minmax(0, 1fr) 44px !important;
        align-items: center !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main {
        grid-column: 2 / 3 !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x {
        grid-column: 3 / 4 !important;
        grid-row: 1 / 2 !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row .playlist-row-rating {
        grid-column: 1 / -1;
        width: 8rem;
    }
    .maintenance-sticker {
        top: 5.8rem;
        right: 0.8rem;
        min-width: 10.5rem;
        padding: 0.85rem 0.9rem;
    }
}

.playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) {
    grid-template-columns: 58px minmax(0, 1fr) auto 7.4rem 38px !important;
}
@media (max-width: 720px) {
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) {
        grid-template-columns: 46px minmax(0, 1fr) 44px !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-title {
        grid-column: 2 / 3;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-row-rating {
        grid-column: 2 / 3;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-remove.vt-delete-x {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
        justify-self: end;
    }
}

/* v314: kompakter Kommentarverweis, mobiler Discover-Buttonraster, einsprachiger Wartungssticker, kompakte Watchlist */
.public-detail-actions{
    align-items:center !important;
}
.public-detail-actions .public-detail-add-button,
.public-detail-actions .public-detail-comment-toggle{
    flex:0 1 auto;
}
.public-detail-comment-summary{
    appearance:none;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.35rem !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:92px !important;
    min-height:44px !important;
    height:44px !important;
    margin:0 !important;
    padding:.38rem .62rem !important;
    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.30) !important;
    color:#f2f2f2 !important;
    box-shadow:3px 3px 0 rgba(0,0,0,.50) !important;
    cursor:pointer !important;
    text-align:center !important;
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
    line-height:1 !important;
}
.public-detail-comment-summary strong{
    font-size:.86rem !important;
    letter-spacing:.02em !important;
    line-height:1 !important;
}
.public-detail-comment-summary span{
    font-size:.58rem !important;
    font-weight:1000 !important;
    color:rgba(255,255,255,.72) !important;
    line-height:1 !important;
}
.public-detail-comment-summary:hover,
.public-detail-comment-summary:focus-visible{
    border-color:rgba(255,255,255,.42) !important;
    background:rgba(200,25,46,.24) !important;
    color:#fff !important;
}
.maintenance-sticker{
    touch-action:none !important;
    -webkit-user-select:none !important;
    user-select:none !important;
    will-change:left, top, transform;
}
.maintenance-sticker strong{
    font-size:clamp(1rem,2vw,1.55rem) !important;
}
.maintenance-sticker span{
    font-size:.70rem !important;
}

.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly){
    grid-template-columns:58px minmax(0,1fr) 38px !important;
    gap:10px !important;
    align-items:center !important;
    min-height:86px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-image{
    width:52px !important;
    height:68px !important;
    border-radius:9px !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    grid-template-areas:"title rating fields" !important;
    gap:8px 10px !important;
    align-items:center !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title{
    grid-area:title !important;
    min-width:0 !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title strong{
    font-size:.90rem !important;
    line-height:1.08 !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title small{
    font-size:.70rem !important;
    line-height:1.12 !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-row-rating{
    grid-area:rating !important;
    justify-self:end !important;
    align-self:center !important;
    width:7rem !important;
    min-width:7rem !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 .25rem !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-row-rating .star-unit{
    font-size:.92rem !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
    grid-area:fields !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    min-width:0 !important;
    gap:6px !important;
    margin:0 !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields label{
    height:34px !important;
    min-height:34px !important;
    padding:0 6px !important;
    font-size:.64rem !important;
    letter-spacing:.035em !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields input[type="date"],
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields .watchlist-date-input{
    width:124px !important;
    height:26px !important;
    min-height:26px !important;
    font-size:.68rem !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x{
    grid-column:3 / 4 !important;
    grid-row:1 / 2 !important;
    justify-self:end !important;
    align-self:center !important;
    width:36px !important;
    min-width:36px !important;
    height:48px !important;
    min-height:48px !important;
    position:static !important;
}
@media(max-width:1120px){
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-areas:"title rating" "fields fields" !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        min-height:92px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
        justify-content:flex-start !important;
    }
}
@media(max-width:720px){
    .public-detail-dialog .public-detail-actions{
        display:grid !important;
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
        gap:.45rem !important;
        width:100% !important;
        margin-top:.75rem !important;
    }
    .public-detail-dialog .public-detail-actions > *,
    .public-detail-dialog .public-detail-actions > .movie-like-hover > *{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:3.25rem !important;
        min-height:3.25rem !important;
        margin:0 !important;
        padding:.32rem .22rem !important;
        justify-content:center !important;
        text-align:center !important;
        line-height:1.06 !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-share-button{
        grid-column:span 2 !important;
        font-size:1.12rem !important;
    }
    .public-detail-dialog .public-detail-actions > .movie-like-hover{
        grid-column:span 2 !important;
        width:100% !important;
        min-width:0 !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-add-button{
        grid-column:span 2 !important;
        font-size:.62rem !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-comment-toggle{
        grid-column:span 3 !important;
        font-size:.70rem !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-comment-summary{
        grid-column:span 3 !important;
        display:grid !important;
        grid-template-columns:auto auto !important;
        gap:.35rem !important;
        font-size:.62rem !important;
        box-shadow:2px 2px 0 rgba(0,0,0,.48) !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-comment-summary strong{
        font-size:.86rem !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-comment-summary span{
        font-size:.56rem !important;
    }
    .maintenance-sticker{
        top:5.35rem;
        right:.6rem;
        min-width:9.6rem;
        padding:.72rem .78rem;
        transform:rotate(-2deg);
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        grid-template-columns:42px minmax(0,1fr) 32px !important;
        gap:7px !important;
        min-height:76px !important;
        padding:7px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-image{
        width:42px !important;
        height:56px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-areas:"title rating" "fields fields" !important;
        gap:4px 7px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title strong{
        font-size:.76rem !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-title small{
        font-size:.58rem !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-row-rating{
        width:6.2rem !important;
        min-width:6.2rem !important;
        height:26px !important;
        min-height:26px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-row-rating .star-unit{
        font-size:.78rem !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:4px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields label{
        height:24px !important;
        min-height:24px !important;
        padding:0 4px !important;
        font-size:.50rem !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields input[type="date"],
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .watchlist-row-fields .watchlist-date-input{
        width:100% !important;
        height:20px !important;
        min-height:20px !important;
        font-size:.56rem !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x{
        width:30px !important;
        min-width:30px !important;
        height:56px !important;
        min-height:56px !important;
    }
}
@media(max-width:390px){
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-areas:"title" "rating" "fields" !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly){
        min-height:104px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-row-rating{
        justify-self:start !important;
    }
}

/* v315: Wartungsmodus sperrt Schreibaktionen, mobiler Discover-Buttonrestplatz, TMDb statt rechtem Filmjahr */
.playlist-archive-row-tmdb{
    color:rgba(255,255,255,.78) !important;
    font-weight:900 !important;
    letter-spacing:.035em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
@media(max-width:720px){
    .public-detail-dialog .public-detail-actions .public-detail-share-button{
        grid-column:span 2 !important;
    }
    .public-detail-dialog .public-detail-actions > .movie-like-hover{
        grid-column:span 1 !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-like-button{
        font-size:1.1rem !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-add-button{
        grid-column:span 3 !important;
        width:100% !important;
        max-width:none !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-comment-toggle,
    .public-detail-dialog .public-detail-actions .public-detail-comment-summary{
        grid-column:span 3 !important;
    }
}

/* v316: Watchlist-TMDb nur Desktop + normale Playlist-Sterne mobil entkoppelt */
.watchlist-row-tmdb-rating{
    grid-area:tmdb !important;
    justify-self:end !important;
    align-self:center !important;
    min-width:4.8rem !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 .48rem !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(0,0,0,.20) !important;
    color:rgba(255,255,255,.80) !important;
    font:900 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
.playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
    grid-template-columns:minmax(0,1fr) auto auto auto !important;
    grid-template-areas:"title tmdb rating fields" !important;
}
@media(max-width:1120px) and (min-width:721px){
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
        grid-template-columns:minmax(0,1fr) auto auto !important;
        grid-template-areas:"title tmdb rating" "fields fields fields" !important;
    }
}
@media(max-width:720px){
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly){
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) 32px !important;
        grid-template-rows:auto auto !important;
        grid-template-areas:"poster title remove" "poster rating remove" !important;
        align-items:center !important;
        gap:3px 7px !important;
        min-height:68px !important;
        overflow:hidden !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-image{
        grid-area:poster !important;
        align-self:center !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-title{
        grid-area:title !important;
        align-self:end !important;
        min-width:0 !important;
        padding-right:2px !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-title strong,
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-title small{
        display:block !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-tmdb,
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-year{
        display:none !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-row-rating{
        grid-area:rating !important;
        grid-column:auto !important;
        grid-row:auto !important;
        justify-self:start !important;
        align-self:start !important;
        width:auto !important;
        min-width:6.6rem !important;
        max-width:7.2rem !important;
        height:24px !important;
        min-height:24px !important;
        margin:0 !important;
        padding:0 .2rem !important;
        position:static !important;
        z-index:1 !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-row-rating .star-unit{
        font-size:.76rem !important;
    }
    .playlist-archive-row:not(.is-watchlist-row):not(.is-readonly) .playlist-archive-row-remove.vt-delete-x{
        grid-area:remove !important;
        grid-column:auto !important;
        grid-row:auto !important;
        justify-self:end !important;
        align-self:center !important;
        width:30px !important;
        min-width:30px !important;
        height:48px !important;
        min-height:48px !important;
        position:static !important;
    }
    .watchlist-row-tmdb-rating{
        display:none !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchlist-row:not(.is-readonly) .playlist-archive-row-main{
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-areas:"title rating" "fields fields" !important;
    }
}

/* v317: zweisprachige Wartungsmeldung + Emoji-Leiste für Desktop-Kommentare */
.comment-emoji-toolbar{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    min-width:0;
}
.comment-emoji-button{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    padding:0;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    color:#fff;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;
    font-size:1.05rem;
    line-height:1;
    cursor:pointer;
}
.comment-emoji-button:hover,
.comment-emoji-button:focus-visible{
    border-color:rgba(255,210,98,.55);
    background:rgba(255,210,98,.14);
    transform:translateY(-1px);
}
.shelf-comment-form .comment-emoji-toolbar{
    justify-content:flex-end;
}
.comment-reply-dialog .comment-emoji-toolbar,
.public-movie-comment-form .comment-emoji-toolbar{
    justify-content:flex-start;
}
@media (max-width:760px){
    .comment-emoji-toolbar{display:none!important;}
}

/* v318: normale Playlists wie Watchlist: saubere mobile Zeilen + hübsche TMDb-Badges */
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly){
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) 38px !important;
    gap:10px !important;
    align-items:center !important;
    min-height:86px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    overflow:hidden !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-image{
    grid-column:1 / 2 !important;
    grid-row:1 / 2 !important;
    width:52px !important;
    min-width:52px !important;
    height:68px !important;
    border-radius:9px !important;
    align-self:center !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-main{
    grid-column:2 / 3 !important;
    grid-row:1 / 2 !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"title score" !important;
    gap:8px 10px !important;
    align-items:center !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-title{
    grid-area:title !important;
    min-width:0 !important;
    display:grid !important;
    gap:3px !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-title strong{
    font-size:.90rem !important;
    line-height:1.08 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    white-space:normal !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-title small{
    font-size:.70rem !important;
    line-height:1.12 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-scoreline{
    grid-area:score !important;
    justify-self:end !important;
    align-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    min-width:0 !important;
    max-width:100% !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-tmdb-rating{
    min-width:4.8rem !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 .48rem !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(0,0,0,.20) !important;
    color:rgba(255,255,255,.80) !important;
    font:900 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-rating{
    position:static !important;
    grid-column:auto !important;
    grid-row:auto !important;
    justify-self:end !important;
    align-self:center !important;
    width:7rem !important;
    min-width:7rem !important;
    max-width:7rem !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 .25rem !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(0,0,0,.20) !important;
    box-sizing:border-box !important;
    z-index:1 !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-rating .star-rating-stars{
    width:100% !important;
    justify-content:center !important;
    gap:4px !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-rating .star-unit{
    font-size:.92rem !important;
}
.playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x{
    grid-column:3 / 4 !important;
    grid-row:1 / 2 !important;
    justify-self:end !important;
    align-self:center !important;
    width:36px !important;
    min-width:36px !important;
    height:48px !important;
    min-height:48px !important;
    position:static !important;
}
@media(max-width:1120px) and (min-width:721px){
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-main{
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-areas:"title" "score" !important;
        gap:5px !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-scoreline{
        justify-self:start !important;
    }
}
@media(max-width:720px){
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly){
        grid-template-columns:42px minmax(0,1fr) 32px !important;
        gap:7px !important;
        align-items:center !important;
        min-height:76px !important;
        padding:7px !important;
        border-radius:14px !important;
        overflow:hidden !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-image{
        width:42px !important;
        min-width:42px !important;
        height:56px !important;
        border-radius:9px !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-main{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-areas:"title" "score" !important;
        gap:4px !important;
        align-items:center !important;
        overflow:hidden !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-title strong{
        font-size:.76rem !important;
        line-height:1.08 !important;
        white-space:nowrap !important;
        display:block !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-title small{
        font-size:.58rem !important;
        line-height:1.12 !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-scoreline{
        justify-self:start !important;
        align-self:start !important;
        display:flex !important;
        max-width:100% !important;
        overflow:hidden !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-tmdb-rating{
        display:none !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-rating{
        width:6.2rem !important;
        min-width:6.2rem !important;
        max-width:6.2rem !important;
        height:26px !important;
        min-height:26px !important;
        padding:0 .18rem !important;
        margin:0 !important;
        align-self:start !important;
        justify-self:start !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-rating .star-rating-stars{
        gap:3px !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-row-rating .star-unit{
        font-size:.78rem !important;
    }
    .playlist-archive-row.is-normal-playlist-row:not(.is-readonly) .playlist-archive-row-remove.vt-delete-x{
        width:30px !important;
        min-width:30px !important;
        height:56px !important;
        min-height:56px !important;
    }
}


/* v320: kleine öffentliche Versionsanzeige */
.site-version {
    margin: 0 0 8px;
    color: rgba(255,255,255,.34);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
}
@media (max-width: 900px) {
    .site-version {
        margin: 0 4px 8px;
        text-align: center;
    }
}

/* v321: Admin Playlist-Abo-Zuweisung */
.admin-playlist-assignment {
    margin: 16px 0 18px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
}
.admin-playlist-assignment-list {
    display: grid;
    gap: 8px;
    max-height: 280px;
    overflow: auto;
    padding: 4px 4px 2px;
}
.admin-playlist-assignment-row {
    align-items: flex-start;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(0,0,0,.18);
    padding: 10px 12px;
}
.admin-playlist-assignment-row span {
    display: grid;
    gap: 3px;
}
.admin-playlist-assignment-row small {
    color: rgba(255,255,255,.58);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .03em;
}


/* Admin stats / quick links */
.admin-top-links {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
}
.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}
.admin-stat-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    padding: 1rem;
    background: rgba(0,0,0,.28);
    box-shadow: 0 12px 32px rgba(0,0,0,.24);
}
.admin-stat-card strong {
    display: block;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1;
    margin: .25rem 0;
}
.admin-stats-table-wrap {
    overflow: auto;
    max-width: 100%;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.1);
}
.admin-stats-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}
.admin-stats-table th,
.admin-stats-table td {
    padding: .7rem .8rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    text-align: left;
    vertical-align: top;
}
.admin-stats-table th {
    color: #fff;
    background: rgba(255,255,255,.06);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.admin-stats-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .75rem 0 0;
}
.admin-stats-pill {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    padding: .35rem .6rem;
    background: rgba(255,255,255,.06);
    font-size: .85rem;
}
.admin-stats-muted {
    color: rgba(255,255,255,.66);
    font-size: .86rem;
}

/* Account blocking */
.account-blocked-card {
    border-color: rgba(255,255,255,.14);
}
.account-blocked-list {
    display: grid;
    gap: .7rem;
    margin-top: .85rem;
}
.account-blocked-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .85rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    padding: .7rem;
    background: rgba(0,0,0,.24);
}
.account-blocked-user {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}
.account-blocked-user > span {
    display: grid;
    gap: 2px;
}
.account-blocked-user small {
    color: rgba(255,255,255,.58);
    font-size: .78rem;
}
.account-unblock-button,
.shelf-owner-block-button {
    white-space: nowrap;
}
.shelf-owner-block-button.is-active {
    border-color: rgba(255,255,255,.36);
    background: rgba(255,255,255,.14);
}

/* Admin create account */
.admin-create-account-form {
    display: grid;
    gap: 1rem;
}
.admin-create-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}
.admin-create-wide {
    grid-column: 1 / -1;
}
.admin-create-password-row {
    display: flex;
    gap: .6rem;
    align-items: flex-end;
}
.admin-create-password-row label {
    flex: 1 1 auto;
}
.admin-create-password-row .ghost-button {
    margin-bottom: 0;
}
.admin-create-checkboxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .65rem;
}
@media (max-width: 680px) {
    .account-blocked-row,
    .admin-create-password-row {
        align-items: stretch;
        flex-direction: column;
    }
}

/* v330: Admin-Moderation, Account-Sperren, verbotene Wörter/Tags + Blockierdialog */
.shelf-owner-block-panel {
    display: flex;
    justify-content: flex-end;
    margin: .55rem 0 1rem;
}
.shelf-owner-block-panel[hidden] {
    display: none !important;
}
.shelf-owner-block-strip {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    max-width: min(100%, 420px);
    padding: .38rem .45rem .38rem .48rem;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(0,0,0,.22));
    box-shadow: 0 10px 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.025);
}
.shelf-owner-block-user {
    display: flex;
    align-items: center;
    gap: .48rem;
    min-width: 0;
    color: #fff;
}
.shelf-owner-block-user > span:last-child {
    display: grid;
    gap: 1px;
    min-width: 0;
}
.shelf-owner-block-user strong {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
    line-height: 1.05;
}
.shelf-owner-block-user small {
    color: rgba(255,255,255,.58);
    font-size: .66rem;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: .075em;
}
.shelf-owner-block-strip-button {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 .62rem !important;
    border-radius: 10px !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    box-shadow: none !important;
}
.shelf-owner-block-strip-button:not(.is-active) {
    border-color: rgba(255,255,255,.16) !important;
    background: rgba(0,0,0,.28) !important;
}
.account-block-modal {
    position: fixed;
    inset: 0;
    z-index: 1650;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(0,0,0,.78);
    backdrop-filter: blur(9px);
}
.account-block-dialog {
    position: relative;
    width: min(430px, calc(100vw - 30px));
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 24px;
    background:
        radial-gradient(circle at 16% 0%, rgba(200,25,46,.26), transparent 38%),
        linear-gradient(135deg, rgba(27,27,30,.98), rgba(7,7,9,.98));
    box-shadow: 0 28px 90px rgba(0,0,0,.68), inset 0 0 0 1px rgba(255,255,255,.045);
}
.account-block-close {
    position: absolute !important;
    top: 11px !important;
    right: 11px !important;
}
.account-block-dialog-head {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 12px;
    padding-right: 42px;
}
.account-block-dialog-avatar {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 16px !important;
}
.account-block-dialog-head h3 {
    margin: .12rem 0 0;
    font-size: 1.35rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}
.account-block-dialog-text {
    margin: 0;
    color: rgba(255,255,255,.82);
    line-height: 1.38;
}
.account-block-dialog-note {
    padding: .7rem .8rem;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 15px;
    background: rgba(0,0,0,.28);
    color: rgba(255,255,255,.64);
    font-size: .84rem;
    line-height: 1.32;
}
.account-block-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}
.account-block-dialog-actions .ghost-button,
.account-block-dialog-actions .danger-button {
    min-height: 40px;
    border-radius: 12px !important;
}
.account-block-confirm {
    min-width: 118px;
}
@media (max-width: 620px) {
    .shelf-owner-block-panel {
        justify-content: stretch;
    }
    .shelf-owner-block-strip {
        width: 100%;
    }
    .shelf-owner-block-user strong {
        max-width: 52vw;
    }
    .account-block-dialog {
        padding: 18px;
        border-radius: 21px;
    }
    .account-block-dialog-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* v330: Admin-Sicherheits- und Moderationsbereiche */
.admin-moderation-terms-card textarea,
.admin-content-page textarea {
    min-height: 120px;
    resize: vertical;
}
.admin-moderation-grid {
    align-items: stretch;
}
.admin-blocked-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: .25rem 0 .7rem;
    padding: .36rem .55rem;
    border: 1px solid rgba(255, 78, 92, .42);
    border-radius: 999px;
    background: rgba(200,25,46,.16);
    color: #ffd8dd;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.admin-account-block-box {
    display: grid;
    gap: .58rem;
    margin: .25rem 0 .9rem;
    padding: .8rem;
    border: 1px solid rgba(255, 78, 92, .22);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(200,25,46,.12), rgba(0,0,0,.22));
}
.admin-account-block-toggle span {
    color: #ffe3e6;
    font-weight: 800;
}
.admin-content-page {
    gap: 1rem;
}
.admin-content-user-head {
    margin-bottom: .2rem;
}
.admin-content-section {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}
.admin-content-list {
    display: grid;
    gap: .72rem;
}
.admin-content-entry {
    position: relative;
    padding: .85rem;
    gap: .72rem;
}
.admin-content-entry-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: .5rem;
}
.admin-content-entry-head strong {
    color: #fff;
    overflow-wrap: anywhere;
}
.admin-content-entry-head span,
.admin-item-entry summary span {
    color: rgba(255,255,255,.58);
    font-size: .78rem;
    line-height: 1.25;
    text-align: right;
}
.admin-content-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
    margin-top: .65rem;
}
.admin-content-actions .checkbox-line {
    margin-right: auto;
}
.danger-lite {
    border-color: rgba(255, 78, 92, .32) !important;
    color: #ffdce0 !important;
}
.admin-item-entry {
    overflow: hidden;
}
.admin-item-entry summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    cursor: pointer;
    list-style: none;
}
.admin-item-entry summary::-webkit-details-marker {
    display: none;
}
.admin-item-entry summary::after {
    content: '+';
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.24);
    color: rgba(255,255,255,.76);
    font-weight: 900;
}
.admin-item-entry[open] summary::after {
    content: '–';
}
.admin-item-entry form {
    display: grid;
    gap: .75rem;
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(255,255,255,.08);
}
.admin-tag-grid textarea {
    min-height: 108px;
}
.admin-playlist-entry .form-grid,
.admin-comment-entry textarea {
    margin-top: .35rem;
}
@media (max-width: 720px) {
    .admin-content-entry-head,
    .admin-item-entry summary {
        display: grid;
        justify-content: stretch;
    }
    .admin-content-entry-head span,
    .admin-item-entry summary span {
        text-align: left;
    }
    .admin-content-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .admin-content-actions .checkbox-line {
        margin-right: 0;
    }
}

/* v332: Playlist-Sortierung + Kommentar-Meldung */
.playlist-sort-filter{
    width: min(360px, 100%);
    max-width: 100%;
    margin: 2px 0 0;
}
.playlist-sort-filter .facet-menu{
    min-width: min(300px, calc(100vw - 44px));
    left: 0;
    right: auto;
}
.playlist-sort-filter summary{
    min-height: 46px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: rgba(0,0,0,.30);
}
.playlist-sort-filter details[open] summary{
    border-color: rgba(255,77,0,.35);
}
.comment-report-button{
    display:inline-grid;
    place-items:center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
    color: #f4d7d7;
    font: 900 .78rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    cursor:pointer;
}
.comment-report-button:hover,
.comment-report-button:focus-visible{
    border-color: rgba(255,77,0,.65);
    color:#fff;
    background: rgba(255,77,0,.18);
    outline:none;
}
.comment-report-dialog select{
    width:100%;
    min-height:44px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
    background:#101115;
    color:#fff;
    padding:.7rem .8rem;
    font:800 .9rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.comment-report-dialog textarea{
    min-height:104px;
}
.comment-report-modal .comment-reply-quote p small{
    color:#aaa;
}
@media(max-width:720px){
    .playlist-sort-filter{width:100%;}
    .playlist-sort-filter .facet-menu{left:-1px;right:-1px;min-width:0;}
}

/* v333: Shelf-Jahressortierung, Playlist-Dropdown-Layering und Account-Meldung */
.playlist-archive-card{
    position: relative;
    overflow: visible;
}
.playlist-archive-card:has(.playlist-sort-filter details[open]){
    z-index: 380;
}
.playlist-sort-filter{
    position: relative;
    z-index: 32;
}
.playlist-sort-filter details[open]{
    z-index: 450;
}
.playlist-sort-filter details[open] .facet-menu{
    z-index: 2200;
    box-shadow: 12px 16px 0 rgba(0,0,0,.68), 0 0 0 1px rgba(255,77,0,.20), inset 0 0 0 1px #000;
}
.account-blocked-actions,
.shelf-owner-block-actions{
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}
.account-report-button{
    width: 28px;
    height: 28px;
    min-width: 28px;
}
.shelf-owner-report-button{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 10px;
}
.account-report-modal .account-report-target p small{
    color: rgba(255,255,255,.66);
    line-height: 1.35;
}
@media (max-width: 680px){
    .account-blocked-actions,
    .shelf-owner-block-actions{
        width: 100%;
        justify-content: stretch;
    }
    .account-blocked-actions .account-unblock-button,
    .shelf-owner-block-actions .shelf-owner-block-button{
        flex: 1 1 auto;
    }
}
.playlist-archive-card .playlist-setup-items{
    position: relative;
    z-index: 1;
}
.playlist-archive-card:has(.playlist-sort-filter details[open]) .playlist-setup-items{
    z-index: 0;
}

/* v334: Playlist-Sortierung im Playlist-/Watchlist-Bereich als sauberes Inline-Menü */
.playlist-archive-card .playlist-sort-filter{
    width: min(460px, 100%);
    margin: 4px 0 2px;
    z-index: 2;
}
.playlist-archive-card .playlist-sort-filter details{
    position: relative;
}
.playlist-archive-card .playlist-sort-filter details[open]{
    z-index: 3;
}
.playlist-archive-card .playlist-sort-filter .facet-menu{
    position: static !important;
    inset: auto !important;
    width: 100%;
    min-width: 0 !important;
    max-height: 292px;
    overflow: auto;
    margin: 8px 0 0;
    padding: 10px !important;
    border-radius: 14px;
    border-color: rgba(255,77,0,.28);
    background: rgba(3,3,4,.98);
    box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
.playlist-archive-card .playlist-sort-filter .chip-row{
    gap: 8px;
}
.playlist-archive-card .playlist-sort-filter .chip{
    min-height: 39px;
    border-radius: 10px;
    background: rgba(255,255,255,.035);
}
.playlist-archive-card .playlist-sort-filter .chip.is-active{
    background: rgba(183,18,36,.28);
}
.playlist-archive-card:has(.playlist-sort-filter details[open]) .playlist-setup-items{
    z-index: 1;
}
.playlist-archive-card:has(.playlist-sort-filter details[open]) .playlist-add-search{
    position: relative;
    z-index: 1;
}
@media(max-width:720px){
    .playlist-archive-card .playlist-sort-filter{
        width: 100%;
    }
}

/* v335: Playlist-Sortierung wieder als Overlay, aber unter der Suchleiste */
.playlist-archive-card .playlist-add-search{
    position: relative;
    z-index: 24;
    margin-bottom: 10px;
}
.playlist-archive-card .playlist-sort-filter{
    position: relative;
    z-index: 36;
    width: min(460px, 100%);
    margin: 8px 0 14px;
}
.playlist-archive-card:has(.playlist-sort-filter details[open]){
    z-index: 620;
}
.playlist-archive-card .playlist-sort-filter details{
    position: relative;
}
.playlist-archive-card .playlist-sort-filter details[open]{
    z-index: 640;
}
.playlist-archive-card .playlist-sort-filter .facet-menu{
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: min(380px, calc(100vw - 64px)) !important;
    min-width: 0 !important;
    max-height: min(318px, 46vh);
    overflow: auto;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 14px;
    border-color: rgba(255,77,0,.35);
    background: rgba(3,3,4,.985);
    box-shadow: 12px 16px 0 rgba(0,0,0,.68), 0 0 0 1px rgba(255,77,0,.20), inset 0 0 0 1px #000 !important;
}
.playlist-archive-card .playlist-sort-filter .chip-row{
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: none;
    overflow: visible;
}
.playlist-archive-card .playlist-sort-filter .chip{
    min-height: 39px;
    width: 100%;
    border-radius: 10px;
    justify-content: flex-start;
    background: rgba(255,255,255,.035);
}
.playlist-archive-card .playlist-sort-filter .chip.is-active{
    background: rgba(183,18,36,.28);
}
.playlist-archive-card:has(.playlist-sort-filter details[open]) .playlist-setup-items,
.playlist-archive-card:has(.playlist-sort-filter details[open]) .playlist-bulk-tags{
    position: relative;
    z-index: 1;
}
@media(max-width:720px){
    .playlist-archive-card .playlist-sort-filter{
        width: 100%;
    }
    .playlist-archive-card .playlist-sort-filter .facet-menu{
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-height: 50vh;
    }
}

/* v336: Editor-Sprachumschaltung direkt vor dem oberen Speicherbutton */
.editor-top-toolbar{
    align-items:center;
}
.editor-language-switch{
    min-height:66px;
    display:grid;
    grid-template-rows:auto 1fr auto;
    gap:4px;
    min-width:260px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
    color:#f1f1f1;
    text-transform:uppercase;
    letter-spacing:.08em;
    font:800 .68rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.editor-language-switch select{
    width:100%;
    min-height:30px;
    border:1px solid rgba(255,255,255,.16);
    background:#070707;
    color:#fff;
    padding:4px 8px;
    border-radius:0;
    font:800 .82rem/1.1 system-ui,sans-serif;
    text-transform:none;
    letter-spacing:0;
}
.editor-language-switch small{
    color:#9a9a9a;
    font-size:.58rem;
    letter-spacing:.07em;
}
@media(max-width:720px){
    .editor-language-switch{
        width:100%;
        min-width:0;
    }
    .editor-top-toolbar{
        justify-content:stretch;
    }
}

/* v337: Film-Sprache kompakt links neben dem oberen Speicherbutton */
#editorPanel .section-title-row{
    display:grid !important;
    grid-template-columns:minmax(280px,1fr) max-content;
    align-items:start !important;
}
#editorPanel .section-title-row > div:first-child{
    min-width:0;
}
#editorPanel .section-title-row > .toolbar.editor-top-toolbar{
    width:max-content;
    max-width:100%;
    justify-self:end;
}
.editor-top-toolbar{
    display:grid !important;
    grid-template-columns:minmax(230px,340px) auto;
    gap:10px !important;
    align-items:stretch !important;
    justify-content:end !important;
    flex-wrap:nowrap !important;
}
.editor-language-switch{
    width:340px;
    max-width:34vw;
    min-width:0 !important;
    min-height:66px !important;
    height:66px;
    box-sizing:border-box;
    padding:6px 10px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto minmax(28px,1fr) !important;
    gap:5px 10px !important;
    align-content:center;
}
.editor-language-switch [data-editor-language-label]{
    grid-column:1;
    grid-row:1;
    align-self:center;
    white-space:nowrap;
}
.editor-language-switch [data-editor-language-hint]{
    grid-column:2;
    grid-row:1;
    justify-self:end;
    align-self:center;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
}
.editor-language-switch select{
    grid-column:1 / -1;
    grid-row:2;
    min-height:28px !important;
    height:30px;
}
.editor-language-switch small{
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
}
@media(max-width:1120px){
    #editorPanel .section-title-row{
        grid-template-columns:1fr !important;
    }
    #editorPanel .section-title-row > .toolbar.editor-top-toolbar{
        width:100%;
        justify-self:stretch;
    }
    .editor-top-toolbar{
        grid-template-columns:minmax(0,1fr) auto;
        justify-content:stretch !important;
    }
    .editor-language-switch{
        width:auto;
        max-width:none;
    }
}
@media(max-width:720px){
    .editor-top-toolbar{
        grid-template-columns:1fr !important;
    }
    .editor-language-switch{
        width:100% !important;
        max-width:none !important;
        height:auto;
        min-height:66px !important;
    }
}

/* v338: lesbare native Dropdown-Optionen in Account/Admin auf dunklem UI */
select,
.account-form-grid select,
.account-language-card select,
.admin-selected-user-form select,
.admin-create-form select,
.shelf-discovery-grid select,
.import-search select,
.shelf-owner-playlist-select,
.account-watchlist-date-card select,
.account-shelf-rows-card select {
    color-scheme: dark;
    background-color: #090909;
    color: #f4f4f4 !important;
}
select option,
select optgroup {
    background-color: #111 !important;
    color: #f4f4f4 !important;
}
select option:checked {
    background-color: #c8192e !important;
    color: #fff !important;
}
select option:disabled {
    background-color: #181818 !important;
    color: rgba(255,255,255,.52) !important;
}

/* v339: Admin Letterboxd-Screenshot-Watchlist-Import */
.admin-letterboxd-import{
    margin:1.05rem 0 1.2rem;
    padding:1rem;
    border:1px solid rgba(255,255,255,.13);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 42px rgba(0,0,0,.18);
}
.admin-letterboxd-import .account-card-headline{align-items:flex-start;gap:.85rem;}
.admin-letterboxd-import .account-card-headline.compact{margin-top:1rem;margin-bottom:.55rem;}
.admin-letterboxd-import .account-card-headline h4{margin:.08rem 0 0;font-size:1rem;line-height:1.18;color:#fff;}
.admin-letterboxd-import-form{
    margin-top:.85rem;
    padding:.85rem;
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    background:rgba(0,0,0,.18);
}
.admin-letterboxd-import-form input[type="file"]{
    min-height:42px;
    padding:.58rem .7rem;
    border:1px dashed rgba(255,255,255,.22);
    border-radius:14px;
    background:rgba(0,0,0,.2);
    color:#fff;
}
.admin-letterboxd-import-form select{
    background:#130f12;
    color:#fff;
    border-color:rgba(255,255,255,.2);
}
.admin-letterboxd-prompt-box{
    margin-top:.95rem;
    padding:.9rem;
    border-radius:18px;
    background:rgba(0,0,0,.16);
    border:1px solid rgba(255,255,255,.08);
}
.admin-letterboxd-prompt-box textarea{
    width:100%;
    min-height:280px;
    resize:vertical;
    font:600 .82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    white-space:pre;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.38);
    color:#f5f5f5;
}
.admin-letterboxd-prompt-box code{
    padding:.08rem .32rem;
    border-radius:7px;
    background:rgba(255,255,255,.1);
    color:#fff;
}
@media(max-width:720px){
    .admin-letterboxd-import{padding:.78rem;border-radius:18px;}
    .admin-letterboxd-import-form,.admin-letterboxd-prompt-box{padding:.72rem;}
    .admin-letterboxd-prompt-box textarea{min-height:240px;font-size:.76rem;}
}

/* v340: Admin-Übersicht + aufgeräumte Sammelmail-Versandliste */
.admin-library-overview,
.admin-user-stats-overview{
    margin-top:1rem;
}
.admin-stat-pill-grid,
.admin-selected-user-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    gap:.55rem;
    margin-top:.8rem;
}
.admin-stat-pill-grid span,
.admin-selected-user-stats span{
    min-width:0;
    padding:.62rem .72rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);
}
.admin-stat-pill-grid strong,
.admin-selected-user-stats strong{
    display:block;
    color:#fff;
    font-size:1.08rem;
    font-weight:950;
    line-height:1;
}
.admin-stat-pill-grid small,
.admin-selected-user-stats small{
    display:block;
    margin-top:.24rem;
    color:#bfbfbf;
    font-size:.68rem;
    font-weight:800;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.035em;
}
.admin-selected-user-stats{
    grid-template-columns:repeat(auto-fit,minmax(92px,1fr));
    margin-top:.55rem;
}
.admin-selected-user-stats span{
    padding:.52rem .58rem;
}
.admin-user-stats-table{
    display:grid;
    gap:.28rem;
    max-height:360px;
    overflow:auto;
    padding:.38rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:rgba(0,0,0,.22);
}
.admin-user-stats-row{
    display:grid;
    grid-template-columns:minmax(190px,1.35fr) repeat(6,minmax(74px,.55fr));
    gap:.45rem;
    align-items:center;
    min-height:42px;
    padding:.45rem .58rem;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:#e8e8e8;
    font-size:.78rem;
    font-weight:850;
}
.admin-user-stats-row > span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.admin-user-stats-row strong{
    display:block;
    color:#fff;
    font-size:.86rem;
    line-height:1.1;
}
.admin-user-stats-row small{
    display:block;
    margin-top:.1rem;
    color:#aaa;
    font-size:.64rem;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.admin-user-stats-head{
    position:sticky;
    top:0;
    z-index:2;
    min-height:30px;
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(8,8,10,.98));
    color:#ffbdc8;
    font-size:.66rem;
    font-weight:950;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.admin-digest-recipient-box{
    max-height:385px;
    gap:.38rem;
    padding:.5rem;
}
.admin-digest-recipient{
    grid-template-columns:24px 36px minmax(120px,.8fr) minmax(220px,1.2fr) minmax(235px,1.15fr) minmax(150px,.78fr);
    gap:.62rem;
    min-height:58px;
    padding:.48rem .65rem;
    align-items:center;
    border-radius:14px;
}
.admin-digest-recipient-head{
    min-height:34px;
    padding-top:.32rem;
    padding-bottom:.32rem;
}
.admin-digest-recipient-avatar{
    width:34px;
    height:34px;
}
.admin-digest-recipient-flags{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,max-content));
    align-items:center;
    gap:.32rem;
}
.admin-digest-pill{
    min-height:24px;
    padding:0 .55rem;
    font-size:.68rem;
}
.admin-digest-recipient-open{
    align-self:center;
}
.admin-digest-recipient-open strong{
    min-height:24px;
    font-size:.74rem;
}
.admin-digest-recipient-open small{
    white-space:normal;
    line-height:1.2;
}
.admin-digest-recipient.is-pending{
    opacity:.78;
    pointer-events:none;
}
.admin-digest-recipient.is-pending::after{
    content:'speichert …';
    grid-column:1 / -1;
    color:#ffe3a1;
    font-size:.66rem;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}
@media (max-width:980px){
    .admin-user-stats-row{
        grid-template-columns:minmax(160px,1fr) repeat(3,minmax(72px,.55fr));
    }
    .admin-user-stats-row span:nth-child(n+5){display:none;}
    .admin-digest-recipient{
        grid-template-columns:24px 36px minmax(120px,.75fr) minmax(190px,1fr) minmax(190px,1fr);
    }
    .admin-digest-recipient-open{
        grid-column:3 / -1;
    }
    .admin-digest-recipient-head span:nth-child(6){display:none;}
}
@media (max-width:700px){
    .admin-user-stats-row{
        grid-template-columns:minmax(0,1fr) repeat(2,minmax(64px,.35fr));
    }
    .admin-user-stats-row span:nth-child(n+4){display:none;}
    .admin-digest-recipient{
        grid-template-columns:24px 34px minmax(0,1fr);
        min-height:0;
    }
    .admin-digest-recipient-flags{
        grid-template-columns:repeat(2,minmax(0,max-content));
    }
}

/* v340: Sofortiges Feedback für Likes, Abos und Sterne */
.movie-like-button.is-pending,
.playlist-like-button.is-pending,
.shelf-playlist-subscribe.is-pending,
.playlist-unsubscribe-button.is-pending,
.account-like-button.is-pending,
[data-user-like].is-pending{
    opacity:.72;
    transform:scale(.96);
    pointer-events:none;
}
.star-rating.is-saving{
    opacity:.72;
}
.comment-like.is-pending,
[data-comment-like].is-pending{
    opacity:.72;
    transform:scale(.96);
    pointer-events:none;
}

/* v342: Regal-Useraktionen im kompakten 3-Punkte-Menü */
#shelfOwnerHeader .shelf-owner-card.has-owner-menu{
    position:relative !important;
    overflow:visible !important;
}
#shelfOwnerHeader .shelf-owner-action-menu{
    position:relative;
    z-index:95;
    display:inline-grid;
    align-self:center;
    justify-self:start;
}
#shelfOwnerHeader .shelf-owner-menu-button{
    display:grid;
    place-items:center;
    width:40px;
    min-width:40px;
    height:42px;
    min-height:42px;
    padding:0;
    border:1px solid rgba(255,255,255,.15);
    border-radius:14px;
    background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(0,0,0,.34));
    color:#fff;
    box-shadow:4px 4px 0 rgba(0,0,0,.50), inset 0 0 0 1px rgba(255,255,255,.025);
    cursor:pointer;
}
#shelfOwnerHeader .shelf-owner-menu-button span{
    display:block;
    transform:translateY(-1px);
    font:900 1.08rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    letter-spacing:-.12em;
}
#shelfOwnerHeader .shelf-owner-menu-button:hover,
#shelfOwnerHeader .shelf-owner-menu-button:focus-visible,
#shelfOwnerHeader .shelf-owner-action-menu.is-open .shelf-owner-menu-button{
    outline:none;
    border-color:rgba(255,77,0,.55);
    background:linear-gradient(180deg, rgba(200,25,46,.92), rgba(102,0,16,.92));
    box-shadow:4px 4px 0 rgba(0,0,0,.62), 0 0 0 3px rgba(255,77,0,.13);
}
#shelfOwnerHeader .shelf-owner-menu-popover{
    position:absolute;
    top:calc(100% + 9px);
    left:0;
    z-index:2400;
    display:none;
    width:min(232px, calc(100vw - 32px));
    padding:8px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:17px;
    background:linear-gradient(150deg, rgba(20,20,23,.98), rgba(6,6,8,.98));
    box-shadow:12px 16px 0 rgba(0,0,0,.55), 0 22px 70px rgba(0,0,0,.66), inset 0 0 0 1px rgba(255,255,255,.04);
}
#shelfOwnerHeader .shelf-owner-action-menu.is-open .shelf-owner-menu-popover{
    display:grid;
    gap:6px;
}
#shelfOwnerHeader .shelf-owner-menu-popover::before{
    content:'';
    position:absolute;
    left:14px;
    top:-7px;
    width:12px;
    height:12px;
    transform:rotate(45deg);
    border-left:1px solid rgba(255,255,255,.14);
    border-top:1px solid rgba(255,255,255,.14);
    background:rgba(20,20,23,.98);
}
#shelfOwnerHeader .shelf-owner-menu-item{
    position:relative;
    z-index:1;
    display:grid;
    gap:2px;
    width:100%;
    min-height:48px;
    padding:.62rem .7rem;
    border:1px solid rgba(255,255,255,.10);
    border-radius:13px;
    background:rgba(255,255,255,.045);
    color:#fff;
    text-align:left;
    cursor:pointer;
}
#shelfOwnerHeader .shelf-owner-menu-item strong{
    font-size:.86rem;
    line-height:1.1;
    text-transform:uppercase;
    letter-spacing:.075em;
}
#shelfOwnerHeader .shelf-owner-menu-item small{
    color:rgba(255,255,255,.62);
    font-size:.73rem;
    line-height:1.15;
}
#shelfOwnerHeader .shelf-owner-menu-item:hover,
#shelfOwnerHeader .shelf-owner-menu-item:focus-visible{
    outline:none;
    border-color:rgba(255,77,0,.50);
    background:rgba(255,77,0,.14);
}
#shelfOwnerHeader .shelf-owner-menu-item.is-active{
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.12);
}
#shelfOwnerHeader .shelf-owner-menu-item.is-danger:hover,
#shelfOwnerHeader .shelf-owner-menu-item.is-danger:focus-visible{
    border-color:rgba(255,80,96,.62);
    background:rgba(200,25,46,.20);
}
.shelf-owner-block-panel{
    display:none !important;
    margin:0 !important;
}
@media (min-width:981px){
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu{
        grid-template-columns:max-content minmax(200px, 320px) minmax(230px, 360px) max-content !important;
    }
}
@media (min-width:981px) and (max-width:1180px){
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu{
        grid-template-columns:max-content minmax(180px, 1fr) minmax(220px, 1fr) !important;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-stats{
        grid-column:1 / -1 !important;
        justify-content:flex-start !important;
    }
}
@media (max-width:980px){
    #shelfOwnerHeader .shelf-owner-action-menu{
        order:-2;
        flex:0 0 auto;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-link{
        flex:1 1 calc(100% - 56px);
    }
    #shelfOwnerHeader .shelf-owner-menu-popover{
        left:0;
        right:auto;
        box-shadow:8px 12px 0 rgba(0,0,0,.52), 0 18px 56px rgba(0,0,0,.64), inset 0 0 0 1px rgba(255,255,255,.04);
    }
}


/* v343: Regal-Menü rechts, vertikale Punkte und abgerundeter Link-Button */
#shelfOwnerHeader .shelf-share-button{
    border-radius:14px !important;
}
#shelfOwnerHeader .shelf-owner-menu-button span{
    transform:none !important;
    font-size:1.48rem !important;
    line-height:.78 !important;
    letter-spacing:0 !important;
}
@media (min-width:981px){
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu{
        grid-template-columns:minmax(200px, 320px) minmax(230px, 360px) max-content max-content !important;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-action-menu{
        justify-self:end !important;
        justify-content:end !important;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-menu-popover{
        left:auto !important;
        right:0 !important;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-menu-popover::before{
        left:auto !important;
        right:14px !important;
    }
}
@media (min-width:981px) and (max-width:1180px){
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu{
        grid-template-columns:minmax(180px, 1fr) minmax(220px, 1fr) max-content max-content !important;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-stats{
        grid-column:auto !important;
        justify-content:flex-end !important;
    }
}
@media (max-width:980px){
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu{
        position:relative !important;
        padding-right:68px !important;
    }
    #shelfOwnerHeader .shelf-owner-action-menu{
        position:absolute !important;
        top:14px !important;
        right:16px !important;
        order:99 !important;
    }
    #shelfOwnerHeader .shelf-owner-card.has-owner-menu .shelf-owner-link{
        flex:1 1 100% !important;
    }
    #shelfOwnerHeader .shelf-owner-menu-popover{
        left:auto !important;
        right:0 !important;
    }
    #shelfOwnerHeader .shelf-owner-menu-popover::before{
        left:auto !important;
        right:14px !important;
    }
}

/* v345: Regal-Finder Einklappbutton eckig wie Filter/Begrüßung */
/* v344: mobiler Regal-Buttonbereich raus, Hüllen-Kanten behalten, Regal-Finder einklappbar */
.shelf-discovery-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:14px !important;
}
.shelf-discovery-toggle{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    font:1000 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:0 !important;
    border-color:rgba(255,255,255,.18) !important;
    background:#0b0b0b !important;
    color:#fff !important;
    box-shadow:none !important;
}
.shelf-discovery-body{
    display:block;
}
body.shelf-discovery-collapsed .shelf-discovery-body{
    display:none !important;
}
body.shelf-discovery-collapsed .shelf-discovery{
    margin-bottom:16px !important;
}
body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
    margin-bottom:0 !important;
}
.case-edge-art-top{
    transform:translate(-50%, -50%) rotate(270deg) !important;
}
.case-edge-art-bottom{
    transform:translate(-50%, -50%) rotate(90deg) !important;
}
@media (max-width:900px){
    .shelf3d-toolbar-bottom,
    .shelf3d-mobile-controls{
        display:none !important;
    }
    .shelf3d-room{
        gap:8px !important;
    }
}
@media (max-width:760px){
    .shelf-discovery-head{
        align-items:flex-start !important;
        gap:10px !important;
    }
    .shelf-discovery-toggle{
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        font-size:1.1rem !important;
    }
}

/* v346: Regal-Finder-Klappbutton exakt als Karten-Corner wie Begrüßung + mobile Hüllenober/-unterseiten wieder sichtbar */
.shelf-discovery{
    position:relative !important;
}
.shelf-discovery-head,
.shelf-discovery .public-shelf-head{
    display:block !important;
    position:relative !important;
    padding-right:56px !important;
    margin-bottom:12px !important;
}
.shelf-discovery-toggle{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    z-index:8 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    font:1000 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:0 !important;
    border-color:rgba(255,255,255,.18) !important;
    background:#0b0b0b !important;
    color:#fff !important;
    box-shadow:none !important;
}
body.shelf-discovery-collapsed .shelf-discovery-head,
body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
    margin-bottom:0 !important;
}
@media (max-width:900px), (hover:none), (pointer:coarse){
    .shelf3d-face.top,
    .shelf3d-face.bottom{
        display:block !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
}
@media (max-width:760px){
    .shelf-discovery-head,
    .shelf-discovery .public-shelf-head{
        padding-right:44px !important;
    }
    .shelf-discovery-toggle{
        top:10px !important;
        right:10px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        font-size:1.1rem !important;
    }
}


/* v347: Regal-Finder collapsed exakt wie Discover-Karte + mobile Hüllenober-/unterseiten sicher sichtbar */
.shelf-discovery.public-shelf-browser{
    position:relative !important;
    overflow:visible !important;
}
.shelf-discovery .public-shelf-head{
    position:relative !important;
    display:block !important;
    padding-right:58px !important;
    margin-bottom:14px !important;
}
.shelf-discovery-toggle{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    z-index:8 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:#0b0b0b !important;
    color:#fff !important;
    box-shadow:none !important;
    font:1000 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
}
.shelf-discovery-toggle:hover,
.shelf-discovery-toggle:focus-visible{
    border-color:rgba(255,255,255,.34) !important;
    background:#111 !important;
    color:#fff !important;
}
body.shelf-discovery-collapsed .shelf-discovery.public-shelf-browser{
    display:block !important;
    padding:14px 64px 14px 16px !important;
    margin-bottom:14px !important;
    min-height:0 !important;
    border-radius:0 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 8% 0, rgba(255,48,72,.22), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.015)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.55), 8px 8px 0 #000 !important;
}
body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
    position:static !important;
    display:block !important;
    padding:0 !important;
    margin:0 !important;
}
body.shelf-discovery-collapsed .shelf-discovery-toggle{
    top:10px !important;
    right:12px !important;
}
body.shelf-discovery-collapsed .shelf-discovery-body,
body.shelf-discovery-collapsed .shelf-discovery-help{
    display:none !important;
}
body.shelf-discovery-collapsed .shelf-discovery .eyebrow{
    margin:0 0 .12rem !important;
}
body.shelf-discovery-collapsed .shelf-discovery h3{
    margin:0 !important;
    font-size:clamp(1.08rem, 3.4vw, 1.75rem) !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
}
.shelf3d-face.top,
.shelf3d-face.bottom{
    display:block !important;
    visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
}
.shelf3d-face.top .edge-fill,
.shelf3d-face.bottom .edge-fill,
.shelf3d-face.top .case-edge-art,
.shelf3d-face.bottom .case-edge-art{
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
}
.case-edge-art-top{
    transform:translate(-50%, -50%) rotate(270deg) !important;
}
.case-edge-art-bottom{
    transform:translate(-50%, -50%) rotate(90deg) !important;
}
@media (max-width:900px), (hover:none), (pointer:coarse){
    .shelf3d-face.top,
    .shelf3d-face.bottom{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
    }
}
@media (max-width:720px){
    .shelf-discovery .public-shelf-head{
        padding-right:50px !important;
        margin-bottom:12px !important;
    }
    .shelf-discovery-toggle{
        top:8px !important;
        right:8px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        font-size:1.1rem !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery.public-shelf-browser{
        padding:8px 50px 8px 10px !important;
        margin-bottom:10px !important;
        box-shadow:5px 5px 0 #000 !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery-toggle{
        top:8px !important;
        right:8px !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery .eyebrow{
        margin-bottom:.18rem !important;
        font-size:.56rem !important;
        letter-spacing:.24em !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery h3{
        font-size:1.02rem !important;
        line-height:1 !important;
        letter-spacing:-.035em !important;
    }
}

/* v348: Regal-Finder ohne Sprung – Aufbau wie Begrüßungsfeld, Farbe wie Archiv-Filterfeld */
.shelf-discovery.public-shelf-browser,
body.shelf-discovery-collapsed .shelf-discovery.public-shelf-browser{
    position:relative !important;
    display:block !important;
    overflow:visible !important;
    border-radius:0 !important;
    border:1px solid var(--line) !important;
    background:rgba(18,18,18,.96) !important;
    box-shadow:var(--shadow) !important;
}
.shelf-discovery .public-shelf-head,
body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
    position:static !important;
    display:block !important;
    padding-right:58px !important;
    margin-bottom:14px !important;
}
body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
    margin-bottom:0 !important;
}
.shelf-discovery-toggle,
body.shelf-discovery-collapsed .shelf-discovery-toggle{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    z-index:8 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:#0b0b0b !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    font:1000 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
}
.shelf-discovery-toggle:hover,
.shelf-discovery-toggle:focus-visible,
body.shelf-discovery-collapsed .shelf-discovery-toggle:hover,
body.shelf-discovery-collapsed .shelf-discovery-toggle:focus-visible{
    border-color:rgba(255,255,255,.34) !important;
    background:#111 !important;
    color:#fff !important;
}
body.shelf-discovery-collapsed .shelf-discovery.public-shelf-browser{
    padding:14px 64px 14px 16px !important;
    margin-bottom:14px !important;
    min-height:0 !important;
}
body.shelf-discovery-collapsed .shelf-discovery-body,
body.shelf-discovery-collapsed .shelf-discovery-help{
    display:none !important;
}
body.shelf-discovery-collapsed .shelf-discovery .eyebrow{
    margin:0 0 .12rem !important;
}
body.shelf-discovery-collapsed .shelf-discovery h3{
    margin:0 !important;
    font-size:clamp(1.08rem, 3.4vw, 1.75rem) !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
}
.shelf3d-face.top,
.shelf3d-face.bottom{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
}
@media (max-width:720px){
    .shelf-discovery .public-shelf-head,
    body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
        padding-right:50px !important;
        margin-bottom:12px !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery .public-shelf-head{
        margin-bottom:0 !important;
    }
    .shelf-discovery-toggle,
    body.shelf-discovery-collapsed .shelf-discovery-toggle{
        top:8px !important;
        right:8px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        font-size:1.1rem !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery.public-shelf-browser{
        padding:8px 50px 8px 10px !important;
        margin-bottom:10px !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery .eyebrow{
        margin-bottom:.18rem !important;
        font-size:.56rem !important;
        letter-spacing:.24em !important;
    }
    body.shelf-discovery-collapsed .shelf-discovery h3{
        font-size:1.02rem !important;
        line-height:1 !important;
        letter-spacing:-.035em !important;
    }
}


/* v350: Discover-Gesamtzahl nur rechts im Status, ohne Umbruch */
.shelf-discovery-body{
    width:100% !important;
}
.shelf-discovery-grid-clean{
    display:grid !important;
    width:100% !important;
    grid-template-columns:minmax(230px,.95fr) minmax(280px,1.05fr) minmax(380px,1.45fr) !important;
    gap:14px !important;
    align-items:stretch !important;
}
.shelf-discovery-grid-clean > .shelf-finder-block{
    min-width:0 !important;
    min-height:100% !important;
}
.shelf-discovery-grid-clean .public-shelf-tag-form{
    grid-column:auto !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
}
.shelf-discovery-grid-clean .public-shelf-tag-form label{
    min-width:0 !important;
}
.shelf-discovery-grid-clean .public-shelf-tag-form button{
    min-width:clamp(160px,16vw,235px) !important;
}
.shelf-discovery-status{
    margin-top:14px !important;
}
.discover-title-row h2{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:baseline !important;
    gap:.22em !important;
}
@media(max-width:1180px){
    .shelf-discovery-grid-clean{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .shelf-discovery-grid-clean .public-shelf-tag-form{
        grid-column:1 / -1 !important;
        grid-template-columns:minmax(0,1fr) auto !important;
    }
}
@media(max-width:760px){
    .shelf-discovery-grid-clean{
        grid-template-columns:1fr !important;
    }
    .shelf-discovery-grid-clean .public-shelf-tag-form{
        grid-column:auto !important;
        grid-template-columns:1fr !important;
    }
    .shelf-discovery-grid-clean .public-shelf-tag-form button{
        width:100% !important;
        min-width:0 !important;
    }
    .discover-title-row h2{
        gap:.18em !important;
    }
    .discover-status{
        width:100%;
        text-align:left;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}

/* v343: Sofortgefühl für Reaktionen und präzisere Stern-Trefferzonen */
.star-rating.is-interactive,
.case-star-rating.is-interactive{
    position:relative;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;
}
.star-rating .star-rating-stars,
.case-star-rating .star-rating-stars{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:none;
}
.star-rating .star-unit,
.case-star-rating .star-unit,
.star-rating .star-empty,
.star-rating .star-fill,
.case-star-rating .star-empty,
.case-star-rating .star-fill{
    pointer-events:none;
}
.star-rating.is-saving,
.case-star-rating.is-saving{
    opacity:.86 !important;
    filter:saturate(1.18) brightness(1.08);
}
.movie-like-button,
.playlist-like-button,
.shelf-playlist-subscribe,
.shelf-plaque-subscribe-button,
.playlist-unsubscribe-button,
.account-like-button,
.shelf-account-like,
[data-user-like],
.comment-like,
[data-comment-like]{
    touch-action:manipulation;
}

/* v181: Editor-Hüllenvorschau mit Cover-Y-Position */
.media-format-option > input[type="radio"]{accent-color:var(--accent)}
.media-format-option > input[type="radio"]{
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    width:1px !important;
    height:1px !important;
    margin:0;
    padding:0 !important;
    opacity:0;
    pointer-events:none;
}
.editor-case-preview-chooser{align-items:stretch}
.editor-case-format-option{min-height:238px !important;overflow:hidden !important}
.editor-case-format-body{
    min-height:238px !important;
    display:grid !important;
    grid-template-columns:minmax(88px,118px) minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:10px 12px !important;
    align-items:center !important;
    align-content:center !important;
    padding:14px 42px 14px 14px !important;
}
.editor-case-preview{
    grid-row:1 / span 2;
    justify-self:center;
    display:block;
    width:92px;
    filter:drop-shadow(0 16px 18px rgba(0,0,0,.42));
}
.editor-case-preview-vhs{width:94px}
.editor-case-preview-dvd{width:88px}
.editor-case-preview-bluray{width:84px}
.editor-case-preview-shell{
    position:relative;
    display:block;
    width:100%;
    overflow:hidden;
    background:#050505;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.44);
}
.editor-case-preview-shell.vhs{aspect-ratio:176/256;background:#111;border-color:rgba(255,255,255,.20)}
.editor-case-preview-shell.dvd{aspect-ratio:158/212;background:#0b0b0b;border-color:rgba(230,230,230,.22)}
.editor-case-preview-shell.bluray{aspect-ratio:152/198;background:#083a91;border-color:rgba(105,164,255,.48)}
.editor-case-preview-brand{
    position:absolute;
    z-index:4;
    top:0;
    left:0;
    right:0;
    display:grid;
    place-items:center;
    height:18px;
    color:#fff;
    background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(62,62,62,.82),rgba(0,0,0,.88));
    font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.editor-case-preview-brand.bluray{height:20px;background:linear-gradient(90deg,rgba(0,55,145,.94),rgba(25,128,255,.96),rgba(0,55,145,.94))}
.editor-case-preview-art{
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:18px;
    bottom:0;
    background-color:#050505;
    background-size:cover;
    background-repeat:no-repeat;
}
.editor-case-preview-shell.bluray .editor-case-preview-art{top:20px}
.editor-case-preview-art.is-empty{
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.72);
    background:linear-gradient(135deg,#181818,#050505);
}
.editor-case-preview-art.is-empty strong{font:950 1.2rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.editor-case-preview-rating{
    position:absolute;
    z-index:5;
    right:5px;
    bottom:5px;
    width:22px;
    max-width:31%;
}
.editor-case-preview-rating.is-mpaa{width:26px}
.editor-case-preview-gloss{
    position:absolute;
    z-index:3;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 16%,transparent 82%,rgba(0,0,0,.24)),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,transparent 74%,rgba(0,0,0,.26));
}
.editor-case-format-meta{display:grid;gap:4px;align-content:center;min-width:0}
.editor-case-format-meta .media-format-icon{width:max-content}
.editor-cover-position-control{
    display:grid;
    gap:7px;
    align-self:end;
    min-width:0;
    color:#b8b8b8;
    font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.editor-cover-position-control input[type="range"]{
    width:100%;
    min-width:0;
    accent-color:var(--red-2);
    cursor:ew-resize;
}
.media-format-option .editor-cover-position-control input[type="range"]{
    position:static !important;
    z-index:5 !important;
    width:100% !important;
    height:auto !important;
    opacity:1 !important;
    pointer-events:auto !important;
    padding:0 !important;
}
@media(max-width:900px){
    .editor-case-format-option{min-height:210px !important}
    .editor-case-format-body{min-height:210px !important;grid-template-columns:96px minmax(0,1fr) !important}
    .editor-case-preview{width:82px}
    .editor-case-preview-vhs{width:88px}
}
.editor-case-preview{cursor:ns-resize;touch-action:none;user-select:none}
.editor-case-preview.is-dragging{filter:drop-shadow(0 20px 22px rgba(0,0,0,.55)) brightness(1.08)}

/* v351: Editor-Hüllenvorschau exakt wie die Regal-Front + Balken/Strecken-Optionen */
.case-insert.front-insert.is-brand-hidden .case-cover-art{
    top:0 !important;
}
.case-insert.front-insert.is-brand-hidden:before{
    top:0 !important;
}
.case-insert.front-insert.is-cover-stretched .case-cover-art{
    background-size:100% 100% !important;
    background-position:center center !important;
}
.editor-case-format-body{
    grid-template-rows:auto auto auto !important;
}
.editor-case-preview{
    grid-row:1 / span 3 !important;
}
.editor-case-preview-shell{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:var(--editor-case-preview-height) !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    aspect-ratio:auto !important;
}
.editor-case-preview-shell.vhs{
    --editor-case-real-w:528px;
    --editor-case-real-h:768px;
    --editor-case-preview-scale:.1780303;
    --editor-case-preview-height:136.728px;
}
.editor-case-preview-shell.dvd{
    --editor-case-real-w:474px;
    --editor-case-real-h:636px;
    --editor-case-preview-scale:.185654;
    --editor-case-preview-height:118.076px;
}
.editor-case-preview-shell.bluray{
    --editor-case-real-w:456px;
    --editor-case-real-h:594px;
    --editor-case-preview-scale:.1842105;
    --editor-case-preview-height:109.421px;
}
.editor-case-preview-stage{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:var(--editor-case-real-w) !important;
    height:var(--editor-case-real-h) !important;
    transform:scale(var(--editor-case-preview-scale));
    transform-origin:0 0;
    overflow:hidden !important;
    display:block !important;
    box-shadow:0 22px 32px rgba(0,0,0,.65) !important;
}
.editor-case-preview-stage .case-cover-art.is-empty{
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.72);
    background:linear-gradient(135deg,#181818,#050505);
}
.editor-case-preview-stage .case-cover-art.is-empty strong{
    font:950 5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.08em;
}
.editor-cover-option-row{
    display:flex !important;
    flex-wrap:wrap;
    gap:8px 12px;
    grid-column:2;
    align-self:start;
    color:#c8c8c8;
    font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.editor-cover-option-toggle{
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    min-width:max-content;
}
.editor-cover-option-toggle input{
    accent-color:var(--red-2);
}
.media-format-option .editor-cover-option-toggle span{
    font-weight:800;
}
@media(max-width:900px){
    .editor-case-preview-shell.vhs{
        --editor-case-preview-scale:.1666667;
        --editor-case-preview-height:128px;
    }
    .editor-case-preview-shell.dvd{
        --editor-case-preview-scale:.172996;
        --editor-case-preview-height:110.026px;
    }
    .editor-case-preview-shell.bluray{
        --editor-case-preview-scale:.1798246;
        --editor-case-preview-height:106.816px;
    }
    .editor-cover-option-row{grid-column:1 / -1;}
}
.editor-cover-position-control input[type="range"]{cursor:ns-resize !important;}

/* --- update v352: keine falschen Nullstände während Daten laden --- */
.loading-count{
    display:inline-block;
    min-width:1.4em;
    opacity:.82;
    animation:videotrack-loading-pulse 1.1s ease-in-out infinite;
}
.page-deck-button.is-loading{
    opacity:.7;
    cursor:wait;
}
.loading-placeholder-card{
    position:relative;
    overflow:hidden;
}
.loading-placeholder-card h3,
.loading-placeholder-card p{
    position:relative;
    z-index:1;
}
.loading-placeholder-card .loading-bar{
    display:block;
    position:relative;
    z-index:1;
    height:7px;
    width:min(230px,68%);
    margin:12px 0 0;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.22),rgba(255,255,255,.06));
    background-size:220% 100%;
    animation:videotrack-loading-sweep 1.18s ease-in-out infinite;
    box-shadow:0 0 16px rgba(255,255,255,.055);
}
.loading-placeholder-card .loading-bar.short{
    width:min(150px,42%);
    opacity:.72;
    animation-delay:.14s;
}
.empty-shelf-detail.loading-placeholder-card .loading-bar{
    margin-left:auto;
    margin-right:auto;
}
.shelf-owner-card.is-loading{
    opacity:.84;
}
.shelf-owner-card.is-loading .user-avatar{
    animation:videotrack-loading-pulse 1.1s ease-in-out infinite;
}
@keyframes videotrack-loading-pulse{
    0%,100%{opacity:.48;filter:saturate(.85)}
    50%{opacity:1;filter:saturate(1.1)}
}
@keyframes videotrack-loading-sweep{
    0%{background-position:120% 0;opacity:.45}
    50%{opacity:1}
    100%{background-position:-120% 0;opacity:.45}
}

/* v354: Mobile Account-Avatar-Bubble ruhiger am Avatar + Discover-Gesamthinweis ohne Klammerbruch */
.discover-total-hint{
    display:inline-block;
    white-space:nowrap;
}

@media (max-width: 900px) {
    .topbar,
    .brand-block,
    .main-nav,
    .nav-button.has-avatar-nav,
    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        overflow: visible !important;
    }

    .nav-button.has-avatar-nav {
        position: relative !important;
        z-index: 5 !important;
        isolation: isolate;
        min-height: 76px !important;
        padding: .34rem .08rem .28rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
    }

    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        position: relative !important;
        display: inline-block !important;
        width: 58px !important;
        height: 62px !important;
        flex: 0 0 58px !important;
        transform: translateX(-2px);
        overflow: visible !important;
    }

    .nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
        position: absolute !important;
        left: 3px !important;
        bottom: 3px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        flex: 0 0 48px !important;
    }

    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
        top: 2px !important;
        right: 2px !important;
        min-width: 24px !important;
        height: 24px !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
        translate: none !important;
        z-index: 8 !important;
        border-width: 2px !important;
        border-color: #080808 !important;
        font-size: .72rem !important;
        line-height: 1 !important;
        box-shadow:
            0 0 0 1px rgba(255,255,255,.20),
            0 7px 16px rgba(0,0,0,.52) !important;
    }

    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble:hover,
    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble:focus-visible {
        transform: scale(1.04) !important;
        transform-origin: center center !important;
    }
}

@media (max-width: 480px) {
    .nav-button.has-avatar-nav {
        min-height: 72px !important;
        padding: .30rem .04rem .24rem !important;
        justify-content: flex-end !important;
    }

    .nav-button.has-avatar-nav .account-avatar-stack.nav-avatar-stack {
        width: 56px !important;
        height: 60px !important;
        flex-basis: 56px !important;
        transform: translateX(-5px);
    }

    .nav-button.has-avatar-nav .user-avatar.nav-account-avatar {
        left: 2px !important;
        bottom: 2px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        flex-basis: 48px !important;
    }

    .nav-button.has-avatar-nav .avatar-bubble.nav-avatar-bubble {
        top: 1px !important;
        right: 1px !important;
        min-width: 23px !important;
        height: 23px !important;
        padding: 0 6px !important;
        font-size: .68rem !important;
    }
}


/* v355: Discover-Status darf umbrechen, nur die Gesamt-Klammer bleibt zusammen */
.discover-status{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    line-height:1.45 !important;
}
.discover-status .discover-total-hint,
.discover-total-hint{
    display:inline-block !important;
    white-space:nowrap !important;
}
.discover-title-actions{
    min-width:0 !important;
}
.discover-title-actions .discover-status{
    flex:1 1 auto !important;
}
@media (max-width: 920px){
    .discover-title-actions{
        width:100% !important;
        min-width:0 !important;
        align-items:flex-start !important;
    }
    .discover-title-actions .discover-status{
        flex:1 1 100% !important;
        width:100% !important;
    }
}
@media (max-width: 760px){
    .discover-status{
        width:100% !important;
        text-align:left !important;
        overflow:visible !important;
        overflow-x:visible !important;
        -webkit-overflow-scrolling:auto !important;
    }
}

/* v356: echte Watchlist + Video Diary + mobile Regalnavigation */
.is-watchqueue-card{
    border-color:rgba(89,189,255,.30) !important;
    background:linear-gradient(180deg,rgba(10,19,27,.94),rgba(4,8,13,.98)) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.40), inset 0 0 0 1px rgba(89,189,255,.08) !important;
}
.is-watchqueue-card .playlist-archive-card-head{
    border-bottom-color:rgba(89,189,255,.16) !important;
}
.watchqueue-fixed-title strong,
.is-watchqueue-card .watchlist-fixed-title strong{
    color:#dff6ff !important;
    text-shadow:0 0 18px rgba(89,189,255,.22);
}
.watchqueue-private-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border:1px solid rgba(89,189,255,.30);
    border-radius:999px;
    color:#dff6ff;
    background:rgba(89,189,255,.09);
    font:900 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    text-transform:uppercase;
    letter-spacing:.10em;
}
.is-watchqueue-row{
    border-color:rgba(89,189,255,.18) !important;
    background:linear-gradient(180deg,rgba(89,189,255,.08),rgba(0,0,0,.18)) !important;
}
.is-watchqueue-row:hover{
    border-color:rgba(89,189,255,.42) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.34), 0 0 24px rgba(89,189,255,.10);
}
.watchqueue-row-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.watchqueue-check-button{
    min-width:40px !important;
    min-height:40px !important;
    border-color:rgba(89,189,255,.38) !important;
    color:#dff6ff !important;
    background:rgba(89,189,255,.10) !important;
    font-weight:1000 !important;
}
.watchqueue-added-line{
    color:rgba(223,246,255,.72);
    font-size:.72rem;
}
.watchqueue-modal .detail-box{
    max-width:min(920px, calc(100vw - 24px));
}
.watchqueue-detail-layout{
    display:grid;
    grid-template-columns:minmax(180px,260px) minmax(0,1fr);
    gap:22px;
    align-items:start;
}
.watchqueue-poster{
    min-height:330px;
    border:1px solid rgba(255,255,255,.12);
    background:#050505;
    box-shadow:0 22px 42px rgba(0,0,0,.45);
    display:grid;
    place-items:center;
    overflow:hidden;
}
.watchqueue-poster img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.watchqueue-detail-body h2{
    margin:.2rem 0 .35rem;
}
.watchqueue-modal-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.is-watchqueue-completed-new{
    animation:watchqueue-diary-arrival .8s cubic-bezier(.2,.8,.2,1) both;
}
.is-star-burst .star,
.is-star-burst [data-star],
.is-star-burst button{
    animation:watchqueue-star-burst .9s ease both;
}
@keyframes watchqueue-diary-arrival{
    0%{transform:translateY(-18px) scale(.98); opacity:.15; box-shadow:0 0 0 rgba(210,14,42,0)}
    55%{transform:translateY(0) scale(1.012); opacity:1; box-shadow:0 0 38px rgba(210,14,42,.34)}
    100%{transform:none; opacity:1; box-shadow:0 0 0 rgba(210,14,42,0)}
}
@keyframes watchqueue-star-burst{
    0%,100%{filter:none; transform:none}
    35%{filter:drop-shadow(0 0 10px rgba(255,225,120,.9)); transform:scale(1.18)}
    68%{filter:drop-shadow(0 0 18px rgba(255,225,120,.55)); transform:scale(1.04)}
}
@media(max-width:720px){
    .watchqueue-detail-layout{grid-template-columns:1fr}
    .watchqueue-poster{min-height:260px; max-height:420px}
    .watchqueue-row-actions{flex-direction:row; align-self:center}
}

@media (max-width: 900px), (hover: none), (pointer: coarse){
    .shelf-window-nav{
        top:auto !important;
        left:50% !important;
        bottom:calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
        transform:translateX(-50%) !important;
        flex-direction:row !important;
        width:auto !important;
        min-width:min(260px, calc(100% - 36px)) !important;
        max-width:calc(100% - 36px) !important;
        padding:6px !important;
        gap:10px !important;
        border-radius:999px !important;
        background:rgba(5,5,5,.72) !important;
        backdrop-filter:blur(8px) !important;
    }
    .shelf-window-button{
        flex:1 1 0 !important;
        width:112px !important;
        min-width:104px !important;
        max-width:128px !important;
        min-height:42px !important;
        border-radius:999px !important;
        padding:.65rem .8rem !important;
        box-shadow:0 10px 22px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.04) !important;
    }
    .shelf-window-button span,
    .shelf-window-button small{
        display:none !important;
    }
    #shelfWindowPrevBtn::after{
        content:"hoch";
    }
    #shelfWindowNextBtn::after{
        content:"runter";
    }
    #shelfMobilePrevBtn,
    #shelfMobileNextBtn{
        display:none !important;
    }
}

/* v357: Watchlist-Trailerdeck, rechte Watchlist-Aktionen, mobile Regal-Dreiecke */
.is-watchqueue-card .playlist-archive-actions{
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
}
.is-watchqueue-card .watchqueue-deck-button{
    min-width:78px !important;
    height:36px !important;
    min-height:36px !important;
    border-radius:999px !important;
    border-color:rgba(89,189,255,.34) !important;
    background:linear-gradient(180deg,rgba(89,189,255,.18),rgba(3,8,13,.62)) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.is-watchqueue-card .watchqueue-deck-button:disabled{
    opacity:.42 !important;
    filter:grayscale(.35) !important;
}
.is-watchqueue-row{
    grid-template-columns:64px minmax(0,1fr) max-content !important;
}
.watchqueue-row-actions{
    justify-self:end !important;
    align-self:center !important;
    min-width:max-content !important;
    padding-left:8px !important;
}
.watchqueue-row-actions .watchqueue-check-button,
.watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
    flex:0 0 40px !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
}
@media(max-width:720px){
    .is-watchqueue-row{
        grid-template-columns:42px minmax(0,1fr) 78px !important;
        gap:7px !important;
        align-items:center !important;
    }
    .watchqueue-row-actions{
        flex-direction:row !important;
        justify-self:end !important;
        align-self:stretch !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:6px !important;
        padding-left:4px !important;
    }
    .watchqueue-row-actions .watchqueue-check-button,
    .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        flex:0 0 34px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
    }
}
@media (max-width: 900px), (hover: none), (pointer: coarse){
    .shelf-window-nav{
        bottom:calc(env(safe-area-inset-bottom, 0px) + 28px) !important;
        min-width:min(190px, calc(100% - 44px)) !important;
        max-width:min(230px, calc(100% - 44px)) !important;
        padding:4px 8px !important;
        gap:18px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        pointer-events:none !important;
    }
    .shelf-window-button{
        pointer-events:auto !important;
        flex:0 0 76px !important;
        width:76px !important;
        min-width:76px !important;
        max-width:76px !important;
        height:52px !important;
        min-height:52px !important;
        border:0 !important;
        border-radius:0 !important;
        padding:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        display:grid !important;
        place-items:center !important;
        filter:drop-shadow(0 12px 14px rgba(0,0,0,.58)) !important;
    }
    .shelf-window-button span,
    .shelf-window-button small{
        display:none !important;
    }
    #shelfWindowPrevBtn::after,
    #shelfWindowNextBtn::after{
        content:"" !important;
        display:block !important;
        width:0 !important;
        height:0 !important;
        border-left:29px solid transparent !important;
        border-right:29px solid transparent !important;
        filter:drop-shadow(0 0 10px rgba(210,14,42,.22)) !important;
    }
    #shelfWindowPrevBtn::after{
        border-bottom:32px solid var(--red) !important;
        border-top:0 !important;
    }
    #shelfWindowNextBtn::after{
        border-top:32px solid var(--red) !important;
        border-bottom:0 !important;
    }
    .shelf-window-button:hover:not(:disabled){
        transform:scale(1.06) !important;
        background:transparent !important;
        border-color:transparent !important;
        filter:drop-shadow(0 14px 16px rgba(0,0,0,.62)) brightness(1.12) !important;
    }
    .shelf-window-button:disabled{
        opacity:.18 !important;
        filter:grayscale(1) drop-shadow(0 6px 10px rgba(0,0,0,.4)) !important;
    }
}


/* v358: Watchlist-Aktionen sauber rechts, Bewertungs-Hinweis, mobile Regal-Dreiecke tiefer */
.playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
    position:relative !important;
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    padding-right:126px !important;
}
.playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-actions{
    position:absolute !important;
    right:14px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    min-width:0 !important;
    padding-left:0 !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    border-radius:13px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button{
    font-size:0 !important;
    border:1px solid rgba(110,220,255,.55) !important;
    background:linear-gradient(180deg,rgba(36,112,148,.70),rgba(8,32,49,.92)) !important;
    color:#e8fbff !important;
    box-shadow:0 10px 22px rgba(0,0,0,.38), 0 0 18px rgba(89,189,255,.12), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::before{
    content:'✓';
    font:1000 1.15rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    transform:translateY(-1px);
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button:hover,
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button:focus-visible{
    transform:translateY(-1px) !important;
    border-color:rgba(180,245,255,.78) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.44), 0 0 26px rgba(89,189,255,.22), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
    position:static !important;
    font-size:1.15rem !important;
    background:linear-gradient(180deg,#d8133a,#6f0018) !important;
    border:1px solid rgba(255,92,122,.58) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.38), 0 0 20px rgba(210,14,42,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.star-rating.playlist-row-rating.is-star-burst{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate;
    border-color:rgba(255,221,112,.85) !important;
    background:rgba(246,198,91,.16) !important;
    box-shadow:0 0 0 1px rgba(255,235,150,.32), 0 0 30px rgba(246,198,91,.48) !important;
    animation:watchqueue-rating-callout 1.9s ease both !important;
}
.star-rating.playlist-row-rating.is-star-burst::after{
    content:attr(data-rating-callout);
    position:absolute;
    right:50%;
    top:-1.65rem;
    transform:translateX(50%);
    z-index:5;
    padding:.24rem .48rem;
    border:1px solid rgba(255,230,142,.72);
    border-radius:999px;
    background:rgba(9,7,2,.92);
    color:#ffe891;
    font:1000 .61rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:0 8px 18px rgba(0,0,0,.45), 0 0 18px rgba(246,198,91,.30);
    pointer-events:none;
    animation:watchqueue-rating-label 1.9s ease both;
}

.star-rating.playlist-row-rating.is-star-burst:not([data-rating-callout])::after{
    content:'bewerten';
}
body.site-lang-en .star-rating.playlist-row-rating.is-star-burst:not([data-rating-callout])::after{
    content:'rate it';
}

.star-rating.playlist-row-rating.is-star-burst .star-unit{
    animation:watchqueue-star-wave 1.25s ease both;
}
.star-rating.playlist-row-rating.is-star-burst .star-unit:nth-child(2){animation-delay:.08s;}
.star-rating.playlist-row-rating.is-star-burst .star-unit:nth-child(3){animation-delay:.16s;}
.star-rating.playlist-row-rating.is-star-burst .star-unit:nth-child(4){animation-delay:.24s;}
.star-rating.playlist-row-rating.is-star-burst .star-unit:nth-child(5){animation-delay:.32s;}
@keyframes watchqueue-rating-callout{
    0%{transform:scale(.92); filter:brightness(1);}
    20%{transform:scale(1.08); filter:brightness(1.35);}
    45%{transform:scale(1); filter:brightness(1.18);}
    70%{transform:scale(1.05); filter:brightness(1.28);}
    100%{transform:scale(1); filter:brightness(1);}
}
@keyframes watchqueue-rating-label{
    0%{opacity:0; transform:translateX(50%) translateY(8px) scale(.88);}
    18%,72%{opacity:1; transform:translateX(50%) translateY(0) scale(1);}
    100%{opacity:0; transform:translateX(50%) translateY(-4px) scale(.98);}
}
@keyframes watchqueue-star-wave{
    0%,100%{transform:none; filter:none;}
    35%{transform:translateY(-4px) scale(1.28) rotate(-4deg); filter:drop-shadow(0 0 12px rgba(255,226,120,.98));}
    68%{transform:translateY(0) scale(1.08); filter:drop-shadow(0 0 18px rgba(255,226,120,.55));}
}
@media(max-width:720px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
        grid-template-columns:42px minmax(0,1fr) !important;
        padding-right:88px !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-actions{
        right:8px !important;
        gap:6px !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        flex-basis:34px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        border-radius:10px !important;
    }
    .star-rating.playlist-row-rating.is-star-burst::after{
        top:-1.45rem;
        font-size:.56rem;
    }
}
@media (max-width:900px), (hover:none), (pointer:coarse){
    .shelf-window-nav{
        bottom:calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    }
}

/* v361: Watchlist-Zeile luftiger + Watchlist-Popup im Discover-Grunddesign */
.playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-scoreline{
    display:flex !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:7px 14px !important;
    line-height:1.25 !important;
    min-width:0 !important;
}
.playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-row-tmdb-rating{
    white-space:nowrap !important;
    font-weight:950 !important;
    color:rgba(255,255,255,.96) !important;
}
.playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-added-line{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    white-space:nowrap !important;
    color:rgba(223,246,255,.72) !important;
}
.playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-added-line::before{
    content:"•" !important;
    color:rgba(223,246,255,.42) !important;
    font-weight:1000 !important;
}
.watchqueue-modal.public-detail-backdrop{
    z-index:2300 !important;
}
.watchqueue-public-dialog{
    border-color:rgba(89,189,255,.22) !important;
    box-shadow:18px 18px 0 #000, 0 30px 90px rgba(0,0,0,.55), 0 0 36px rgba(89,189,255,.08) !important;
}
.watchqueue-public-copy .eyebrow{
    color:#dff6ff !important;
}
.watchqueue-public-copy h2{
    padding-right:34px !important;
}
.watchqueue-detail-rating-row{
    align-items:stretch !important;
}
.watchqueue-saved-box .public-detail-rating-value{
    gap:8px !important;
}
.watchqueue-saved-box .public-detail-rating-value span{
    color:#ffd86d !important;
}
.watchqueue-modal-actions{
    margin-top:4px !important;
}
.watchqueue-modal-actions .watchqueue-complete-modal-button,
.watchqueue-modal-actions .watchqueue-delete-modal-button{
    min-height:40px !important;
    border-radius:999px !important;
}
.watchqueue-modal-actions .watchqueue-delete-modal-button{
    border-color:rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.055) !important;
    color:rgba(255,255,255,.88) !important;
}
@media(max-width:720px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-scoreline{
        gap:4px 10px !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-added-line{
        font-size:.64rem !important;
    }
    .watchqueue-public-copy h2{
        padding-right:0 !important;
    }
    .watchqueue-modal-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        width:100% !important;
    }
    .watchqueue-modal-actions .watchqueue-complete-modal-button,
    .watchqueue-modal-actions .watchqueue-delete-modal-button{
        min-width:0 !important;
        width:100% !important;
    }
}

/* v362: mobile Watchlist/Video-Diary Feinschliff */
/* Watchlist-Abhaken: grün und sauber zentriert, in Zeile und Popup */
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
.watchqueue-check-button,
.watchqueue-modal-actions .watchqueue-complete-modal-button{
    border-color:rgba(83,255,153,.62) !important;
    background:linear-gradient(180deg,rgba(30,176,91,.94),rgba(7,82,42,.96)) !important;
    color:#ecfff4 !important;
    text-shadow:0 1px 0 rgba(0,0,0,.55) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.42),0 0 20px rgba(46,224,121,.20),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::before,
.watchqueue-check-button::before{
    content:'✓' !important;
    display:block !important;
    color:#ecfff4 !important;
    font:1000 1.18rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    transform:translateY(-1px) !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button:hover,
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button:focus-visible,
.watchqueue-modal-actions .watchqueue-complete-modal-button:hover,
.watchqueue-modal-actions .watchqueue-complete-modal-button:focus-visible{
    border-color:rgba(170,255,205,.86) !important;
    background:linear-gradient(180deg,rgba(45,204,113,.98),rgba(8,99,49,.98)) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.48),0 0 28px rgba(46,224,121,.30),inset 0 1px 0 rgba(255,255,255,.26) !important;
}

/* Desktop: Like-Zähler im Video Diary exakt auf Aktionsleisten-Höhe bringen */
@media (min-width: 721px){
    .playlist-archive-card.is-video-diary-card .playlist-archive-actions .like-with-hover,
    .playlist-archive-card.is-video-diary-card .playlist-archive-actions .playlist-like-count,
    .playlist-archive-card.is-video-diary-card .playlist-archive-actions .like-with-hover > .like-count-toggle{
        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;
        align-self:stretch !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }
    .playlist-archive-card.is-video-diary-card .playlist-archive-actions .playlist-like-count,
    .playlist-archive-card.is-video-diary-card .playlist-archive-actions .like-with-hover > .like-count-toggle{
        padding:0 18px !important;
        line-height:1 !important;
    }
}

/* Mobil: Watchlist-Zeilenbuttons größer, grün und nicht mehr gequetscht */
@media (max-width: 720px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
        padding-right:112px !important;
        min-height:74px !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-actions{
        right:10px !important;
        gap:8px !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        flex:0 0 44px !important;
        width:44px !important;
        min-width:44px !important;
        max-width:44px !important;
        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;
        border-radius:14px !important;
        display:grid !important;
        place-items:center !important;
        padding:0 !important;
        line-height:1 !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::before{
        font-size:1.28rem !important;
    }

    /* Mobil: Watchlist-Popup-Buttons gleich groß und besser tippbar */
    .watchqueue-modal-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        width:100% !important;
        margin-top:14px !important;
    }
    .watchqueue-modal-actions .watchqueue-complete-modal-button,
    .watchqueue-modal-actions .watchqueue-delete-modal-button{
        width:100% !important;
        min-width:0 !important;
        height:56px !important;
        min-height:56px !important;
        max-height:none !important;
        border-radius:999px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 18px !important;
        font-size:.82rem !important;
        letter-spacing:.055em !important;
        box-sizing:border-box !important;
    }

    /* Mobil: Bewertungsaufruf nach Watchlist -> Video Diary darf nicht abgeschnitten werden */
    .playlist-archive-card.is-watchlist-card:has(.is-watchqueue-completed-new),
    .playlist-archive-card.is-watchlist-card:has(.is-star-burst),
    .playlist-archive-card.is-watchlist-card .playlist-archive-items.is-archive-list,
    .playlist-archive-card.is-watchlist-card .playlist-setup-items{
        overflow:visible !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchqueue-completed-new{
        overflow:visible !important;
        contain:layout !important;
        z-index:80 !important;
        padding-top:22px !important;
        padding-bottom:12px !important;
        margin-top:14px !important;
        margin-bottom:8px !important;
    }
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchqueue-completed-new .playlist-archive-row-main,
    .playlist-archive-card.is-watchlist-card .playlist-archive-row.is-watchqueue-completed-new .star-rating.playlist-row-rating{
        overflow:visible !important;
    }
    .star-rating.playlist-row-rating.is-star-burst{
        z-index:90 !important;
        margin-top:4px !important;
        transform-origin:center center !important;
    }
    .star-rating.playlist-row-rating.is-star-burst::after{
        top:-1.95rem !important;
        left:0 !important;
        right:auto !important;
        transform:none !important;
        z-index:120 !important;
        padding:.34rem .62rem !important;
        font-size:.66rem !important;
        line-height:1 !important;
        letter-spacing:.08em !important;
        max-width:calc(100vw - 48px) !important;
    }
    @keyframes watchqueue-rating-label{
        0%{opacity:0; transform:translateY(8px) scale(.88);}
        18%,72%{opacity:1; transform:translateY(0) scale(1);}
        100%{opacity:0; transform:translateY(-4px) scale(.98);}
    }
}

@media (max-width: 380px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
        padding-right:104px !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        flex-basis:40px !important;
        width:40px !important;
        min-width:40px !important;
        max-width:40px !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        border-radius:13px !important;
    }
}


/* v363: Watchlist-Abhaken glasig, Mobil-Popup volle Breite, Keyboard-Fix-Unterstützung, Rating-Callout sichtbar */
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
.watchqueue-check-button{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    line-height:1 !important;
    font-size:0 !important;
    overflow:hidden !important;
    color:#ecfff5 !important;
    border:1px solid rgba(130,255,185,.58) !important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 36%,rgba(255,255,255,0) 37%),
        linear-gradient(180deg,rgba(47,220,120,.68),rgba(5,105,55,.56)) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 24px rgba(46,224,121,.22),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -12px 22px rgba(0,35,18,.32) !important;
    text-shadow:0 1px 0 rgba(0,0,0,.62) !important;
    backdrop-filter:blur(9px) saturate(1.28) !important;
    -webkit-backdrop-filter:blur(9px) saturate(1.28) !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::before,
.watchqueue-check-button::before{
    content:'✓' !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    transform:none !important;
    color:#f2fff7 !important;
    font:1000 1.32rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    text-align:center !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::after,
.watchqueue-check-button::after{
    content:'' !important;
    position:absolute !important;
    inset:1px !important;
    z-index:1 !important;
    border-radius:inherit !important;
    background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.04) 48%,rgba(255,255,255,0) 54%) !important;
    pointer-events:none !important;
}
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button:hover,
.playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button:focus-visible,
.watchqueue-check-button:hover,
.watchqueue-check-button:focus-visible{
    border-color:rgba(182,255,214,.82) !important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.15) 36%,rgba(255,255,255,0) 37%),
        linear-gradient(180deg,rgba(65,238,137,.74),rgba(5,128,64,.62)) !important;
    box-shadow:0 15px 32px rgba(0,0,0,.48),0 0 30px rgba(46,224,121,.32),inset 0 1px 0 rgba(255,255,255,.36),inset 0 -12px 22px rgba(0,35,18,.30) !important;
}
.watchqueue-modal-actions .watchqueue-complete-modal-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.62rem !important;
    border-color:rgba(130,255,185,.58) !important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.10) 34%,rgba(255,255,255,0) 35%),
        linear-gradient(180deg,rgba(47,220,120,.66),rgba(5,105,55,.58)) !important;
    color:#f2fff7 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 24px rgba(46,224,121,.20),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -12px 22px rgba(0,35,18,.32) !important;
    backdrop-filter:blur(9px) saturate(1.25) !important;
    -webkit-backdrop-filter:blur(9px) saturate(1.25) !important;
}

@media (max-width:720px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
        grid-template-columns:50px minmax(0,1fr) !important;
        min-height:86px !important;
        padding:10px 126px 10px 10px !important;
        align-items:center !important;
        overflow:visible !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-actions{
        position:absolute !important;
        right:12px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:8px !important;
        height:52px !important;
        padding:0 !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        flex:0 0 52px !important;
        width:52px !important;
        min-width:52px !important;
        max-width:52px !important;
        height:52px !important;
        min-height:52px !important;
        max-height:52px !important;
        border-radius:15px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        margin:0 !important;
        line-height:1 !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::before{
        font-size:1.48rem !important;
        line-height:1 !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        font-size:1.34rem !important;
    }

    .watchqueue-modal .public-detail-dialog .public-detail-actions.watchqueue-modal-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        width:100% !important;
        max-width:none !important;
        margin-top:16px !important;
    }
    .watchqueue-modal .public-detail-dialog .public-detail-actions.watchqueue-modal-actions > .watchqueue-complete-modal-button,
    .watchqueue-modal .public-detail-dialog .public-detail-actions.watchqueue-modal-actions > .watchqueue-delete-modal-button{
        grid-column:1 / -1 !important;
        width:100% !important;
        min-width:100% !important;
        max-width:none !important;
        height:58px !important;
        min-height:58px !important;
        max-height:none !important;
        border-radius:999px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 18px !important;
        margin:0 !important;
        box-sizing:border-box !important;
        font-size:.84rem !important;
        letter-spacing:.06em !important;
        line-height:1 !important;
        text-align:center !important;
    }

    .playlist-archive-card.is-video-diary-card,
    .playlist-archive-card.is-video-diary-card .playlist-archive-items.is-archive-list,
    .playlist-archive-card.is-video-diary-card .playlist-setup-items{
        overflow:visible !important;
    }
    .playlist-archive-card.is-video-diary-card .playlist-archive-row.is-watchlist-row.is-watchqueue-completed-new:not(.is-readonly){
        position:relative !important;
        z-index:120 !important;
        contain:none !important;
        overflow:visible !important;
        padding-top:30px !important;
        padding-bottom:14px !important;
        margin-top:20px !important;
        margin-bottom:10px !important;
    }
    .playlist-archive-card.is-video-diary-card .playlist-archive-row.is-watchlist-row.is-watchqueue-completed-new:not(.is-readonly) .playlist-archive-row-main,
    .playlist-archive-card.is-video-diary-card .playlist-archive-row.is-watchlist-row.is-watchqueue-completed-new:not(.is-readonly) .star-rating.playlist-row-rating{
        contain:none !important;
        overflow:visible !important;
    }
    .playlist-archive-card.is-video-diary-card .star-rating.playlist-row-rating.is-star-burst{
        position:relative !important;
        z-index:140 !important;
        overflow:visible !important;
        margin-top:8px !important;
    }
    .playlist-archive-card.is-video-diary-card .star-rating.playlist-row-rating.is-star-burst::after{
        top:-2.15rem !important;
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;
        z-index:220 !important;
        max-width:calc(100vw - 56px) !important;
        padding:.38rem .72rem !important;
        font-size:.68rem !important;
        line-height:1 !important;
        white-space:nowrap !important;
        animation:watchqueue-rating-label-v363 1.9s ease both !important;
    }
}
@media (max-width:380px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
        padding-right:110px !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button,
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .playlist-archive-row-remove.vt-delete-x{
        flex-basis:46px !important;
        width:46px !important;
        min-width:46px !important;
        max-width:46px !important;
        height:46px !important;
        min-height:46px !important;
        max-height:46px !important;
        border-radius:14px !important;
    }
    .playlist-archive-card.is-watchqueue-card .watchqueue-row-actions .watchqueue-check-button::before{
        font-size:1.34rem !important;
    }
}
@keyframes watchqueue-rating-label-v363{
    0%{opacity:0; transform:translateX(-50%) translateY(8px) scale(.88);}
    18%,72%{opacity:1; transform:translateX(-50%) translateY(0) scale(1);}
    100%{opacity:0; transform:translateX(-50%) translateY(-4px) scale(.98);}
}

/* v364: Watchlist mobil – Titel oben, Bewertung darunter, sauber am Poster ausgerichtet */
@media (max-width:720px){
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row{
        align-items:start !important;
        grid-template-columns:50px minmax(0,1fr) !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-archive-row-image{
        width:50px !important;
        height:68px !important;
        align-self:start !important;
        justify-self:start !important;
        margin:0 !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-archive-row-main{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-auto-rows:min-content !important;
        align-content:start !important;
        align-items:start !important;
        justify-items:start !important;
        justify-self:start !important;
        align-self:start !important;
        width:100% !important;
        min-width:0 !important;
        gap:3px !important;
        padding-top:0 !important;
        text-align:left !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-archive-row-title{
        display:contents !important;
        text-align:left !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-archive-row-title strong{
        order:1 !important;
        display:block !important;
        justify-self:start !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        text-align:left !important;
        font-size:.98rem !important;
        line-height:1.08 !important;
        font-weight:950 !important;
        letter-spacing:-.01em !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-row-scoreline{
        order:2 !important;
        display:flex !important;
        justify-content:flex-start !important;
        align-items:baseline !important;
        justify-self:start !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        gap:3px 8px !important;
        margin:1px 0 0 !important;
        text-align:left !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-row-tmdb-rating{
        font-size:.92rem !important;
        line-height:1.1 !important;
        font-weight:950 !important;
        letter-spacing:-.01em !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .watchqueue-added-line{
        font-size:.64rem !important;
        line-height:1.15 !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
    .playlist-archive-card.is-watchqueue-card .playlist-archive-row.is-watchqueue-row .playlist-archive-row-title small{
        order:3 !important;
        display:block !important;
        justify-self:start !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        text-align:left !important;
        font-size:.64rem !important;
        line-height:1.15 !important;
        margin-top:1px !important;
        color:rgba(223,246,255,.66) !important;
    }
}

/* v365: Discover/Public-Import-Speicherwahl immer oberste Ebene */
.public-save-choice-modal,
.playlist-mini-modal.public-save-choice-modal,
.playlist-mini-modal.public-playlist-modal {
    z-index: 99980 !important;
    background: rgba(0, 0, 0, .58) !important;
    backdrop-filter: blur(3px);
}
.public-save-choice-popover,
.public-playlist-popover {
    z-index: 99981 !important;
}
.public-save-choice-popover {
    width: min(420px, calc(100vw - 24px));
    max-height: min(620px, calc(100vh - 24px));
    display: grid;
    gap: 10px;
    border-color: rgba(255, 34, 63, .8) !important;
    background: linear-gradient(135deg, rgba(17, 0, 5, .98), rgba(0, 0, 0, .99)) !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .72), inset 0 0 0 1px rgba(255,255,255,.055) !important;
}
.public-save-choice-popover .eyebrow {
    margin: 0;
}
.public-save-choice-popover h3 {
    margin: 0;
    color: #fff;
    font-size: 1.05rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.public-save-choice-title {
    margin: 0 0 2px;
    display: grid;
    gap: 3px;
    color: rgba(255,255,255,.72);
    line-height: 1.25;
}
.public-save-choice-title strong {
    color: #fff;
    font-size: 1rem;
}
.public-save-choice-title span {
    color: rgba(255,255,255,.56);
    font-size: .82rem;
}
.public-save-choice-popover .import-playlist-picker {
    width: 100%;
    max-width: none;
    min-width: 0;
}
.public-save-choice-submit {
    width: 100%;
    min-height: 42px;
    margin-top: 2px;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: .13em;
}
.public-save-choice-submit:disabled {
    opacity: .72;
    cursor: wait;
}
@media (max-width: 760px) {
    .public-save-choice-popover {
        width: min(420px, calc(100vw - 18px));
        max-height: calc(100dvh - 18px);
        padding: 12px;
    }
}

/* v368: Regal-Status wieder sauber vom mobilen Regal getrennt + Desktop-Buttons kompakter */
.shelf3d-toolbar-bottom{
    grid-template-columns:minmax(188px,auto) minmax(0,1fr) !important;
    align-items:stretch !important;
}
.shelf3d-toolbar-bottom .shelf3d-status{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:188px !important;
    max-width:320px !important;
    min-height:64px !important;
    padding:10px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.65) !important;
}
.shelf3d-toolbar-bottom .shelf-status-message{
    display:none !important;
}
.shelf3d-toolbar-bottom .shelf-status-window{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 14px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(0,0,0,.35) !important;
    color:#fff !important;
    font:900 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(150px,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    align-self:stretch !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .ghost-button{
    width:100% !important;
    min-height:64px !important;
    height:100% !important;
    padding:.8rem .9rem !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    line-height:1.22 !important;
}
.shelf3d-toolbar-bottom .shelf-face-button span{
    display:block !important;
    white-space:normal !important;
}
.shelf-mobile-count-field{
    display:none;
}
@media (max-width:980px){
    .shelf3d-toolbar-bottom{
        grid-template-columns:1fr !important;
    }
}
@media (max-width:900px){
    .shelf3d-toolbar-bottom{
        display:none !important;
    }
    .shelf-mobile-count-field{
        display:flex;
        align-items:center;
        justify-content:center;
        width:fit-content;
        max-width:calc(100% - 28px);
        min-height:30px;
        margin:10px auto 0;
        padding:0 12px;
        border:1px solid rgba(255,255,255,.14);
        background:rgba(0,0,0,.40);
        box-shadow:inset 0 0 0 1px rgba(0,0,0,.70);
        color:#fff;
        font:900 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
        letter-spacing:.09em;
        text-transform:uppercase;
        text-align:center;
        white-space:nowrap;
    }
    .shelf-mobile-count-field[hidden]{
        display:none !important;
    }
}
@media (max-width:560px){
    .shelf-mobile-count-field{
        font-size:.60rem;
        min-height:28px;
        margin-top:8px;
        padding-inline:10px;
    }
}

/* v369: Mobil liegt das Trailerdeck im Regal über allen Regalelementen; +/Import-Speicherpopup bleibt darüber */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    body[data-active-panel="shelfPanel"] .player-zone {
        z-index: 99970 !important;
        isolation: isolate !important;
    }
    body[data-active-panel="shelfPanel"] .shelf-window-nav {
        z-index: 99960 !important;
    }
    body[data-active-panel="shelfPanel"] .public-save-choice-modal,
    body[data-active-panel="shelfPanel"] .playlist-mini-modal.public-save-choice-modal,
    body[data-active-panel="shelfPanel"] .playlist-mini-modal.public-playlist-modal {
        z-index: 99980 !important;
    }
    body[data-active-panel="shelfPanel"] .public-save-choice-popover,
    body[data-active-panel="shelfPanel"] .public-playlist-popover {
        z-index: 99981 !important;
    }
}

/* v370: Discover-Detail + nur noch als roter, eckiger Icon-Button; Regalrücken nutzt dieselbe Speicherwahl */
.public-detail-actions .public-detail-square-add {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    border: 1px solid rgba(255, 118, 118, .72) !important;
    background: #c91628 !important;
    color: #fff !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,.52), inset 0 0 0 1px rgba(255,255,255,.10) !important;
    font-size: 1.35rem !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.public-detail-actions .public-detail-square-add:hover,
.public-detail-actions .public-detail-square-add:focus-visible {
    background: #f02035 !important;
}
@media(max-width:720px){
    .public-detail-dialog .public-detail-actions .public-detail-square-add{
        grid-column: span 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 3.25rem !important;
        min-height: 3.25rem !important;
        padding: 0 !important;
        font-size: 1.45rem !important;
    }
}


/* v376: Icons in der Regal-Steuerung unter dem Regal */
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-icon-button{
    grid-template-columns:auto minmax(0,auto) !important;
    grid-auto-flow:column !important;
    column-gap:12px !important;
    place-items:center !important;
    justify-content:center !important;
    align-content:center !important;
    padding:.68rem 1rem !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-icon-button img{
    display:block !important;
    width:36px !important;
    height:36px !important;
    object-fit:contain !important;
    opacity:.96 !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.8)) !important;
    pointer-events:none !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-icon-button span{
    display:block !important;
    min-width:0 !important;
    white-space:normal !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-reset-button img{
    width:42px !important;
    height:42px !important;
}
.shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-icon-button:disabled img{
    opacity:.44 !important;
}
@media (max-width:1180px){
    .shelf3d-toolbar-bottom .shelf3d-actionbar{
        grid-template-columns:repeat(3,minmax(132px,1fr)) !important;
        gap:10px !important;
    }
    .shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-icon-button{
        column-gap:9px !important;
        padding:.62rem .72rem !important;
    }
    .shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-icon-button img{
        width:31px !important;
        height:31px !important;
    }
    .shelf3d-toolbar-bottom .shelf3d-actionbar .shelf-reset-button img{
        width:36px !important;
        height:36px !important;
    }
}

/* v379: kleinere Kurzreviews + Archiv-Popup-Review */
.editor-review-block{
    border:1px solid rgba(255,255,255,.13);
    background:linear-gradient(135deg,rgba(210,24,50,.12),rgba(0,0,0,.42));
    padding:14px;
    display:grid;
    gap:10px;
}
.editor-review-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.editor-review-head h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;}
.editor-review-counter{
    display:inline-grid;
    place-items:center;
    min-width:48px;
    height:34px;
    border:1px solid rgba(255,255,255,.16);
    background:#080808;
    color:#fff;
    font:1000 .95rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    box-shadow:3px 3px 0 rgba(0,0,0,.42);
}
.editor-review-counter.is-low{color:#ffd2d9;border-color:rgba(255,80,100,.58);}
.editor-review-counter.has-error{background:#4a000a;border-color:rgba(255,110,125,.9);}
.editor-review-block textarea{min-height:104px;}
.editor-review-block.has-review-link-error textarea{border-color:rgba(255,80,100,.9);box-shadow:0 0 0 2px rgba(255,30,60,.16);}
.editor-review-block.has-review-link-error small::after{content:' Keine Links oder E-Mail-Adressen erlaubt.';color:#ff9bab;font-weight:900;}
.detail-review-button{
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    border-radius:0 !important;
    border:1px solid rgba(255,118,118,.72) !important;
    background:#c91628 !important;
    color:#fff !important;
    box-shadow:3px 3px 0 rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.10) !important;
    font:1000 .9rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
    letter-spacing:.02em !important;
}
.public-detail-original-title{margin-top:-4px;color:#cfcfcf;}
.public-review-quote{
    position:relative;
    margin:8px 0 10px;
    padding:10px 36px 10px 13px;
    border-left:3px solid #e21832;
    border-top:1px solid rgba(255,255,255,.10);
    border-right:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(210,24,50,.085) 42%,rgba(0,0,0,.28));
    box-shadow:4px 4px 0 rgba(0,0,0,.26);
}
.public-review-quote::before{
    content:'„';
    position:absolute;
    left:8px;
    top:-5px;
    color:rgba(255,255,255,.16);
    font:900 2.8rem/1 Georgia,serif;
    pointer-events:none;
}
.public-review-quote blockquote{
    position:relative;
    margin:0;
    color:#fff;
    font:750 clamp(.78rem,1.8vw,.88rem)/1.36 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    letter-spacing:.005em;
    overflow-wrap:anywhere;
}
.public-review-quote figcaption{
    margin-top:7px;
    color:#ffb7c4;
    font-size:.62rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.10em;
}
.public-review-report{
    position:absolute;
    top:7px;
    right:7px;
}
.archive-detail-review-quote{
    margin:10px 0 8px;
    padding-right:13px;
}
.archive-detail-review-quote figcaption{color:#ddd;}
.review-report-preview{
    margin:0;
    padding:12px 14px;
    border-left:4px solid #e21832;
    background:rgba(255,255,255,.06);
    color:#fff;
    line-height:1.45;
}
.account-avatar-rights{
    align-self:end;
    background:rgba(210,24,50,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    padding:10px 12px;
}
.account-avatar-upload-field small{display:block;margin-top:5px;color:#aaa;font-size:.72rem;}


/* v388: Regalwechsel nicht mehr auf dem kompletten Renderer animieren.
   Die Hüllen/Schildchen bewegen und faden einzeln in shelf3d.js; Renderer-Opacity/Blur erzeugte Klick-Flimmern. */
.shelf3d-canvas.is-loading-window .shelf3d-renderer,
.shelf3d-canvas.is-loading-window.is-page-prev .shelf3d-renderer{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
}

/* v389: Mobile Discover-Speicherpopup wieder kompakt, zentriert und passend zum Desktop-Stil */
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
    .playlist-mini-modal.public-save-choice-modal{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:14px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
        background:rgba(0,0,0,.62) !important;
    }
    .playlist-mini-modal.public-save-choice-modal .public-save-choice-popover{
        position:relative !important;
        inset:auto !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        transform:none !important;
        width:min(410px, calc(100vw - 28px)) !important;
        max-width:min(410px, calc(100vw - 28px)) !important;
        max-height:calc(100dvh - 28px) !important;
        margin:0 !important;
        padding:14px !important;
        display:grid !important;
        gap:8px !important;
        overflow:auto !important;
        border-radius:18px !important;
        box-sizing:border-box !important;
        overscroll-behavior:contain !important;
    }
    .playlist-mini-modal.public-save-choice-modal .public-save-choice-close{
        position:absolute !important;
        top:10px !important;
        right:10px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        z-index:4 !important;
        align-self:auto !important;
        border-radius:50% !important;
    }
    .public-save-choice-popover .eyebrow{
        margin:0 42px 2px 0 !important;
        font-size:.64rem !important;
        line-height:1 !important;
        letter-spacing:.18em !important;
    }
    .public-save-choice-popover h3{
        margin:0 !important;
        font-size:.98rem !important;
        line-height:1.08 !important;
        letter-spacing:.055em !important;
    }
    .public-save-choice-title{
        margin:2px 0 4px !important;
        gap:2px !important;
        line-height:1.18 !important;
    }
    .public-save-choice-title strong{
        font-size:.95rem !important;
        line-height:1.16 !important;
    }
    .public-save-choice-title span{
        font-size:.74rem !important;
        line-height:1.2 !important;
    }
    .public-save-choice-popover .import-playlist-picker{
        gap:5px !important;
        font-size:.64rem !important;
        line-height:1.05 !important;
        letter-spacing:.08em !important;
    }
    .public-save-choice-popover .import-playlist-picker select{
        height:40px !important;
        min-height:40px !important;
        padding:0 10px !important;
        font-size:.82rem !important;
        line-height:1 !important;
    }
    .public-save-choice-submit{
        height:44px !important;
        min-height:44px !important;
        padding:.72rem 1rem !important;
        margin-top:2px !important;
        font-size:.88rem !important;
        line-height:1 !important;
        letter-spacing:.12em !important;
    }
}
@media (max-width: 380px){
    .playlist-mini-modal.public-save-choice-modal{
        padding:10px !important;
    }
    .playlist-mini-modal.public-save-choice-modal .public-save-choice-popover{
        width:calc(100vw - 20px) !important;
        max-width:calc(100vw - 20px) !important;
        max-height:calc(100dvh - 20px) !important;
        padding:12px !important;
        gap:7px !important;
    }
    .public-save-choice-popover h3{
        font-size:.94rem !important;
    }
    .public-save-choice-title strong{
        font-size:.9rem !important;
    }
    .public-save-choice-submit{
        height:42px !important;
        min-height:42px !important;
        font-size:.82rem !important;
    }
}

/* v350: TMDb-Prüfbutton, neue Archiv-Icons und mobile Mail-Empfänger-Korrektur */
.vt-ui-icon-duplicate{background-image:url('../img/ui/icon-duplicate.png?v=350') !important;}
.vt-ui-icon-review{background-image:url('../img/ui/icon-review.png?v=350') !important;}
.tmdb-open-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 .55rem;
    border:1px solid rgba(126,255,156,.28);
    border-radius:4px;
    background:rgba(80,200,105,.12);
    color:#d4ffde !important;
    font-size:.68rem;
    font-weight:950;
    line-height:1;
    letter-spacing:.04em;
    text-decoration:none !important;
    text-transform:uppercase;
    white-space:nowrap;
}
.tmdb-open-button:hover{
    border-color:rgba(126,255,156,.55);
    background:rgba(80,200,105,.20);
}
.duplicate-title-field{
    display:grid;
    gap:.38rem;
    margin-top:.8rem;
    text-align:left;
}
.duplicate-title-field span{
    color:#ffd1d8;
    font-size:.72rem;
    font-weight:950;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.duplicate-title-field input{
    width:100%;
    min-height:44px;
    padding:.72rem .8rem;
    border:1px solid rgba(255,255,255,.16);
    border-radius:6px;
    background:rgba(0,0,0,.36);
    color:#fff;
    font-size:1rem;
    font-weight:850;
}
.detail-duplicate-button .vt-ui-icon,
.detail-review-button .vt-ui-icon{
    width:1.28em !important;
    height:1.28em !important;
}
[data-user-subscribe].is-pending{
    opacity:.72;
    transform:scale(.96);
    pointer-events:none;
}
[data-user-subscribe],
.shelf-user-subscribe{
    touch-action:manipulation;
}
.shelf-subscribe-label{
    font-weight:950;
    letter-spacing:.02em;
}
@media (max-width:700px){
    .admin-digest-recipient-box{
        max-height:none !important;
        overflow:visible !important;
        gap:.55rem !important;
        padding:.35rem !important;
    }
    .admin-digest-recipient-head{display:none !important;}
    .admin-digest-recipient{
        grid-template-columns:24px 40px minmax(0,1fr) !important;
        grid-auto-rows:auto !important;
        gap:.34rem .55rem !important;
        align-items:start !important;
        min-height:0 !important;
        padding:.62rem !important;
        border-radius:14px !important;
    }
    .admin-digest-recipient-toggle,
    .admin-digest-recipient input.admin-digest-recipient-toggle{
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
        margin-top:.44rem !important;
        width:18px !important;
        min-width:18px !important;
        height:18px !important;
    }
    .admin-digest-recipient-avatar{
        grid-column:2 !important;
        grid-row:1 / span 2 !important;
        width:38px !important;
        height:38px !important;
    }
    .admin-digest-recipient-name{
        grid-column:3 !important;
        grid-row:1 !important;
        padding-top:0 !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        line-height:1.1 !important;
    }
    .admin-digest-recipient-email{
        grid-column:3 !important;
        grid-row:2 !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        overflow-wrap:anywhere !important;
        font-size:.72rem !important;
        line-height:1.25 !important;
    }
    .admin-digest-recipient-flags,
    .admin-digest-recipient-open{
        grid-column:1 / -1 !important;
        margin-left:0 !important;
        max-width:100% !important;
    }
    .admin-digest-recipient-flags{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:.28rem !important;
    }
    .admin-digest-recipient-open{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        gap:.28rem .45rem !important;
    }
    .admin-digest-recipient-open strong,
    .admin-digest-recipient-open small{
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }
}

/* v391: Regal-Finder neu getrennt: User-Suche, abonnierte User, Tag-Regal */
.public-user-suggestions{
    display:grid !important;
    gap:6px !important;
    max-height:178px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-right:2px !important;
}
.public-user-suggestions:empty{
    display:none !important;
}
.public-user-suggestion{
    width:100% !important;
    display:grid !important;
    gap:2px !important;
    text-align:left !important;
    padding:9px 11px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:4px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.25)) !important;
    color:#f4f4f4 !important;
    cursor:pointer !important;
    box-shadow:2px 2px 0 rgba(0,0,0,.38) !important;
}
.public-user-suggestion:hover,
.public-user-suggestion:focus-visible{
    border-color:rgba(210,24,50,.70) !important;
    background:linear-gradient(135deg,rgba(210,24,50,.22),rgba(0,0,0,.32)) !important;
    outline:none !important;
}
.public-user-suggestion strong{
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:.86rem !important;
    letter-spacing:.02em !important;
}
.public-user-suggestion small{
    display:block !important;
    color:rgba(255,255,255,.60) !important;
    font-size:.72rem !important;
    line-height:1.2 !important;
}
.public-user-suggestion.is-empty{
    cursor:default !important;
    box-shadow:none !important;
    background:rgba(0,0,0,.18) !important;
    color:rgba(255,255,255,.60) !important;
}
.shelf-finder-block select:disabled{
    opacity:.62 !important;
    cursor:not-allowed !important;
}
@media(max-width:760px){
    .public-user-suggestions{
        max-height:150px !important;
    }
}


/* v395: Discover-Popup liegt über mobilem Trailerdeck/Regalsteuerung; Regal-Finder-Statusfeld entfernt */
.public-detail-backdrop{
    z-index: 99975 !important;
    isolation: isolate !important;
}
.public-detail-dialog{
    position: relative;
    z-index: 1;
}
body.modal-open .public-detail-backdrop{
    pointer-events: auto !important;
}
.shelf-discovery-status{
    display: none !important;
}
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    body[data-active-panel="shelfPanel"] .public-detail-backdrop{
        z-index: 99975 !important;
    }
}


/* v397: Public-Detail-Kommentarbuttons robust, ohne globale Capture-Eingriffe */
.public-detail-dialog .public-detail-actions,
.public-detail-dialog .public-detail-comment-toggle,
.public-detail-dialog .public-detail-comment-summary{
    position: relative !important;
    z-index: 3 !important;
    pointer-events: auto !important;
}
.public-detail-comment-box.is-open{
    display: block !important;
    position: relative !important;
    z-index: 4 !important;
    pointer-events: auto !important;
    scroll-margin-block: 18px !important;
}

/* v402: Like-/Abo-Popups überall auf bis zu 3 sichtbare User erweitert */
.like-with-hover,
.shelf-owner-card,
.shelf-owner-stats,
.shelf-owner-stats > .like-with-hover,
.shelf-comment,
.shelf-comment-meta,
.shelf-comment-meta .like-with-hover,
.playlist-archive-card,
.playlist-archive-actions,
.playlist-archive-actions .like-with-hover,
.public-detail-actions,
.public-detail-meta{
    overflow:visible !important;
}
.like-hover-list,
.shelf-owner-stats > .like-with-hover > .like-hover-list,
.shelf-comment-meta .like-with-hover > .like-hover-list,
.playlist-archive-actions .like-with-hover > .like-hover-list{
    box-sizing:border-box !important;
    max-height:168px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    gap:6px !important;
    padding:8px !important;
    overscroll-behavior:contain !important;
}
.like-hover-list .like-hover-name,
.like-hover-list span.like-hover-name,
.like-hover-list button.like-hover-row,
.like-hover-list .like-hover-row{
    box-sizing:border-box !important;
    min-height:46px !important;
    height:46px !important;
    padding:7px 9px !important;
    align-items:center !important;
}
.like-hover-list em{
    box-sizing:border-box !important;
    min-height:40px !important;
}

/* v403: Like-/Abo-Popups mit fester sichtbarer Nutzeranzahl: 1/2/3 Reihen, danach Scroll */
.like-hover-list[data-like-visible-count]{
    display:grid !important;
    align-content:start !important;
    grid-auto-rows:auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:thin !important;
}
.like-hover-list[data-like-visible-count="1"]{
    height:62px !important;
    max-height:62px !important;
}
.like-hover-list[data-like-visible-count="2"]{
    height:114px !important;
    max-height:114px !important;
}
.like-hover-list[data-like-visible-count="3"]{
    height:166px !important;
    max-height:166px !important;
}
.like-hover-list[data-like-visible-count="1"] em{
    align-self:center !important;
}
.like-hover-list[data-like-visible-count] .like-hover-name,
.like-hover-list[data-like-visible-count] span.like-hover-name,
.like-hover-list[data-like-visible-count] button.like-hover-row,
.like-hover-list[data-like-visible-count] .like-hover-row{
    min-height:46px !important;
    height:46px !important;
    max-height:46px !important;
    flex:0 0 46px !important;
}


/* v404: User-Abo-Button im Regal nutzt ebenfalls das 3-Zeilen-Popup am Zähler */
.shelf-owner-stats .like-with-hover > .shelf-user-subscribe{
    overflow:visible !important;
}
.shelf-user-subscribe .shelf-subscribe-count[data-like-popover-toggle]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:36px !important;
    height:36px !important;
    margin-right:-8px !important;
    margin-left:6px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
    cursor:pointer !important;
    user-select:none !important;
}
.shelf-user-subscribe .shelf-subscribe-count[data-like-popover-toggle]:hover,
.shelf-user-subscribe .shelf-subscribe-count[data-like-popover-toggle]:focus-visible{
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.28) !important;
    outline:none !important;
}
.shelf-owner-stats .like-with-hover > .shelf-user-subscribe + .like-hover-list[data-like-visible-count]{
    min-width:240px !important;
}

/* v405: Regal-Abo-Popup im Shelf-Header wirklich auf 1/2/3 sichtbare User-Zeilen zwingen.
   Wichtig: ältere Shelf-Header-Regeln stylen jedes direkte span im .like-with-hover wie einen Button
   und haben höhere Spezifität als die allgemeine data-like-visible-count-Regel. */
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count]{
    display:grid !important;
    align-content:start !important;
    grid-auto-rows:auto !important;
    gap:6px !important;
    box-sizing:border-box !important;
    min-width:240px !important;
    width:max-content !important;
    max-width:min(340px, calc(100vw - 32px)) !important;
    min-height:0 !important;
    padding:8px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:thin !important;
}
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count="1"]{
    height:62px !important;
    max-height:62px !important;
}
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count="2"]{
    height:114px !important;
    max-height:114px !important;
}
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count="3"]{
    height:166px !important;
    max-height:166px !important;
}
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count] .like-hover-name,
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count] span.like-hover-name,
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count] button.like-hover-row,
#shelfOwnerHeader .shelf-owner-stats .like-with-hover > .like-hover-list[data-like-visible-count] .like-hover-row{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    min-height:46px !important;
    height:46px !important;
    max-height:46px !important;
    flex:0 0 46px !important;
    padding:7px 9px !important;
}

/* v407: TMDb-Treffer in der Playlist-/Watchlist-Suche mit sauberer rechter Aktionsspalte */
.playlist-add-result.is-tmdb{
    grid-template-columns:58px minmax(0,1fr) auto 34px !important;
    grid-template-areas:"cover text tmdb plus" !important;
}
.playlist-add-result.is-tmdb .playlist-archive-row-image{
    grid-area:cover;
}
.playlist-add-result.is-tmdb > span:not(.playlist-archive-row-image){
    grid-area:text;
}
.playlist-add-result.is-tmdb .tmdb-open-button{
    grid-area:tmdb;
    justify-self:end;
    align-self:center;
}
.playlist-add-result.is-tmdb > b{
    grid-area:plus;
    justify-self:end;
    align-self:center;
}
@media(max-width:760px){
    .playlist-add-result.is-tmdb{
        grid-template-columns:48px minmax(0,1fr) auto 34px !important;
    }
}
@media(max-width:480px){
    .playlist-add-result.is-tmdb{
        grid-template-columns:46px minmax(0,1fr) auto 34px !important;
        gap:8px !important;
    }
}

/* --- v241: Discover-Popup-Playbutton, klickbare Regal-Schildchen, mobile 4er-Regalnavigation --- */
.public-detail-play-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    min-width:42px;
    min-height:40px;
    padding:.6rem .72rem;
    white-space:nowrap;
}
.public-detail-play-button span[aria-hidden="true"]{
    font-size:.82rem;
    line-height:1;
    transform:translateY(-.5px);
}
.public-detail-play-button:disabled{
    opacity:.42;
    cursor:not-allowed;
    filter:saturate(.45);
}
.shelf3d-title-plate-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    height:100%;
    min-width:0;
    margin:0;
    padding:0 8px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:inherit;
    font:inherit;
    letter-spacing:inherit;
    text-transform:inherit;
    text-shadow:inherit;
    cursor:pointer;
    overflow:hidden;
}
.shelf3d-title-plate-button:hover,
.shelf3d-title-plate-button:focus-visible{
    outline:none;
    filter:brightness(1.16) saturate(1.08);
}
.shelf3d-title-plate .shelf3d-title-plate-label{
    flex:1 1 auto;
    min-width:0;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    transform:translateY(-.5px) scaleX(.94);
    transform-origin:center;
}
.shelf3d-title-plate .shelf3d-title-plate-eye{
    position:relative;
    flex:0 0 auto;
    display:inline-block;
    width:10px;
    height:7px;
    max-width:10px;
    overflow:visible;
    border:1px solid rgba(255,226,169,.86);
    border-radius:50% 50% 48% 48%;
    transform:none;
    box-shadow:0 1px 0 #000,0 0 5px rgba(255,185,90,.20);
}
.shelf3d-title-plate .shelf3d-title-plate-eye::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#f7d88d;
    box-shadow:0 0 0 1px rgba(0,0,0,.65);
    transform:translate(-50%,-50%);
}
.shelf3d-title-plate.is-watchlist-date .shelf3d-title-plate-label{
    letter-spacing:.095em;
    transform:translateY(-.5px) scaleX(.98);
}
@media(max-width:900px){
    .shelf3d-title-plate-button{gap:4px;padding:0 7px;}
    .shelf3d-title-plate .shelf3d-title-plate-eye{width:9px;height:6px;}
}


/* v410: Discover-Playbutton an Archiv-Detailbutton angeglichen; Archiv-Popup auf Discover-Z-Ebene */
.detail-modal{
    z-index:99975 !important;
    isolation:isolate !important;
}
.detail-dialog{
    position:relative !important;
    z-index:1 !important;
}
body.modal-open .detail-modal{
    pointer-events:auto !important;
}
.public-detail-actions .public-detail-play-button{
    display:inline-grid !important;
    place-items:center !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding:0 !important;
    flex:0 0 44px !important;
    border-radius:0 !important;
    font-size:1.08rem !important;
    font-weight:1000 !important;
    line-height:1 !important;
    background:linear-gradient(180deg, rgba(210,14,42,.96), rgba(128,0,18,.96)) !important;
    border-color:rgba(255,255,255,.22) !important;
    color:#fff !important;
    box-shadow:3px 3px 0 #000 !important;
}
.public-detail-actions .public-detail-play-button span[aria-hidden="true"]{
    font-size:1.08rem !important;
    line-height:1 !important;
    transform:translateX(.5px) !important;
}
.public-detail-actions .public-detail-play-button:disabled{
    opacity:.42 !important;
    cursor:not-allowed !important;
    filter:saturate(.45) !important;
}
@media (max-width:900px), (hover:none), (pointer:coarse){
    body[data-active-panel="shelfPanel"] .detail-modal{
        z-index:99975 !important;
    }
}
@media(max-width:720px){
    .public-detail-dialog .public-detail-actions{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:.45rem !important;
        width:100% !important;
        margin-top:.75rem !important;
        align-items:stretch !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-play-button,
    .public-detail-dialog .public-detail-actions .public-detail-share-button,
    .public-detail-dialog .public-detail-actions > .movie-like-hover,
    .public-detail-dialog .public-detail-actions .public-detail-add-button{
        grid-column:span 1 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:3.25rem !important;
        min-height:3.25rem !important;
        max-height:3.25rem !important;
        margin:0 !important;
        padding:0 !important;
        justify-content:center !important;
        text-align:center !important;
    }
    .public-detail-dialog .public-detail-actions > .movie-like-hover > *{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:3.25rem !important;
        min-height:3.25rem !important;
        max-height:3.25rem !important;
        margin:0 !important;
        padding:0 !important;
        justify-content:center !important;
        text-align:center !important;
    }
    .public-detail-dialog .public-detail-actions .public-detail-comment-toggle,
    .public-detail-dialog .public-detail-actions .public-detail-comment-summary{
        grid-column:span 2 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
}

/* v411: optional admin note for manual digest mails */
.admin-digest-message-box{
    display:grid;
    gap:.55rem;
    margin:.75rem 0;
    padding:.85rem;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.035);
    border-radius:16px;
}
.admin-digest-message-box > span{
    display:grid;
    gap:.2rem;
}
.admin-digest-message-box strong{
    color:#fff;
    font-size:.9rem;
    font-weight:950;
}
.admin-digest-message-box small{
    color:#aaa;
    font-size:.75rem;
    font-weight:750;
    line-height:1.35;
}
.admin-digest-message-box textarea{
    width:100%;
    min-height:96px;
    resize:vertical;
    border:1px solid rgba(255,255,255,.16);
    background:#090a0d;
    color:#f3f3f3;
    border-radius:12px;
    padding:.75rem .85rem;
    font:750 .86rem/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.admin-digest-message-box textarea:focus{
    outline:2px solid rgba(210,24,50,.45);
    outline-offset:2px;
}

/* v412: Playlist-Like-Popup auf dem 3D-Regal-Schild über den Hüllen anzeigen */
.shelf3d-main-plaque:has(.like-with-hover:hover),
.shelf3d-main-plaque:has(.like-with-hover:focus-within),
.shelf3d-main-plaque:has(.like-with-hover.is-open){
    z-index:10020 !important;
    overflow:visible !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover.is-open{
    position:relative !important;
    z-index:10021 !important;
    overflow:visible !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover > .like-hover-list{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    bottom:auto !important;
    left:auto !important;
    right:-8px !important;
    z-index:10022 !important;
    box-sizing:border-box !important;
    min-width:240px !important;
    width:max-content !important;
    max-width:min(340px, calc(100vw - 32px)) !important;
    padding:8px !important;
    gap:6px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:thin !important;
    align-content:start !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count="1"]{
    height:62px !important;
    max-height:62px !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count="2"]{
    height:114px !important;
    max-height:114px !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count="3"]{
    height:166px !important;
    max-height:166px !important;
}
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count] .like-hover-name,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count] span.like-hover-name,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count] button.like-hover-row,
.shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list[data-like-visible-count] .like-hover-row{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    min-height:46px !important;
    height:46px !important;
    max-height:46px !important;
    flex:0 0 46px !important;
    padding:7px 9px !important;
}
@media(max-width:760px){
    .shelf3d-main-plaque .shelf-plaque-like-slot .like-hover-list,
    .shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover > .like-hover-list{
        left:50% !important;
        right:auto !important;
        transform:translate(-50%, 6px) !important;
        max-width:calc(100vw - 24px) !important;
    }
    .shelf3d-main-plaque .shelf-plaque-like-slot .like-with-hover.is-open > .like-hover-list{
        transform:translate(-50%, 0) !important;
    }
}

/* v418: Mobile-Regal ohne Einmal-Blink beim Reihenwechsel */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .shelf3d-canvas.is-loading-window .shelf3d-renderer,
    .shelf3d-canvas.is-loading-window.is-page-prev .shelf3d-renderer {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}