/* BSBKTV CO-HOST ROOM — 진분홍
   Image-first room. Existing host room/music and six author rooms stay untouched. */
:root{
  --cohost-rose:#d9a0a8;
  --cohost-gold:#e0c287;
  --cohost-ink:#fff4df;
  --cohost-line:rgba(231,195,132,.44);
}
.host-curator-enter{right:3.8%!important;width:45.2%!important;justify-content:center!important}
.host-cohost-enter{
  position:absolute;left:3.8%;bottom:6.6%;width:45.2%;height:8.5%;
  display:flex;align-items:center;justify-content:center;z-index:4;
  margin:0;padding:0;border:0;background:transparent;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.host-cohost-enter .host-entry-label{background:rgba(57,28,34,.94);border-color:rgba(237,194,198,.82);color:#fff0e8}
.host-cohost-enter .host-entry-label small{color:#efbdc5}
.host-cohost-enter:focus-visible .host-entry-label{outline:2px solid #f5ced1;outline-offset:3px}

.cohost-room-scene{background:#120c0d;overflow:hidden!important}
.cohost-room-page{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding-bottom:72px;background:#0d1812}
.cohost-topbar{
  position:sticky;top:0;z-index:30;min-height:66px;display:grid;grid-template-columns:82px minmax(0,1fr) 72px;
  align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--cohost-line);
  background:rgba(7,27,19,.97);backdrop-filter:blur(16px)
}
.cohost-topbar button{min-height:36px;border:1px solid var(--cohost-line);border-radius:999px;background:rgba(34,42,29,.92);color:#f6e4bf;padding:7px 9px;cursor:pointer;font-size:9px;font-weight:800}
.cohost-title{text-align:center;min-width:0}.cohost-title small,.cohost-title b,.cohost-title em{display:block}
.cohost-title small{color:#e8bac1;letter-spacing:.17em;font-size:7px}.cohost-title b{font:20px Georgia,"Noto Serif KR",serif;color:#fff1d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cohost-title em{font-style:normal;color:#c9b9a8;font-size:7px}

.cohost-image-stage{position:relative;width:min(100%,920px);margin:0 auto;background:#1a1414}
.cohost-room-image{display:block;width:100%;height:auto}
.cohost-hotspot{position:absolute;z-index:5;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cohost-hotspot:focus-visible{outline:2px solid rgba(255,239,201,.95);outline-offset:2px;border-radius:22px}
.cohost-hotspot-books{left:3.5%;top:38.4%;width:24%;height:9.8%}
.cohost-hotspot-author{left:39.8%;top:45.7%;width:23.5%;height:8.8%}
.cohost-hotspot-channel{right:2.5%;top:51.4%;width:24%;height:8.8%}
.cohost-hotspot-gallery{left:3.8%;top:59.6%;width:23%;height:8.8%}
.cohost-hotspot-interview{left:4.2%;top:75.5%;width:22.5%;height:8.5%}

.cohost-book-display{position:absolute;z-index:4;left:50%;bottom:3.7%;transform:translateX(-50%);display:flex;gap:11px;align-items:flex-end;padding:7px 9px;border-radius:16px;background:rgba(13,38,28,.84);border:1px solid rgba(229,199,139,.38);box-shadow:0 14px 34px #0007;backdrop-filter:blur(8px)}
.cohost-book-display a{display:block;transition:.2s}.cohost-book-display a:hover{transform:translateY(-4px)}
.cohost-book-display img{display:block;width:68px;height:96px;object-fit:cover;border-radius:4px;box-shadow:0 10px 18px #0009}

.cohost-panel{width:min(900px,92vw);border:1px solid var(--cohost-line);background:linear-gradient(180deg,#0d291d,#171313);color:#f8ecd6;border-radius:24px;padding:22px;box-shadow:0 30px 90px #000c}
.cohost-panel::backdrop{background:rgba(3,8,5,.82);backdrop-filter:blur(6px)}
.cohost-panel .close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--cohost-line);background:#143726;color:#f7e5c0;font-size:22px;cursor:pointer}
.cohost-panel header small{color:#d9a0a8;letter-spacing:.18em}.cohost-panel header h2{margin:5px 0 6px;font:32px Georgia,"Noto Serif KR",serif}.cohost-panel header p{margin:0;color:#cdbfa8}
.cohost-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.cohost-book-card{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:15px;border:1px solid rgba(225,190,128,.30);border-radius:18px;background:rgba(4,26,18,.55)}
.cohost-cover img{width:118px;aspect-ratio:0.7;object-fit:cover;border-radius:5px;box-shadow:0 14px 28px #0008}
.cohost-book-card small{color:#d5b37a}.cohost-book-card h3{margin:7px 0 9px;font:24px Georgia,"Noto Serif KR",serif}.cohost-book-card p,.cohost-author-copy p{color:#ded1be;line-height:1.8;font-size:13px}
.cohost-author-copy{margin-top:18px;padding:18px;border:1px solid rgba(225,190,128,.26);border-radius:18px;background:rgba(6,30,21,.58)}
.cohost-author-portrait{margin:0 0 18px}.cohost-author-portrait img{display:block;width:min(100%,360px);height:auto;margin:0 auto;border-radius:18px;box-shadow:0 18px 42px #0008}
.cohost-modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.cohost-modal-actions a{padding:10px 14px;border-radius:999px;text-decoration:none;background:#17432f;color:#f7e5c4;border:1px solid rgba(229,198,139,.38);font-weight:800}
.cohost-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.cohost-gallery-grid figure{display:flex;align-items:center;justify-content:center;margin:0;padding:9px;min-width:0;border:1px solid rgba(225,190,128,.18);border-radius:14px;background:rgba(6,30,21,.42)}.cohost-gallery-grid img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:9px;box-shadow:0 18px 40px #0009}

@media(max-width:720px){
  .host-curator-enter,.host-cohost-enter{width:46%!important}.host-curator-enter{right:2.6%!important}.host-cohost-enter{left:2.6%}
  .host-entry-label{padding:7px 9px!important}.host-entry-label b{font-size:8px!important}.host-entry-label small{font-size:6px!important}
  .cohost-topbar{grid-template-columns:72px minmax(0,1fr) 62px;padding:7px 8px}.cohost-title b{font-size:17px}.cohost-title em{display:none}
  .cohost-book-display{bottom:3%;gap:8px}.cohost-book-display img{width:54px;height:76px}
  .cohost-book-grid{grid-template-columns:1fr}.cohost-book-card{grid-template-columns:96px 1fr}.cohost-cover img{width:96px}
}
@media(max-width:460px){
  .cohost-topbar{grid-template-columns:66px minmax(0,1fr) 58px}.cohost-topbar button{font-size:8px;padding:6px}.cohost-title b{font-size:15px}.cohost-title small{font-size:6px}
  .cohost-book-display{padding:5px 6px;gap:6px}.cohost-book-display img{width:44px;height:62px}
  .cohost-gallery-grid{grid-template-columns:1fr;gap:12px}.cohost-gallery-grid figure{padding:7px}
  .cohost-author-portrait img{width:min(100%,300px)}
}

.cohost-video-tabs{display:flex;gap:10px;margin:20px 0 14px;flex-wrap:wrap}.cohost-video-tabs button{padding:10px 18px;border-radius:999px;border:1px solid var(--cohost-line);background:#143726;color:#f7e5c4;cursor:pointer}.cohost-video-tabs button[aria-pressed=true]{background:#e0c287;color:#16261c}.cohost-video-player{aspect-ratio:16/9;min-height:200px;background:#000;border-radius:12px;overflow:hidden}.cohost-video-player iframe{display:block;width:100%;height:100%;border:0}.cohost-video-help,#cohostVideoStatus{font-size:13px;line-height:1.7;color:#ded1be}.cohost-video-help a{color:#e0c287}#cohostInterviewModal{max-height:90dvh;overflow-y:auto}#cohostInterviewModal header{padding-right:24px}