.catalog-topbar{flex-wrap:wrap}.main-nav{display:flex;align-items:center;gap:5px}.main-nav a,.section-heading a,.back-link{color:var(--muted);text-decoration:none}.main-nav a{padding:8px 10px;border-radius:8px;font-weight:650}.main-nav a.active,.main-nav a:hover{background:var(--surface2);color:var(--text)}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:3px;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:11px}.page{min-height:60vh}.library-hero{padding:55px 0 28px}.library-hero h1{margin:3px 0;font-size:clamp(38px,6vw,70px);letter-spacing:-.045em}.library-hero>p{color:var(--muted)}.movie-select{position:absolute;z-index:3;right:8px;top:8px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#0f172add;color:#fff;font-size:11px;cursor:pointer}.movie-select input{width:17px;height:17px;accent-color:var(--blue)}.detail-shell{display:grid;grid-template-columns:minmax(230px,340px) 1fr;gap:clamp(25px,5vw,65px);padding:25px 0 65px}.detail-poster{width:100%;border-radius:14px;box-shadow:var(--shadow)}.detail-copy h1{margin:4px 0 8px;font-size:clamp(38px,6vw,70px);line-height:1;letter-spacing:-.045em}.detail-meta{color:var(--muted);font-size:16px}.detail-summary{max-width:850px;font-size:17px;line-height:1.75}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.metadata-block{margin-top:28px}.metadata-block h2{font-size:25px}.season-grid,.album-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.season{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.season img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px}.album-list{grid-template-columns:1fr}.album{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.album>img{width:130px;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.tracks{margin:10px 0 0;padding:0;list-style:none;columns:2}.tracks li{display:flex;gap:9px;padding:5px 0;break-inside:avoid;color:var(--muted)}.tracks b{min-width:24px;color:var(--text)}.movie-night-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.movie-night-actions{display:flex;gap:10px}.movie-night-list{display:grid;gap:14px}.night-item{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.night-item img{width:75px;aspect-ratio:2/3;object-fit:cover;border-radius:7px}.remove-night{border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.empty-state{padding:45px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
@media(max-width:980px){.main-nav{order:3;width:100%;overflow:auto}.header-actions{flex:1}.detail-shell{grid-template-columns:220px 1fr}}
@media(max-width:650px){.detail-shell{grid-template-columns:1fr}.detail-poster{max-width:260px}.album{grid-template-columns:85px 1fr}.album>img{width:85px}.tracks{columns:1}.movie-night-heading{align-items:flex-start;flex-direction:column}.night-item{grid-template-columns:60px 1fr auto}.night-item img{width:60px}}
@media print{.topbar,footer,.movie-night-actions,.remove-night,.status{display:none!important}body{background:#fff;color:#000}.movie-night-list{display:block}.night-item{break-inside:avoid;margin:0 0 12px;border-color:#bbb;box-shadow:none}.movie-night-heading{padding-top:0}.movie-night-heading p{color:#333}.page.hidden{display:none!important}#movie-night-page{display:block!important}}
.room-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.room-links{display:flex;flex-wrap:wrap;gap:8px}.join-card{max-width:520px;margin:55px auto;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.join-card label{display:block;margin:14px 0 5px;font-weight:700}.join-card input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.vote-grid{display:grid;gap:14px}.vote-item{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:16px;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--surface)}.vote-item.selected{border-color:var(--blue)}.vote-item.winner{box-shadow:0 0 0 3px #22c55e}.vote-item img{width:85px;aspect-ratio:2/3;object-fit:cover;border-radius:8px}.vote-button{min-width:90px}.vote-total{font-size:25px;font-weight:800}.participant-list{color:var(--muted)}.room-notice{padding:12px 15px;border-left:4px solid var(--blue);background:var(--surface2);border-radius:7px}.organizer-panel{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.winner-button{font-size:12px}.share-output{width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}
.movie-night-guide{margin:0 0 28px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.movie-night-guide h2{margin:3px 0 18px}.movie-night-guide ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:night-step}.movie-night-guide li{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 14px 14px 48px;border-radius:10px;background:var(--surface2);counter-increment:night-step}.movie-night-guide li:before{content:counter(night-step);position:absolute;left:14px;top:14px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.movie-night-guide li span,.guide-note{color:var(--muted);line-height:1.5}.guide-note{margin:16px 0 0;font-size:13px}
.join-card input{box-sizing:border-box}.vote-item{grid-template-columns:clamp(64px,8vw,85px) minmax(0,1fr) auto;overflow:hidden}.vote-item img{display:block;width:100%;max-width:85px;height:auto;max-height:128px;object-fit:cover}.vote-item h3,.room-notice{overflow-wrap:anywhere}.vote-item>div:last-child{display:grid;gap:6px;text-align:center}
@media(max-width:900px){.movie-night-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}.room-top{align-items:flex-start;flex-direction:column}.room-top.library-hero{padding-bottom:20px}}
@media(max-width:600px){.movie-night-guide{padding:16px}.movie-night-guide ol{grid-template-columns:1fr}.movie-night-actions,.room-links{display:grid;width:100%;grid-template-columns:1fr}.movie-night-actions .button,.room-links .button{width:100%;min-height:44px}.join-card{margin:24px 0;padding:20px}.vote-grid{gap:10px}.vote-item{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:10px;padding:10px}.vote-item img{width:64px;max-height:96px}.vote-item>div:last-child{grid-column:1/-1;grid-template-columns:42px minmax(0,1fr);align-items:center}.vote-item .winner-button{grid-column:1/-1;min-height:40px}.vote-button{width:100%;min-height:44px}.vote-total{font-size:21px}.organizer-panel{align-items:stretch;flex-direction:column}.organizer-panel .button{min-height:44px}.room-notice{font-size:14px}}