/* The remaining live routes use the same shell and theme as the approved feed. */
body.live-home{--feed-panel:#171819;--feed-text:#f5f5f5;--feed-muted:#aaaeb0;--feed-line:#272a2b;--feed-chip:#252627;--feed-accent:#39ae64}
body.live-home[data-live-theme="light"]{--feed-panel:#fff;--feed-text:#17231b;--feed-muted:#62716a;--feed-line:#e2e7e1;--feed-chip:#eef1ed;--feed-accent:#237e43}
.body.youtube-layout{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(300px,350px);gap:18px;align-items:start;min-height:calc(100dvh - 70px);padding:22px clamp(18px,1.6vw,30px);background:var(--feed-bg);color:var(--feed-text)}
.youtube-layout .rail{position:sticky;top:92px;width:210px;height:calc(100dvh - 100px);display:block;overflow:auto;padding:0 8px 24px;border:0;border-radius:0;box-shadow:none;background:transparent;scrollbar-width:thin}
.youtube-layout .stage{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}
.youtube-layout .screen{box-shadow:none}
.youtube-layout .side{display:flex;flex-direction:column;gap:12px;min-width:0;overflow:visible;background:transparent}
.youtube-layout .under{border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--feed-text);padding:0;min-height:0}
.youtube-layout .under p{color:var(--feed-muted)}
.youtube-layout .btn{background:var(--feed-accent);color:#fff;border:0;box-shadow:none}
.youtube-layout .btn:hover{filter:brightness(1.1)}
.youtube-layout .btn.ghost{background:var(--feed-chip);color:var(--feed-text);border:1px solid var(--feed-line)}
.youtube-layout .btn.off{background:var(--feed-chip);color:var(--feed-muted);opacity:.75}
.youtube-layout .over,.youtube-layout .over.muted{color:var(--feed-muted)}
.youtube-layout .pin,.youtube-layout .chat-panel,.youtube-layout .q,.youtube-layout .pin-queue-item{background:var(--feed-panel);color:var(--feed-text);border:1px solid var(--feed-line);box-shadow:none}
.youtube-layout .pin{border-radius:13px;padding:19px;gap:11px}
.youtube-layout .pin-label{background:var(--feed-active);color:var(--feed-accent);padding:6px 10px}
.youtube-layout .pin h3{font:700 clamp(20px,1.5vw,26px)/1.16 var(--font);letter-spacing:-.02em;color:var(--feed-text);margin:3px 0 0}
.youtube-layout .pin .maker,.youtube-layout .pin>p.maker{font-size:12px;color:var(--feed-muted)}
.youtube-layout .pin>p.maker a{color:var(--feed-accent)}
.youtube-layout .facts{border-color:var(--feed-line);margin-top:4px;padding:13px 0}
.youtube-layout .facts div+div{border-color:var(--feed-line)}
.youtube-layout .facts small{color:var(--feed-muted)}
.youtube-layout .facts strong,.youtube-layout .price-row strong{color:var(--feed-text)}
.youtube-layout .price-row strong{font-size:28px}
.youtube-layout .allerg span{border-color:var(--feed-line);color:var(--feed-text)}
.youtube-layout .tag{background:var(--feed-chip);color:var(--feed-muted)}
.youtube-layout .tag.live{background:var(--feed-active);color:var(--feed-accent)}
.youtube-layout .pin-queue-item[aria-pressed="true"]{border-color:var(--feed-accent);background:var(--feed-active)}
.youtube-layout .pin-queue-item small,.youtube-layout .q small{color:var(--feed-muted)}
.youtube-layout .side.side-live{height:auto;min-height:0;max-height:none;overflow:visible}
.youtube-layout .side-more{max-height:none;overflow:visible;gap:8px}
.youtube-layout .chat-panel{height:clamp(320px,48vh,530px);min-height:320px;max-height:none;border-radius:13px}
.youtube-layout .chat-panel-head{border-color:var(--feed-line);padding:14px 16px}
.youtube-layout .chat-panel-head .over{color:var(--feed-text);font-size:13px;letter-spacing:0;text-transform:none}
.youtube-layout .chat-indicator{color:var(--feed-muted)}
.youtube-layout .chat-indicator.is-live{color:#f15665}
.youtube-layout .chat-host-pin,.youtube-layout .chat-message.from-host{background:var(--feed-active);border-color:var(--feed-line);color:var(--feed-text)}
.youtube-layout .chat-host-pin b,.youtube-layout .chat-message b{color:var(--feed-accent)}
.youtube-layout .chat-message span{color:var(--feed-text)}
.youtube-layout .chat-empty{font:13px/1.5 var(--font);color:var(--feed-muted)}
.youtube-layout .chat-compose{border-color:var(--feed-line);background:var(--feed-panel)}
.youtube-layout .chat-compose input{background:var(--feed-bg);color:var(--feed-text);border-color:var(--feed-line)}
.youtube-layout .chat-compose input::placeholder{color:var(--feed-muted)}
.youtube-layout .chat-compose button{background:var(--feed-accent)}
.youtube-layout .chat-quick button{background:var(--feed-chip);border-color:var(--feed-line);color:var(--feed-text)}
.youtube-layout .chat-login{color:var(--feed-muted)}
.youtube-layout .chat-new{background:var(--feed-active);color:var(--feed-accent)}
.youtube-layout .screen.video{width:100%;aspect-ratio:16/9;min-height:0;border:1px solid var(--feed-line);border-radius:12px;background:#090e0c}
.youtube-layout .screen.video::after{background:linear-gradient(180deg,#0009,transparent 22%,transparent 67%,#000b)}
.youtube-layout .screen.video .vtop{top:16px;left:17px;right:17px;gap:12px}
.youtube-layout .screen.video .vtop .who{max-width:60%;gap:1px}
.youtube-layout .screen.video .vtop strong{font-size:13px}
.youtube-layout .screen.video .vtop small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.youtube-layout .live-tag{background:#e22b42;border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:0}
.youtube-layout .screen.video .soft{background:#151a16b9;color:white;border:1px solid #ffffff55;border-radius:6px}
.youtube-layout .screen.video .state-msg{background:#101714d9;color:#fff;border:1px solid #ffffff25;font:13px var(--font)}
.youtube-layout .screen.video .player-tools{left:0;right:0;bottom:0;padding:18px 14px 11px;border-radius:0;background:linear-gradient(transparent,#000c 38%);backdrop-filter:none;gap:7px}
.youtube-layout .player-tools::before{content:"";position:absolute;top:2px;left:14px;right:14px;height:2px;border-radius:3px;background:#ffffff66}
.youtube-layout .player-tools button{border:0;background:transparent;color:#fff;font-size:11px;font-weight:700;padding:7px 8px;border-radius:5px}
.youtube-layout .player-tools button:hover{background:#ffffff29}
.youtube-layout .player-tools input{accent-color:#e6394c;width:58px}
.youtube-layout .player-tools [data-connection]{font-size:10px;color:#dfe6df}
.youtube-layout .screen.video .countdown{left:28px;bottom:80px}
.youtube-layout .screen.video .countdown .cd{font:700 clamp(28px,3vw,46px) var(--font)}
.youtube-layout .screen.video .countdown h3{font:700 clamp(20px,2vw,30px) var(--font)}
.youtube-layout .watch-meta{display:grid;gap:12px;width:100%;padding:0 2px 15px;border-bottom:1px solid var(--feed-line)}
.youtube-layout .watch-meta h1{margin:0;color:var(--feed-text);font:700 clamp(20px,1.6vw,26px)/1.2 var(--font);letter-spacing:-.025em}
.youtube-layout .watch-host{display:flex;align-items:center;gap:10px;min-width:0}
.youtube-layout .watch-host>.av{width:42px;height:42px;background:var(--feed-active);color:var(--feed-accent);font:700 13px var(--font)}
.youtube-layout .watch-host>span:nth-child(2){display:grid;gap:1px;min-width:0;flex:1}
.youtube-layout .watch-host strong{font-size:13px}
.youtube-layout .watch-host small{font-size:11px;color:var(--feed-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.youtube-layout .watch-host .btn{min-height:35px;padding:7px 13px;font-size:11px;flex:none}
.youtube-layout .preview-video{background:#080a09!important}
.youtube-layout .preview-video::after{display:block}
.youtube-layout .preview-scene{position:absolute;inset:0 21%;background-image:url('assets/home-reference.png');background-size:605.8% 355.1%;background-repeat:no-repeat;filter:brightness(.65)}
.youtube-layout .preview-scene[data-tile="0"],.youtube-layout .preview-related-thumb[data-tile="0"]{background-position:16.48% 23.41%}
.youtube-layout .preview-scene[data-tile="1"],.youtube-layout .preview-related-thumb[data-tile="1"]{background-position:37.23% 23.41%}
.youtube-layout .preview-scene[data-tile="2"],.youtube-layout .preview-related-thumb[data-tile="2"]{background-position:57.56% 23.41%}
.youtube-layout .preview-scene[data-tile="3"],.youtube-layout .preview-related-thumb[data-tile="3"]{background-position:77.89% 23.41%}
.youtube-layout .preview-scene[data-tile="4"],.youtube-layout .preview-related-thumb[data-tile="4"]{background-position:16.48% 81.19%}
.youtube-layout .preview-scene[data-tile="5"],.youtube-layout .preview-related-thumb[data-tile="5"]{background-position:37.23% 81.19%}
.youtube-layout .preview-scene[data-tile="6"],.youtube-layout .preview-related-thumb[data-tile="6"]{background-position:57.56% 81.19%}
.youtube-layout .preview-scene[data-tile="7"],.youtube-layout .preview-related-thumb[data-tile="7"]{background-position:77.89% 81.19%}
.youtube-layout .preview-scene[data-tile="0"]{background-position:16.48% 26.5%}
.youtube-layout .preview-scene[data-tile="1"]{background-position:37.23% 26.5%}
.youtube-layout .preview-scene[data-tile="2"]{background-position:57.56% 26.5%}
.youtube-layout .preview-scene[data-tile="3"]{background-position:77.89% 26.5%}
.youtube-layout .preview-scene[data-tile="4"]{background-position:16.48% 84%}
.youtube-layout .preview-scene[data-tile="5"]{background-position:37.23% 84%}
.youtube-layout .preview-scene[data-tile="6"]{background-position:57.56% 84%}
.youtube-layout .preview-scene[data-tile="7"]{background-position:77.89% 84%}
.youtube-layout .preview-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;pointer-events:none}
.youtube-layout .preview-content .preview-play{pointer-events:auto;width:72px;height:72px;display:grid;place-items:center;margin:0;border:1px solid #fff9;border-radius:50%;background:#111b18bb;color:#fff;font-size:25px;backdrop-filter:blur(6px)}
.youtube-layout .preview-content .preview-play:hover{background:#2a6d42cc}
.youtube-layout .preview-content p{margin:12px 0 0;color:#fff;font:12px var(--font);text-shadow:0 2px 5px #000}
.youtube-layout .preview-live-dot{color:#f24b5f;font-weight:700;font-size:11px}
.youtube-layout .preview-toolbar-spacer{flex:1}
.youtube-layout .preview-related{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;color:var(--feed-text);text-decoration:none}
.youtube-layout .preview-related:hover strong{color:var(--feed-accent)}
.youtube-layout .preview-related-thumb{width:92px;aspect-ratio:16/10;border-radius:6px;background-image:url('assets/home-reference.png');background-size:605.8% 355.1%;background-repeat:no-repeat}
.youtube-layout .preview-related>span:last-child{display:grid;gap:3px}
.youtube-layout .preview-related strong{font-size:11px;line-height:1.3}
.youtube-layout .preview-related small{font-size:10px;color:var(--feed-muted)}
.youtube-section .collection-screen,.youtube-section .tomorrow{min-height:0;height:auto;overflow:visible;background:transparent;color:var(--feed-text);border:0;border-radius:0;padding:2px 0 32px;box-shadow:none;display:block;align-content:start}
.youtube-section .collection-head{max-width:none;gap:7px;margin:0 0 30px}
.youtube-section .collection-head .over{color:var(--feed-accent);letter-spacing:.08em}
.youtube-section .collection-head h3{font:700 clamp(26px,2.4vw,38px)/1.14 var(--font);letter-spacing:-.035em;color:var(--feed-text);max-width:none}
.youtube-section .collection-head p{font:13px/1.55 var(--font);color:var(--feed-muted);max-width:65ch}
.youtube-section .collection-head>.btn{margin-top:10px}
.youtube-section .collection-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;margin:0 0 28px}
.youtube-section .collection-group>.over{grid-column:1/-1;border-bottom:1px solid var(--feed-line);padding-bottom:9px;color:var(--feed-text);font-size:13px;letter-spacing:0;text-transform:none}
.youtube-section .collection-row{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:0;padding:0;border:0;color:var(--feed-text)}
.youtube-section .collection-row:hover .collection-thumb{box-shadow:0 0 0 2px var(--feed-accent)}
.youtube-section .collection-thumb{position:relative;width:100%;height:auto;aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:var(--feed-panel);color:var(--feed-accent)}
.youtube-section .collection-thumb>span{font:700 22px var(--font)}
.youtube-section .collection-thumb.demo-art{background-image:url('assets/home-reference.png');background-size:605.8% 355.1%;background-repeat:no-repeat}
.youtube-section .collection-thumb.demo-art>span{opacity:0}
.youtube-section .collection-thumb.demo-art[data-tile="0"]{background-position:16.48% 23.41%}
.youtube-section .collection-thumb.demo-art[data-tile="1"]{background-position:37.23% 23.41%}
.youtube-section .collection-thumb.demo-art[data-tile="4"]{background-position:16.48% 81.19%}
.youtube-section .collection-thumb.demo-art::before{content:'ПАРТИЯ · ДЕМО';position:absolute;z-index:1;top:6px;left:6px;padding:5px 7px;border-radius:4px;background:#112019ed;color:#fff;font:700 9px var(--font)}
.youtube-section .collection-thumb.demo-art::after{content:'Партия';position:absolute;z-index:1;right:6px;bottom:6px;padding:3px 7px;border-radius:4px;background:#112019ed;color:#fff;font:700 9px var(--font)}
.youtube-section .watch-stream-card{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--feed-text);text-decoration:none}
.youtube-section .watch-stream-card:hover .watch-stream-thumb{box-shadow:0 0 0 2px var(--feed-accent)}
.youtube-section .watch-stream-card strong{font-size:14px;line-height:1.3}
.youtube-section .watch-stream-card small{color:var(--feed-muted);font-size:11px}
.youtube-section .watch-stream-thumb{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:var(--feed-panel)}
.youtube-section .watch-stream-thumb img{width:100%;height:100%;object-fit:cover}
.youtube-section .watch-stream-thumb.board-sprite{background-image:url('assets/home-reference.png');background-size:605.8% 355.1%;background-repeat:no-repeat}
.youtube-section .watch-stream-thumb[data-tile="0"]{background-position:16.48% 23.41%}
.youtube-section .watch-stream-thumb[data-tile="1"]{background-position:37.23% 23.41%}
.youtube-section .watch-stream-thumb[data-tile="2"]{background-position:57.56% 23.41%}
.youtube-section .watch-stream-thumb[data-tile="3"]{background-position:77.89% 23.41%}
.youtube-section .collection-copy{gap:3px}
.youtube-section .collection-copy small,.youtube-section .collection-copy>span{font-size:11px;color:var(--feed-muted)}
.youtube-section .collection-copy strong{font:700 14px/1.3 var(--font);color:var(--feed-text)}
.youtube-section .collection-end{display:flex;justify-content:space-between;align-items:center;justify-items:initial;width:100%;color:var(--feed-text)}
.youtube-section .collection-end strong{font-size:14px}
.youtube-section .collection-end small{font-size:11px;color:var(--feed-accent)}
.youtube-section .collection-empty{grid-column:1/-1;min-height:140px;padding:25px;border:1px solid var(--feed-line);border-radius:10px;background:var(--feed-panel);color:var(--feed-muted)}
.youtube-section .collection-empty strong{font:700 18px var(--font);color:var(--feed-text)}
.youtube-section .collection-empty a{color:var(--feed-accent)}
.youtube-section .stream-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0;border:0;color:var(--feed-text)}
.youtube-section .stream-row>span:nth-child(2){display:grid}
.youtube-section .stream-row strong{font:700 14px var(--font)}
.youtube-section .stream-row small{color:var(--feed-muted)}
.youtube-section .stream-row>span:last-child{display:none}
.youtube-section .personal-preview,.youtube-section .studio-steps{margin-top:20px;border-color:var(--feed-line);color:var(--feed-text)}
.youtube-section .personal-preview span,.youtube-section .studio-steps span{color:var(--feed-text);font:700 14px var(--font)}
.youtube-section .studio-steps b{color:var(--feed-accent)}
.youtube-section .tomorrow>.over{color:var(--feed-accent)}
.youtube-section .tomorrow h3{font:700 clamp(26px,2.4vw,38px) var(--font);color:var(--feed-text);max-width:none}
.youtube-section .tomorrow>p{font:13px var(--font);color:var(--feed-muted)}
.youtube-section .sched a,.youtube-section .sched div{color:var(--feed-text);border-color:var(--feed-line)}
.youtube-section .sched time{color:var(--feed-accent)}
.youtube-section .studio-screen{padding:30px;border:1px solid var(--feed-line);border-radius:12px;background:var(--feed-panel)}
.youtube-section .studio-screen .collection-head h3{font:700 clamp(28px,2.5vw,40px)/1.16 var(--font);letter-spacing:-.035em;color:var(--feed-text)}
.youtube-section .studio-steps{gap:10px;padding-top:20px}
.youtube-section .studio-steps span{min-height:76px;align-content:center;padding:13px;border:1px solid var(--feed-line);border-radius:9px;background:var(--feed-bg)}
.youtube-section .show{min-height:0;box-shadow:none;border:1px solid var(--feed-line);border-radius:12px;background:var(--feed-panel);color:var(--feed-text)}
.youtube-section .show-top{padding:20px 24px 0}
.youtube-section .show-status{background:var(--feed-active);color:var(--feed-accent);padding:7px 10px;border-radius:6px}
.youtube-section .show-status i{background:var(--feed-accent)}
.youtube-section .show-status em{color:var(--feed-muted);border-color:var(--feed-line)}
.youtube-section .show-main{grid-template-columns:minmax(0,1fr) minmax(200px,42%);min-height:300px}
.youtube-section .show-copy{padding:24px;gap:12px}
.youtube-section .show-copy .over{order:0;margin:0;color:var(--feed-accent);letter-spacing:.08em}
.youtube-section .show-copy h3{order:0;font:700 clamp(25px,2.3vw,38px)/1.14 var(--font);letter-spacing:-.035em;color:var(--feed-text);max-width:none}
.youtube-section .show-copy p{order:0;margin:0;color:var(--feed-muted);font:13px/1.5 var(--font)}
.youtube-section .show-copy .show-next{color:var(--feed-accent)}
.youtube-section .show-art{min-height:260px;background:var(--feed-bg)}
.youtube-section .show-art::before{display:none}
.youtube-section .show-illustration{width:75%;height:75%;filter:none}
.youtube-section .show-art small{color:var(--feed-muted);bottom:10px;right:12px}
.youtube-section .show-bottom{min-height:0;margin:0 24px;padding:15px 0;border-color:var(--feed-line)}
.youtube-section .show-maker .av{width:38px;height:38px;background:var(--feed-active);color:var(--feed-accent);font:700 12px var(--font)}
.youtube-section .show-maker strong,.youtube-section .show-maker small:first-child{font:700 12px var(--font);color:var(--feed-text)}
.youtube-section .show-maker small:last-child{color:var(--feed-muted)}
.youtube-section .show-controls .arrow{border-color:var(--feed-line);color:var(--feed-text)}
.youtube-layout .modal .sheet{background:var(--feed-panel)}
body.live-home .sheet{background:var(--feed-panel);color:var(--feed-text);border:1px solid var(--feed-line)}
body.live-home .sheet p{color:var(--feed-muted)}
body.live-home .sheet .btn.ghost{color:var(--feed-text);border-color:var(--feed-line)}
body.live-home .sheet .allergen,body.live-home .sheet .qty button{border-color:var(--feed-line)}
body.live-home .sheet .qty button,body.live-home .sheet .linkish{color:var(--feed-text)}
@media(max-width:1360px){.body.youtube-layout{grid-template-columns:180px minmax(0,1fr) minmax(275px,310px);gap:13px;padding-inline:16px}.youtube-layout .rail{width:180px}.youtube-section .collection-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.body.youtube-layout{grid-template-columns:76px minmax(0,1fr) minmax(250px,30%)}.youtube-layout .rail{width:76px;padding-inline:0}.youtube-layout .player-tools [data-volume]{display:none}}
@media(max-width:900px){.body.youtube-layout{grid-template-columns:76px minmax(0,1fr)}.youtube-layout .side{grid-column:2}.youtube-layout .stage{grid-column:2}.youtube-layout .side.side-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1fr);align-items:start}.youtube-layout .side-live .side-more{grid-column:1/-1}.youtube-layout .chat-panel{height:360px}}
@media(max-width:720px){.body.youtube-layout{display:flex;flex-direction:column;padding:12px;gap:12px}.youtube-layout .rail{display:none;position:fixed;z-index:19;top:62px;left:0;width:210px;height:calc(100dvh - 62px);padding:12px 8px;background:var(--feed-top);box-shadow:10px 0 30px #0007}.home-menu-open .youtube-layout .rail{display:block}.youtube-layout .stage,.youtube-layout .side{width:100%}.youtube-layout .screen.video{min-height:0;aspect-ratio:16/10}.youtube-layout .side.side-live{display:flex}.youtube-layout .chat-panel{height:320px}.youtube-section .collection-screen,.youtube-section .tomorrow{min-height:0;padding-bottom:24px}.youtube-section .collection-group{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-section .show-main{display:flex;flex-direction:column}.youtube-section .show-art{width:100%;min-height:220px}.youtube-layout .watch-host{flex-wrap:wrap}.youtube-layout .watch-host>span:nth-child(2){flex-basis:calc(100% - 60px)}}
@media(max-width:480px){.youtube-layout .screen.video{aspect-ratio:4/3}.youtube-layout .screen.video .vtop{top:10px;left:10px;right:10px}.youtube-layout .screen.video .vtop .who{display:none}.youtube-layout .player-tools{gap:2px;padding:12px 5px 5px}.youtube-layout .player-tools button{font-size:9px;padding:6px 5px}.youtube-layout .player-tools [data-volume],.youtube-layout .player-tools [data-wide],.youtube-layout .player-tools [data-pip]{display:none}.youtube-layout .preview-content p{font-size:10px}.youtube-section .collection-group{grid-template-columns:1fr 1fr;gap:20px 10px}.youtube-section .collection-copy strong{font-size:12px}.youtube-section .collection-end strong{font-size:12px}.youtube-layout .pin h3{font-size:21px}}

/* Viewing a stream: give conversation its own prominent column from the top. */
.body.youtube-layout.youtube-detail{grid-template-columns:210px minmax(0,1fr) minmax(340px,400px)}
.youtube-detail .side.side-live>.chat-panel{order:0;flex:none;height:clamp(440px,55vh,540px);min-height:440px;max-height:none}
.youtube-detail .side.side-live>.side-pin-slot{order:1}
.youtube-detail .side.side-live>.side-more{order:2}
.youtube-detail .chat-panel-head{padding:17px 18px;min-height:53px}
.youtube-detail .chat-panel-head .over{font-size:15px;font-weight:700}
.youtube-detail .chat-host-pin{padding:13px 18px;font-size:12px;line-height:1.45}
.youtube-detail .chat-messages{gap:15px;padding:18px}
.youtube-detail .chat-message{font-size:13px;line-height:1.5;gap:4px}
.youtube-detail .chat-message b{font-size:12px}
.youtube-detail .chat-message.from-host{padding:9px 11px}
.youtube-detail .chat-quick{padding:10px 15px;gap:7px}
.youtube-detail .chat-quick button{font-size:11px;padding:7px 10px}
.youtube-detail .chat-compose{padding:12px}
.youtube-detail .chat-compose input{height:42px;font-size:13px}
.youtube-detail .chat-compose button{width:42px;height:42px}
.youtube-detail .chat-compose[hidden],.youtube-detail .chat-quick[hidden],.youtube-detail .chat-compose-status[hidden]{display:none}
.youtube-detail .chat-compose-status{margin:0;padding:9px 14px 13px;border-top:1px solid var(--feed-line);color:var(--feed-muted);font-size:12px;line-height:1.4}
.youtube-detail .chat-compose-status[data-chat-state="chat_muted"],.youtube-detail .chat-compose-status[data-chat-state="chat_banned"]{color:var(--feed-text);background:var(--feed-hover)}
.youtube-detail .chat-compose-status[data-chat-state="stop_word"]{color:var(--feed-accent)}
.youtube-detail .chat-compose button:disabled,.youtube-detail .chat-compose input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1360px){.body.youtube-layout.youtube-detail{grid-template-columns:180px minmax(0,1fr) minmax(320px,360px)}}
@media(max-width:1100px){.body.youtube-layout.youtube-detail{grid-template-columns:76px minmax(0,1fr) minmax(300px,34%)}}
@media(max-width:900px){.body.youtube-layout.youtube-detail{grid-template-columns:76px minmax(0,1fr)}.youtube-detail .side.side-live>.chat-panel{height:500px;min-height:480px}}
@media(max-width:720px){.body.youtube-layout.youtube-detail{display:flex;flex-direction:column}.youtube-detail .side.side-live>.chat-panel{height:500px;min-height:480px}}

/* A live drop stays in the video frame; conversation keeps the right column. */
.home-page .home-cibo{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 12px;border:1px solid var(--feed-line);border-radius:18px;color:var(--feed-text);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}
.home-page .home-cibo:hover{background:var(--feed-hover)}
.youtube-detail .live-top-metrics{display:inline-flex;align-items:center;padding:6px 9px;border-radius:5px;background:#111b18c9;color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.youtube-detail .live-drop-slot{position:absolute;z-index:5;bottom:70px;left:16px;width:min(395px,calc(100% - 32px));pointer-events:none}
.youtube-detail .live-drop-slot:empty{display:none}
.youtube-detail .live-drop-card{pointer-events:auto;display:grid;gap:10px;padding:13px 15px;border:1px solid #ff6572;border-left:4px solid #ed3650;border-radius:11px;background:#171b1ae8;color:#fff;box-shadow:0 10px 30px #0009;backdrop-filter:blur(14px)}
.youtube-detail .live-drop-eyebrow{color:#ff8792;font-size:10px;font-weight:800;letter-spacing:.08em}
.youtube-detail .live-drop-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.youtube-detail .live-drop-main>div{display:grid;gap:4px;min-width:0}
.youtube-detail .live-drop-main strong{font-size:16px;line-height:1.2}
.youtube-detail .live-drop-main small{color:#f9b4bb;font-size:11px;font-weight:700}
.youtube-detail .live-drop-price{display:grid;gap:2px;flex:none;text-align:right;font-size:19px;font-weight:800;white-space:nowrap}
.youtube-detail .live-drop-price small{font-size:10px;font-weight:500;color:#dceadd}
.youtube-detail .live-drop-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}
.youtube-detail .live-drop-clock{color:#f4c5c9;font-size:11px;font-variant-numeric:tabular-nums}
.youtube-detail .live-drop-clock b{color:#fff;font-size:13px}
.youtube-detail .live-drop-buy{min-height:38px;padding:8px 17px;border:0;border-radius:6px;background:#e72e47;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}
.youtube-detail .live-drop-buy:hover{background:#ff4058}
.youtube-detail .live-drop-unavailable{font-size:12px;font-weight:700;color:#f9b4bb}
.youtube-detail .chat-event{padding:10px 12px;border-radius:9px;background:var(--feed-active);color:var(--feed-text);font-size:12px}
.youtube-detail .chat-event span{color:var(--feed-text)}
.youtube-detail .preview-ended{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;background:#09110bbd;color:#fff}
.youtube-detail .preview-ended strong{font-size:25px}
.youtube-detail .preview-ended span{font-size:12px}
.youtube-detail .preview-ended[hidden],.youtube-detail .preview-content[hidden],.youtube-detail .chat-panel[hidden],.youtube-detail .demo-pantry[hidden]{display:none}
.youtube-detail .demo-pantry{display:grid;gap:14px;padding:23px;border:1px solid var(--feed-line);border-radius:13px;background:var(--feed-panel)}
.youtube-detail .demo-pantry h2{margin:0;color:var(--feed-text);font-size:24px}
.youtube-detail .demo-pantry p{margin:0;color:var(--feed-muted);font-size:12px}
.youtube-detail .demo-pantry-row{display:flex;justify-content:space-between;gap:8px;padding:13px 0;border-block:1px solid var(--feed-line);font-size:12px}
.youtube-detail .demo-pantry-row span{white-space:nowrap;color:var(--feed-muted)}
.youtube-detail .demo-pantry .btn{justify-self:start}
body.live-home .sheet .demo-hold{display:block;padding:12px;border-radius:7px;background:var(--feed-active);color:var(--feed-accent);text-align:center;font-variant-numeric:tabular-nums}
body.live-home .sheet .demo-ticket{padding:15px;border:1px dashed var(--feed-accent);border-radius:10px;text-align:center;color:var(--feed-text);font-size:12px}
body.live-home .sheet .demo-ticket strong{display:block;margin-top:6px;font-size:38px;letter-spacing:.12em}
@media(max-width:900px){.home-page .home-cibo{padding-inline:8px;font-size:10px}}
@media(max-width:720px){.home-page .home-cibo{display:none}.youtube-detail .live-drop-slot{bottom:57px;left:8px;width:calc(100% - 16px)}.youtube-detail .live-drop-card{padding:9px 11px;gap:6px}.youtube-detail .live-drop-main strong{font-size:13px}.youtube-detail .live-drop-price{font-size:16px}.youtube-detail .live-drop-clock{font-size:9px}.youtube-detail .live-drop-buy{min-height:32px;padding:6px 11px;font-size:11px}.youtube-detail .screen.video .vtop{gap:4px}.youtube-detail .live-top-metrics{font-size:9px;padding:5px}}
/* чат: свои сообщения и карточка товара, которую мастер показал в эфире */
.youtube-layout .chat-message.from-self b{color:var(--feed-text)}
.youtube-layout .chat-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--feed-line);border-radius:9px;background:var(--feed-panel)}
.youtube-layout .chat-product-emoji{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--feed-chip);font-size:19px}
.youtube-layout .chat-product-copy{display:grid;gap:1px;min-width:0}.youtube-layout .chat-product-copy b{font-size:11px;color:var(--feed-accent)}.youtube-layout .chat-product-copy strong{font-size:13px;line-height:1.25;color:var(--feed-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-layout .chat-product-copy small{font-size:12px;color:var(--feed-muted)}
.youtube-layout .chat-product-buy{min-height:32px;padding:6px 11px;border:0;border-radius:6px;background:#e72e47;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.youtube-layout .chat-product-buy:hover{background:#ff4058}
.youtube-layout .chat-product-buy.is-ghost{background:var(--feed-chip);color:var(--feed-text)}.youtube-layout .chat-product-buy.is-ghost:hover{background:var(--feed-hover)}
.youtube-layout .chat-product-off{font-size:11px;color:var(--feed-muted);white-space:nowrap}
/* где зритель: значок дальности, приглашение выбрать место, предупреждение в брони, список мест */
/* длинное «Другой регион: город, область» переносится внутри карточки, а не вылезает на соседнюю */
.reach-badge{display:block;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.reach-badge::before{content:"⌖";margin-right:5px;font-weight:400}
.board-card-copy{grid-template-columns:minmax(0,1fr)}
.reach-badge.is-near{background:var(--feed-active,#e0f0e2);color:var(--feed-accent,#237e43)}
.reach-badge.is-other{background:#f6c34a26;color:#e2a91c;border:1px solid #f6c34a55}
.reach-badge.is-far{background:#ff304626;color:#ff5a6b;border:1px solid #ff304655}
body[data-live-theme="light"] .reach-badge.is-other{color:#8a5d00}body[data-live-theme="light"] .reach-badge.is-far{color:#c0182f}
.place-ask{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--feed-line,#272a2b);border-radius:12px;background:var(--feed-panel,#171819);color:var(--feed-text,#f5f5f5)}
.place-ask p{flex:1;margin:0;font-size:13px;color:var(--feed-muted,#aaaeb0)}.place-ask p strong{color:var(--feed-text,#f5f5f5)}
.place-ask-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--feed-active,#153e29);color:var(--feed-accent,#39ae64);font-size:18px}
.place-ask .btn{min-height:36px;padding:0 14px;font-size:12px;white-space:nowrap}
.place-ask-close{border:0;background:none;color:var(--feed-muted,#aaaeb0);font-size:20px;line-height:1;padding:4px 6px;cursor:pointer}
.place-warn{padding:10px 12px;border-radius:10px;background:#ff304618;border:1px solid #ff304655;color:var(--feed-text,#f5f5f5);font-size:13px;line-height:1.45}
.place-warn strong{color:#ff5a6b}body[data-live-theme="light"] .place-warn strong{color:#c0182f}
.place-list{display:grid;gap:6px;max-height:46vh;overflow-y:auto}
.place-list .btn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;text-align:left}
.place-list .btn small{color:var(--feed-muted,#aaaeb0);font-size:11px;font-weight:500;white-space:nowrap}
.place-list .btn[aria-pressed="true"]{border-color:var(--feed-accent,#39ae64);background:var(--feed-active,#153e29)}
.place-other{display:grid;gap:6px;font-size:12px;color:var(--feed-muted,#aaaeb0)}
.place-other select,.place-own input{min-height:40px;padding:0 10px;border:1px solid var(--feed-line,#272a2b);border-radius:8px;background:var(--feed-chip,#252627);color:var(--feed-text,#f5f5f5);font:inherit}
.place-own{display:flex;gap:8px}.place-own input{flex:1;min-width:0}
@media(max-width:720px){.place-ask{flex-wrap:wrap}.place-ask p{flex-basis:calc(100% - 60px)}}
.board-home .board-home-empty.place-empty{min-height:0;padding:16px 18px;margin-bottom:6px}.board-home .board-home-empty.place-empty strong{font-size:15px}
.place-warn strong{display:block;margin-bottom:2px}
/* 721–1180px: старое правило home.css растягивает меню на всю строку (grid-column:1/-1) — ставим меню и ленту в свои колонки */
@media(max-width:1180px) and (min-width:721px){.body.home-layout{grid-template-rows:auto}.home-layout .rail{grid-column:1}.home-layout .stage{grid-column:2}}
/* жалобы зрителей */
.chat-report-stream{margin-left:auto;padding:4px 8px;border:1px solid var(--feed-line);border-radius:6px;background:none;color:var(--feed-muted);font:inherit;font-size:12px;cursor:pointer}.chat-report-stream:hover{color:var(--feed-text)}
.chat-message{position:relative}.chat-report{position:absolute;top:0;right:0;padding:0 4px;border:0;background:none;color:var(--feed-muted);font-size:12px;line-height:1.5;cursor:pointer;opacity:0}.chat-message:hover .chat-report,.chat-report:focus-visible{opacity:1}@media(hover:none){.chat-report{opacity:.55}}
.report-quote{padding:10px 12px;border-left:3px solid var(--feed-line);color:var(--feed-muted);overflow-wrap:anywhere}.report-quote b{color:var(--feed-text)}
.report-form fieldset{margin:14px 0 0;padding:0;border:0}.report-form legend{margin-bottom:6px;font-weight:700}.report-reason{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 4px;border-bottom:1px solid var(--feed-line);cursor:pointer}.report-reason input{accent-color:var(--feed-accent)}
.report-comment{display:grid;gap:6px;margin:14px 0}.report-comment span{color:var(--feed-muted);font-size:13px}.report-comment textarea{padding:9px 11px;border:1px solid var(--feed-line);border-radius:8px;background:var(--feed-panel);color:var(--feed-text);font:inherit;resize:vertical}
.chat-message:has(.chat-report){padding-right:20px}
/* «Смотреть» и «Рядом» без правой колонки: список партий на всю ширину */
.body.youtube-layout.collection-full{grid-template-columns:210px minmax(0,1fr)}
.collection-full .side{display:none}
@media(max-width:1360px){.body.youtube-layout.collection-full{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1100px){.body.youtube-layout.collection-full{grid-template-columns:76px minmax(0,1fr)}}