/* Channels: the channel page (/c/<name>, Templates/channel_page.html), the locked file page (channel_locked.html), the Make a channel /
   Channel settings window (sub_channel_modal.html), the Members window (sub_channel_members.html), the Channels group of My Files
   (sub_channels_nav.html) and the bell's items (sub_channel_notify.html). The house design: the look of the Share folder window
   (share-modal.css) and My Account (account.css). Square corners; a group is a head (its name, a count, a hairline, its action) over one
   framed list of touching rows; a row is a 30 px grey tile, the name with a grey hint under it, its control at the right; one accent, the
   blue of the buttons; only the primary button is blue. Everything is under .ch (each piece's root element) and named .ch-*, so no other
   page is touched; the colours are custom properties on .ch, redefined in the dark block. Phones (575 px and under): short labels (.ch-s
   instead of .ch-l), no hint lines, one row per item. */
.ch{
  --ch-panel:#fff;--ch-page:#fff;--ch-ink:#001737;--ch-text:#596882;--ch-mute:#8392a5;--ch-blue:#0168fa;--ch-blue-ink:#0160e0;
  --ch-line:rgba(3,7,18,.08);--ch-frame:rgba(3,7,18,.1);--ch-fill:#f1f3f7;--ch-soft:#f7f8fa;--ch-rowh:#fafbfc;--ch-tint:rgba(1,104,250,.07);
  --ch-in:#fff;--ch-in-line:rgba(3,7,18,.13);--ch-off:#d5dae3;--ch-ghost:#eceff3;--ch-red:#dc3545;--ch-red-tint:rgba(220,53,69,.08);--ch-star:#f5a623;--ch-up:#13855f;
  --ch-amber:#b7791f;--ch-amber-t:rgba(245,166,35,.14);--ch-violet:#7c3aed;--ch-violet-t:rgba(124,58,237,.1);--ch-teal:#0f8a7e;--ch-teal-t:rgba(15,138,126,.1);
  --ch-indigo:#4458d6;--ch-indigo-t:rgba(68,88,214,.1);--ch-green:#13855f;--ch-green-t:rgba(19,133,95,.1);--ch-folder:#e2a40c;
  --ch-ring:0 0 0 3px rgba(1,104,250,.12);--ch-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color:var(--ch-ink);font-variant-numeric:tabular-nums
}
body.ch-page{background:#fff}
/* square corners on every part, the windows and menus too; only the spinner stays round */
.ch,.ch *:not(.ch-spin),.ch *::before,.ch *::after{border-radius:0!important}
.ch svg{flex-shrink:0}
.ch a:hover{text-decoration:none}
.ch [hidden],.ch .ch-hide{display:none!important}
.ch button:focus:not(:focus-visible){outline:0}
.ch :focus-visible{outline:2px solid rgba(1,104,250,.45);outline-offset:1px}
.ch .ch-s{display:none}
.ch .ch-mono{font-family:var(--ch-mono);font-size:12px}
.ch .ch-dim{color:var(--ch-mute)}

/* the page */
.ch.content{padding:20px 0 64px}
.ch .ch-wrap{max-width:1170px;margin:0 auto;padding:0 15px}
.ch .ch-stack{display:flex;flex-direction:column;gap:12px}
.ch .ch-panel{min-width:0;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame)}

/* the channel card: the logo tile, the name with its kind, the address; the actions at the right. Under a line: what it is about and its
   numbers */
.ch .ch-head{display:flex;align-items:center;gap:14px;padding:14px 16px}
.ch .ch-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;background:var(--ch-fill);font-size:18px;font-weight:600;color:var(--ch-text);text-transform:uppercase}
.ch .ch-logo svg{width:20px;height:20px}
.ch .ch-who{flex:1 1 auto;min-width:0}
.ch .ch-nameline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.ch .ch-title{margin:0;min-width:0;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:24px;color:var(--ch-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .ch-addr{display:flex;align-items:center;gap:6px;margin-top:1px;font-family:var(--ch-mono);font-size:12px;line-height:17px;color:var(--ch-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .ch-addr b{font-weight:500;color:var(--ch-text)}
.ch .ch-by{font-family:inherit}
.ch .ch-acts,.ch .ch-acts-cta{display:flex;align-items:center;flex-shrink:0;gap:6px}
.ch .ch-body{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--ch-line)}
.ch .ch-descr{margin:0;padding:11px 16px;font-size:13.5px;line-height:1.5;color:var(--ch-text)}
.ch .ch-descr:empty{display:none}
.ch .ch-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ch-line)}
.ch .ch-num{display:flex;flex-direction:column;min-width:0;padding:9px 16px}
.ch .ch-num + .ch-num{border-left:1px solid var(--ch-line)}
.ch .ch-num span{font-size:10.5px;font-weight:600;letter-spacing:.06em;line-height:14px;text-transform:uppercase;color:var(--ch-mute);white-space:nowrap}
.ch .ch-num b{margin-top:2px;font-size:15px;font-weight:600;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* tags: small and grey; the kind of channel has its icon; New is the only blue one */
.ch .ch-tag{display:inline-flex;align-items:center;flex-shrink:0;height:20px;padding:0 7px;background:var(--ch-fill);font-size:11.5px;font-weight:500;line-height:1;color:var(--ch-text);white-space:nowrap}
.ch .ch-tag svg{width:11px;height:11px;margin-right:4px}
.ch .ch-tag.new{background:var(--ch-tint);color:var(--ch-blue-ink)}
.ch .ch-tag.star svg{color:var(--ch-star);fill:var(--ch-star)}
.ch .ch-tag.paused{color:var(--ch-red)}
.ch .ch-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:20px;height:18px;padding:0 6px;background:var(--ch-blue);font-size:11px;font-weight:600;line-height:1;color:#fff}

/* buttons: quiet, the primary one blue with a little depth (the Share window's); icon buttons in rows */
.ch .ch-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;height:36px;margin:0;padding:0 13px;border:1px solid var(--ch-in-line);background:var(--ch-panel);font:inherit;font-size:13.5px;font-weight:500;line-height:1;color:var(--ch-ink);white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.ch .ch-btn svg{width:15px;height:15px}
.ch .ch-btn:hover,.ch .ch-btn:focus-visible,.ch .ch-btn[aria-expanded=true]{border-color:rgba(1,104,250,.35);background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-btn.primary{border-color:transparent;background:linear-gradient(180deg,#1f7dff,#0168fa);font-weight:600;color:#fff;box-shadow:0 1px 2px rgba(1,104,250,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.ch .ch-btn.primary:hover,.ch .ch-btn.primary:focus-visible{border-color:transparent;background:linear-gradient(180deg,#0f72fb,#0158d4);color:#fff;box-shadow:0 2px 6px rgba(1,104,250,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.ch .ch-btn.primary:active{transform:scale(.97)}
.ch .ch-btn.danger{color:var(--ch-red)}
.ch .ch-btn.danger:hover,.ch .ch-btn.danger:focus-visible{border-color:rgba(220,53,69,.4);background:var(--ch-red-tint);color:#c82333}
.ch .ch-btn.ghost{border-color:transparent;background:none;color:var(--ch-text)}
.ch .ch-btn.ghost:hover,.ch .ch-btn.ghost:focus-visible{background:var(--ch-fill);color:var(--ch-ink)}
.ch .ch-btn.icon{width:36px;padding:0}
.ch .ch-btn:disabled,.ch .ch-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
.ch .ch-btn .ch-n{margin-left:2px;font-weight:500;color:var(--ch-mute)}
.ch .ch-btn.busy{color:transparent!important;pointer-events:none}
.ch .ch-btn.busy::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%!important;animation:ch-turn .7s linear infinite}
.ch .ch-btn:not(.primary).busy::after{border-color:var(--ch-line);border-top-color:var(--ch-blue)}
@keyframes ch-turn{to{transform:rotate(360deg)}}
.ch .ch-ib{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin:0;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer;transition:background-color .15s,color .15s}
.ch .ch-ib svg{width:15px;height:15px}
.ch .ch-ib:hover,.ch .ch-ib:focus-visible,.ch .ch-ib[aria-expanded=true]{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-ib.bad:hover,.ch .ch-ib.bad:focus-visible{background:var(--ch-red-tint);color:var(--ch-red)}
.ch .ch-ib.on{color:var(--ch-blue)}

/* a menu (Bootstrap's dropdown) */
.ch .dropdown-menu,.ch.dropdown-menu{min-width:220px;margin-top:4px;padding:6px 0;border:0;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame),0 12px 32px rgba(16,24,40,.14);font-size:13.5px}
.ch .dropdown-header{padding:4px 14px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-mute)}
.ch .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 14px;border:0;background:none;font-size:13.5px;color:var(--ch-ink);text-align:left;white-space:nowrap;cursor:pointer}
.ch .dropdown-item svg{width:15px;height:15px;color:var(--ch-mute)}
.ch .dropdown-item:hover,.ch .dropdown-item:focus{background:var(--ch-fill);color:var(--ch-ink)}
.ch .dropdown-item.bad,.ch .dropdown-item.bad svg{color:var(--ch-red)}
.ch .dropdown-item .ch-sw{margin-left:auto}
.ch .dropdown-item small{display:block;font-size:11.5px;line-height:15px;color:var(--ch-mute);white-space:normal}
.ch .dropdown-item > span{flex:1 1 auto;min-width:0}
.ch .dropdown-item > .ch-sw{flex:0 0 30px}
.ch .dropdown-divider{margin:6px 0;border-top:1px solid var(--ch-line)}

/* a switch: 30 x 18 */
.ch .ch-sw{position:relative;display:inline-block;flex-shrink:0;width:30px;height:18px;margin:0}
.ch .ch-sw input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ch .ch-sw > span{position:absolute;inset:0;background:var(--ch-off);transition:background-color .18s}
.ch .ch-sw > span::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.ch .ch-sw input:checked + span{background:var(--ch-blue)}
.ch .ch-sw input:checked + span::after{transform:translateX(12px)}
.ch .ch-sw input:focus-visible + span{box-shadow:0 0 0 3px rgba(1,104,250,.25)}

/* a line that asks for something: the invitation, a paused membership. A tile, the words, the button at the right */
.ch .ch-ask{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;background:var(--ch-panel);box-shadow:0 0 0 1px rgba(1,104,250,.45),var(--ch-ring)}
.ch .ch-ask .ch-tile{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-ask-text{flex:1 1 auto;min-width:0;font-size:14px;line-height:19px}
.ch .ch-ask-text b{font-weight:600}
.ch .ch-ask-text small{display:block;font-size:12.5px;line-height:17px;color:var(--ch-mute)}

/* the toolbar: one white bar (the Share window's): the field, what is ticked, the buttons; the whole bar takes the blue ring */
.ch .ch-bar{position:sticky;top:60px;z-index:20;display:flex;align-items:center;gap:6px;padding:4px;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame),0 1px 2px rgba(3,7,18,.04);transition:box-shadow .15s}
.ch .ch-bar:focus-within{box-shadow:0 0 0 1px rgba(1,104,250,.5),var(--ch-ring)}
.ch .ch-bar .ch-btn{height:36px}
.ch .ch-find{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:36px;margin:0;padding:0 4px 0 10px;cursor:text}
.ch .ch-find > svg{width:15px;height:15px;color:var(--ch-mute)}
.ch .ch-find input{flex:1 1 auto;width:0;min-width:0;height:100%;margin:0 0 0 8px;padding:0;border:0;background:none;font-size:14px;color:var(--ch-ink);-webkit-appearance:none;appearance:none}
.ch .ch-find input:focus{outline:0}
.ch .ch-find input::placeholder{color:#a3adbd}
.ch .ch-find input::-webkit-search-cancel-button{display:none}
.ch .ch-picked{display:none;align-items:center;gap:6px;flex-shrink:0;padding:0 6px 0 4px;font-size:13px;font-weight:500;color:var(--ch-ink);white-space:nowrap}
.ch .ch-picking .ch-picked{display:inline-flex}
.ch .ch-picking .ch-find{display:none}
.ch .ch-picking .ch-idle,.ch .ch-sel{display:none}
.ch .ch-picking .ch-sel{display:inline-flex}
.ch .ch-sep{flex:1 1 auto}
.ch .ch-crumbs{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;min-width:0;margin:0;padding:0;list-style:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-mute);overflow:hidden}
.ch .ch-crumbs li{display:flex;align-items:center;min-width:0;white-space:nowrap}
.ch .ch-crumbs li:last-child{overflow:hidden;text-overflow:ellipsis}
.ch .ch-crumbs li + li::before{content:"/";margin:0 6px;color:var(--ch-ghost)}
.ch .ch-crumbs a{color:var(--ch-text)}
.ch .ch-crumbs a:hover{color:var(--ch-blue)}

/* a group: its head (the name, a count, a hairline, its action) over one framed list */
.ch .ch-group{min-width:0}
.ch .ch-ghead{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 8px}
.ch .ch-ghead > h2,.ch .ch-ghead > h6{margin:0;min-width:0;font-size:11px;font-weight:600;letter-spacing:.06em;line-height:16px;text-transform:uppercase;color:var(--ch-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .ch-ghead::after{content:"";order:2;flex:1 1 auto;min-width:12px;height:1px;background:var(--ch-line)}
.ch .ch-count{order:1;flex-shrink:0;min-width:20px;height:18px;padding:0 6px;background:var(--ch-fill);font-size:11px;font-weight:600;line-height:18px;text-align:center;color:var(--ch-text)}
.ch .ch-count:empty{display:none}
.ch .ch-gbtn{order:3;display:inline-flex;align-items:center;flex-shrink:0;height:26px;margin:-5px -8px -5px 0;padding:0 8px;border:0;background:none;font-size:12px;font-weight:500;color:var(--ch-text);white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}
.ch .ch-gbtn svg{width:13px;height:13px;margin-right:5px}
.ch .ch-gbtn:hover,.ch .ch-gbtn:focus-visible{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-list{margin:0;padding:0;overflow:hidden;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame);list-style:none}
.ch .ch-empty{margin:0;padding:12px 14px;border:1px dashed rgba(3,7,18,.14);font-size:13px;color:var(--ch-mute)}

/* a row: [tick] tile, name with a grey hint, [size, date], its buttons */
.ch .ch-row{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;margin:0;padding:8px 8px 8px 12px;color:var(--ch-ink);transition:background-color .15s}
.ch .ch-row + .ch-row{border-top:1px solid var(--ch-line)}
.ch .ch-row:hover{background:var(--ch-rowh)}
.ch .ch-row.on{background:var(--ch-tint)}
.ch .ch-tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;background:var(--ch-fill);font-size:13px;font-weight:600;color:var(--ch-text);text-transform:uppercase}
.ch .ch-tile svg{width:15px;height:15px}
.ch .ch-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.ch .ch-rname{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:500;line-height:19px;color:var(--ch-ink)}
.ch .ch-rname > span,.ch a.ch-rname > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch a.ch-rname:hover{color:var(--ch-blue)}
.ch a.ch-rname::after{content:"";position:absolute;inset:0}   /* the whole row opens it */
.ch .ch-hint{font-size:12px;line-height:16px;color:var(--ch-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .ch-col{flex-shrink:0;width:84px;font-size:12.5px;color:var(--ch-text);text-align:right;white-space:nowrap}
.ch .ch-col.wide{width:104px}
.ch .ch-rowacts{position:relative;z-index:1;display:flex;align-items:center;flex-shrink:0;gap:2px}
.ch .ch-row .ch-btn{height:30px;padding:0 10px;font-size:13px}
/* the tick box: drawn square */
.ch .ch-tick{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:30px;margin:0 -2px 0 -4px;cursor:pointer}
.ch .ch-tick input{width:16px;height:16px;margin:0;border:1px solid var(--ch-in-line);background:var(--ch-in);-webkit-appearance:none;appearance:none;cursor:pointer;transition:background-color .12s,border-color .12s}
.ch .ch-tick input:checked{border-color:var(--ch-blue);background:var(--ch-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/14px no-repeat}
.ch .ch-tick input:indeterminate{border-color:var(--ch-blue);background:var(--ch-blue) linear-gradient(#fff,#fff) center/8px 2px no-repeat}
.ch .ch-tick input:focus-visible{box-shadow:0 0 0 3px rgba(1,104,250,.25);outline:0}
.ch .ch-gtick{gap:7px;width:auto;height:26px;margin:-5px -8px -5px 0;padding:0 8px}
.ch .ch-gtick input{width:14px;height:14px}

/* folders: from 768 px in a grid of rows (three across from 992 px), so a wide screen has no empty side */
.ch .ch-grid{display:flex;flex-direction:column}
.ch .ch-grid > .ch-row + .ch-row{border-top:1px solid var(--ch-line)}

/* the members-only list a stranger sees: grey bars in place of names, and what to do over them */
.ch .ch-locked{position:relative;overflow:hidden;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame)}
.ch .ch-ghosts{margin:0;padding:0;list-style:none;opacity:.7;pointer-events:none;user-select:none}
.ch .ch-ghosts li{display:flex;align-items:center;gap:10px;height:50px;padding:0 12px}
.ch .ch-ghosts li + li{border-top:1px solid var(--ch-line)}
.ch .ch-ghosts i{display:block;height:9px;background:var(--ch-ghost)}
.ch .ch-ghosts i:first-child{flex-shrink:0;width:30px;height:30px}
.ch .ch-ghosts i:nth-child(2){flex:0 1 var(--w,40%)}
.ch .ch-ghosts i:nth-child(3){flex:0 0 56px;margin-left:auto}
.ch .ch-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.55),var(--ch-panel) 62%);text-align:center}
.ch .ch-gate .ch-tile{width:40px;height:40px;margin-bottom:4px}
.ch .ch-gate .ch-tile svg{width:18px;height:18px}
.ch .ch-gate h2{margin:0;font-size:16px;font-weight:600;line-height:22px;color:var(--ch-ink)}
.ch .ch-gate p{max-width:440px;margin:0;font-size:13.5px;line-height:1.5;color:var(--ch-text)}
.ch .ch-gate .ch-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.ch .ch-gate .ch-fine{margin-top:4px;font-size:12px;color:var(--ch-mute)}
.ch .ch-gate .ch-fine a{color:var(--ch-blue)}

/* not found: the same page for a channel that does not exist and for a private one without an invitation */
.ch .ch-gone{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:520px;margin:40px auto 0;padding:40px 24px 36px;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame);text-align:center}
.ch .ch-gone .ch-tile{width:44px;height:44px;margin-bottom:4px}
.ch .ch-gone .ch-tile svg{width:20px;height:20px}
.ch .ch-gone h1{margin:0;font-size:18px;font-weight:600;color:var(--ch-ink)}
.ch .ch-gone p{margin:0 0 8px;font-size:13.5px;color:var(--ch-text)}

/* the locked file page: one card in the middle: the file's line, then the channel */
.ch .ch-lock{max-width:560px;margin:24px auto 0}
.ch .ch-lock .ch-head{padding:14px 16px}
.ch .ch-lock-file{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ch-line);background:var(--ch-soft)}
.ch .ch-lock-file .ch-tile{background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line)}
.ch .ch-lock-file .ch-text > b{display:block;font-size:14px;font-weight:600;line-height:19px}
.ch .ch-lock-file .ch-text > span{display:block;font-size:12.5px;line-height:17px;color:var(--ch-mute)}
.ch .ch-lock-go{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border-top:1px solid var(--ch-line)}
.ch .ch-lock-go .ch-btn{width:100%;height:40px}
.ch .ch-lock-go p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ch-mute);text-align:center}
.ch .ch-lock-go p a{color:var(--ch-blue)}
.ch .ch-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--ch-line);list-style:none}
.ch .ch-perks li{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px 10px 16px;font-size:12.5px;line-height:16px;color:var(--ch-text)}
.ch .ch-perks li + li{border-left:1px solid var(--ch-line)}
.ch .ch-perks svg{width:14px;height:14px;color:var(--ch-mute)}

/* the toast: Joined, Copied, ... */
.ch-toast{position:fixed;left:50%;bottom:24px;z-index:1080;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:9px 14px;background:#001737;box-shadow:0 10px 30px rgba(0,23,55,.3);font-size:13.5px;font-weight:500;color:#fff;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1)}
.ch-toast.show{opacity:1;transform:translate(-50%,0)}
.ch-toast svg{width:16px;height:16px;color:#10b759}
.ch-toast.bad svg{color:#ff8a95}

/* ---- the windows: Make a channel / Channel settings, Members (the Share window's frame) ---- */
.ch-dialog{max-width:640px}
.ch-dialog.wide{max-width:720px}
.ch.modal-content{border:0;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame),0 24px 48px rgba(16,24,40,.18);font-size:14px}
.ch .ch-mhead{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--ch-line)}
.ch .ch-mhead .ch-tile{width:32px;height:32px}
.ch .ch-mhead h5{margin:0;font-size:15px;font-weight:600;line-height:20px;color:var(--ch-ink)}
.ch .ch-mhead .ch-hint{font-size:12px}
.ch .ch-mbody{padding:14px 16px 16px}
.ch .ch-mfoot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--ch-line);background:var(--ch-soft)}
.ch .ch-mfoot .ch-btn.primary{min-width:132px}
.ch .ch-x{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin-left:auto;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer}
.ch .ch-x svg{width:16px;height:16px}
.ch .ch-x:hover{background:var(--ch-fill);color:var(--ch-ink)}
/* the form: a label on the left, its field on the right (the Share window's rows) */
.ch .ch-form{display:flex;flex-direction:column;gap:12px}
.ch .ch-frow{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:12px;align-items:start}
.ch .ch-flabel{display:flex;align-items:center;height:36px;margin:0;font-size:13px;font-weight:500;color:var(--ch-text);white-space:nowrap}
.ch .ch-flabel svg{width:14px;height:14px;margin-right:7px;color:var(--ch-mute)}
.ch .ch-fbody{display:flex;flex-direction:column;gap:6px;min-width:0}
.ch .ch-in{width:100%;height:36px;min-width:0;margin:0;padding:0 10px;border:1px solid var(--ch-in-line);background:var(--ch-in);font:inherit;font-size:14px;color:var(--ch-ink);transition:border-color .15s,box-shadow .15s}
.ch textarea.ch-in{height:auto;min-height:60px;padding:8px 10px;line-height:1.45;resize:vertical}
.ch select.ch-in{padding-right:6px;cursor:pointer}
.ch .ch-in::placeholder{color:#a3adbd}
.ch .ch-in:focus{border-color:var(--ch-blue);outline:0;box-shadow:var(--ch-ring)}
.ch .ch-in.bad{border-color:var(--ch-red);box-shadow:0 0 0 3px rgba(220,53,69,.12)}
.ch .ch-in:disabled{background:var(--ch-fill);color:var(--ch-mute)}
/* the address: send.now/c/ in front of the field, its state after it */
.ch .ch-slug{display:flex;align-items:stretch;min-width:0;border:1px solid var(--ch-in-line);background:var(--ch-in);transition:border-color .15s,box-shadow .15s}
.ch .ch-slug:focus-within{border-color:var(--ch-blue);box-shadow:var(--ch-ring)}
.ch .ch-slug.bad{border-color:var(--ch-red)}
.ch .ch-slug > span{display:flex;align-items:center;flex-shrink:0;padding:0 2px 0 10px;background:var(--ch-fill);font-family:var(--ch-mono);font-size:12.5px;color:var(--ch-mute);border-right:1px solid var(--ch-line);padding-right:8px}
.ch .ch-slug .ch-in{flex:1 1 auto;width:0;height:34px;border:0;background:none;font-family:var(--ch-mono);font-size:13px;box-shadow:none}
.ch .ch-slug i{display:flex;align-items:center;flex-shrink:0;padding:0 10px;font-style:normal;font-size:12px;color:var(--ch-mute);white-space:nowrap}
.ch .ch-slug i svg{width:14px;height:14px;margin-right:4px}
.ch .ch-slug i.ok{color:#0b7a3e}
.ch .ch-slug i.no{color:var(--ch-red)}
.ch .ch-note{display:flex;gap:6px;margin:0;font-size:12px;line-height:1.5;color:var(--ch-mute)}
.ch .ch-note svg{width:13px;height:13px;margin-top:2px}
.ch .ch-note:empty{display:none}
.ch .ch-note b{font-weight:600;color:var(--ch-ink)}
/* the kind: three rows of one framed list; the chosen one has its radio filled, blue */
.ch .ch-kinds .ch-row{cursor:pointer;min-height:48px;padding-right:12px}
.ch .ch-kinds input{position:absolute;opacity:0;pointer-events:none}
.ch .ch-radio{position:relative;flex-shrink:0;width:16px;height:16px;border:1px solid var(--ch-in-line);background:var(--ch-in);border-radius:50%!important;transition:border-color .12s}
.ch .ch-kinds input:checked ~ .ch-radio{border:5px solid var(--ch-blue)}
.ch .ch-kinds input:focus-visible ~ .ch-radio{box-shadow:0 0 0 3px rgba(1,104,250,.25)}
.ch .ch-kinds .ch-row:has(input:checked){background:var(--ch-tint)}
.ch .ch-kinds .ch-row:has(input:checked) .ch-tile{background:var(--ch-panel);color:var(--ch-blue)}
/* the team: its select, then the chips of what it may do (the Share window's) */
.ch .ch-team{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.ch .ch-team select.ch-in{flex:1 1 200px;width:auto}
.ch .ch-chips{display:flex;flex-wrap:wrap;gap:6px}
.ch .ch-chip{display:inline-flex;align-items:center;height:30px;margin:0;padding:0 11px;border:1px solid var(--ch-in-line);background:var(--ch-panel);font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);white-space:nowrap;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.ch .ch-chip svg{width:13px;height:13px;margin-right:6px;color:var(--ch-mute)}
.ch .ch-chip:hover{border-color:rgba(1,104,250,.45)}
.ch .ch-chip[aria-pressed=true]{border-color:var(--ch-blue);background:var(--ch-tint);color:var(--ch-blue-ink)}
.ch .ch-chip[aria-pressed=true] svg{color:var(--ch-blue)}
.ch .ch-chip:disabled{opacity:.5;cursor:not-allowed}
.ch .ch-flags{padding:8px 10px;background:var(--ch-soft)}
/* what changes for the links already out: one grey panel with its icon */
.ch .ch-warn{display:flex;gap:10px;padding:10px 12px;background:var(--ch-soft);box-shadow:inset 0 0 0 1px var(--ch-line);font-size:12.5px;line-height:1.5;color:var(--ch-text)}
.ch .ch-warn svg{width:15px;height:15px;margin-top:1px;color:var(--ch-ink)}
.ch .ch-warn b{font-weight:600;color:var(--ch-ink)}
.ch .ch-err{margin:12px 0 0;padding:8px 12px;background:var(--ch-red-tint);font-size:13px;color:#c82333}
.ch .ch-err:empty{display:none}

/* the Members window: the bar with the tabs in a grey track and the field; the lists */
.ch .ch-tabs{display:flex;flex-shrink:0;gap:2px;padding:3px;background:var(--ch-fill)}
.ch .ch-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 11px;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);white-space:nowrap;cursor:pointer;transition:color .15s,background-color .15s,box-shadow .15s}
.ch .ch-tab svg{width:14px;height:14px;color:var(--ch-mute)}
.ch .ch-tab:hover{color:var(--ch-ink)}
.ch .ch-tab[aria-selected=true]{background:var(--ch-panel);color:var(--ch-ink);box-shadow:0 1px 3px rgba(3,7,18,.12),0 0 0 1px rgba(3,7,18,.04)}
.ch .ch-tab[aria-selected=true] svg{color:var(--ch-blue)}
.ch .ch-tab .ch-count{min-width:18px;height:16px;padding:0 5px;background:var(--ch-panel);font-size:10.5px;line-height:16px}
.ch .ch-tab[aria-selected=true] .ch-count{background:var(--ch-fill)}
.ch .ch-mbar{position:static;margin-bottom:14px}
.ch .ch-pane[hidden]{display:none}
.ch .ch-pane .ch-group + .ch-group{margin-top:16px}
.ch .ch-pane .ch-list{max-height:330px;overflow-y:auto;scrollbar-width:thin}
.ch .ch-add{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0}
.ch .ch-add .ch-find{padding-left:10px}
.ch .ch-linkopts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;padding:10px 12px;background:var(--ch-soft);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .ch-linkopts .ch-flabel{height:30px;font-size:12.5px}
.ch .ch-linkopts .ch-in{width:96px;height:30px;font-size:13px}
.ch .ch-linkopts .ch-btn{height:30px;margin-left:auto;font-size:13px}
.ch .ch-url{display:flex;align-items:center;min-width:0;font-family:var(--ch-mono);font-size:12.5px;line-height:19px;color:var(--ch-ink)}
.ch .ch-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .ch-row.gone{opacity:0;transform:translateX(12px);transition:opacity .25s,transform .25s}
.ch .ch-row.off .ch-rname,.ch .ch-row.off .ch-url{color:var(--ch-mute);text-decoration:line-through}
.ch .ch-ib.copied{color:#10b759}

/* ---- My Files: the Channels group in the folder sidebar ---- */
.ch-nav{margin:4px 0 14px;padding:0 10px}
.ch-nav .ch-ghead{margin-bottom:6px}
.ch-nav .ch-group + .ch-group{margin-top:12px}
.ch-nav .ch-row{min-height:42px;padding:6px 8px 6px 8px;gap:8px}
.ch-nav .ch-tile{width:26px;height:26px;font-size:12px}
.ch-nav .ch-rname{font-size:13px;line-height:17px}
.ch-nav .ch-hint{font-size:11.5px;line-height:15px}
.ch-nav .ch-empty{padding:9px 10px;font-size:12.5px}
.ch-nav .ch-empty a,.ch-nav .ch-empty button{padding:0;border:0;background:none;font:inherit;color:var(--ch-blue);cursor:pointer}

/* ---- the bell: N new files in a channel ---- */
.ch.ch-bell{display:flex;align-items:center;gap:10px;padding:9px 14px;white-space:normal;color:var(--ch-ink)}
.ch.ch-bell .ch-tile{width:30px;height:30px}
.ch.ch-bell .ch-bt{display:block;font-size:13px;line-height:18px;color:var(--ch-ink)}
.ch.ch-bell .ch-bt b{font-weight:600}
.ch.ch-bell .ch-bw{display:block;font-size:11.5px;line-height:15px;color:var(--ch-mute)}
.ch.ch-bell:hover,.ch.ch-bell:focus{background:var(--ch-rowh)}


/* the path of a subfolder, the line about what is new, the pages */
.ch .ch-path{display:flex;align-items:center;gap:6px;min-width:0;margin:-2px 0 -4px}
.ch .ch-path .ch-ib{margin-left:-6px}
.ch .ch-news{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--ch-text)}
.ch .ch-news svg{width:13px;height:13px;color:var(--ch-blue)}
.ch .ch-news b{font-weight:600;color:var(--ch-blue-ink)}
.ch .ch-pages{display:flex;flex-wrap:wrap;gap:4px}
.ch .ch-pages .ch-btn{min-width:36px;height:32px;padding:0 10px}
.ch .ch-pages .ch-btn.on{border-color:var(--ch-blue);background:var(--ch-tint);color:var(--ch-blue-ink)}
.ch .ch-rside{display:none}
.ch .ch-ghosts li:nth-child(1) i:nth-child(2){flex-basis:46%}
.ch .ch-ghosts li:nth-child(2) i:nth-child(2){flex-basis:31%}
.ch .ch-ghosts li:nth-child(3) i:nth-child(2){flex-basis:54%}
.ch .ch-ghosts li:nth-child(4) i:nth-child(2){flex-basis:38%}
.ch .ch-ghosts li:nth-child(5) i:nth-child(2){flex-basis:24%}
.ch .ch-ghosts li:nth-child(6) i:nth-child(2){flex-basis:42%}
.ch .ch-lock .ch-card{box-shadow:none}
.ch .ch-lock .ch-body.split{grid-template-columns:minmax(0,1fr)}
.ch .ch-lock .ch-body.split .ch-nums{border-top:1px solid var(--ch-line);border-left:0}
.ch .ch-lock-go [data-ch-go=login]{display:none}
.ch .ch-more{width:100%;margin-top:6px}
.ch .ch-gap{margin-top:12px}
.ch .ch-asktext{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--ch-text)}
.ch .ch-asktext:empty{display:none}
.ch-dialog.ch-small{max-width:440px}
.ch .ch-btn.primary.ch-red{background:linear-gradient(180deg,#e04555,#dc3545);box-shadow:0 1px 2px rgba(220,53,69,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.ch .ch-btn.primary.ch-red:hover,.ch .ch-btn.primary.ch-red:focus-visible{background:linear-gradient(180deg,#d63445,#c82333)}
.ch-offscreen{position:fixed;top:0;left:0;opacity:0}
.ch .ch-rowacts .dropdown-menu{min-width:180px}

/* the "Full width with sidebar" layout (.ch-side, the owner picks it in Channel settings): from 992 px the page fills the width, with the
   card, the channel's folders and your channels in a sidebar at the left that stays in view. Under 992 px, or when the person hides the
   sidebar (the button at the left of the bar puts .ch-side-off on <html>), the card goes over the files as in the centered layout */
.ch .ch-shell > .ch-aside{display:flex;flex-direction:column;gap:12px;min-width:0}
.ch .ch-main{min-width:0}
.ch .ch-tree,.ch .ch-mine,.ch .ch-sidebtn{display:none}
.ch .ch-aside .ch-ghead{margin-bottom:6px}
.ch .ch-aside .ch-list .ch-row{min-height:40px;padding:5px 10px 5px 8px;gap:9px}
.ch .ch-aside .ch-list .ch-tile{width:26px;height:26px;font-size:12px}
.ch .ch-aside .ch-list .ch-tile svg{width:13px;height:13px}
.ch .ch-aside .ch-list .ch-rname{font-size:13.5px;line-height:18px}
.ch .ch-aside .ch-list .ch-rside{display:inline;flex-shrink:0;font-size:12px;color:var(--ch-mute);white-space:nowrap}
.ch .ch-aside .ch-row.on{background:var(--ch-tint);box-shadow:inset 2px 0 0 var(--ch-blue)}
.ch .ch-aside .ch-row.on .ch-rname{color:var(--ch-blue-ink)}
.ch .ch-aside .ch-row.on .ch-tile{background:transparent;color:var(--ch-blue)}
.ch .ch-sidebtn{width:36px;height:36px}
.ch .ch-sidebtn[aria-pressed=true]{color:var(--ch-blue)}

/* the views over the files: a tab track (Browse, New, Latest uploads, Recently changed, Top downloads, Releases, Insights), then the
   filters (type chips with their counts, Not downloaded), Tags, Sort and Compact at the right. Each scrolls sideways on a phone */
.ch .ch-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ch .ch-scroll::-webkit-scrollbar{display:none}
.ch .ch-nav2{display:flex;flex-direction:column;gap:8px;min-width:0}
.ch .ch-views{flex-wrap:nowrap;min-width:0}
.ch .ch-views .ch-tab{flex-shrink:0}
.ch .ch-filters{display:flex;align-items:center;gap:4px;min-width:0}
.ch .ch-types{flex:1 1 auto;flex-wrap:nowrap;min-width:0;gap:4px;margin-right:4px}
.ch .ch-types .ch-chip{flex-shrink:0;height:28px;padding:0 9px;font-size:12.5px}
.ch .ch-cn{margin-left:6px;font-size:11px;font-weight:600;color:var(--ch-mute)}
.ch .ch-cn:empty{display:none}
.ch .ch-filters > .ch-ib,.ch .ch-filters > .dropdown > .ch-ib{border:1px solid var(--ch-in-line);width:30px;height:28px}
.ch .ch-filters .ch-sortbtn{gap:5px;height:28px;padding:0 8px;font-size:12.5px;color:var(--ch-text)}
.ch .ch-filters .ch-sortbtn svg{width:13px;height:13px}
.ch .ch-filters .ch-ib[aria-pressed=true]{border-color:var(--ch-blue);background:var(--ch-tint);color:var(--ch-blue)}
.ch [data-ch-sort] svg{visibility:hidden}
.ch [data-ch-sort].on svg{visibility:visible;color:var(--ch-blue)}
.ch .dropdown-item .ch-dn{flex:0 0 auto;font-size:12px;color:var(--ch-mute)}
.ch .dropdown-item.on{color:var(--ch-blue-ink)}
.ch .ch-link{margin:0;padding:0;border:0;background:none;font:inherit;font-weight:500;color:var(--ch-blue);cursor:pointer}
.ch .ch-link:hover{text-decoration:underline}
.ch .ch-gnote{order:1;min-width:0;font-size:12px;color:var(--ch-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .ch-vpane{min-width:0}
/* the page's search bar and its lists have no frame (Jorge, 2026-10-24): only the lines between rows; the windows keep theirs */
.ch .ch-bar:not(.ch-mbar),.ch .ch-bar:not(.ch-mbar):focus-within{box-shadow:none}
.ch .ch-vpane .ch-list{box-shadow:none}
/* the views: underline tabs on one hairline, Sort and Compact at its end; the type chips under it are plain fills, no frames */
.ch .ch-viewrow{display:flex;align-items:center;gap:8px;min-width:0;box-shadow:inset 0 -1px 0 var(--ch-line)}
.ch .ch-views{flex:1 1 auto;gap:0;padding:0;background:none}
.ch .ch-views .ch-tab{height:40px;padding:0 10px;background:none;box-shadow:none}
.ch .ch-views .ch-tab:hover{background:none;box-shadow:inset 0 -2px 0 var(--ch-off)}
.ch .ch-views .ch-tab[aria-selected=true]{background:none;box-shadow:inset 0 -2px 0 var(--ch-blue)}
.ch .ch-views .ch-tab .ch-count,.ch .ch-views .ch-tab[aria-selected=true] .ch-count{min-width:0;height:auto;padding:0;background:none;font-size:11.5px;line-height:1;color:var(--ch-mute)}
.ch .ch-views .ch-tab[data-ch-view=new] .ch-count{color:var(--ch-blue)}
.ch .ch-viewtools{display:flex;align-items:center;flex-shrink:0;gap:2px}
.ch .ch-viewtools .ch-sortbtn{gap:5px;height:30px;padding:0 8px;border-color:transparent;background:none;font-size:12.5px;color:var(--ch-text)}
.ch .ch-viewtools .ch-sortbtn:hover,.ch .ch-viewtools .ch-ib:hover{background:var(--ch-fill)}
.ch .ch-viewtools .ch-sortbtn svg{width:13px;height:13px}
.ch .ch-viewtools .ch-ib{width:30px;height:30px;border:0}
.ch .ch-viewtools .ch-ib[aria-pressed=true]{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-types{gap:2px}
.ch .ch-types .ch-chip{padding:0 8px;border:0;background:none;color:var(--ch-text)}
.ch .ch-types .ch-chip:first-child{padding-left:0}
.ch .ch-types .ch-chip:hover{background:none;color:var(--ch-ink)}
.ch .ch-types .ch-chip:hover svg{color:var(--ch-ink)}
.ch .ch-types .ch-chip[aria-pressed=true]{background:none;color:var(--ch-blue-ink);font-weight:600}
.ch .ch-types .ch-chip .ch-cn{margin-left:5px;font-weight:500}
.ch .ch-types .ch-chip[aria-pressed=true] .ch-cn{color:var(--ch-blue)}
/* one Filter button by Sort: types, Not downloaded and (centered layout) tags in its menu; it says what is on */
.ch .ch-fitem svg{visibility:hidden}
.ch .ch-fitem[aria-pressed=true]{color:var(--ch-blue-ink)}
.ch .ch-fitem[aria-pressed=true] svg{visibility:visible;color:var(--ch-blue)}
.ch .ch-fmenu{min-width:220px;max-height:min(70vh,520px);overflow-y:auto}
.ch .ch-filterbtn.on{color:var(--ch-blue-ink)}
.ch .ch-filterbtn.on svg{color:var(--ch-blue)}
.ch .ch-fn{min-width:16px;height:16px;padding:0 4px;background:var(--ch-blue);font-size:10.5px;font-weight:600;line-height:16px;text-align:center;color:#fff}
.ch .ch-fclear[hidden]{display:none}
.ch.ch-side .ch-ftags{display:none}   /* the side layout has its Tags list in the sidebar */
.ch .ch-sidel{display:none}
.ch .ch-viewtools .dropdown{position:relative}
.ch .ch-viewtools .dropdown-menu{position:absolute;top:100%;right:0;left:auto;z-index:1000}
.ch .ch-vsep{flex:0 0 1px;align-self:center;width:1px;height:16px;margin:0 4px;background:var(--ch-in-line)}
.ch .ch-vsep:has(+ .ch-chip[hidden]){display:none}
.ch .ch-filters > .dropdown > .ch-ib{border:0;background:none}

/* the sidebar's lists: no frame and no hairlines, the rows sit on the page */
.ch .ch-aside .ch-list{background:none;box-shadow:none}
.ch .ch-aside .ch-list .ch-row + .ch-row{border-top:0}
.ch .ch-aside .ch-list .ch-row:hover{background:var(--ch-fill)}
.ch .ch-aside .ch-group + .ch-group{margin-top:4px}
.ch .ch-aside .ch-list .ch-row{min-height:36px;padding-top:4px;padding-bottom:4px}
.ch .ch-aside .ch-list .ch-tile{width:24px;height:24px}
@media (max-width:575px){.ch .ch-viewtools .ch-sortbtn svg + svg{display:none}.ch .ch-viewtools .ch-sortbtn{padding:0 7px}}
/* a file row's extras: downloaded (a grey tick), the folder in the views of the whole channel, the tags */
.ch .ch-got{display:none;width:13px;height:13px;color:var(--ch-mute)}
.ch .ch-row[data-got] .ch-got{display:inline-block}
.ch .ch-where{display:none}
.ch .ch-inall .ch-where,.ch .ch-release .ch-where{display:inline}
.ch .ch-where b{font-weight:500;color:var(--ch-text)}
.ch .ch-htags span{margin-left:6px}
.ch .ch-row:not([data-pinned]) .ch-if-pinned,.ch .ch-row[data-pinned] .ch-if-unpinned{display:none}
.ch .ch-pins .ch-tick,.ch .ch-pins .ch-col,.ch .ch-pins .ch-htags{display:none}
/* Compact: one line a file */
.ch.ch-compact .ch-filelist .ch-row{min-height:38px;padding-top:4px;padding-bottom:4px}
.ch.ch-compact .ch-filelist .ch-hint{display:none}
.ch.ch-compact .ch-filelist .ch-tile{width:24px;height:24px}
.ch.ch-compact .ch-filelist .ch-tile svg{width:13px;height:13px}
/* a release: its note and what was tidied over its files */
.ch .ch-relnote{padding:10px 12px;border-bottom:1px solid var(--ch-line);background:var(--ch-soft)}
.ch .ch-relnote:empty{display:none}
.ch .ch-relnote p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ch-text)}
.ch .ch-relnote .ch-tidied{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:12px;color:var(--ch-mute)}
.ch .ch-relnote .ch-tidied svg{width:13px;height:13px;margin-top:2px}
/* Insights: four numbers for the owner (three for the team's admins), then two groups side by side */
.ch .ch-insnums.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ch .ch-insnums .ch-num b small{margin-left:7px;font-size:11.5px;font-weight:600}
.ch .ch-insnums small.up{color:var(--ch-up)}
.ch .ch-insnums small.down{color:var(--ch-red)}
.ch .ch-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ch .ch-cols > :only-child{grid-column:1 / -1}   /* one group of the two (the other has no rows this week): the whole width */
.ch .ch-rnum{flex-shrink:0;font-size:12.5px;color:var(--ch-text);white-space:nowrap}
/* the sidebar's Tags list: rows that are buttons */
.ch button.ch-row{width:100%;border:0;background:var(--ch-panel);font:inherit;text-align:left;cursor:pointer}
.ch button.ch-row + .ch-row{border-top:1px solid var(--ch-line)}
.ch .ch-aside button.ch-row{background:none}
.ch .ch-aside .ch-list button.ch-row + .ch-row{border-top:0}
.ch .ch-aside .ch-list button.ch-row:hover{background:var(--ch-fill)}
.ch .ch-hash{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;background:var(--ch-fill);font-size:13px;font-weight:600;color:var(--ch-mute)}
.ch .ch-row.on .ch-hash{background:transparent;color:var(--ch-blue)}
.ch .ch-mini{display:none;align-items:center;gap:10px;min-width:0;padding:9px 6px 9px 10px;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame)}
.ch .ch-mini .ch-logo{width:36px;height:36px;font-size:15px}
.ch .ch-mini .ch-nameline{flex-wrap:nowrap;gap:6px}
.ch .ch-mname{min-width:0;font-size:14.5px;font-weight:600;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .ch-mini .ch-tag{width:20px;padding:0;justify-content:center}
.ch .ch-mini .ch-tag svg{margin:0}
.ch .ch-mdescr{margin:1px 0 0;font-size:12px;line-height:16px;color:var(--ch-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .ch-minimenu{width:280px}
.ch .ch-mnums{text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}
.ch .ch-mnums b{font-weight:600;color:var(--ch-ink)}
.ch .ch-mabout{margin:0;padding:2px 14px 4px;font-size:12.5px;line-height:1.5;color:var(--ch-text);white-space:normal}
.ch .ch-mabout span{display:block;margin-top:4px;font-size:11.5px;color:var(--ch-mute)}
/* the Tidy up switch of the settings */
.ch .ch-swrow{display:flex;align-items:center;gap:9px;min-height:36px;margin:0;font-size:13.5px;color:var(--ch-ink);cursor:pointer}

/* wide screens: the card's words and numbers side by side, folders in a grid */
@media (min-width:768px){
  .ch .ch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -1px -1px 0}
  .ch .ch-grid > .ch-row,.ch .ch-grid > .ch-row + .ch-row{border-top:0;border-right:1px solid var(--ch-line);border-bottom:1px solid var(--ch-line)}
}
@media (min-width:992px){
  .ch .ch-body.split{grid-template-columns:minmax(0,1fr) minmax(0,480px)}
  .ch .ch-body.split .ch-nums{border-top:0;border-left:1px solid var(--ch-line)}
  .ch .ch-body.split .ch-descr{align-self:center}
  .ch .ch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ch .ch-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:992px){
  .ch.ch-side .ch-wrap{max-width:none;padding:0 24px}
  .ch.ch-side .ch-sidebtn{display:inline-flex}
  html:not(.ch-side-off) .ch .ch-shell{position:relative;display:grid;grid-template-columns:var(--ch-sidew,300px) minmax(0,1fr);gap:20px;align-items:start}
  html:not(.ch-side-off) .ch .ch-sizer{display:block}
  html:not(.ch-side-off) .ch .ch-shell > .ch-aside{position:sticky;z-index:30;top:80px;max-height:calc(100vh - 100px);margin:-1px;padding:1px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  html:not(.ch-side-off) .ch .ch-tree,html:not(.ch-side-off) .ch .ch-mine{display:block}
  /* the channel in one row: the logo, the name with its kind, the words on one line; the rest in the ... menu (the card is for narrow
     screens and a hidden sidebar) */
  html:not(.ch-side-off) .ch .ch-aside .ch-mini{display:flex}
  html:not(.ch-side-off) .ch .ch-aside .ch-card{display:none}
  html:not(.ch-side-off) .ch.ch-side .ch-tagmenu{display:none}   /* the sidebar has the Tags list */
  html.ch-side-off .ch.ch-side .ch-shell > .ch-aside{display:none}   /* hidden means hidden: nothing of the sidebar moves onto the page */
  html.ch-side-off .ch .ch-sidebtn{width:auto;gap:6px;padding:0 10px;font-size:13px;font-weight:500;color:var(--ch-text)}
  html.ch-side-off .ch .ch-sidebtn:hover{background:var(--ch-fill);color:var(--ch-ink)}
  html.ch-side-off .ch .ch-sidel{display:inline}
}
@media (min-width:1400px){
  .ch.ch-side .ch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ch.ch-side .ch-pins .ch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1800px){
  .ch.ch-side .ch-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ch.ch-side .ch-pins .ch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){
  .ch .ch-bar{top:0}   /* the navbar scrolls away, the bar stays at the top */
}
@media (max-width:767px){
  .ch .ch-col{display:none}
  .ch .ch-hint .ch-xs{display:inline}
}
.ch .ch-hint .ch-xs{display:none}

/* phones: short labels, no hint lines, one row per item */
@media (max-width:575px){
  .ch.content{padding:8px 0 40px}
  .ch .ch-wrap{padding:0 8px}
  .ch .ch-stack{gap:8px}
  .ch .ch-l,.ch .ch-hint,.ch .ch-descr-more{display:none}
  .ch .ch-s{display:inline}
  .ch .ch-head{gap:10px;padding:10px 10px 10px 12px}
  .ch .ch-logo{width:36px;height:36px;font-size:15px}
  .ch .ch-title{font-size:16px;line-height:21px;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}   /* (a long name takes two lines on a phone, not "…") */
  .ch .ch-nameline{flex-wrap:nowrap}
  .ch .ch-addr{font-size:11.5px;line-height:15px}
  .ch .ch-acts{gap:4px}
  .ch .ch-acts .ch-btn{height:34px;padding:0 10px}
  .ch .ch-acts .ch-btn.icon{width:34px;padding:0}
  .ch .ch-acts .ch-btn.ch-mob-icon{width:34px;padding:0}
  .ch .ch-acts .ch-btn.ch-mob-icon .ch-l,.ch .ch-acts .ch-btn.ch-mob-icon .ch-s,.ch .ch-acts .ch-btn.ch-mob-icon .ch-n{display:none}
  .ch .ch-descr{display:-webkit-box;margin:8px 12px;padding:0;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ch .ch-nameline .ch-tag{width:20px;padding:0;justify-content:center}
  .ch .ch-nameline .ch-tag svg{margin:0}
  .ch .ch-nameline .ch-tt,.ch .ch-nameline .ch-tag.paused{display:none}
  .ch .ch-card:has(~ .ch-locked) .ch-acts-cta{display:none}   /* the gate under the card has the same button */
  .ch .ch-shell:has(.ch-locked) .ch-aside .ch-acts-cta{display:none}
  .ch .ch-nums{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ch .ch-num{padding:7px 12px}
  .ch .ch-num.ch-wideonly{display:none}
  .ch .ch-num span{font-size:10px}
  .ch .ch-num b{font-size:14px;line-height:18px}
  .ch .ch-insnums.n4{grid-template-columns:repeat(2,minmax(0,1fr))}   /* the owner's four: two by two */
  .ch .ch-insnums.n4 .ch-num:nth-child(3){border-left:0}
  .ch .ch-insnums.n4 .ch-num:nth-child(n+3){border-top:1px solid var(--ch-line)}
  .ch .ch-ask{gap:10px;padding:8px 8px 8px 10px}
  .ch .ch-ask-text{font-size:13px;line-height:17px}
  .ch .ch-ask-text small{display:none}
  .ch .ch-ask .ch-btn{height:34px;padding:0 12px}
  .ch .ch-bar{padding:3px;gap:4px}
  .ch .ch-bar .ch-btn{height:34px;padding:0 10px}
  .ch .ch-bar .ch-btn.ch-mob-icon{width:34px;padding:0}
  .ch .ch-bar .ch-btn.ch-mob-icon .ch-l,.ch .ch-bar .ch-btn.ch-mob-icon .ch-s{display:none}
  .ch .ch-find{padding-left:8px}
  .ch .ch-row{min-height:46px;padding:6px 6px 6px 10px;gap:9px}
  .ch .ch-tile{width:28px;height:28px}
  .ch .ch-rname{font-size:14px}
  .ch .ch-rside{display:inline;flex-shrink:0;font-size:12px;color:var(--ch-mute);white-space:nowrap}
  .ch .ch-nophone{display:none}
  .ch .ch-ghead{margin-bottom:6px}
  .ch .ch-ghosts li{height:46px}
  .ch .ch-gate{padding:14px}
  .ch .ch-gate p{font-size:13px}
  .ch .ch-gate .ch-tile{width:34px;height:34px}
  .ch .ch-gone{margin-top:16px;padding:28px 16px}
  .ch .ch-lock{margin-top:8px}
  .ch .ch-lock-file{padding:10px 12px}
  .ch .ch-lock-go{padding:12px}
  .ch .ch-perks{grid-template-columns:minmax(0,1fr)}
  .ch .ch-perks li{padding:7px 12px}
  .ch .ch-perks li + li{border-left:0;border-top:1px solid var(--ch-line)}
  /* the windows fill the width; a label over its field */
  .ch-dialog,.ch-dialog.wide{margin:8px}
  .ch .ch-mhead{padding:10px 8px 10px 12px}
  .ch .ch-mbody{padding:12px}
  .ch .ch-mfoot{padding:10px 12px}
  .ch .ch-mfoot .ch-btn{flex:1 1 0}
  .ch .ch-mfoot .ch-btn.primary{min-width:0}
  .ch .ch-mfoot .ch-sep{display:none}
  .ch .ch-frow{grid-template-columns:minmax(0,1fr);row-gap:4px}
  .ch .ch-flabel{height:auto;font-size:12px}
  .ch .ch-slug > span{padding:0 6px 0 8px;font-size:12px}
  .ch .ch-slug i span{display:none}
  .ch .ch-slug i svg{margin-right:0}
  .ch .ch-kinds .ch-row{min-height:44px}
  .ch .ch-chip{padding:0 9px}
  .ch .ch-chip svg{display:none}
  .ch .ch-chips.ch-four{display:grid;flex:1 1 100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .ch .ch-chips.ch-four .ch-chip{justify-content:center;padding:0 4px}
  .ch .ch-team select.ch-in{flex-basis:100%}
  .ch .ch-tabs{flex:1 1 100%}
  .ch .ch-tab{flex:1 1 0;min-width:0;padding:0 4px}
  .ch .ch-mbar .ch-tab .ch-count{display:none}   /* the group's head has the number */
  .ch .ch-views{flex:0 1 auto}
  .ch .ch-views .ch-tab{flex:0 0 auto;padding:0 9px}
  .ch .ch-views .ch-tab svg{display:none}
  .ch .ch-nav2{gap:6px}
  .ch .ch-types .ch-chip{padding:0 8px}
  .ch .ch-mbar{flex-wrap:wrap}
  .ch .ch-linkopts{gap:6px 8px;padding:8px 10px}
  .ch .ch-linkopts .ch-flabel{display:none}
  .ch .ch-linkopts .ch-in{flex:1 1 0;width:0}
  .ch .ch-linkopts .ch-btn{margin-left:0}
  .ch-toast{bottom:16px}
}
@media (max-width:767px),(pointer:coarse){.ch .ch-in,.ch .ch-find input,.ch .ch-slug .ch-in{font-size:16px}}
@media (max-width:389px){
  body.ch-page .navbar-header .navbar-right > .btn-primary{display:none}   /* the site's Pricing button: no room next to the bell on small phones */
}
@media (max-width:359px){
  .ch .ch-acts .ch-btn{padding:0 8px;font-size:13px}
  .ch .ch-tab svg{display:none}
  .ch .ch-num{padding:7px 8px 7px 10px}
}

/* dark (the site's dark CSS is loaded for the same media) */
@media (prefers-color-scheme:dark){
  .ch{
    --ch-panel:#1a1a1a;--ch-page:#121212;--ch-ink:#e6ebf3;--ch-text:#aab4c5;--ch-mute:#8591a6;--ch-blue:#3d8bff;--ch-blue-ink:#8dbcff;
    --ch-line:rgba(255,255,255,.08);--ch-frame:rgba(255,255,255,.1);--ch-fill:rgba(255,255,255,.07);--ch-soft:rgba(255,255,255,.03);--ch-rowh:#202226;--ch-tint:rgba(61,139,255,.14);
    --ch-in:#202020;--ch-in-line:rgba(255,255,255,.12);--ch-off:#3a3f4a;--ch-ghost:rgba(255,255,255,.08);--ch-red:#ff8a95;--ch-red-tint:rgba(220,53,69,.15);--ch-up:#5fd897;
    --ch-amber:#f4bd5a;--ch-amber-t:rgba(244,189,90,.14);--ch-violet:#b69cff;--ch-violet-t:rgba(182,156,255,.14);--ch-teal:#4fd1c0;--ch-teal-t:rgba(79,209,192,.13);
    --ch-indigo:#93a3ff;--ch-indigo-t:rgba(147,163,255,.14);--ch-green:#5fd897;--ch-green-t:rgba(95,216,151,.13);--ch-folder:#f2b733;
    --ch-ring:0 0 0 3px rgba(61,139,255,.2)
  }
  body.ch-page{background:#121212}
  .ch .ch-in::placeholder,.ch .ch-find input::placeholder{color:#6b7587}
  .ch .ch-btn.primary{background:linear-gradient(180deg,#2f86ff,#1a72f5)}
  .ch .ch-tab[aria-selected=true]{background:#2f343e;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.4)}
  .ch .ch-tab .ch-count{background:rgba(255,255,255,.08)}
  .ch .ch-tab[aria-selected=true] .ch-count{background:rgba(255,255,255,.1)}
  .ch .ch-sw > span::after{background:#f2f4f7}
  .ch .ch-tick input:indeterminate{background-image:linear-gradient(#1a1a1a,#1a1a1a)}
  .ch .ch-gate{background:linear-gradient(180deg,rgba(26,26,26,.55),var(--ch-panel) 62%)}
  .ch .ch-slug i.ok{color:#5fd897}
  .ch .ch-err{color:#ff8a95}
  .ch .ch-btn.danger:hover,.ch .ch-btn.danger:focus-visible{color:#ffb3ba}
  .ch .dropdown-menu,.ch.dropdown-menu{background:#24272d;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 32px rgba(0,0,0,.5)}
  .ch .dropdown-item:hover,.ch .dropdown-item:focus{background:rgba(255,255,255,.06);color:#fff}
  .ch.modal-content{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 48px rgba(0,0,0,.5)}
  .ch .ch-empty{border-color:rgba(255,255,255,.14)}
  .ch-toast{background:#0d2a57;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.5)}
}

/* colour only where it means something: the file's type, what is new (green), what you have, the folders (yellow) */
.ch .ch-file[data-type=archive] .ch-tile{background:var(--ch-amber-t);color:var(--ch-amber)}
.ch .ch-file[data-type=video] .ch-tile{background:var(--ch-violet-t);color:var(--ch-violet)}
.ch .ch-file[data-type=doc] .ch-tile{background:var(--ch-indigo-t);color:var(--ch-indigo)}
.ch .ch-file[data-type=image] .ch-tile{background:var(--ch-teal-t);color:var(--ch-teal)}
.ch .ch-folder .ch-tile,.ch .ch-tree .ch-tile:has([data-feather=folder]),.ch .ch-tree .ch-tile:has(.feather-folder){background:none;color:var(--ch-folder)}
.ch .ch-folder .ch-tile svg,.ch .ch-tree .ch-tile .feather-folder{width:20px;height:20px;fill:currentColor;fill-opacity:.3}
.ch .ch-tree .ch-tile .feather-folder{width:17px;height:17px}
.ch .ch-tag.new{background:var(--ch-green-t);color:var(--ch-green)}
.ch .ch-row[data-got] .ch-got{color:var(--ch-green)}
.ch .ch-views .ch-tab[data-ch-view=new] .ch-count,.ch .ch-news > svg{color:var(--ch-green)}
.ch .ch-views .ch-tab[data-ch-view=new] svg{color:var(--ch-green)}
.ch .ch-fitem[data-ch-type=archive] .ch-dn{color:var(--ch-amber)}
.ch .ch-fitem[data-ch-type=video] .ch-dn{color:var(--ch-violet)}
.ch .ch-fitem[data-ch-type=doc] .ch-dn{color:var(--ch-indigo)}
.ch .ch-fitem[data-ch-type=image] .ch-dn{color:var(--ch-teal)}
.ch .ch-fitem[data-ch-notgot] .ch-dn{color:var(--ch-green)}
.ch .ch-news b{color:var(--ch-green)}
.ch .ch-mine .ch-badge{background:var(--ch-green);color:var(--ch-panel)}
.ch .ch-aside .ch-row.on,.ch .ch-aside .ch-list .ch-row.on:hover{background:none}
.ch .ch-aside .ch-row.on .ch-rname{font-weight:600}
.ch .ch-aside .ch-row.on .ch-tile{color:var(--ch-blue)}
.ch .ch-aside .ch-list .ch-row.ch-sub{padding-left:30px}
.ch .ch-aside .ch-mini{padding:4px 0 12px;background:none;box-shadow:inset 0 -1px 0 var(--ch-line)}
/* the file's icon on its own: its colour says the type, no tile behind it */
.ch .ch-file .ch-tile,.ch .ch-file[data-type] .ch-tile{background:none}
.ch .ch-file .ch-tile svg{width:18px;height:18px}
/* all over the page: icons stand on their own, no grey square behind them (initials keep theirs) */
.ch .ch-tile:has(svg),.ch .ch-hash{background:none}
.ch .ch-mini .ch-tag{background:none;color:var(--ch-mute)}

/* ---- around the files (2026-10-25): requests, updates, follow, Start here steps ---- */

/* follow: a bell on the sidebar rows (shows on hover, stays blue when on), Follow folder on the path */
.ch .ch-bell{width:0;height:26px;overflow:hidden;opacity:0;transition:opacity .15s}
.ch .ch-bell svg{width:13px;height:13px}
.ch .ch-row:hover .ch-bell,.ch .ch-bell:focus-visible,.ch .ch-bell[aria-pressed=true]{width:26px;margin-left:2px;opacity:1}
.ch .ch-bell[aria-pressed=true],.ch .ch-follow[aria-pressed=true]{color:var(--ch-blue)}
.ch .ch-bell[aria-pressed=true] svg,.ch .ch-follow[aria-pressed=true] svg{fill:currentColor}
@media (hover:none){.ch .ch-bell{width:26px;opacity:1}}
@media (min-width:992px) and (max-width:1439px){html:not(.ch-side-off) .ch.ch-side .ch-views .ch-l{display:none}html:not(.ch-side-off) .ch.ch-side .ch-views .ch-s{display:inline}}
.ch .ch-path{display:flex;align-items:center}
.ch .ch-path .ch-follow{margin-left:auto}
.ch [data-ch-follow] .ch-fl-on,.ch [data-ch-follow][aria-pressed=true] .ch-fl-off{display:none}
.ch [data-ch-follow][aria-pressed=true] .ch-fl-on{display:inline}
.ch .ch-taglist .ch-row{gap:9px}
.ch .ch-tagbtn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1 1 auto;min-width:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.ch .ch-aside .ch-row:has(.ch-tagbtn.on){box-shadow:inset 2px 0 0 var(--ch-blue)}
.ch .ch-aside .ch-row:has(.ch-tagbtn.on) .ch-rname,.ch .ch-aside .ch-row:has(.ch-tagbtn.on) .ch-hash{font-weight:600;color:var(--ch-blue-ink)}

/* Start here as steps: a number instead of the tick; a green check once you have the file */
.ch #ch-pin-rows{counter-reset:step}
.ch #ch-pin-rows .ch-row::before{counter-increment:step;content:counter(step);flex:0 0 14px;font-size:18px;font-weight:700;line-height:1;text-align:center;color:var(--ch-off)}
.ch #ch-pin-rows .ch-row[data-got]::before{color:var(--ch-green)}
.ch #ch-pin-rows .ch-tick{display:none}
.ch .ch-steps{font-weight:600}
.ch .ch-steps.ok{color:var(--ch-green)}



/* requests: ask, vote, done with the file */
.ch .ch-askbar{margin-bottom:6px}
.ch .ch-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 44px;height:44px;padding:0;border:1px solid var(--ch-in-line);background:none;font:inherit;color:var(--ch-text);cursor:pointer}
.ch .ch-vote svg{width:15px;height:15px;margin-bottom:-2px}
.ch .ch-vote b{font-size:12.5px;font-weight:700;line-height:16px}
.ch .ch-vote:hover:not(:disabled){border-color:var(--ch-blue);color:var(--ch-blue)}
.ch .ch-vote[aria-pressed=true]{border-color:var(--ch-blue);background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-vote:disabled{cursor:default;opacity:.6}
.ch .ch-req{gap:12px}
.ch .ch-req .ch-hint svg{width:11px;height:11px;vertical-align:-1px;color:var(--ch-green)}
.ch .ch-req.done .ch-rname{color:var(--ch-text)}

/* updates: the owner's composer and the plain posts */
.ch .ch-compose{display:flex;gap:12px;padding:12px 0 4px}
.ch .ch-compose .ch-tile{width:32px;height:32px;border-radius:50%}
.ch .ch-compose .ch-text{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}
.ch .ch-compose textarea{resize:vertical}
.ch .ch-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
/* the request field: a clear box with Ask inside it */
.ch .ch-reqfield{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.ch .ch-reqfield > label{margin:0;font-size:13px;font-weight:600;color:var(--ch-ink)}
.ch .ch-reqbox{display:flex;align-items:center;gap:8px;height:44px;padding:0 4px 0 12px;background:var(--ch-in);box-shadow:inset 0 0 0 1px var(--ch-in-line);transition:box-shadow .15s}
.ch .ch-reqbox:focus-within{box-shadow:inset 0 0 0 1px var(--ch-blue),var(--ch-ring)}
.ch .ch-reqbox > svg{flex:0 0 16px;width:16px;height:16px;color:var(--ch-mute)}
.ch .ch-reqbox input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;font:inherit;font-size:14px;color:var(--ch-ink)}
.ch .ch-reqbox .ch-btn{flex-shrink:0;height:36px;gap:6px;padding:0 14px}
.ch .ch-reqbox .ch-btn svg{width:14px;height:14px}
.ch .ch-reqfield > .ch-hint{font-size:12px}
@media (max-width:767px),(pointer:coarse){.ch .ch-reqbox input{font-size:16px}}

/* the sidebar's folders, as in My Files: a bigger solid yellow folder, a line under the name, an arrow to open the subfolders */
.ch{--ch-folder:#ffc107}
.ch .ch-aside .ch-tree .ch-list .ch-row{min-height:50px;padding:5px 8px 5px 2px;gap:8px}
.ch .ch-twist{flex:0 0 18px;width:18px;height:18px;color:var(--ch-mute)}
.ch button.ch-twist{display:inline-flex;align-items:center;justify-content:center;padding:0}
.ch .ch-twist svg{width:14px;height:14px;transition:transform .15s}
.ch .ch-twist[aria-expanded=true] svg{transform:rotate(90deg)}
.ch .ch-aside .ch-tree .ch-list .ch-tile{width:28px;height:28px}
.ch .ch-aside .ch-tree .ch-tile svg,.ch .ch-tree .ch-tile .feather-folder{width:26px;height:26px}
.ch .ch-tree .ch-fold svg{fill:var(--ch-folder);stroke:var(--ch-folder);fill-opacity:1;stroke-width:1.5}
.ch .ch-aside .ch-row.on .ch-fold{color:var(--ch-folder)}
.ch .ch-aside .ch-tree .ch-tile .feather-home{width:20px;height:20px}
.ch .ch-aside .ch-tree .ch-rname{font-size:14px;font-weight:600;line-height:19px}
.ch .ch-aside .ch-tree .ch-hint{display:block;font-size:12px;line-height:16px;color:var(--ch-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .ch-hnew{font-weight:600;color:var(--ch-green)}
.ch .ch-aside .ch-tree .ch-rside{font-size:13px;font-weight:600;color:var(--ch-text)}
.ch .ch-aside .ch-tree .ch-list .ch-row + .ch-row,.ch .ch-aside .ch-tree .ch-kids,.ch .ch-aside .ch-tree .ch-row + .ch-kids + .ch-row{box-shadow:inset 0 1px 0 var(--ch-line)}
.ch .ch-aside .ch-list .ch-row.ch-sub{padding-left:26px}
.ch .ch-tree .ch-ghead .ch-gbtn{margin-left:auto;margin-right:0}   /* (the sidebar scrolls: a button past its edge would make it scroll sideways) */
.ch .ch-tree .ch-tile.ch-fold .feather-folder{fill:var(--ch-folder);fill-opacity:1;stroke:var(--ch-folder)}
.ch .ch-ib.ch-twist,.ch .ch-ib.ch-twist[aria-expanded=true]{width:18px;height:18px;background:none;box-shadow:none;color:var(--ch-mute)}
.ch .ch-ib.ch-twist:hover{color:var(--ch-ink)}
.ch .ch-aside .ch-tree .ch-list .ch-row.on{box-shadow:inset 2px 0 0 var(--ch-blue)}
.ch .ch-aside .ch-tree .ch-list .ch-row.on + .ch-row,.ch .ch-aside .ch-tree .ch-list .ch-row.on + .ch-kids{box-shadow:inset 0 1px 0 var(--ch-line)}
.ch .ch-aside .ch-tree .ch-list .ch-row + .ch-row.on,.ch .ch-aside .ch-tree .ch-kids .ch-row.on{box-shadow:inset 2px 0 0 var(--ch-blue),inset 0 1px 0 var(--ch-line)}
.ch .ch-folder .ch-tile svg{fill:var(--ch-folder);fill-opacity:1;stroke:var(--ch-folder)}

/* the type square of a file (as My Files): the extension on grey; the files OnlyOffice opens in their own color; a picture or a video as a small picture */
.ch .ch-tile.ch-ft.ch-ft{width:30px;height:30px;overflow:hidden;background:var(--ch-fill);color:var(--ch-mute)}
.ch .ch-tile.ch-ft b{font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}
.ch .ch-tile.ch-ft[data-ft=pdf]{background:#e5252a;color:#fff}
.ch .ch-tile.ch-ft[data-ft=word]{background:#2b579a;color:#fff}
.ch .ch-tile.ch-ft[data-ft=cell]{background:#1d6f42;color:#fff}
.ch .ch-tile.ch-ft[data-ft=slide]{background:#c43e1c;color:#fff}
.ch .ch-tile.ch-ft[data-ft=pic]{background:linear-gradient(170deg,#f9b25a,#e8743b)}
.ch .ch-tile.ch-ft[data-ft=vid]{background:linear-gradient(170deg,#6fb1f2,#2f6fd0)}
.ch .ch-tile.ch-ft svg{width:100%;height:100%;fill:#fff;stroke:none}
.ch .ch-tile.ch-ft svg path{fill-opacity:.85}
.ch.ch-compact .ch-filelist .ch-tile.ch-ft{width:24px;height:24px}
.ch.ch-compact .ch-filelist .ch-tile.ch-ft b{font-size:8px}
.ch .ch-lock-file .ch-tile.ch-ft{box-shadow:none}

/* Start here: "I've seen it" (hides it until it changes) */
.ch .ch-ghide{order:3;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;height:24px;padding:0 2px 0 6px;border:0;background:none;font-size:12px;font-weight:500;color:var(--ch-mute);cursor:pointer}
.ch .ch-ghide:hover,.ch .ch-ghide:focus-visible{color:var(--ch-blue)}
.ch .ch-ghide svg{width:14px;height:14px}

/* "N new since your last visit" lives on the New tab: a green count, no line of its own */
.ch .ch-views .ch-tab .ch-count.ch-newn{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--ch-green);font-size:11px;font-weight:600;line-height:1;color:#fff}
.ch .ch-views .ch-tab[data-ch-view=new] > svg{color:var(--ch-green)}

/* a folder with a cover photo (its main picture) shows it in place of the folder icon */
.ch .ch-folder .ch-tile.ch-cover{width:40px;height:40px;overflow:hidden;background:var(--ch-fill)}
.ch .ch-folder .ch-tile.ch-cover img{display:block;width:100%;height:100%;object-fit:cover}
.ch.ch-compact .ch-folder .ch-tile.ch-cover{width:30px;height:30px}

/* not a member: the channel and the lock in one centered column (no card above, no sidebar) */
.ch .ch-lockpage{display:flex;flex-direction:column;align-items:center;width:100%;max-width:640px;margin:24px auto 0;text-align:center}
.ch .ch-lockpage .ch-logo{width:64px;height:64px;font-size:26px;margin-bottom:12px}
.ch .ch-lockpage .ch-title{margin:0;font-size:24px;font-weight:600;line-height:1.25;color:var(--ch-ink);text-wrap:balance}
.ch .ch-lp-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.ch .ch-lp-meta .ch-tag svg{width:12px;height:12px;margin-right:4px}
.ch .ch-lp-meta .ch-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--ch-mute)}
.ch .ch-lp-meta .ch-addr b{font-weight:500;color:var(--ch-text)}
.ch .ch-lp-descr{max-width:56ch;margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--ch-text)}
.ch .ch-lp-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:20px 0 0;border-top:1px solid var(--ch-line);border-bottom:1px solid var(--ch-line)}
.ch .ch-lp-nums > div{padding:12px 8px}
.ch .ch-lp-nums > div + div{border-left:1px solid var(--ch-line)}
.ch .ch-lp-nums dt{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-mute)}
.ch .ch-lp-nums dd{margin:2px 0 0;font-size:16px;font-weight:600;color:var(--ch-ink)}
.ch .ch-lp-gate{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:28px}
.ch .ch-lp-lock{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:4px;background:var(--ch-fill);color:var(--ch-text)}
.ch .ch-lp-lock svg{width:18px;height:18px}
.ch .ch-lp-gate h2{margin:0;font-size:17px;font-weight:600;color:var(--ch-ink)}
.ch .ch-lp-gate p{margin:0;font-size:14px;color:var(--ch-text)}
.ch .ch-lp-gate .ch-btns{margin-top:10px}
@media (max-width:575px){
  .ch .ch-lockpage{margin-top:8px}
  .ch .ch-lp-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ch .ch-lp-nums > div:nth-child(3){border-left:0}
  .ch .ch-lp-nums > div:nth-child(n+3){border-top:1px solid var(--ch-line)}
}

/* free previews: the tag of the row and its menu; the list for those who did not join, under the gate (as wide as it) and on the locked page */
.ch .ch-row:not([data-preview]) .ch-pvtag,.ch .ch-row:not([data-preview]) .ch-if-preview,.ch .ch-row[data-preview] .ch-if-unpreview{display:none}
.ch .ch-pvtag{margin-left:6px}
.ch .ch-previews{width:100%;max-width:640px;margin:28px auto 0;text-align:left}
.ch .ch-lock ~ .ch-previews{max-width:560px;margin-top:16px}
.ch .ch-previews .ch-row{gap:12px}
/* comments: the count on a file's row, the button of an update, the thread window */
.ch .ch-cmtn{display:none;align-items:center;gap:3px;margin-left:8px;padding:0 5px;height:18px;border:0;background:var(--ch-fill);font:inherit;font-size:11.5px;color:var(--ch-text);cursor:pointer}
.ch .ch-row[data-cmt] .ch-cmtn{display:inline-flex}
.ch .ch-cmtn svg{width:11px;height:11px}
.ch .ch-cmtn:hover,.ch .ch-cmtn:focus-visible{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-talk .ch-s:empty{display:none}
.ch .ch-thread-body{max-height:min(60vh,520px);overflow-y:auto;padding:0}
.ch .ch-thread-body .ch-older{margin:8px 12px 0}
.ch .ch-thread-body .ch-empty{margin:0;padding:24px 16px}
.ch .ch-cmts{box-shadow:none}
.ch .ch-cmts:empty{display:none}
.ch .ch-cmt{align-items:flex-start;gap:10px;padding:10px 12px 10px 16px}
.ch .ch-cmt:hover{background:none}
.ch .ch-cmt .ch-av{flex:0 0 28px;width:28px;height:28px;border-radius:50%;font-size:12.5px;font-weight:600}
.ch .ch-cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--ch-mute)}
.ch .ch-cmeta b{font-size:13px;font-weight:600;color:var(--ch-ink)}
.ch .ch-cmeta .ch-tag{height:18px;font-size:11px}
.ch .ch-cbody{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--ch-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.ch .ch-cmt .ch-ib.bad{flex:0 0 auto;opacity:.55}
.ch .ch-cmt:hover .ch-ib.bad,.ch .ch-cmt .ch-ib.bad:focus-visible{opacity:1}
.ch .ch-cmt .ch-ib.bad.sure{opacity:1;background:var(--ch-red-tint);color:var(--ch-red)}
.ch .ch-cmtform{flex-wrap:wrap;align-items:flex-end}
.ch .ch-cmtform textarea{flex:1 1 240px;min-height:40px;max-height:160px;resize:vertical}
.ch .ch-cmtform .ch-btn.primary{min-width:0}
.ch .ch-cmtform .ch-err{flex:1 0 100%;margin:0}
.ch .ch-cmtform .ch-err:empty{display:none}
@media (max-width:575px){
  .ch .ch-previews{margin-top:16px}
  .ch .ch-cmt{padding:8px 8px 8px 12px}
  .ch .ch-cmtform .ch-btn.primary{flex:0 0 auto}
}

/* a channel with a type (Video, ...): the page is blocks (channel.js Blocks). A banner (one video, big), rows of 16:9 posters that scroll
   sideways, a grid, folders, Start here, a text. Each block: a head (its name, a count, See all) over its posters, no frame. The owner's
   Edit page: a bar on each block (handle, what it is, move, change, hide, delete) and "Add a block" between them */
.ch .ch-blocks{display:flex;flex-direction:column;gap:26px;min-width:0}
.ch .chb{min-width:0}
.ch .ch-blocks > .ch-empty + .chb-encnote{margin-top:-16px}   /* the encrypted videos left out: right under "No videos here yet." */
.ch .chb-h{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.ch .chb-h h2{margin:0;font-size:16px;font-weight:600;color:var(--ch-ink);text-wrap:balance}
.ch .chb-n{font-size:12.5px;color:var(--ch-mute)}
.ch .chb-all{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font-size:13px;font-weight:500;color:var(--ch-blue)}
.ch .chb-all svg{width:14px;height:14px}
.ch .chb-rowwrap{position:relative}
.ch .chb-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 12px) / 5);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.ch .chb-row::-webkit-scrollbar{display:none}
.ch .chb-row.wide{grid-auto-columns:calc((100% - 2 * 12px) / 3)}
.ch .chb-row > *{scroll-snap-align:start}
.ch .chb-arrow{position:absolute;top:0;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:56%;margin:0;padding:0;border:0;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}
.ch .chb-arrow svg{width:22px;height:22px}
.ch .chb-arrow.prev{left:0}.ch .chb-arrow.next{right:0}
.ch .chb-rowwrap:hover .chb-arrow,.ch .chb-arrow:focus-visible{opacity:1}
.ch .chb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 12px}

/* a poster: 16:9, its length bottom right, how far the member got as a blue line, New in green; the name and a grey line under it */
.ch .chb-card{display:flex;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;border:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer}
.ch .chb-poster{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;max-width:100%;margin-bottom:6px;background:var(--ch-fill)}
.ch .chb-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.ch .chb-card:hover .chb-poster img,.ch .chb-card:focus-visible .chb-poster img{transform:scale(1.04)}
.ch .chb-dur{position:absolute;right:6px;bottom:7px;padding:1px 5px;background:rgba(0,0,0,.72);font-size:11.5px;font-weight:500;color:#fff}
.ch .chb-new{position:absolute;left:6px;top:6px;padding:1px 6px;background:var(--ch-green);font-size:11px;font-weight:600;color:#fff}
.ch .chb-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.35)}
.ch .chb-prog i{display:block;height:100%;background:var(--ch-blue)}
.ch .chb-prog.done i{background:var(--ch-green)}
.ch .chb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);color:#fff;opacity:0;transition:opacity .15s}
.ch .chb-play svg{width:34px;height:34px;padding:8px;background:var(--ch-blue);fill:#fff;stroke:none}
.ch .chb-card:hover .chb-play,.ch .chb-card:focus-visible .chb-play{opacity:1}
.ch .chb-ct{overflow:hidden;font-size:13.5px;font-weight:500;color:var(--ch-ink);white-space:nowrap;text-overflow:ellipsis}
.ch .chb-cm{overflow:hidden;font-size:12px;color:var(--ch-mute);white-space:nowrap;text-overflow:ellipsis}
.ch .chb-step{counter-increment:chb}
.ch .chb-t-pins .chb-row{counter-reset:chb}
.ch .chb-step .chb-ct::before{content:counter(chb) ". ";color:var(--ch-blue)}
.ch .chb-none{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ch-folder)}
.ch .chb-emptyrow{margin:0;padding:14px;background:var(--ch-soft);font-size:13px;color:var(--ch-mute)}

/* the banner: the poster big, the name and Play over a dark fade at the left; on phones the text goes under the picture */
.ch .chb-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(300px,34vw,420px);overflow:hidden;background:#0b0f14}
.ch .chb-hero-img{position:absolute;inset:0;background:center/cover no-repeat}
.ch .chb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.85) 0,rgba(5,8,12,.55) 40%,rgba(5,8,12,0) 75%),linear-gradient(0deg,rgba(5,8,12,.6),rgba(5,8,12,0) 50%)}
.ch .chb-hero-txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;max-width:460px;padding:28px 28px 26px;color:#fff}
.ch .chb-kick{align-self:flex-start;padding:2px 7px;background:var(--ch-blue);font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.ch .chb-hero h2{margin:0;font-size:30px;font-weight:700;line-height:1.15;color:#fff;text-wrap:balance}
.ch .chb-hero-meta{margin:0;font-size:13px;color:rgba(255,255,255,.75)}
.ch .chb-hero-about{margin:2px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.9)}
.ch .chb-hero-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ch .chb-hero .ch-btn:not(.primary){border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff}
.ch .chb-hero .ch-btn:not(.primary):hover{background:rgba(255,255,255,.22)}
.ch .chb-text{padding:14px 16px;background:var(--ch-soft);box-shadow:inset 3px 0 0 var(--ch-blue)}
.ch .chb-text .chb-h{margin-bottom:4px}
.ch .chb-text p{margin:0;max-width:68ch;font-size:14px;line-height:1.55;color:var(--ch-text)}

/* the owner's Edit page */
.ch .chb-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:-12px}
.ch .ch-blocks.editing .chb-tools{justify-content:flex-start;margin:0;padding:8px 0;background:var(--ch-page);box-shadow:0 1px 0 var(--ch-line)}
.ch .chb-tools-t{display:flex;align-items:center;gap:6px;margin-right:auto;min-width:0;font-size:13.5px;color:var(--ch-ink)}
.ch .chb-tools-t svg{width:15px;height:15px;color:var(--ch-blue)}
.ch .chb-tools-t .ch-l{color:var(--ch-mute)}
.ch .ch-blocks.editing{gap:0}
.ch .ch-blocks.editing .chb{padding:0 12px 14px;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame)}
.ch .ch-blocks.editing .chb.off > :not(.chb-bar):not(.chb-set){opacity:.4}
.ch .ch-blocks.editing .chb.drag{opacity:.5;box-shadow:0 0 0 2px var(--ch-blue)}
.ch .chb-bar{display:flex;align-items:center;gap:6px;margin:0 -12px 12px;padding:2px 4px 2px 6px;background:var(--ch-soft);box-shadow:inset 0 -1px 0 var(--ch-line)}
.ch .chb-grip{display:flex;align-items:center;justify-content:center;width:28px;height:32px;color:var(--ch-mute);cursor:grab;touch-action:none}
.ch .chb-grip svg{width:15px;height:15px}
.ch .chb-what{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--ch-text)}
.ch .chb-what svg{width:14px;height:14px}
.ch .chb-what b{font-weight:600;color:var(--ch-ink)}
.ch .chb-acts{display:flex;margin-left:auto}
.ch .chb-acts .ch-ib[aria-pressed=true]{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chb-acts .ch-ib:disabled{opacity:.3;pointer-events:none}
.ch .chb-set{display:flex;flex-wrap:wrap;gap:10px 12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--ch-line)}
.ch .chb-f{display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0;margin:0;font-size:12px;font-weight:500;color:var(--ch-text)}
.ch .chb-f.chb-wide{flex-basis:100%}
.ch .chb-f .ch-input{width:100%;height:34px;padding:0 10px;border:1px solid var(--ch-in-line);background:var(--ch-in);font:inherit;font-size:13.5px;font-weight:400;color:var(--ch-ink)}
.ch .chb-f textarea.ch-input{height:auto;padding:8px 10px;resize:vertical}
.ch .chb-f .ch-input:focus{border-color:rgba(1,104,250,.5);outline:0;box-shadow:var(--ch-ring)}
.ch .chb-add{position:relative;display:flex;justify-content:center;padding:6px 0}
.ch .chb-add > button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px dashed var(--ch-in-line);background:var(--ch-page);font:inherit;font-size:12.5px;color:var(--ch-mute);cursor:pointer;opacity:.75}
.ch .chb-add > button:hover,.ch .chb-add > button:focus-visible{border-color:var(--ch-blue);color:var(--ch-blue);opacity:1}
.ch .chb-add svg{width:13px;height:13px}
.ch .chb-picker{position:absolute;top:100%;left:50%;z-index:6;display:grid;grid-template-columns:1fr 1fr;width:min(460px,calc(100vw - 32px));transform:translateX(-50%);background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-frame),0 12px 32px rgba(0,0,0,.18)}
.ch .chb-picker button{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border:0;background:none;font:inherit;text-align:left;color:var(--ch-ink);cursor:pointer;box-shadow:inset -1px -1px 0 var(--ch-line)}
.ch .chb-picker button:hover,.ch .chb-picker button:focus-visible{background:var(--ch-tint)}
.ch .chb-picker svg{width:16px;height:16px;margin-top:2px;color:var(--ch-blue)}
.ch .chb-picker b{display:block;font-size:13.5px;font-weight:600}
.ch .chb-picker small{display:block;font-size:12px;color:var(--ch-mute)}

/* the player window */

@media (max-width:991px){
  .ch .chb-row{grid-auto-columns:calc((100% - 2 * 12px) / 3)}
  .ch .chb-row.wide{grid-auto-columns:calc((100% - 12px) / 2)}
}
@media (max-width:575px){
  .ch .ch-blocks{gap:20px}
  .ch .chb-row{grid-auto-columns:44%;gap:10px}
  .ch .chb-row.wide{grid-auto-columns:80%}
  .ch .chb-grid{grid-template-columns:1fr 1fr;gap:14px 10px}
  .ch .chb-arrow{display:none}
  .ch .chb-hero{flex-direction:column;align-items:stretch;min-height:0;background:none}
  .ch .chb-hero-img{position:static;display:block;aspect-ratio:16/9;max-width:100%}
  .ch .chb-hero::after{display:none}
  .ch .chb-hero-txt{max-width:none;padding:12px 0 0;color:var(--ch-ink)}
  .ch .chb-hero h2{font-size:22px;color:var(--ch-ink)}
  .ch .chb-hero-meta{color:var(--ch-mute)}
  .ch .chb-hero-about{color:var(--ch-text)}
  .ch .chb-hero .ch-btn:not(.primary){border-color:var(--ch-in-line);background:var(--ch-panel);color:var(--ch-ink)}
  .ch .chb-hero-btns .ch-btn{flex:1}
  .ch .chb-picker{grid-template-columns:1fr}
}

/* a channel with a type: the sidebar's filters (sub_channel_side.html .ch-facets). Type is a segmented bar; Category and Country are rows
   with a tick (Country shows its two-letter code), Year is a grid of small buttons; each shows how many videos it has. Under 992 px only
   the Type bar shows, and "Category, year, country" opens the rest */
.ch .ch-facets{display:flex;flex-direction:column;gap:14px;min-width:0}
.ch .ch-fhead{display:flex;align-items:center;gap:8px;min-height:26px}
.ch .ch-fhead h6{margin:0 auto 0 0;font-size:15px;font-weight:600;color:var(--ch-ink);letter-spacing:0;text-transform:none}
.ch .ch-fhead .ch-gbtn{margin:0;color:var(--ch-blue)}
.ch .ch-fhead .ch-gbtn svg{width:13px;height:13px;margin-right:4px}
.ch .ch-fmore{display:none!important}
.ch .ch-fmorebox{display:flex;flex-direction:column;gap:14px}
.ch .ch-fseg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:3px;background:var(--ch-fill)}
.ch .ch-fseg button{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;margin:0;padding:5px 2px 4px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:500;line-height:1.25;color:var(--ch-text);white-space:nowrap;cursor:pointer}
.ch .ch-fseg button span{font-size:11px;font-weight:400;color:var(--ch-mute)}
.ch .ch-fseg button:hover{color:var(--ch-ink)}
.ch .ch-fseg button[aria-pressed=true]{background:var(--ch-panel);color:var(--ch-blue);box-shadow:0 1px 2px rgba(3,7,18,.1)}
.ch .ch-flist{display:flex;flex-direction:column}
.ch .ch-frow{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;margin:0;padding:4px 8px 4px 6px;border:0;background:none;font:inherit;text-align:left;color:var(--ch-ink);cursor:pointer}
.ch .ch-frow + .ch-frow{border-top:1px solid var(--ch-line)}
.ch .ch-frow:hover{background:var(--ch-rowh)}
.ch .ch-fbox{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--ch-in-line);background:var(--ch-in);color:transparent}
.ch .ch-fbox svg{width:12px;height:12px;stroke-width:3}
.ch .ch-fcode{width:26px;font-size:10.5px;font-weight:600;letter-spacing:.03em;color:var(--ch-text);background:var(--ch-fill);box-shadow:none}
.ch .ch-fname{flex:1;min-width:0;overflow:hidden;font-size:13.5px;white-space:nowrap;text-overflow:ellipsis}
.ch .ch-fcount{flex-shrink:0;font-size:12px;color:var(--ch-mute)}
.ch .ch-frow[aria-pressed=true]{background:var(--ch-tint)}
.ch .ch-frow[aria-pressed=true] .ch-fbox{background:var(--ch-blue);box-shadow:none;color:#fff}
.ch .ch-frow[aria-pressed=true] .ch-fcode{background:var(--ch-blue);color:#fff}
.ch .ch-frow[aria-pressed=true] .ch-fname{color:var(--ch-blue);font-weight:500}
.ch .ch-fyears{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:inset 1px 1px 0 var(--ch-line)}
.ch .ch-fyears button{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:0;padding:7px 4px;border:0;background:none;box-shadow:inset -1px -1px 0 var(--ch-line);font:inherit;cursor:pointer}
.ch .ch-fyears b{font-size:13px;font-weight:500;color:var(--ch-ink)}
.ch .ch-fyears span{font-size:11px;color:var(--ch-mute)}
.ch .ch-fyears button:hover{background:var(--ch-rowh)}
.ch .ch-fyears button[aria-pressed=true]{background:var(--ch-blue)}
.ch .ch-fyears button[aria-pressed=true] b,.ch .ch-fyears button[aria-pressed=true] span{color:#fff}
.ch button.chb-all{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.ch .chb-t-results .chb-all svg{margin-right:2px}
.ch .chb-fcard .chb-ct{display:flex;align-items:center;gap:6px}
.ch .chb-fcard .chb-ct svg{width:15px;height:15px;color:var(--ch-folder);fill:var(--ch-folder)}
.ch #ch-folders{padding-top:4px}
@media (max-width:991px){
  .ch .ch-fmore{display:inline-flex!important}
  .ch .ch-facets:not(.open) .ch-fmorebox{display:none}
  .ch .ch-fmorebox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (max-width:575px){
  .ch .ch-fmorebox{grid-template-columns:minmax(0,1fr)}
  .ch .ch-fmore{font-size:0!important}
  .ch .ch-fmore::after{content:"More";font-size:12px}
  .ch .chb-fgrid{grid-template-columns:1fr 1fr}
}
.ch .ch-f0{opacity:.4}
/* the sidebar's cards fold up (the chevron at the end of the head); the owner's tab menu at the end of the tab row */
.ch .ch-gfold{order:4;width:26px;height:26px;margin:-5px 0}
.ch .ch-gfold svg{width:14px;height:14px;transition:transform .15s}
.ch .ch-gfold[aria-expanded=false] svg{transform:rotate(-90deg)}
.ch .ch-group.ch-shut > :not(.ch-ghead){display:none!important}
.ch .ch-aside .ch-group.ch-shut .ch-ghead{margin-bottom:0}
.ch .ch-tabsmenu{flex-shrink:0}
.ch .ch-tabsedit{min-width:220px}
.ch .ch-tabsedit .dropdown-item:disabled{opacity:1;color:var(--ch-mute)}
.ch .ch-gfold[aria-expanded=true]{background:none;color:var(--ch-mute)}
.ch .ch-gfold:hover,.ch .ch-gfold:focus-visible{background:var(--ch-tint)!important;color:var(--ch-blue)!important}
/* a sidebar taller than the window: no scroll inside it, it goes up with the page; the owner's card menu at its foot */
html:not(.ch-side-off) .ch .ch-shell > .ch-aside.ch-tall{position:static;max-height:none;overflow:visible}
.ch .ch-sidecfg{display:none}
@media (min-width:992px){ .ch .ch-sidecfg{display:block} }
.ch .ch-sidecfg > .ch-btn{width:100%;justify-content:flex-start;height:32px;padding:0 8px;font-size:12.5px;color:var(--ch-mute)}
.ch .ch-sideedit{min-width:220px}
/* anyone can make the sidebar narrower or wider: drag the line between it and the page (or arrows on the keyboard); a double click
   puts it back. Kept in the browser */
.ch .ch-sizer{display:none;position:absolute;z-index:31;top:0;bottom:0;width:7px;margin:0;padding:0;border:0;background:none;cursor:col-resize;touch-action:none}
.ch .ch-sizer::after{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:transparent;transition:background-color .15s}
.ch .ch-sizer:focus-visible{outline:0}
.ch .ch-sizer:hover::after,.ch .ch-sizer:focus-visible::after,.ch .ch-sizer.on::after{width:2px;left:2px;background:var(--ch-blue)}
html.ch-sizing,html.ch-sizing *{cursor:col-resize!important;user-select:none!important}
.ch .ch-sideedit{z-index:1050}


   blue Play with "Resume at"), the title (a series shows its name and episode over it), facts as small grey chips, the buttons, lists
   of rows (a 16:9 thumb, name, grey line), chapters, the facts table and a chapter bar under the player */
.ch .chw-player{position:relative;aspect-ratio:16/9;max-width:100%;background:#000}
.ch .chw-player video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.ch .chw-big{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:68px;height:68px;margin:0;padding:0 14px;border:0;transform:translate(-50%,-50%);background:var(--ch-blue);color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.ch .chw-big svg{width:26px;height:26px;fill:#fff;stroke:none}
.ch .chw-big:has(small){height:auto;padding:12px 16px 9px}
.ch .chw-big small{font-size:12px;font-weight:500;color:#fff;white-space:nowrap}
.ch .chw-err{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;background:rgba(0,0,0,.78);font-size:13px;color:#fff}
.ch .chw-err svg{width:15px;height:15px}
.ch .chw-pad{padding:16px 18px}
.ch .chw-title{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.2;color:var(--ch-ink);text-wrap:balance}
.ch .chw-show{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ch-blue)}
.ch .chw-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.ch .chw-chips span{padding:2px 7px;background:var(--ch-fill);font-size:12px;color:var(--ch-text)}
.ch .chw-chips .chw-newc{background:var(--ch-green);color:#fff;font-weight:600}
.ch .chw-about{max-width:68ch;margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--ch-text)}
.ch .chw-acts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.ch .chw-acts .ch-btn{height:34px;padding:0 11px}
.ch .chw-acts .ch-btn.on{color:var(--ch-green);border-color:rgba(19,133,95,.35)}
.ch .chw-sz{font-size:11.5px;font-weight:400;color:var(--ch-mute)}
.ch .chw-sec{margin-top:18px}
.ch .chw-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ch .chw-h h3{margin:0;font-size:14px;font-weight:600;color:var(--ch-ink)}
.ch .chw-auto{display:flex;align-items:center;gap:7px;margin:0 0 0 auto;font-size:12.5px;color:var(--ch-text);cursor:pointer}
.ch .chw-list{display:flex;flex-direction:column}
.ch .chw-row,.ch .chw-dl{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:6px;border:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer}
.ch .chw-row + .chw-row,.ch .chw-dl + .chw-dl{border-top:1px solid var(--ch-line)}
.ch .chw-row:hover,.ch .chw-dl:hover{background:var(--ch-rowh)}
.ch .chw-row.now{background:var(--ch-tint);box-shadow:inset 2px 0 0 var(--ch-blue)}
.ch .chw-th{position:relative;flex-shrink:0;width:112px;aspect-ratio:16/9;overflow:hidden;background:var(--ch-fill)}
.ch .chw-th img{display:block;width:100%;height:100%;object-fit:cover}
.ch .chw-th .chb-dur{right:4px;bottom:5px;font-size:10.5px}
.ch .chw-rt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ch .chw-rt b{overflow:hidden;font-size:13.5px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.ch .chw-rt small{overflow:hidden;font-size:12px;color:var(--ch-mute);white-space:nowrap;text-overflow:ellipsis}
.ch .chw-rt em{font-style:normal;font-weight:600;color:var(--ch-green)}
.ch .chw-dl > svg{width:16px;height:16px;color:var(--ch-blue)}
.ch .chw-note{margin:10px 0 0;font-size:12px;color:var(--ch-mute)}
.ch .chw-chaps{margin:0;padding:0;list-style:none}
.ch .chw-chaps li + li{border-top:1px solid var(--ch-line)}
.ch .chw-chaps button{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:7px 6px;border:0;background:none;font:inherit;font-size:13.5px;text-align:left;color:var(--ch-ink);cursor:pointer}
.ch .chw-chaps button:hover{background:var(--ch-rowh)}
.ch .chw-cn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--ch-fill);font-size:11.5px;font-weight:600;color:var(--ch-text)}
.ch .chw-ct{margin-left:auto;font-size:12px;color:var(--ch-mute)}
.ch .chw-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0;box-shadow:inset 0 1px 0 var(--ch-line)}
.ch .chw-facts div{padding:8px 0;box-shadow:inset 0 -1px 0 var(--ch-line)}
.ch .chw-facts dt{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ch-mute)}
.ch .chw-facts dd{margin:2px 0 0;font-size:13.5px;color:var(--ch-ink)}
.ch .chw-tl{display:flex;gap:2px;height:8px;background:#000;padding:0 0 2px}
.ch .chw-tl button{position:relative;min-width:0;margin:0;padding:0;border:0;background:rgba(255,255,255,.22);cursor:pointer}
.ch .chw-tl button:hover{background:rgba(255,255,255,.4)}
.ch .chw-tl i{position:absolute;left:0;top:0;bottom:0;background:var(--ch-blue)}
.ch .chw-cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px}
.ch .chw-alike{grid-template-columns:repeat(3,minmax(0,1fr))}
.ch .chb-card.now .chb-poster{box-shadow:0 0 0 2px var(--ch-blue)}



.chw-page{padding-bottom:48px}
.ch-watching #ch{padding-top:0}
.ch .chw-full{width:100%;background:#000}
.ch .chw-stage{position:relative;max-width:100%;background:#000}
/* the cover where the player goes: the poster, a dark fade at the left and the foot, the title, facts, time left, Resume and the buttons */
.ch .chw-hero{position:relative;display:flex;align-items:flex-end;width:100%;height:max(420px,min(calc(100vh - 150px),56.25vw));overflow:hidden;background:#0b0f14}
.ch .chw-hero-img{position:absolute;inset:0;background:center/cover no-repeat}
.ch .chw-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.9) 0,rgba(5,8,12,.6) 38%,rgba(5,8,12,0) 70%),linear-gradient(0deg,rgba(5,8,12,.75),rgba(5,8,12,0) 45%);pointer-events:none}
.ch .chw-hero-txt{position:relative;z-index:1;max-width:720px;padding:28px 32px 30px;--ch-ink:#fff;--ch-text:rgba(255,255,255,.85);--ch-fill:rgba(255,255,255,.14);--ch-mute:rgba(255,255,255,.65)}
.ch .chw-hero .chw-title{font-size:34px}
.ch .chw-hero .chw-show{color:#8dbcff}
.ch .chw-hero .ch-btn:not(.primary){border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff}
.ch .chw-hero .ch-btn.on{color:#5fd897}
.ch .chw-hero .chw-sz{color:rgba(255,255,255,.65)}
.ch .chw-heroplay{position:absolute;z-index:2;left:50%;top:42%;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;border:0;transform:translate(-50%,-50%);background:none;color:#fff;cursor:pointer}
.ch .chw-heroplay > span{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 30px rgba(0,0,0,.28);transition:transform .15s,background .15s,border-color .15s}
.ch .chw-heroplay:hover > span,.ch .chw-heroplay:focus-visible > span{transform:scale(1.06);background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.7)}
.ch .chw-heroplay svg{width:38px;height:38px;margin-left:6px;fill:#fff;stroke:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.ch .chw-heroplay b{padding:4px 12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.ch .chw-left{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12.5px;color:rgba(255,255,255,.8)}
.ch .chw-left .chb-prog{position:relative;width:180px}
.ch .chw-page .chw-player{width:100%;aspect-ratio:auto;height:max(420px,min(calc(100vh - 150px),56.25vw))}
.ch .chw-page .chw-player video{object-fit:contain}
.ch .chw-page .chw-cols{margin-top:22px}
.ch .chw-page .chw-sec:first-child{margin-top:0}
@media (max-width:991px){
  .ch .chw-cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .ch .chw-hero{flex-direction:column;align-items:stretch;height:auto;aspect-ratio:auto;background:var(--ch-page)}
  .ch .chw-hero-img{position:static;aspect-ratio:16/9;max-width:100%}
  .ch .chw-heroplay{top:calc(100vw * .5625 / 2)}
  .ch .chw-heroplay > span{width:68px;height:68px}
  .ch .chw-heroplay svg{width:28px;height:28px}
  .ch .chw-hero::after{display:none}
  .ch .chw-hero-txt{max-width:none;padding:14px 15px 4px;--ch-ink:inherit;--ch-text:inherit;--ch-fill:inherit;--ch-mute:inherit}
  .ch .chw-hero .chw-title{font-size:22px}
  .ch .chw-hero .chw-show{color:var(--ch-blue)}
  .ch .chw-hero .ch-btn:not(.primary){border-color:var(--ch-in-line);background:var(--ch-panel);color:var(--ch-ink)}
  .ch .chw-left{color:var(--ch-text)}
  .ch .chw-acts .ch-btn{flex:1;justify-content:center}
  .ch .chw-acts .ch-btn.primary{flex-basis:100%}
  .ch .chw-stage{background:none}
  .ch .chw-full{background:none}
  .ch .chw-page .chw-player{height:auto;aspect-ratio:16/9}
  .ch .chw-alike{grid-template-columns:1fr 1fr}
}
/* under the video: the title, the channel and the buttons, the description, the comments */
.ch .chw-info{margin:0 0 6px}
.ch .chw-h1{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;font-size:21px;font-weight:700;line-height:1.25;color:var(--ch-ink);text-wrap:balance}
.ch .chw-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.ch .chw-chan{display:flex;align-items:center;gap:10px;min-width:0}
.ch .chw-cav{width:40px;height:40px;font-size:16px;background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-cname{display:flex;flex-direction:column;min-width:0;margin-right:6px}
.ch .chw-cname b{overflow:hidden;font-size:14.5px;font-weight:600;color:var(--ch-ink);white-space:nowrap;text-overflow:ellipsis}
.ch .chw-cname small{font-size:12px;color:var(--ch-mute)}
.ch .chw-tools{display:flex;align-items:center;gap:6px}
.ch .chw-tools .ch-btn,.ch .chw-chan .ch-btn:not(.primary){height:34px;padding:0 12px;border-color:transparent;background:var(--ch-fill)}
.ch .chw-tools .ch-btn.icon{width:34px;padding:0}
.ch .chw-tools .ch-btn:hover,.ch .chw-tools .ch-btn[aria-expanded=true],.ch .chw-chan .ch-btn:not(.primary):hover{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-tools .ch-btn[aria-pressed=true]{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-tools .ch-btn[aria-pressed=true] svg{fill:currentColor;fill-opacity:.18}
.ch .chw-likes{display:inline-flex}
.ch .chw-likes .ch-btn + .ch-btn{box-shadow:inset 1px 0 0 var(--ch-line)}
.ch .chw-tools .chw-sz{font-size:12px;color:var(--ch-mute)}
.ch .chw-desc{margin-top:12px;padding:10px 12px 9px;background:var(--ch-fill);font-size:13.5px;color:var(--ch-ink)}
.ch .chw-dmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 4px}
.ch .chw-dmeta b{font-weight:600}
.ch .chw-dmeta span{font-size:12.5px;color:var(--ch-text)}
.ch .chw-dmeta span + span::before{content:"·";margin-right:10px;color:var(--ch-mute)}
.ch .chw-dmeta .chw-newc{padding:0 6px;background:var(--ch-green);font-weight:600;color:#fff}
.ch .chw-dmeta .chw-newc::before{display:none}
.ch .chw-dtxt{max-width:80ch;margin:0;line-height:1.55;color:var(--ch-ink);white-space:pre-line}
.ch .chw-desc[aria-expanded=false] .chw-dtxt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ch .chw-desc[aria-expanded=false] .chw-dfull{display:none}
.ch .chw-desc[aria-expanded=false] .chw-dlong,.ch .chw-desc[aria-expanded=true] .chw-dsum{display:none}
.ch .chw-dfull .chw-sec{margin-top:14px}
.ch .chw-dfull .chw-facts{margin-top:14px}
.ch .chw-dmore{display:block;margin:4px 0 0;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ch-ink);cursor:pointer}
.ch .chw-dmore:hover{color:var(--ch-blue)}
.ch .chw-cmts{margin-top:22px}
.ch .chw-chead{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ch .chw-chead h3{margin:0;font-size:16px;font-weight:700;color:var(--ch-ink)}
.ch .chw-chead .ch-btn{height:32px;padding:0 8px}
.ch .chw-av{width:36px;height:36px;font-size:14px}
.ch .chw-cform{display:flex;gap:12px;margin:0 0 8px}
.ch .chw-cform > div{flex:1;min-width:0}
.ch .chw-cform textarea{display:block;width:100%;min-height:34px;padding:7px 0 6px;border:0;border-radius:0;background:none;box-shadow:inset 0 -1px 0 var(--ch-in-line);font:inherit;font-size:14px;line-height:1.45;color:var(--ch-ink);resize:none;outline:0;overflow:hidden}
.ch .chw-cform textarea:focus{box-shadow:inset 0 -2px 0 var(--ch-blue)}
.ch .chw-cbtns{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px}
.ch .chw-cerr{margin-right:auto;font-size:12.5px;color:var(--ch-red)}
.ch .chw-cjoin{margin:0 0 8px;font-size:13.5px;color:var(--ch-mute)}
.ch .chw-cmt{display:flex;align-items:flex-start;gap:12px;padding:11px 0;box-shadow:inset 0 -1px 0 var(--ch-line)}
.ch .chw-cmt:last-child{box-shadow:none}
.ch .chw-cbody{flex:1;min-width:0}
.ch .chw-pin{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-size:12px;color:var(--ch-mute)}
.ch .chw-pin svg{width:12px;height:12px}
.ch .chw-cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--ch-mute)}
.ch .chw-cmeta b{font-weight:600;color:var(--ch-ink)}
.ch .chw-cmeta .chw-owner{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-cbody p{margin:3px 0 2px;font-size:14px;line-height:1.5;color:var(--ch-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.ch .chw-cacts .ch-btn{height:28px;margin-left:-8px;padding:0 8px;gap:5px;font-size:12.5px}
.ch .chw-cacts .ch-btn svg{width:14px;height:14px}
.ch .chw-cacts .ch-btn[aria-pressed=true]{color:var(--ch-blue)}
.ch .chw-cacts .ch-btn[aria-pressed=true] svg{fill:currentColor;fill-opacity:.2}
.ch .chw-cmt .dropdown-item.bad{color:var(--ch-red)}
@media (max-width:767px){
  .ch .chw-h1{font-size:18px}
  .ch .chw-bar{display:block}
  .ch .chw-tools{margin:12px -16px 0;padding:0 16px 2px;overflow-x:auto;scrollbar-width:none}
  .ch .chw-tools::-webkit-scrollbar{display:none}
  .ch .chw-chan .ch-btn{margin-left:auto}
}
/* the dark bar under the player: one row of the video's buttons */
.ch .chw-actbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;background:#101317;color:#fff;overflow-x:auto;scrollbar-width:none}
.ch .chw-actbar::-webkit-scrollbar{display:none}
.ch .chw-ab{display:flex;align-items:center;gap:4px;flex:none}
.ch .chw-actbar .ch-btn{height:34px;padding:0 11px;border-color:transparent;background:none;color:rgba(255,255,255,.9)}
.ch .chw-actbar .ch-btn.icon{width:34px;padding:0}
.ch .chw-actbar .ch-btn:hover,.ch .chw-actbar .ch-btn:focus-visible,.ch .chw-actbar .ch-btn[aria-expanded=true]{border-color:transparent;background:rgba(255,255,255,.1);color:#fff}
.ch .chw-actbar .ch-btn[aria-pressed=true]{color:#6aa8ff}
.ch .chw-actbar .ch-btn[aria-pressed=true] svg{fill:currentColor;fill-opacity:.25}
.ch .chw-actbar .ch-btn.on{color:#5fd897}
.ch .chw-actbar .chw-sz{font-size:12px;color:rgba(255,255,255,.55)}
.ch .chw-actbar .chw-likes{display:inline-flex;background:rgba(255,255,255,.08)}
.ch .chw-actbar .chw-likes .ch-btn + .ch-btn{box-shadow:inset 1px 0 0 rgba(255,255,255,.14)}
@media (max-width:767px){.ch .chw-actbar{padding:6px 4px}.ch .chw-actbar .ch-btn{padding:0 9px}}
@media (max-width:374px){.ch .chw-actbar{gap:2px}.ch .chw-actbar .ch-btn{padding:0 7px}.ch .chw-actbar .chw-sz{display:none}}
/* the site's player (video.js + Nuevo) on the video page */
.ch .chw-xvp .video-js{position:absolute;inset:0;width:100%;height:100%}
.ch .chw-xvp .video-js video{object-fit:contain}
/* the video's page: its title in the site's header, in place of the site's name */
.ch-page .navbar-brand.ch-hasvt{display:flex;align-items:center;min-width:0;flex:1 1 auto;margin-right:16px}
/* (the site's navbar-right is 240 px wide and its buttons hang out to the left of it: with the video's title in the brand, the right side takes its own width) */
.ch-page .navbar-brand.ch-hasvt ~ .navbar-right{width:auto;min-width:0}
.ch-watching #navbarMenu,.ch-watching #mainMenuOpen{display:none!important}
.ch-watching .navbar-header{flex-wrap:nowrap}
.ch-watching .navbar-header .navbar-right{flex:none}
.ch-page .navbar-brand.ch-hasvt .df-logo span{display:none}
.ch-page .ch-htitle{display:block;min-width:0;max-width:100%;margin-left:10px;overflow:hidden;font-size:16px;font-weight:600;line-height:1.3;color:#031a61;white-space:nowrap;text-overflow:ellipsis}
@media (prefers-color-scheme:dark){.ch-page .ch-htitle,.ch-watching .profile-menu-button{color:#e9e9e9}}
@media (max-width:991px){.ch-page .ch-htitle{font-size:15px}}
/* the channel's name under the video goes to the channel; a time in a comment plays the video from there */
.ch a.chw-cname{text-decoration:none}
.ch a.chw-cname:hover b{color:var(--ch-blue)}
.ch .chw-ts{display:inline;margin:0;padding:0;border:0;background:none;font:inherit;font-weight:500;color:var(--ch-blue);cursor:pointer}
.ch .chw-ts:hover{text-decoration:underline}
.ch .chw-addt{margin-right:auto;height:32px;padding:0 8px;font-size:12.5px}
.ch .chw-cerr{margin-right:0}
/* the cover: Play (or Resume) right after the video's name */
.ch .chw-thead{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:8px}
.ch .chw-thead .chw-title{margin:0}
.ch .chw-thead .ch-btn{height:38px;padding:0 16px}
.ch .chw-hero .chw-about{margin-bottom:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* under the video, round 2: the numbers next to the channel, the owner's insights, the description with its place in the show and the
   chapters, the comments with tabs (Top / Newest / Moments), replies, the owner's heart and the moments on the chapter bar */
.ch .chw-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--ch-text)}
.ch .chw-stats > *{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;white-space:nowrap}
.ch .chw-stats svg{width:15px;height:15px;color:var(--ch-mute)}
.ch .chw-stats a:hover{color:var(--ch-blue)}
.ch .chw-yours{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-ins{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:12px;padding:9px 12px;box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chw-ins-h{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ch-ink)}
.ch .chw-ins-h svg{width:15px;height:15px;color:var(--ch-blue)}
.ch .chw-ins-h small{margin-left:2px;font-size:11.5px;font-weight:400;color:var(--ch-mute)}
.ch .chw-ins-n{display:flex;flex-direction:column;line-height:1.2}
.ch .chw-ins-n b{font-size:14px;font-weight:600;color:var(--ch-ink)}
.ch .chw-ins-n small{font-size:11.5px;color:var(--ch-mute)}
.ch .chw-ins .ch-btn{margin-left:auto;height:32px;padding:0 10px}
.ch .chw-dmeta span + span::before{content:none}
.ch .chw-dmeta{gap:6px 12px;margin-bottom:6px}
.ch .chw-where{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--ch-blue)!important}
.ch .chw-where svg{width:13px;height:13px}
.ch .chw-dtags{display:inline-flex;flex-wrap:wrap;gap:4px}
.ch .chw-dtags .ch-tag{background:var(--ch-panel);color:var(--ch-text)}
.ch .chw-dtags .chw-newc{background:var(--ch-green);color:#fff}
.ch .chw-cchips{display:flex;gap:6px;margin:10px 0 2px;overflow-x:auto;scrollbar-width:none}
.ch .chw-cchips::-webkit-scrollbar{display:none}
.ch .chw-chip{display:inline-flex;align-items:center;flex:none;gap:7px;height:30px;margin:0;padding:0 10px;border:0;background:var(--ch-panel);box-shadow:inset 0 0 0 1px var(--ch-line);font:inherit;font-size:12.5px;color:var(--ch-ink);cursor:pointer}
.ch .chw-chip b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ch-blue)}
.ch .chw-chip:hover{background:var(--ch-tint)}
.ch .chw-chip.now{background:var(--ch-tint);box-shadow:inset 0 0 0 1px rgba(1,104,250,.45)}
.ch .chw-dfull .chw-facts{margin-top:12px}
.ch .chw-dedit{margin:2px 0 0}
.ch .chw-dedit textarea{display:block;width:100%;padding:8px 10px;border:0;border-radius:0;background:var(--ch-panel);box-shadow:inset 0 0 0 1px var(--ch-in-line);font:inherit;font-size:14px;line-height:1.5;color:var(--ch-ink);resize:vertical;outline:0}
.ch .chw-dedit textarea:focus{box-shadow:inset 0 0 0 2px var(--ch-blue)}
.ch .chw-chead{flex-wrap:wrap;justify-content:space-between}
.ch .chw-ctabs{display:inline-flex;padding:3px;background:var(--ch-fill)}
.ch .chw-ctabs button{display:inline-flex;align-items:center;gap:5px;height:28px;margin:0;padding:0 12px;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer}
.ch .chw-ctabs button[aria-selected=true]{background:var(--ch-panel);color:var(--ch-ink);box-shadow:0 1px 2px rgba(16,24,40,.1)}
.ch .chw-ctabs [data-cw-mn]{font-size:11.5px;color:var(--ch-blue)}
.ch .chw-ccount{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ch-mute)}
.ch .chw-ccount.full{color:var(--ch-red)}
.ch .chw-cjoin{display:flex;align-items:center;gap:6px}
.ch .chw-cjoin svg{width:14px;height:14px}
.ch .chw-av.own{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-cmt.sub{padding:8px 0 4px;box-shadow:none}
.ch .chw-cmt.sub .chw-av,.ch .chw-cform.small .chw-av{width:28px;height:28px;font-size:12px}
.ch .chw-replies{margin-top:2px}
.ch .chw-rform:not([hidden]){margin-top:6px}
.ch .chw-cform.small{margin:0}
.ch .chw-rtoggle{display:inline-flex;align-items:center;gap:4px;margin:2px 0 0 -2px;padding:4px 2px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ch-blue);cursor:pointer}
.ch .chw-rtoggle svg{width:15px;height:15px;transition:transform .15s}
.ch .chw-rtoggle[aria-expanded=true] svg{transform:rotate(180deg)}
.ch .chw-cacts{display:flex;align-items:center;gap:2px}
.ch .chw-cacts .ch-btn + .ch-btn{margin-left:0}
.ch .chw-heart[aria-pressed=true]{color:var(--ch-red)}
.ch .chw-heart[aria-pressed=true] svg{fill:currentColor;fill-opacity:1}
.ch .chw-hearted{display:inline-flex;align-items:center;gap:3px;margin-left:6px;color:var(--ch-red)}
.ch .chw-hearted svg{width:13px;height:13px;fill:currentColor}
.ch .chw-hearted .ch-tile{width:18px;height:18px;font-size:10px;background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-ts{display:inline-flex;align-items:center;gap:3px;padding:0 5px;background:var(--ch-tint);font-variant-numeric:tabular-nums;text-decoration:none!important;vertical-align:baseline}
.ch .chw-ts svg{width:9px;height:9px;fill:currentColor;stroke:none}
.ch .chw-ts:hover{background:rgba(1,104,250,.16)}
.ch .chw-tl{position:relative}
.ch .chw-mom{position:absolute;left:0;right:0;top:0;height:0}
.ch .chw-tl .chw-mom button{position:absolute;top:-3px;width:6px;height:14px;margin-left:-3px;padding:0;border:0;background:#ffcf4a;box-shadow:0 0 0 1px rgba(0,0,0,.5);cursor:pointer}
.ch .chw-tl .chw-mom button:hover{background:#fff;transform:scaleY(1.3)}
@media (max-width:767px){
  .ch .chw-stats{gap:12px;margin-top:10px;font-size:12.5px}
  .ch .chw-ins{gap:8px 16px}
  .ch .chw-ins .ch-btn{margin-left:0}
  .ch .chw-chead{gap:8px}
}
.ch .chw-cacts .chw-heart[aria-pressed=true]{color:var(--ch-red)}
.ch .chw-dedit-b{height:28px;margin-left:auto;padding:0 8px;font-size:12.5px}
.ch .chw-ins .chw-ins-h{margin-right:4px}
.ch .chw-main > .chw-sec{margin-top:18px}
.ch .chw-chaps button.now{background:var(--ch-tint)}
.ch .chw-chaps button.now .chw-cn{background:var(--ch-blue);color:#fff}
/* the cover: the tags small, on the line of the title and Play */
.ch .chw-thead .chw-chips{gap:3px;margin:0}
.ch .chw-thead .chw-chips span{padding:1px 6px;font-size:11.5px;line-height:1.5}

/* chapters over the player (opened from the bar's Chapters button) */
.ch .chw-chpanel{position:absolute;top:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;width:min(340px,86%);background:rgba(12,14,18,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-left:1px solid rgba(255,255,255,.1)}
.ch .chw-chp-h{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 14px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
.ch .chw-chp-h span{font-size:12px;color:rgba(255,255,255,.55)}
.ch .chw-chp-h .ch-ib{margin-left:auto;color:#fff;background:none}
.ch .chw-chp-h .ch-ib:hover{background:rgba(255,255,255,.12)}
.ch .chw-chpanel ol{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}
.ch .chw-chpanel li + li{border-top:1px solid rgba(255,255,255,.07)}
.ch .chw-chpanel button[data-cw-seek]{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:8px 14px;border:0;background:none;font:inherit;font-size:13.5px;text-align:left;color:#fff;cursor:pointer}
.ch .chw-chpanel button[data-cw-seek]:hover{background:rgba(255,255,255,.08)}
.ch .chw-chpanel .chw-cn{background:rgba(255,255,255,.12);color:#fff;flex:none}
.ch .chw-chpanel .chw-chp-n{display:flex;flex-direction:column;min-width:0}
.ch .chw-chpanel small{font-size:11.5px;color:rgba(255,255,255,.55)}
.ch .chw-chpanel button.now{background:rgba(64,140,255,.22)}
.ch .chw-chpanel button.now .chw-cn{background:var(--ch-blue)}
.ch .chw-actbar [data-cw="chaps"][aria-expanded="true"]{color:#6aa8ff}
.ch .chw-stage:has(.chw-xvp) .chw-chpanel{bottom:52px;border-bottom:1px solid rgba(255,255,255,.1)}
.ch .chw-dfull .chw-stats{margin:2px 0 10px;flex-wrap:wrap}
/* the big play sits in the true middle of the picture; its label hangs below without moving it */
.ch .chw-heroplay{top:50%}
.ch .chw-heroplay b{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%)}
@media (max-width:767px){.ch .chw-heroplay{top:calc(100vw * .5625 / 2)} .ch .chw-heroplay b{display:none}}
.ch .chw-thead{align-items:center}
.ch .chw-dfull .chw-dtags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 10px}
/* under the big play: the resume label and the time left bar; the tags go under the about text */
.ch .chw-heroplay b{position:static;transform:none}
.ch .chw-hp-sub{position:absolute;top:calc(100% + 10px);left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);font-style:normal}
.ch .chw-hp-sub .chw-left{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.ch .chw-hp-sub .chb-prog{width:120px}
.ch .chw-hero-txt > .chw-chips,.ch .chw-hero-txt > .ch-chips{margin-top:10px}
@media (max-width:767px){.ch .chw-heroplay b{display:none}.ch .chw-hp-sub{top:calc(100% + 8px)}}
.ch .chw-heroplay:focus,.ch .chw-heroplay:focus-visible{outline:0;box-shadow:none}.ch .chw-heroplay:focus-visible > span{outline:2px solid #6aa8ff;outline-offset:3px}
@media (max-width:767px){.ch .chw-hero-txt .chw-left .chb-prog{background:var(--ch-line)}}

/* the sidebar and the files answer their own widths (drag the line at the sidebar's edge): channel.js fit() puts
   ch-sn (sidebar 280 px or less), ch-sxs (250 or less), ch-swide (380 or more) and ch-mn (files 760 or less), ch-mxs (480 or less) on #ch */
.ch.ch-sn .ch-fseg{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);gap:0;padding:0;background:none;box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch.ch-sn .ch-fseg button{flex-direction:row;justify-content:space-between;gap:8px;min-height:34px;padding:4px 10px;font-size:13.5px;text-align:left}
.ch.ch-sn .ch-fseg button + button{box-shadow:inset 0 1px 0 var(--ch-line)}
.ch.ch-sn .ch-fseg button span{font-size:12px}
.ch.ch-sn .ch-fseg button[aria-pressed=true]{background:var(--ch-tint);box-shadow:inset 3px 0 0 var(--ch-blue)}
.ch.ch-sxs .ch-fyears{grid-template-columns:repeat(2,minmax(0,1fr))}
.ch.ch-swide .ch-fyears{grid-template-columns:repeat(5,minmax(0,1fr))}
.ch.ch-mn .chb-row{grid-auto-columns:calc((100% - 2 * 12px) / 3)}
.ch.ch-mn .chb-row.wide{grid-auto-columns:calc((100% - 12px) / 2)}
.ch.ch-mxs .chb-row{grid-auto-columns:44%;gap:10px}
.ch.ch-mxs .chb-row.wide{grid-auto-columns:80%}

/* Download: the original or a smaller copy */
.ch .chw-actbar .ch-btn > svg:last-child:not(:first-child){width:13px;height:13px;margin-left:2px;opacity:.7}
.ch .chw-dlmenu{min-width:300px;padding:4px 0}
.ch .chw-dl{display:flex;align-items:center;gap:10px;padding:8px 14px}
.ch .chw-dl svg{flex:none;width:16px;height:16px;color:var(--ch-mute)}
.ch .chw-dl span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.ch .chw-dl b{font-size:13.5px;font-weight:500;color:var(--ch-ink)}
.ch .chw-dl small{font-size:12px;color:var(--ch-mute)}
.ch .chw-dl em{margin-left:auto;padding-left:12px;font-style:normal;font-size:12.5px;color:var(--ch-text);white-space:nowrap}
.ch .chw-dl + .chw-dl{border-top:1px solid var(--ch-line)}

/* the end of a video: Up next with a countdown */
.ch .chw-upnext{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,8,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}
.ch .chw-un-in{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 16px;width:min(560px,100%);padding:16px;background:rgba(16,19,23,.92);border:1px solid rgba(255,255,255,.12)}
.ch .chw-un-img{position:relative;grid-row:span 2;aspect-ratio:16/9;background:#222 center/cover}
.ch .chw-un-img i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ch-blue);transform-origin:left;animation:chw-un linear forwards}
@keyframes chw-un{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ch .chw-un-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.ch .chw-un-t small{font-size:12.5px;color:rgba(255,255,255,.65)}
.ch .chw-un-t small b{color:#fff}
.ch .chw-un-t > b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .chw-un-t span{font-size:12.5px;color:rgba(255,255,255,.65)}
.ch .chw-un-b{display:flex;gap:8px;align-self:end}
.ch .chw-un-b .ch-btn:not(.primary){background:rgba(255,255,255,.12);color:#fff}
@media (max-width:575px){.ch .chw-un-in{grid-template-columns:120px minmax(0,1fr);padding:12px}.ch .chw-un-b{grid-column:1/-1}.ch .chw-un-b .ch-btn{flex:1;justify-content:center}}

/* the mini player */
.ch .chw-player.chw-mini{position:fixed;z-index:1040;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 32px));height:auto;aspect-ratio:16/9;box-shadow:0 8px 30px rgba(0,0,0,.45);animation:chw-mini .18s ease-out}
@keyframes chw-mini{from{opacity:0;transform:translateY(12px)}}
.ch .chw-mini-b{display:none}
.ch .chw-mini .chw-mini-b{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;gap:2px;padding:4px 4px 14px 10px;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0));color:#fff;opacity:0;transition:opacity .15s}
.ch .chw-mini:hover .chw-mini-b,.ch .chw-mini .chw-mini-b:focus-within{opacity:1}
.ch .chw-mini-b span{flex:1;min-width:0;overflow:hidden;font-size:12.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.ch .chw-mini-b .ch-ib{color:#fff;background:none}
.ch .chw-mini-b .ch-ib:hover{background:rgba(255,255,255,.15)}
@media (hover:none){.ch .chw-mini .chw-mini-b{opacity:1}}

/* the rail: the sidebar folded to icons (html.ch-rail; the button in the sidebar's head, or drag its edge narrow) */
.ch .ch-railnav{display:none}
.ch .ch-sidefoot{display:none}
@media (min-width:992px){
  html:not(.ch-side-off) .ch.ch-side .ch-sidefoot{display:block}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-shell{grid-template-columns:56px minmax(0,1fr)}
  /* folded: the cards stay in the page (so a hovered one can open as a menu) but take no room and are not seen */
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-aside > :not(.ch-railnav){position:absolute;width:280px;height:0;margin:0;padding:0;border:0;overflow:hidden;visibility:hidden;pointer-events:none}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-aside .ch-fly{position:fixed;z-index:1050;display:block;width:290px;max-height:calc(100vh - 90px);padding:12px 14px 14px;overflow-y:auto;visibility:visible;pointer-events:auto;background:var(--ch-panel);border:1px solid var(--ch-line);box-shadow:0 10px 30px rgba(3,7,18,.16);animation:ch-fly .12s ease-out}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-aside .ch-fly .ch-ghead{margin-top:0}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-aside{overflow:visible}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-railnav{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:calc(100vh - 100px);padding:2px 0 8px;border-right:1px solid var(--ch-line)}
}
.ch .ch-rlogo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 4px;border:0;background:var(--ch-blue);font:inherit;font-size:16px;font-weight:700;color:#fff;cursor:pointer}
.ch .ch-rlogo:hover{filter:brightness(1.1)}
.ch .ch-rsep{display:block;width:28px;height:1px;margin:6px 0;background:var(--ch-line)}
.ch .ch-rbtn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;background:none;color:var(--ch-text);cursor:pointer}
.ch .ch-rbtn svg{width:19px;height:19px;stroke-width:1.75}
.ch .ch-rbtn:hover{background:var(--ch-fill);color:var(--ch-ink)}
.ch .ch-rn{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--ch-blue);font-size:10.5px;font-weight:600;line-height:16px;color:#fff;text-align:center}
.ch .ch-flash{animation:ch-flash .9s ease-out}
@keyframes ch-flash{from{background:var(--ch-tint)}}

/* the sidebar's foot: Fold sidebar, sticky at the bottom of the sidebar */
.ch .ch-sidefoot{position:sticky;bottom:-1px;z-index:2;margin-top:auto;padding:8px 0 2px;border-top:1px solid var(--ch-line);background:var(--ch-page)}
.ch .ch-railbtn{display:flex;align-items:center;gap:8px;width:100%;height:34px;margin:0;padding:0 8px;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer}
.ch .ch-railbtn svg{width:16px;height:16px}
.ch .ch-railbtn:hover{background:var(--ch-fill);color:var(--ch-ink)}
.ch .ch-railbtn kbd,.ch-tip kbd{margin-left:auto;padding:0 5px;border:1px solid var(--ch-line);background:none;font:inherit;font-size:11px;line-height:16px;color:var(--ch-mute);box-shadow:none}
html:not(.ch-side-off) .ch.ch-side .ch-shell > .ch-aside{display:flex;flex-direction:column}
/* the rail, round 2: a quiet column, the active filters in blue, the open-again arrow in a foot like the sidebar's */
html.ch-rail .ch .ch-railnav{gap:4px}
.ch .ch-rbtn{transition:background .12s,color .12s}
.ch .ch-rbtn.on{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-rbtn.on::before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;background:var(--ch-blue)}
.ch .ch-rbtn:focus-visible,.ch .ch-rlogo:focus-visible,.ch .ch-railbtn:focus-visible{outline:2px solid var(--ch-blue);outline-offset:1px}
.ch .ch-rfoot{position:sticky;bottom:0;display:flex;justify-content:center;width:100%;margin-top:auto;padding-top:8px;border-top:1px solid var(--ch-line);background:var(--ch-page)}
/* the tooltip (one element on <body>, placed by channel.js tips()) */
.ch-tip{position:fixed;z-index:2000;display:flex;align-items:center;gap:8px;max-width:260px;padding:6px 9px;background:#111418;color:#fff;font:500 12.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none;opacity:0;transform:translateX(-4px);transition:opacity .12s,transform .12s}
.ch-tip.up{transform:translateY(4px)}
.ch-tip.on{opacity:1;transform:none}
.ch-tip span{font-weight:400;color:#9fc4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-tip kbd{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
.ch-tip.right::before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;margin-top:-4px;background:#111418;transform:rotate(45deg)}
@media (prefers-color-scheme:dark){.ch-tip{background:#e9edf3;color:#0d1117}.ch-tip.right::before{background:#e9edf3}.ch-tip span{color:#1f5fd6}.ch-tip kbd{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.55)}}
/* the rail sits flush on the page's left edge, 60 px, icons in its middle */
@media (min-width:992px){
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-wrap{padding-left:0}
  html.ch-rail:not(.ch-side-off) .ch.ch-side #chb-watch .ch-wrap{padding-left:24px}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-shell{grid-template-columns:60px minmax(0,1fr)}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-shell > .ch-aside{margin:0;padding:0}
  html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-railnav{width:60px;padding:4px 0 8px}
}
.ch .ch-rbtn.on::before{left:-10px}
@keyframes ch-fly{from{opacity:0;transform:translateX(-6px)}}
.ch .ch-rbtn.open{background:var(--ch-fill);color:var(--ch-ink)}
.ch .ch-fly .ch-gfold{display:none}
.ch .ch-fly .ch-ghead + *{margin-top:6px}
/* Edit page at the end of the tab row; the page's own row of tools shows only while editing */
.ch .ch-blocks:not(.editing) > .chb-tools{display:none}
.ch .chb-editbtn{flex:none;height:32px;margin-left:auto;padding:0 10px;font-size:13px}
.ch .chb-editbtn svg{width:15px;height:15px}

/* the rail's menus: their own look, a compact popover (not the sidebar's cards) */
.ch .ch-flyhead{display:none}
html.ch-rail:not(.ch-side-off) .ch.ch-side .ch-aside .ch-fly{width:264px;padding:6px;border:1px solid var(--ch-line);background:var(--ch-panel);box-shadow:0 1px 2px rgba(3,7,18,.06),0 12px 32px -6px rgba(3,7,18,.22);transform-origin:left top;animation:ch-fly2 .14s cubic-bezier(.2,.8,.2,1)}
@keyframes ch-fly2{from{opacity:0;transform:translateX(-6px) scale(.98)}}
.ch .ch-flyhead-x{display:flex;align-items:center;gap:8px;margin:0 0 4px;padding:6px 6px 8px;border-bottom:1px solid var(--ch-line)}
.ch .ch-flyic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-flyic svg{width:15px;height:15px}
.ch .ch-flyhead b{font-size:14px;font-weight:600;color:var(--ch-ink)}
.ch .ch-flyhead small{font-size:12px;color:var(--ch-blue)}
.ch .ch-flyclr{margin-left:auto;padding:2px 6px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:500;color:var(--ch-text);cursor:pointer}
.ch .ch-flyclr:hover{background:var(--ch-fill);color:var(--ch-ink)}
/* rows: menu items with the tick at the right */
.ch .ch-mod .ch-flist{gap:1px}
.ch .ch-mod .ch-frow{min-height:34px;padding:0 8px;border:0!important}
.ch .ch-mod .ch-frow + .ch-frow{border-top:0}
.ch .ch-mod .ch-frow:hover{background:var(--ch-fill)}
.ch .ch-mod .ch-fbox:not(.ch-fcode){order:3;width:16px;height:16px;background:none;box-shadow:none;color:transparent}
.ch .ch-mod .ch-frow[aria-pressed=true]{background:var(--ch-tint)}
.ch .ch-mod .ch-frow[aria-pressed=true] .ch-fbox:not(.ch-fcode){background:none;color:var(--ch-blue)}
.ch .ch-mod .ch-fcount{min-width:18px;text-align:right}
.ch .ch-mod .ch-fcode{width:24px;height:18px}
/* Type: a list of choices, the picked one blue with a dot */
.ch .ch-mod .ch-fseg{display:flex;flex-direction:column;gap:1px;padding:0;background:none;box-shadow:none}
.ch .ch-mod .ch-fseg button{flex-direction:row;justify-content:flex-start;gap:10px;min-height:34px;padding:0 8px;font-size:13.5px;font-weight:400;color:var(--ch-ink);box-shadow:none!important}
.ch .ch-mod .ch-fseg button::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ch-in-line)}
.ch .ch-mod .ch-fseg button span{margin-left:auto;font-size:12px}
.ch .ch-mod .ch-fseg button:hover{background:var(--ch-fill)}
.ch .ch-mod .ch-fseg button[aria-pressed=true]{background:var(--ch-tint);color:var(--ch-blue);font-weight:500}
.ch .ch-mod .ch-fseg button[aria-pressed=true]::before{box-shadow:inset 0 0 0 4px var(--ch-blue)}
/* Year: tiles with gaps, no grid lines */
.ch .ch-mod .ch-fyears{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:2px;box-shadow:none}
.ch .ch-mod .ch-fyears button{flex-direction:column;align-items:center;gap:1px;padding:8px 4px;background:var(--ch-fill);box-shadow:none}
.ch .ch-mod .ch-fyears button:hover{background:var(--ch-rowh);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .ch-mod .ch-fyears b{font-size:14px}
/* folders and tags in a menu: no extra frame */
.ch .ch-mod .ch-list{border:0;box-shadow:none}
.ch .ch-mod .ch-fyears button[aria-pressed=true],.ch .ch-mod .ch-fyears button[aria-pressed=true]:hover{background:var(--ch-blue);box-shadow:none}
.ch .ch-mod .ch-fyears button[aria-pressed=true] b,.ch .ch-mod .ch-fyears button[aria-pressed=true] span{color:#fff}

/* the sidebar's filter cards, modern (.ch-mod, channel.js rail()): icon tile + name + "2 on" + Clear, no rule line */
.ch .ch-mod .ch-ghead{gap:8px;margin:0 0 6px}
.ch .ch-mod .ch-ghead::after{display:none}
.ch .ch-mod .ch-ghead > h6{font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ch-ink)}
.ch .ch-mod .ch-flyic{flex:none;width:24px;height:24px}
.ch .ch-mod .ch-flyic svg{width:14px;height:14px}
.ch .ch-gn{font-size:12px;color:var(--ch-blue)}
.ch .ch-gclr{margin-left:auto;padding:2px 6px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:500;color:var(--ch-text);cursor:pointer}
.ch .ch-gclr:hover{background:var(--ch-fill);color:var(--ch-ink)}
.ch .ch-mod .ch-gfold{margin-left:auto}
.ch .ch-gclr:not([hidden]) + .ch-gfold{margin-left:0}
.ch .ch-fly .ch-gfold{display:none}
.ch .ch-fly .ch-ghead{padding:4px 4px 8px;margin:0 0 4px;border-bottom:1px solid var(--ch-line)}
.ch .ch-aside .ch-mod + .ch-mod,.ch .ch-fmorebox{gap:18px}
/* what is on, as chips under Filter */
.ch .ch-fchips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 2px}
.ch .ch-fchip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 6px 0 9px;border:0;background:var(--ch-tint);font:inherit;font-size:12.5px;font-weight:500;color:var(--ch-blue);cursor:pointer}
.ch .ch-fchip svg{width:13px;height:13px;opacity:.7}
.ch .ch-fchip:hover{background:var(--ch-blue);color:#fff}
.ch .ch-fchip:hover svg{opacity:1}
.ch .ch-mod .ch-gclr{order:3}
.ch .ch-mod .ch-ghead:has(.ch-gclr:not([hidden])) .ch-gfold{margin-left:0}

/* the view switch at the end of the tab row: Rows | Posters */
.ch .chb-vsw{flex:none;display:flex;gap:2px;margin-left:auto;padding:2px;background:var(--ch-fill)}
.ch .chb-editbtn:not([hidden]) + .chb-vsw{margin-left:6px}
.ch .chb-vsw button{display:flex;align-items:center;justify-content:center;gap:6px;height:28px;margin:0;padding:0 10px;font-size:13px;font-weight:500;border:0;background:none;color:var(--ch-text);cursor:pointer}
.ch .chb-vsw button svg{width:15px;height:15px;flex:none}
.ch.ch-mn .chb-vsw button span{display:none}
.ch .chb-vsw button:hover{color:var(--ch-ink)}
.ch .chb-vsw button[aria-pressed=true]{background:var(--ch-panel);color:var(--ch-blue);box-shadow:0 1px 2px rgba(3,7,18,.1)}
/* Posters: pills, Sort by, a grid of tall cards */
.ch .chp{display:flex;flex-direction:column;gap:14px}
.ch .chp-top{display:flex;align-items:center;gap:12px;min-width:0}
.ch .chp-pills{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.ch .chp-pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;background:var(--ch-fill);font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.ch .chp-pill span{font-size:11px;font-weight:500;color:var(--ch-mute);font-variant-numeric:tabular-nums}
.ch .chp-pill:hover{background:var(--ch-rowh);color:var(--ch-ink);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chp-pill[aria-pressed=true]{background:var(--ch-ink);color:var(--ch-panel);box-shadow:none}
.ch .chp-pill[aria-pressed=true] span{color:inherit;opacity:.65}
.ch .chp-sortw{position:relative;flex:none;margin-left:auto}
.ch .chp-sortbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 10px;border:0;background:none;font:inherit;font-size:13px;color:var(--ch-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ch-line);transition:background .15s,box-shadow .15s}
.ch .chp-sortbtn:hover,.ch .chp-sortbtn[aria-expanded=true]{background:var(--ch-panel);box-shadow:inset 0 0 0 1px var(--ch-in-line),0 2px 8px rgba(3,7,18,.08)}
.ch .chp-sortbtn svg{width:14px;height:14px;color:var(--ch-mute)}
.ch .chp-sortbtn svg:first-child{transform:rotate(90deg) scaleY(-1)}
.ch .chp-sortbtn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
.ch .chp-sortbtn b{font-weight:600}
.ch .chp-sl{color:var(--ch-mute)}
.ch .chp-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:160px;padding:5px;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line),0 12px 32px -6px rgba(3,7,18,.22);transform-origin:top right;animation:chp-menu .14s cubic-bezier(.2,.8,.2,1)}
@keyframes chp-menu{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.ch .chp-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 10px;border:0;background:none;font:inherit;font-size:13px;color:var(--ch-ink);text-align:left;cursor:pointer}
.ch .chp-menu button:hover{background:var(--ch-rowh)}
.ch .chp-menu button svg{width:14px;height:14px;color:var(--ch-blue);visibility:hidden}
.ch .chp-menu button[aria-checked=true]{font-weight:600;color:var(--ch-blue)}
.ch .chp-menu button[aria-checked=true] svg{visibility:visible}
.ch .chp-allh{align-items:center}
.ch .chp-allh .chp-sortw{display:none}
/* the top row shows only while the sidebar is folded (rail or hidden); with the sidebar open, Sort sits on the All videos head */
@media (min-width:992px){
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-top{display:none}
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-allh .chp-sortw{display:block}
}
.ch .chp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px 14px}
.ch .chp-cw{grid-auto-flow:column;grid-auto-columns:minmax(130px,calc((100% - 5 * 14px) / 6));grid-template-columns:none;overflow-x:auto;scrollbar-width:none}
.ch .chp-card{display:flex;flex-direction:column;gap:3px;min-width:0;margin:0;padding:0;border:0;background:none;font:inherit;text-align:left;color:var(--ch-ink);cursor:pointer}
.ch .chp-img{position:relative;display:block;aspect-ratio:2/3;margin-bottom:5px;overflow:hidden;background:var(--ch-fill) center/cover no-repeat;transition:transform .18s ease,box-shadow .18s ease}
.ch .chp-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45));pointer-events:none}
.ch .chp-card:hover .chp-img,.ch .chp-card:focus-visible .chp-img{transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(3,7,18,.45)}
.ch .chp-img .chb-dur,.ch .chp-img .chb-new,.ch .chp-img .chb-prog,.ch .chp-img .chb-play{z-index:1}
.ch .chp-t{overflow:hidden;font-size:14px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.ch .chp-m{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;font-size:12px;color:var(--ch-mute);white-space:nowrap}
.ch .chp-sc{position:absolute;left:6px;bottom:7px;display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.ch .chp-sc > span{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px 0 3px;background:rgba(3,7,18,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ch .chp-imdb b{padding:0 3px;background:#f5c518;color:#000;font-size:9.5px;font-weight:800;line-height:14px}
.ch .chp-img::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(3,7,18,.45));pointer-events:none}
/* New = a thin green line over the poster's top edge, like the progress line at the bottom (drawn over the picture, no size change) */
.ch .chp-img .chb-new{left:0;right:0;top:0;height:3px;padding:0;overflow:hidden;font-size:0;color:transparent;z-index:2}
.ch .chp-img > *{z-index:1}
.ch .chp-rt svg{width:14px;height:14px;flex:none}
.ch .chp-m i{width:3px;height:3px;background:currentColor;opacity:.6}
.ch .chp-m svg{width:12px;height:12px;color:#1f9d55}
.ch .chp .chb-h{margin:6px 0 -4px}
@media (max-width:575px){
  .ch .chp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
  .ch .chp-cw{grid-template-columns:none;grid-auto-columns:30%}
  .ch .chp-t{font-size:12.5px}
  .ch .chb-vsw button{padding:0 8px}
  .ch .chb-vsw button span{display:none}
}
.ch .chp-card:hover .chb-play,.ch .chp-card:focus-visible .chb-play{opacity:1}
@media (max-width:991px){   /* phones and tablets: Type stays the one-row bar */
  .ch .ch-mod .ch-fseg{flex-direction:row;padding:3px;background:var(--ch-fill)}
  .ch .ch-mod .ch-fseg button{flex:1;flex-direction:column;justify-content:center;gap:0;min-height:0;padding:5px 2px 4px;font-size:12.5px;font-weight:500}
  .ch .ch-mod .ch-fseg button::before{display:none}
  .ch .ch-mod .ch-fseg button span{margin:0;font-size:11px}
  .ch .ch-mod .ch-fseg button[aria-pressed=true]{background:var(--ch-panel)}
}
/* the replies under a comment in the window of an update or a file; the details of a video in its Edit form; the likes of a comment for who can not like */
.ch .ch-cmt.ch-reply{padding-left:54px}
.ch .ch-cmt.ch-reply .ch-av{flex-basis:24px;width:24px;height:24px;font-size:11px}
.ch .chw-dfields{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}
.ch .chw-dfields .chb-f{flex:none}
.ch .chw-clikes{display:inline-flex;align-items:center;gap:4px;padding:0 6px;font-size:12px;color:var(--ch-mute)}
.ch .chw-clikes svg{width:13px;height:13px}
@media (max-width:575px){.ch .ch-cmt.ch-reply{padding-left:34px}.ch .chw-dfields{grid-template-columns:1fr 1fr}.ch .chw-dfields .ch-input{font-size:16px}}

/* Browse, Cards view: big 16:9 picture with the title on it, actions, facts and genres under it; Trailer plays in the picture */
.ch .chp-grid.chc-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 18px}
.ch .chp-cw.chc-grid{grid-template-columns:none;grid-auto-columns:minmax(300px,calc((100% - 2 * 18px) / 3))}
.ch .chc-card{display:flex;flex-direction:column;min-width:0}
.ch .chc-media{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;background:var(--ch-fill)}
.ch .chc-hit{position:absolute;inset:0;display:block;width:100%;margin:0;padding:0;border:0;background:var(--ch-fill) center/cover no-repeat;cursor:pointer;transition:transform .3s ease}
.ch .chc-card:hover .chc-hit{transform:scale(1.03)}
.ch .chc-hit::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(3,7,18,.72));pointer-events:none}
.ch .chc-title{position:absolute;left:12px;right:70px;bottom:10px;z-index:1;font-size:22px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:#fff;text-align:left;text-wrap:balance;text-shadow:0 1px 8px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch .chc-hit .chb-dur{z-index:1;bottom:10px;right:10px}
.ch .chc-hit .chb-prog{z-index:1}
.ch .chc-hit .chb-new{position:absolute;left:0;right:0;top:0;height:3px;padding:0;overflow:hidden;font-size:0;color:transparent;z-index:2}
.ch .chc-body{display:flex;flex-direction:column;gap:9px;padding:12px 2px 4px}
.ch .chc-acts{display:flex;align-items:center;gap:8px}
.ch .chc-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:inset 0 0 0 1.5px var(--ch-in-line);color:var(--ch-ink);cursor:pointer;transition:box-shadow .15s,background .15s,color .15s}
.ch .chc-btn svg{width:18px;height:18px}
.ch .chc-btn:hover{box-shadow:inset 0 0 0 1.5px var(--ch-ink);background:var(--ch-rowh)}
.ch .chc-btn[aria-pressed=true]{color:var(--ch-blue);box-shadow:inset 0 0 0 1.5px var(--ch-blue)}
.ch .chc-play{background:var(--ch-ink);color:var(--ch-panel);box-shadow:none}
.ch .chc-play:hover{background:var(--ch-blue);color:#fff;box-shadow:none}
.ch .chc-play svg{width:17px;height:17px;margin-left:2px;fill:currentColor}
.ch .chc-trbtn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 12px;margin:0;border:0;border-radius:19px;background:var(--ch-fill);font:inherit;font-size:13px;font-weight:600;color:var(--ch-ink);cursor:pointer;transition:background .15s}
.ch .chc-trbtn:hover{background:var(--ch-rowh);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chc-trbtn svg{width:16px;height:16px}
.ch .chc-more{margin-left:auto}
.ch .chc-more svg{transition:transform .2s}
.ch .chc-more[aria-expanded=true] svg{transform:rotate(180deg)}
.ch .chc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;color:var(--ch-text);font-variant-numeric:tabular-nums}
.ch .chc-age{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ch-ink);font-size:11.5px;font-weight:800;color:var(--ch-ink)}
.ch .chc-res{padding:0 5px;box-shadow:inset 0 0 0 1px var(--ch-mute);font-size:10.5px;font-weight:700;line-height:17px;letter-spacing:.03em}
.ch .chc-meta .chp-imdb,.ch .chc-meta .chp-rt{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--ch-ink)}
.ch .chc-meta .chp-rt svg{width:15px;height:15px}
.ch .chc-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;font-weight:600;color:var(--ch-ink)}
.ch .chc-tags i{width:4px;height:4px;border-radius:50%;background:var(--ch-mute)}
.ch .chc-about{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ch-text)}
.ch .chc-about p{margin:0;line-height:1.5}
.ch .chc-about span{color:var(--ch-mute);font-size:12px}
/* the trailer, in the picture */
.ch .chc-tr{position:absolute;inset:0;z-index:3;background:#000}
.ch .chc-tr video{width:100%;height:100%;object-fit:cover;display:block}
.ch .chc-trl{position:absolute;left:10px;top:10px;padding:2px 7px;background:rgba(3,7,18,.6);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.ch .chc-trx{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(3,7,18,.6);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ch .chc-trx svg{width:16px;height:16px}
.ch .chc-trx:hover{background:rgba(3,7,18,.85)}
.ch .chc-trc{top:10px;bottom:auto}
.ch .chc-trailing + .chc-body .chc-trbtn,.ch .chc-card:has(.chc-trailing) .chc-trbtn{background:var(--ch-ink);color:var(--ch-panel)}
@media (max-width:575px){
  .ch .chp-grid.chc-grid{grid-template-columns:1fr}
  .ch .chp-cw.chc-grid{grid-template-columns:none;grid-auto-columns:85%}
  .ch .chc-title{font-size:20px}
}
/* the scores take the poster's bottom left, so its length moves to the top right */
.ch .chp-img:has(.chp-sc) .chb-dur{top:7px;bottom:auto}
.ch .chp-img.chp-isnew:has(.chp-sc) .chb-dur{top:9px}
/* v78 Cards: a glass Play on hover like the video page's, More without a frame */
.ch .chc-glass{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:64px;height:64px;transform:translate(-50%,-50%) scale(.9);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 30px rgba(0,0,0,.28);opacity:0;transition:opacity .18s,transform .18s,background .15s}
.ch .chc-glass svg{width:26px;height:26px;margin-left:4px;fill:#fff;stroke:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.ch .chc-hit:hover .chc-glass,.ch .chc-hit:focus-visible .chc-glass{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ch .chc-hit:hover .chc-glass{background:rgba(255,255,255,.24)}
.ch .chc-name{margin:0;font-size:15px;font-weight:600;line-height:1.3;color:var(--ch-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .chc-body{gap:8px;padding-top:10px}
.ch .chc-more{box-shadow:none;color:var(--ch-text)}
.ch .chc-more:hover{box-shadow:none;background:var(--ch-fill);color:var(--ch-ink)}
/* v80 Cards: Trailer is a glass pill on the cover (top right; shows on hover, always on touch screens); under the cover one row:
   the facts, then Watch later and More, both without a frame */
.ch .chc-media .chc-trbtn{position:absolute;top:10px;right:10px;z-index:2;height:30px;padding:0 12px 0 9px;gap:5px;border-radius:0;background:rgba(3,7,18,.42);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);font-size:12.5px;color:#fff;opacity:0;transform:translateY(-3px);transition:opacity .18s,transform .18s,background .15s}
.ch .chc-media .chc-trbtn svg{width:13px;height:13px;fill:#fff;stroke:none}
.ch .chc-media:hover .chc-trbtn,.ch .chc-media .chc-trbtn:focus-visible{opacity:1;transform:none}
.ch .chc-media .chc-trbtn:hover{background:rgba(3,7,18,.7);border-color:rgba(255,255,255,.6);box-shadow:none}
@media (hover:none){.ch .chc-media .chc-trbtn{opacity:1;transform:none}}
.ch .chc-acts{gap:4px}
.ch .chc-acts .chc-meta{flex:1;min-width:0;margin-right:4px}
.ch .chc-later{margin-left:auto;box-shadow:none;color:var(--ch-text)}
.ch .chc-later:hover{box-shadow:none;background:var(--ch-fill);color:var(--ch-ink)}
.ch .chc-later[aria-pressed=true]{box-shadow:none;color:var(--ch-blue)}
.ch .chc-acts .chc-more{margin-left:0}
.ch .chc-acts .chc-meta{flex-wrap:nowrap;gap:8px;overflow:hidden;white-space:nowrap}
.ch .chc-acts .chc-btn{width:32px;height:32px}
.ch .chp-cw.chc-grid{grid-auto-columns:max(330px,calc((100% - 2 * 18px) / 3))}
@media (max-width:575px){.ch .chp-cw.chc-grid{grid-auto-columns:85%}}
/* v81 Cards by category: a row per category (arrows, more cards load at its end), Show all = the category as a grid; more categories
   and grid cards load as you scroll (the sentinel shows three grey placeholders while they come) */
.ch .chc-cats{display:flex;flex-direction:column;gap:26px}
.ch .chc-cat .chb-h{margin-bottom:12px}
.ch .chb-row.chc-row{grid-auto-columns:max(300px,calc((100% - 2 * 18px) / 3));gap:18px;scroll-snap-type:x proximity}
.ch .chc-row .chc-card{scroll-snap-align:start}
.ch .chc-cat .chb-rowwrap{position:relative}
.ch .chc-cat .chb-arrow{top:0;height:var(--chc-ih,170px)}
.ch .chc-sent{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.ch .chc-sent span{aspect-ratio:16/9;max-width:100%;background:linear-gradient(90deg,var(--ch-fill) 0,var(--ch-rowh) 50%,var(--ch-fill) 100%) 0 0/200% 100%;animation:chc-shim 1.2s linear infinite}
@keyframes chc-shim{to{background-position:-200% 0}}
.ch .chp-grid + .chc-sent{margin-top:22px}
@media (max-width:575px){
  .ch .chb-row.chc-row{grid-auto-columns:85%;gap:12px}
  .ch .chc-sent{grid-template-columns:1fr}
  .ch .chc-sent span + span{display:none}
}
.ch .chc-page{display:flex;flex-direction:column;gap:22px}
.ch .chc-page:empty{display:none}
/* v83 Year: a bar chart you click (oldest to newest), the count over each bar, the picked years blue */
.ch .ch-mod .ch-fyears.ch-yhist{display:flex;align-items:stretch;gap:4px;height:92px;padding:6px 2px 0;background:none;box-shadow:none}
.ch .ch-mod .ch-yhist button{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:0;background:none;box-shadow:none}
.ch .ch-mod .ch-yhist button::before{content:"";order:2;align-self:stretch;height:calc(6px + var(--h,0) * 46px);background:var(--ch-fill);box-shadow:inset 0 0 0 1px var(--ch-line);transition:background .15s,height .25s}
.ch .ch-mod .ch-yhist button:hover,.ch .ch-mod .ch-yhist button:hover:not([aria-pressed=true]){background:none;box-shadow:none}
.ch .ch-mod .ch-yhist button:hover::before{background:var(--ch-rowh);box-shadow:inset 0 0 0 1px var(--ch-in-line)}
.ch .ch-mod .ch-yhist span{order:1;font-size:10.5px;font-weight:600;color:var(--ch-mute);font-variant-numeric:tabular-nums}
.ch .ch-mod .ch-yhist b{order:3;font-size:12px;font-weight:600;color:var(--ch-text);font-variant-numeric:tabular-nums}
.ch .ch-mod .ch-yhist button[aria-pressed=true],.ch .ch-mod .ch-yhist button[aria-pressed=true]:hover{background:none;box-shadow:none}
.ch .ch-mod .ch-yhist button[aria-pressed=true]::before{background:var(--ch-blue);box-shadow:none}
.ch .ch-mod .ch-yhist button[aria-pressed=true] b{color:var(--ch-blue)}
.ch .ch-mod .ch-yhist button[aria-pressed=true] span{color:var(--ch-blue)}
.ch .ch-mod .ch-yhist button:focus-visible{outline:2px solid var(--ch-blue);outline-offset:2px}
.ch .ch-mod .ch-yhist button::before{background:color-mix(in srgb,var(--ch-blue) 16%,transparent);box-shadow:none}
.ch .ch-mod .ch-yhist button:hover::before{background:color-mix(in srgb,var(--ch-blue) 30%,transparent);box-shadow:none}
/* v85 Cards: category, country, type and year are links to that filter */
.ch .chc-f{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:underline transparent;text-underline-offset:3px;transition:color .12s,text-decoration-color .12s}
.ch .chc-f:hover,.ch .chc-f:focus-visible{color:var(--ch-blue);text-decoration-color:currentColor}
.ch .chc-hf{display:inline-flex;align-items:center;gap:2px;font-weight:inherit}
.ch .chc-hf svg{width:18px;height:18px;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}
.ch .chc-hf:hover svg,.ch .chc-hf:focus-visible svg{opacity:1;transform:none}

/* v87 comments, Reddit-like: a box to write in, starters, votes, thread lines that fold a branch */
.ch .chw-cform.rd{display:block;margin:0 0 10px}
.ch .chw-cform.rd > div{border:1px solid var(--ch-line);background:var(--ch-panel);transition:border-color .15s,box-shadow .15s}
.ch .chw-cform.rd > div:focus-within{border-color:var(--ch-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-blue) 14%,transparent)}
.ch .chw-cform.rd textarea{min-height:44px;padding:11px 14px;box-shadow:none;font-size:14px}
.ch .chw-cform.rd textarea:focus{box-shadow:none}
.ch .chw-cform.rd .chw-cbtns{margin:0;padding:6px 8px;border-top:1px solid var(--ch-line);background:var(--ch-page)}
.ch .chw-cform.rd.small{margin:8px 0 4px}
.ch .chw-cform.rd.small textarea{min-height:38px;padding:9px 12px}
.ch .chw-start{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.ch .chw-start button{height:28px;margin:0;padding:0 11px;border:0;background:var(--ch-fill);font:inherit;font-size:12.5px;font-weight:500;color:var(--ch-text);cursor:pointer;transition:background .12s,color .12s}
.ch .chw-start button:hover{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chw-cmt.rd{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 10px;padding:12px 0 0;box-shadow:none}
.ch .chw-cmt.rd + .chw-cmt.rd:not(.sub){margin-top:4px;padding-top:14px;box-shadow:inset 0 1px 0 var(--ch-line)}
.ch .chw-crail{display:flex;flex-direction:column;align-items:center;min-height:100%}
.ch .chw-cmt.rd .chw-av{width:32px;height:32px;font-size:13px;flex:none}
.ch .chw-cmt.rd.sub .chw-av{width:26px;height:26px;font-size:11px}
.ch .chw-cmt.rd.sub{grid-template-columns:26px minmax(0,1fr);padding-top:10px}
.ch .chw-tline{flex:1;width:16px;margin:4px 0 0;padding:0;border:0;background:none;cursor:pointer;position:relative}
.ch .chw-tline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--ch-line);transition:background .12s}
.ch .chw-tline:hover::before{background:var(--ch-blue)}
.ch .chw-cmt.rd .chw-cmeta{gap:6px;min-height:22px;font-size:12.5px}
.ch .chw-cmeta i{width:3px;height:3px;background:var(--ch-mute);opacity:.6}
.ch .chw-cmeta .chw-hearted{display:inline-flex;color:var(--ch-red)}
.ch .chw-cmeta .chw-hearted svg{width:13px;height:13px;fill:currentColor}
.ch .chw-folded,.ch .chw-unfold{display:none}
.ch .chw-cmt.folded > .chw-cbody > .chw-cin{display:none}
.ch .chw-cmt.folded > .chw-crail .chw-tline{display:none}
.ch .chw-cmt.folded > .chw-cbody .chw-folded{display:inline}
.ch .chw-cmt.folded > .chw-cbody > .chw-cmeta .chw-unfold{display:inline-flex;margin:0;padding:0;border:0;background:none;color:var(--ch-blue);cursor:pointer}
.ch .chw-unfold svg{width:16px;height:16px}
.ch .chw-cmt.folded{padding-bottom:4px}
.ch .chw-cmt.rd .chw-cin > p{margin:4px 0 4px;font-size:14px;line-height:1.55}
.ch .chw-cmt.rd .chw-cacts{flex-wrap:wrap;gap:2px;margin:0 0 0 -6px}
.ch .chw-cmt.rd .chw-cacts .ch-btn{height:30px;margin:0;padding:0 8px;gap:5px;font-size:12.5px;font-weight:600;color:var(--ch-text)}
.ch .chw-cmt.rd .chw-cacts .ch-btn:hover{background:var(--ch-fill);color:var(--ch-ink)}
.ch .chw-vote{display:inline-flex;align-items:center;height:30px;margin-right:4px;background:var(--ch-fill)}
.ch .chw-vote button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;padding:0;border:0;background:none;color:var(--ch-text);cursor:pointer;transition:color .12s,background .12s}
.ch .chw-vote button svg{width:16px;height:16px;stroke-width:2.4}
.ch .chw-vote button:hover{background:var(--ch-rowh)}
.ch .chw-vote [data-cc=up]:hover{color:#e8590c}
.ch .chw-vote [data-cc=down]:hover{color:var(--ch-blue)}
.ch .chw-vote b{min-width:18px;font-size:12.5px;font-weight:700;text-align:center;color:var(--ch-ink);font-variant-numeric:tabular-nums}
.ch .chw-vote.up{background:color-mix(in srgb,#e8590c 12%,transparent)}
.ch .chw-vote.up b,.ch .chw-vote.up [data-cc=up]{color:#e8590c}
.ch .chw-vote.down{background:var(--ch-tint)}
.ch .chw-vote.down b,.ch .chw-vote.down [data-cc=down]{color:var(--ch-blue)}
.ch .chw-cmt.rd .chw-replies{margin:2px 0 0}
.ch .chw-cmt.rd .chw-owner{background:var(--ch-blue);color:#fff}
.ch .chw-cmt.rd.pinned{background:none}
.ch .chw-cmt.rd .chw-pin{margin-bottom:2px}
.ch .chw-clist .ch-empty b{display:block;margin-bottom:2px;font-size:15px;color:var(--ch-ink)}
.ch .chw-cmt:target > .chw-cbody > .chw-cin > p{background:var(--ch-tint);box-shadow:0 0 0 4px var(--ch-tint)}
/* v88 tabs like YouTube's: no icons, larger quiet text, the open tab in ink with a thick ink line; Type and Category without boxes */
.ch .ch-views .ch-tab svg{display:none}
.ch .ch-views{gap:6px}
.ch .ch-views .ch-tab{height:48px;padding:0 12px;gap:5px;font-size:14.5px;font-weight:500;color:var(--ch-mute);transition:color .12s,box-shadow .12s}
.ch .ch-views .ch-tab:hover{color:var(--ch-ink);box-shadow:inset 0 -2px 0 var(--ch-line)}
.ch .ch-views .ch-tab[aria-selected=true]{color:var(--ch-ink);font-weight:600;box-shadow:inset 0 -3px 0 var(--ch-ink)}
.ch .ch-views .ch-tab .ch-count,.ch .ch-views .ch-tab[aria-selected=true] .ch-count{font-size:12px;font-weight:500;color:var(--ch-mute)}
.ch .ch-views .ch-tab[data-ch-view=new] .ch-count{min-width:18px;height:18px;padding:0 5px;background:var(--ch-green);color:#fff;font-size:11px;line-height:18px}
.ch .ch-mod .ch-fseg button::before{display:none}
.ch .ch-mod .ch-fseg button{padding:0 10px}
.ch .ch-mod [data-chf="cat"] .ch-fbox{display:none}
.ch .ch-mod .ch-frow[data-chf="cat"]{padding:0 10px}
/* v89 comments: votes without a fill (colour only when voted); Creator badge = blue name + small check, no block */
.ch .chw-vote,.ch .chw-vote.up,.ch .chw-vote.down{background:none}
.ch .chw-vote button:hover{background:var(--ch-fill)}
.ch .chw-badge{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px 0 4px;font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--ch-text);background:var(--ch-fill)}
.ch .chw-badge svg{width:12px;height:12px}
.ch .chw-badge.own{color:var(--ch-blue);background:var(--ch-tint)}
.ch .chw-cmt.rd:has(> .chw-cbody > .chw-cmeta .chw-badge.own) > .chw-cbody > .chw-cmeta > b{color:var(--ch-blue)}
/* v90 Continue watching: small 16:9 resume cards in a row you scroll */
.ch .chr-sec .chb-h{margin-bottom:10px}
.ch .chb-row.chr-row{grid-auto-columns:minmax(190px,calc((100% - 5 * 14px) / 6));gap:14px;scroll-snap-type:x proximity}
.ch .chr-card{position:relative;display:flex;flex-direction:column;min-width:0;scroll-snap-align:start}
.ch .chr-img{position:relative;display:block;aspect-ratio:16/9;max-width:100%;margin:0 0 7px;padding:0;border:0;overflow:hidden;background:var(--ch-fill) center/cover no-repeat;cursor:pointer}
.ch .chr-img::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,7,18,.55));pointer-events:none}
.ch .chr-img .chb-prog{z-index:1;height:3px}
.ch .chr-left{position:absolute;left:7px;bottom:8px;z-index:1;font-size:11.5px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.ch .chr-play{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:42px;transform:translate(-50%,-50%) scale(.9);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .15s,transform .15s}
.ch .chr-play svg{width:17px;height:17px;margin-left:3px;fill:#fff;stroke:none}
.ch .chr-card:hover .chr-play,.ch .chr-img:focus-visible .chr-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ch .chr-x{position:absolute;top:6px;right:6px;z-index:3;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;background:rgba(3,7,18,.6);color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}
.ch .chr-x svg{width:14px;height:14px}
.ch .chr-card:hover .chr-x,.ch .chr-x:focus-visible{opacity:1}
.ch .chr-x:hover{background:rgba(3,7,18,.85)}
@media (hover:none){.ch .chr-x{opacity:1}}
.ch .chr-t{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ch-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .chr-m{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;color:var(--ch-mute)}
.ch .chr-m i{width:3px;height:3px;background:currentColor;opacity:.6}
.ch .chr-sec .chb-arrow{top:0;height:auto;aspect-ratio:auto;bottom:auto}
@media (max-width:575px){.ch .chb-row.chr-row{grid-auto-columns:46%;gap:10px}}
/* card size slider (v91): - / range / +, next to Sort; sizes come from --chc-w (Cards) and --chp-w (Posters) */
.ch .chp-size{flex:none;display:inline-flex;align-items:center;gap:2px;margin-left:auto;height:30px}
.ch .chp-size+.chp-sortw{margin-left:10px}
.ch .chp-size button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer;transition:color .15s,background .15s}
.ch .chp-size button:hover:not(:disabled){color:var(--ch-ink);background:var(--ch-rowh)}
.ch .chp-size button:disabled{opacity:.35;cursor:default}
.ch .chp-size button svg{width:14px;height:14px}
.ch .chp-size input{-webkit-appearance:none;appearance:none;width:96px;height:18px;margin:0 4px;background:none;cursor:pointer}
.ch .chp-size input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--ch-blue) var(--p,50%),var(--ch-fill) var(--p,50%))}
.ch .chp-size input::-moz-range-track{height:4px;background:var(--ch-fill)}
.ch .chp-size input::-moz-range-progress{height:4px;background:var(--ch-blue)}
.ch .chp-size input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--ch-blue);box-shadow:0 0 0 3px var(--ch-panel);transition:transform .12s}
.ch .chp-size input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--ch-blue);box-shadow:0 0 0 3px var(--ch-panel)}
.ch .chp-size input:active::-webkit-slider-thumb{transform:scale(1.2)}
.ch .chp-size input:focus-visible{outline:2px solid var(--ch-blue);outline-offset:2px}
.ch .chp-allh .chp-size{display:none}
.ch .chp-grid{grid-template-columns:repeat(auto-fill,minmax(var(--chp-w,130px),1fr))}
.ch .chp-grid.chc-grid{grid-template-columns:repeat(auto-fill,minmax(var(--chc-w,330px),1fr))}
.ch .chb-row.chc-row{grid-auto-columns:var(--chc-w,max(300px,calc((100% - 2 * 18px) / 3)))}
/* v111: eleven sizes (ten moves), each bigger than the one before, which cards and posters take exactly, in a row and in a grid (the middle step was
   "a third of the row", wider than the next one on a wide screen, and a grid that stretched them showed several steps the same); a tick under the
   track for each step. The script sets no size on phones (no slider there), so they keep their own */
.ch .chp-size input{width:120px;height:20px;background:linear-gradient(90deg,var(--ch-in-line) 2px,transparent 2px) 6px 100%/calc((100% - 14px) / 10) 3px repeat-x}
@media (min-width:576px){
  .ch .chp-grid{grid-template-columns:repeat(auto-fill,min(100%,var(--chp-w,130px)))}
  .ch .chp-grid.chc-grid{grid-template-columns:repeat(auto-fill,min(100%,var(--chc-w,330px)))}
  .ch .chb-row.chc-row{grid-auto-columns:min(100%,var(--chc-w,max(300px,calc((100% - 2 * 18px) / 3))))}
}
.ch.chp-on .chc-small .chc-res,.ch .chc-small .chc-res,.ch .chc-small .chc-meta .chp-rt{display:none}
.ch .chc-small .chc-title{font-size:15px}
.ch .chc-small .chc-row,.ch .chc-small .chc-grid{gap:18px 12px}
/* the Cards head has no title now ("By category" removed, v91): only Size + Sort, and only while the sidebar is open */
.ch .chc-bare{display:none;justify-content:flex-end;gap:0}
@media (min-width:992px){
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-allh .chp-size{display:inline-flex}
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chc-bare{display:flex}
}
@media (max-width:575px){.ch .chp-size{display:none!important}}
.ch .chc-small .chc-meta>:nth-child(2){display:none}
/* small posters (size slider): the two scores stack on the left instead of running off the edge (v92) */
.ch .chp-img{container:chpimg/inline-size}
/* v95: the scores use the whole width of the poster: IMDb at the left edge, Rotten Tomatoes at the right edge, the free space between them;
   sizes follow the poster width (cqi = 1% of it) so small posters stay in one row and big ones get bigger text */
.ch .chp-sc{left:clamp(5px,5cqi,12px);right:clamp(5px,5cqi,12px);bottom:clamp(5px,5cqi,12px);justify-content:space-between;gap:4px;font-size:clamp(10px,8.5cqi,14px);background:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ch .chp-sc > span{height:auto;gap:clamp(3px,3cqi,6px);padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ch .chp-imdb b{font-size:clamp(7.5px,6.5cqi,11px);padding:0 clamp(2px,1.8cqi,4px);line-height:1.45;text-shadow:none}
.ch .chp-rt svg{width:clamp(11px,9.5cqi,16px);height:clamp(11px,9.5cqi,16px);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.ch .chp-img:has(.chp-sc)::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.62))}
/* view switch = ONE button + menu (v96), like Sort */
.ch .chb-vsw{position:relative;padding:0;background:none;gap:0}
.ch .chb-vsw .chb-vbtn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 9px 0 11px;font-size:13.5px;font-weight:600;color:var(--ch-ink);background:none;box-shadow:inset 0 0 0 1px var(--ch-line);transition:background .15s,box-shadow .15s}
.ch .chb-vsw .chb-vbtn:hover,.ch .chb-vsw .chb-vbtn[aria-expanded=true]{background:var(--ch-panel);box-shadow:inset 0 0 0 1px var(--ch-in-line),0 2px 8px rgba(3,7,18,.08)}
.ch .chb-vsw .chb-vbtn svg{width:15px;height:15px;color:var(--ch-blue)}
.ch .chb-vsw .chb-vbtn svg:last-child{width:14px;height:14px;color:var(--ch-mute);transition:transform .15s}
.ch .chb-vsw .chb-vbtn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
.ch .chb-vmenu{min-width:250px}
.ch .chb-vmenu button{height:auto;padding:8px 10px;gap:10px;justify-content:flex-start}
.ch .chb-vmenu button > svg:first-child{visibility:visible;width:16px;height:16px;flex:none;color:var(--ch-mute)}
.ch .chb-vmenu button span{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.ch .chb-vmenu button b{font-weight:600;color:var(--ch-ink)}
.ch .chb-vmenu button small{font-size:12px;color:var(--ch-mute);font-weight:400}
.ch .chb-vmenu button[aria-checked=true] b,.ch .chb-vmenu button[aria-checked=true] > svg:first-child{color:var(--ch-blue)}
.ch .chb-vmenu button[aria-checked=true]{font-weight:400}
.ch .chb-vsw button span{display:inline}
.ch .chb-vmenu button span{display:flex}
@media (max-width:575px){.ch .chb-vsw .chb-vbtn span{display:none}.ch .chb-vsw .chb-vbtn{padding:0 7px 0 9px}}
/* v97: no menu, the button itself flips the view; the icon turns as it changes */
.ch .chb-vsw .chb-vbtn i{display:inline-flex;font-style:normal}
.ch .chb-vsw .chb-vbtn.flip i{animation:chb-flip .28s cubic-bezier(.2,.8,.2,1)}
@keyframes chb-flip{from{transform:rotate(-90deg) scale(.6);opacity:0}}
.ch .chb-vsw .chb-vbtn{padding:0 12px 0 10px}
/* v98: View and Sort buttons without a frame; a light fill shows on hover / while open */
.ch .chp-sortbtn,.ch .chb-vsw .chb-vbtn{box-shadow:none}
.ch .chp-sortbtn:hover,.ch .chp-sortbtn[aria-expanded=true],.ch .chb-vsw .chb-vbtn:hover{background:var(--ch-rowh);box-shadow:none}
/* v99 video page: smaller player at the left, the list (In this series / Up next) beside it, sticky; info + comments under the player */
.ch-watching #ch{padding-top:18px}
.ch .chw-split .chw-cols{grid-template-columns:minmax(0,1fr) clamp(320px,28vw,420px);gap:24px;margin-top:0;align-items:start}
.ch .chw-split .chw-hero,.ch .chw-split.chw-page .chw-player,.ch .chw-page .chw-split .chw-player{height:auto;aspect-ratio:16/9;max-height:calc(100vh - 170px)}
.ch .chw-split .chw-hero{min-height:0}
.ch .chw-split .chw-hero .chw-title{font-size:26px}
.ch .chw-split .chw-hero-txt{padding:20px 24px 22px}
.ch .chw-split .chw-heroplay > span{width:80px;height:80px}
.ch .chw-split .chw-main > .chw-full + *{margin-top:16px}
.ch .chw-aside{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;scrollbar-width:thin}
.ch .chw-aside > .chw-sec{margin-top:0}
@media (max-width:991px){
  .ch .chw-split .chw-cols{grid-template-columns:minmax(0,1fr)}
  .ch .chw-aside{position:static;max-height:none;overflow:visible}
}
@media (max-width:767px){
  .ch-watching #ch{padding-top:0}
  .ch .chw-split{padding-left:0;padding-right:0}
  .ch .chw-split .chw-main > :not(.chw-full),.ch .chw-split .chw-aside{padding-left:15px;padding-right:15px}
  .ch .chw-split .chw-hero{aspect-ratio:auto;max-height:none}
}
/* v100 theater mode: the player leaves the left column and goes edge to edge above it (as before v99) */
html.chw-th-on .ch-watching #ch,html.chw-th-on.ch-watching #ch,html.chw-th-on body.ch-watching #ch{padding-top:0}
.ch .chw-theater > .chw-split .chw-cols{margin-top:22px}
.ch .chw-theater > .chw-split .chw-aside{top:76px}
.ch .chw-actbar .chw-thbtn[aria-pressed=true]{color:#8dbcff}
@media (max-width:991px){.ch .chw-actbar .chw-thbtn{display:none}}
.ch .chw-thbtn svg{width:20px;height:20px}
.ch .chw-thbtn .chw-th-in,.ch .chw-thbtn[aria-pressed=true] .chw-th-out{display:none}
.ch .chw-thbtn[aria-pressed=true] .chw-th-in{display:inline}
.ch .chw-actbar .chw-thbtn[aria-pressed=true]{color:inherit}
/* v102: the list beside the player: narrower by default (340px), drag its left edge to resize (260-640px); covers and text scale with it */
.ch .chw-split .chw-cols{grid-template-columns:minmax(0,1fr) var(--chw-aw,340px);gap:20px}
.ch .chw-aside{container:chwaside/inline-size;padding-left:4px}
.ch .chw-agrip{position:absolute;left:-12px;top:0;bottom:0;width:12px;cursor:col-resize;z-index:3;touch-action:none}
.ch .chw-agrip::after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--ch-blue);opacity:0;transition:opacity .15s}
.ch .chw-agrip:hover::after,.ch .chw-agrip:focus-visible::after,.ch .chw-resizing .chw-agrip::after{opacity:1}
.ch .chw-aside{position:sticky}
.ch .chw-resizing{cursor:col-resize;user-select:none}
.ch .chw-resizing .chw-player,.ch .chw-resizing iframe{pointer-events:none}
.ch .chw-aside .chw-row{gap:clamp(8px,3.5cqi,14px);padding:clamp(4px,1.6cqi,8px)}
.ch .chw-aside .chw-th{width:clamp(120px,46cqi,300px)}
.ch .chw-aside .chw-th .chb-dur{font-size:clamp(10px,3cqi,12.5px)}
.ch .chw-aside .chw-rt{gap:clamp(2px,1cqi,5px)}
.ch .chw-aside .chw-rt b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(13px,4.2cqi,16.5px);line-height:1.3}
.ch .chw-aside .chw-rt small{font-size:clamp(11.5px,3.4cqi,13.5px)}
/* very narrow: the text under the cover would be too cramped beside it, so the cover goes on top */
/* v103 narrow list (under 270px): the text moves INSIDE the cover, on a dark fade at its foot */
@container chwaside (max-width:270px){
  .ch .chw-aside .chw-row{position:relative;padding:3px}
  .ch .chw-aside .chw-th{width:100%}
  .ch .chw-aside .chw-th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82));pointer-events:none}
  .ch .chw-aside .chw-rt{position:absolute;left:clamp(7px,4cqi,11px);right:clamp(7px,4cqi,11px);bottom:clamp(6px,3.5cqi,10px);z-index:2;gap:1px;color:#fff;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}
  .ch .chw-aside .chw-rt b{font-size:clamp(12px,6cqi,14.5px);font-weight:600;-webkit-line-clamp:2}
  .ch .chw-aside .chw-rt small{font-size:clamp(10.5px,4.8cqi,12px);color:rgba(255,255,255,.75)}
  .ch .chw-aside .chw-rt em{color:#5fd897}
  .ch .chw-aside .chw-th .chb-dur{top:6px;right:6px;bottom:auto;z-index:2}
  .ch .chw-aside .chw-th .chb-prog{z-index:3}
  .ch .chw-aside .chw-row.now .chw-th{box-shadow:0 0 0 2px var(--ch-blue)}
  .ch .chw-aside .chw-row.now{box-shadow:none;background:none}
  .ch .chw-aside .chw-row + .chw-row{border-top:0}
  .ch .chw-aside .chw-auto{font-size:0;gap:0}
}
@media (max-width:991px){.ch .chw-agrip{display:none}.ch .chw-split .chw-cols{grid-template-columns:minmax(0,1fr)}}
.ch .chw-split .chw-cols{position:relative}
.ch .chw-split .chw-agrip{position:absolute;left:auto;right:calc(var(--chw-aw,340px) + 4px);top:0;bottom:0;width:12px;grid-column:auto}
.ch .chw-split .chw-cols > .chw-agrip{grid-area:auto}
.ch .chw-split .chw-agrip::after{top:0;bottom:auto;height:min(100%,calc(100vh - 92px));position:sticky;display:block}
/* v104: dragging the list past its smallest width shows a "Theater mode" hint; letting go there turns it on */
.ch .chw-snap .chw-aside{opacity:.35;transition:opacity .15s}
.ch .chw-snap .chw-agrip::before{content:"Release for theater mode";position:absolute;right:14px;top:min(40vh,260px);padding:6px 10px;background:var(--ch-ink);color:var(--ch-panel);font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px rgba(3,7,18,.25)}
/* v105 list tabs beside the player: Series / Up next / Related / Saved / Liked / History */
.ch .chw-atabs{position:sticky;top:0;z-index:4;display:flex;gap:4px;margin:0 0 10px;padding:0 0 8px;overflow-x:auto;scrollbar-width:none;background:var(--ch-page);box-shadow:inset 0 -1px 0 var(--ch-line)}
.ch .chw-atabs::-webkit-scrollbar{display:none}
.ch .chw-atabs button{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;background:var(--ch-fill);font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer;transition:background .15s,color .15s}
.ch .chw-atabs button svg{width:14px;height:14px;flex:none}
.ch .chw-atabs button small{font-size:11px;color:var(--ch-mute);font-variant-numeric:tabular-nums}
.ch .chw-atabs button:hover{background:var(--ch-rowh);color:var(--ch-ink)}
.ch .chw-atabs button[aria-selected=true]{background:var(--ch-ink);color:var(--ch-panel)}
.ch .chw-atabs button[aria-selected=true] small{color:inherit;opacity:.65}
/* narrow list: icons only, the open tab keeps its name */
@container chwaside (max-width:400px){.ch .chw-atabs button:not([aria-selected=true]) span,.ch .chw-atabs button:not([aria-selected=true]) small{display:none}.ch .chw-atabs button:not([aria-selected=true]){padding:0 9px}}
@container chwaside (max-width:270px){.ch .chw-atabs button span,.ch .chw-atabs button small{display:none}.ch .chw-atabs button{padding:0 8px}}
.ch .chw-ahead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:12.5px;color:var(--ch-mute)}
.ch .chw-ahead > span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ch .chw-ahead b{font-weight:600;color:var(--ch-ink)}
.ch .chw-ahead .chw-auto{flex:none;margin:0}
.ch .chw-seasons{display:flex;gap:4px;margin:0 0 8px;overflow-x:auto;scrollbar-width:none}
.ch .chw-seasons button{flex:none;height:26px;padding:0 10px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:500;color:var(--ch-text);box-shadow:inset 0 0 0 1px var(--ch-line);cursor:pointer}
.ch .chw-seasons button[aria-pressed=true]{color:var(--ch-blue);background:var(--ch-tint);box-shadow:inset 0 0 0 1px var(--ch-blue)}
.ch .chw-aempty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 12px;text-align:center;font-size:12.5px;color:var(--ch-mute)}
.ch .chw-aempty svg{width:22px;height:22px;color:var(--ch-mute);margin-bottom:4px}
.ch .chw-aempty b{font-size:13.5px;font-weight:600;color:var(--ch-ink)}
/* v106 list tabs: minimal text tabs with an ink underline (like the channel's tab row), no chips; the list grows with Show more instead of scrolling */
.ch .chw-atabs{gap:2px;margin:0 0 12px;padding:0;background:none;box-shadow:inset 0 -1px 0 var(--ch-line);position:static}
.ch .chw-atabs button{height:38px;padding:0 10px;background:none;font-size:13.5px;font-weight:500;color:var(--ch-mute);box-shadow:none}
.ch .chw-atabs button svg{display:none}
.ch .chw-atabs button:hover{background:none;color:var(--ch-ink)}
.ch .chw-atabs button[aria-selected=true]{background:none;color:var(--ch-ink);box-shadow:inset 0 -2px 0 var(--ch-ink)}
.ch .chw-atabs button small{font-size:11px}
.ch .chw-atabs button[aria-selected=true] small{opacity:1;color:var(--ch-mute)}
.ch .chw-atabs button:first-child{padding-left:2px}
@container chwaside (max-width:400px){.ch .chw-atabs button:not([aria-selected=true]) span,.ch .chw-atabs button:not([aria-selected=true]) small{display:inline}.ch .chw-atabs button:not([aria-selected=true]){padding:0 8px}.ch .chw-atabs button small{display:none}}
@container chwaside (max-width:270px){.ch .chw-atabs button span{display:none}.ch .chw-atabs button svg{display:block}.ch .chw-atabs button{padding:0 8px}}
.ch .chw-aside{position:static;max-height:none;overflow:visible}
.ch .chw-row.chw-more{display:none}
.ch .chw-amore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;margin-top:6px;padding:0;border:0;background:var(--ch-fill);font:inherit;font-size:13px;font-weight:600;color:var(--ch-ink);cursor:pointer;transition:background .15s}
.ch .chw-amore:hover{background:var(--ch-rowh)}
.ch .chw-amore small{font-size:11.5px;font-weight:500;color:var(--ch-mute)}
.ch .chw-amore svg{width:14px;height:14px;color:var(--ch-mute)}
.ch .chw-atabs{justify-content:space-between;gap:6px}
.ch .chw-atabs button,.ch .chw-atabs button:first-child{padding:0 2px;font-size:13px}
@container chwaside (max-width:400px){.ch .chw-atabs button:not([aria-selected=true]){padding:0 2px}}
@container chwaside (max-width:300px){.ch .chw-atabs button span{display:none}.ch .chw-atabs button svg{display:block;width:16px;height:16px}.ch .chw-atabs button{padding:0 6px}}
/* v107 list tabs: always the names (no icons), clearer (darker text, bold open tab, blue underline); when they don't fit they scroll, with arrows at the ends */
.ch .chw-atabw{position:relative;margin:0 0 12px;box-shadow:inset 0 -1px 0 var(--ch-line)}
.ch .chw-atabs{justify-content:space-between;gap:12px;margin:0;box-shadow:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.ch .chw-atabs button,.ch .chw-atabs button:first-child,.ch .chw-atabs button:not([aria-selected=true]){flex:none;height:40px;padding:0 1px;font-size:14px;font-weight:500;color:var(--ch-text)}
.ch .chw-atabs button span,.ch .chw-atabs button small,.ch .chw-atabs button:not([aria-selected=true]) span{display:inline!important}
.ch .chw-atabs button svg{display:none!important}
.ch .chw-atabs button small{font-size:11.5px;color:var(--ch-mute)}
.ch .chw-atabs button:hover{color:var(--ch-ink)}
.ch .chw-atabs button[aria-selected=true]{font-weight:700;color:var(--ch-ink);box-shadow:inset 0 -2px 0 var(--ch-blue)}
.ch .chw-atarr{position:absolute;top:0;bottom:1px;z-index:2;display:flex;align-items:center;width:30px;padding:0;border:0;color:var(--ch-ink);cursor:pointer}
.ch .chw-atarr[hidden]{display:none}
.ch .chw-atarr.l{left:0;justify-content:flex-start;background:linear-gradient(90deg,var(--ch-page) 55%,transparent)}
.ch .chw-atarr.r{right:0;justify-content:flex-end;background:linear-gradient(270deg,var(--ch-page) 55%,transparent)}
.ch .chw-atarr svg{width:18px;height:18px}
.ch .chw-atarr:hover{color:var(--ch-blue)}
/* Show more: text only */
.ch .chw-amore,.ch .chw-amore:hover{background:none}
.ch .chw-amore{justify-content:flex-start;height:34px;padding:0 4px;color:var(--ch-blue)}
.ch .chw-amore:hover{text-decoration:underline}
.ch .chw-amore svg{color:var(--ch-blue)}
/* wide list: the cover takes what the text doesn't need (the text keeps ~220px), so no empty space at the right */
.ch .chw-aside .chw-th{width:clamp(120px,max(46cqi,100cqi - 230px),420px)}
@container chwaside (max-width:270px){.ch .chw-aside .chw-th{width:100%}}
.ch .chw-amore{color:var(--ch-ink)}.ch .chw-amore svg{color:var(--ch-ink)}
/* v109 Discussions tab: every video's comments as one forum feed (Hot / New / Top), in the Requests look */
.ch .ch-talkbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:6px}
.ch .ch-talksort{display:flex;gap:2px;padding:2px;background:var(--ch-fill)}
.ch .ch-talksort button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer}
.ch .ch-talksort button svg{width:14px;height:14px}
.ch .ch-talksort button:hover{color:var(--ch-ink)}
.ch .ch-talksort button[aria-selected=true]{background:var(--ch-panel);color:var(--ch-ink);font-weight:600;box-shadow:0 1px 2px rgba(3,7,18,.1)}
.ch .ch-talksort button[aria-selected=true] svg{color:var(--ch-blue)}
.ch .ch-talkrange{display:flex;gap:4px}
.ch .ch-talkrange button{height:28px;padding:0 10px;border:0;background:none;font:inherit;font-size:12.5px;color:var(--ch-text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .ch-talkrange button[aria-pressed=true]{color:var(--ch-blue);background:var(--ch-tint);box-shadow:inset 0 0 0 1px var(--ch-blue)}
.ch .ch-talkn{margin-left:auto;font-size:12.5px;color:var(--ch-mute)}
.ch .ch-trow{align-items:flex-start;gap:14px;padding-top:14px;padding-bottom:14px}
.ch .ch-trow .ch-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.ch .ch-tvid{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;margin:0;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--ch-blue);cursor:pointer;text-align:left}
.ch .ch-tvid > span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ch .ch-tvid:hover > span:last-child{text-decoration:underline}
.ch .ch-thot{display:inline-flex;align-items:center;gap:3px;flex:none;padding:1px 6px 1px 4px;background:color-mix(in srgb,var(--ch-red) 12%,transparent);color:var(--ch-red);font-size:11px;font-weight:700}
.ch .ch-thot svg{width:11px;height:11px;fill:currentColor}
.ch .ch-tbody{margin:0;font-size:14.5px;line-height:1.5;color:var(--ch-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.ch .ch-tbody:hover{color:var(--ch-blue)}
.ch .ch-at{font-weight:600;color:var(--ch-blue)}
.ch .ch-tt{display:inline-flex;align-items:center;gap:3px;padding:0 5px;background:var(--ch-tint);color:var(--ch-blue);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.ch .ch-tt svg{width:10px;height:10px;fill:currentColor}
.ch .ch-trow .ch-hint{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12.5px}
.ch .ch-tlog{font-weight:600;color:var(--ch-text)}
.ch .ch-tlog.own{color:var(--ch-blue)}
.ch .ch-tbadge{display:inline-flex;align-items:center;gap:3px;padding:0 5px;background:var(--ch-tint);color:var(--ch-blue);font-size:11px;font-weight:600}
.ch .ch-tbadge svg{width:11px;height:11px}
.ch .ch-treply{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;border:0;background:none;font:inherit;color:var(--ch-text);cursor:pointer}
.ch .ch-treply svg{width:13px;height:13px}
.ch .ch-treply:hover{color:var(--ch-blue)}
.ch .ch-tpic{position:relative;flex:none;width:136px;aspect-ratio:16/9;margin:0;padding:0;border:0;background:var(--ch-fill) center/cover no-repeat;cursor:pointer;transition:opacity .15s}
.ch .ch-tpic:hover{opacity:.88}
.ch .ch-tpic span{position:absolute;right:4px;bottom:4px;padding:0 4px;background:rgba(0,0,0,.72);color:#fff;font-size:10.5px;font-weight:600;line-height:16px}
.ch .ch-talkload{height:96px;margin:6px 0;background:linear-gradient(90deg,var(--ch-fill) 25%,var(--ch-rowh) 50%,var(--ch-fill) 75%);background-size:300% 100%;animation:chc-shim 1.2s linear infinite}
.ch .ch-talkmore{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding:6px 2px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ch-ink);cursor:pointer}
.ch .ch-talkmore svg{width:14px;height:14px}
.ch .ch-talkmore:hover{text-decoration:underline}
.ch .chw-cmt.chw-hl{animation:chw-hl 2.4s ease}
@keyframes chw-hl{0%,40%{background:var(--ch-tint)}}
@media (max-width:575px){.ch .ch-tpic{width:96px}.ch .ch-talkn{width:100%;margin:0}.ch .ch-tbody{font-size:14px}}
/* v110 view switch beside the size slider: two small icons in one track, the open view lit */
.ch .chp-vflip{flex:none;display:inline-flex;gap:0;height:30px;margin-left:auto;padding:2px;border:0;background:var(--ch-fill);cursor:pointer}
.ch .chp-vflip span{display:inline-flex;align-items:center;justify-content:center;width:30px;color:var(--ch-mute);transition:background .15s,color .15s}
.ch .chp-vflip span.on{background:var(--ch-panel);color:var(--ch-ink);box-shadow:0 1px 2px rgba(3,7,18,.1)}
.ch .chp-vflip:hover span:not(.on){color:var(--ch-ink)}
.ch .chp-vflip svg{width:15px;height:15px}
.ch .chp-vflip + .chp-size{margin-left:12px}
.ch .chp-allh .chp-vflip{display:none}
@media (min-width:992px){html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-allh .chp-vflip{display:inline-flex}}
@media (max-width:575px){.ch .chp-vflip{display:inline-flex!important}}
/* v110: one toolbar at the top of Browse (view switch, size, Sort) in every layout; with the sidebar open the category pills hide
   (the sidebar has them) and the heads further down carry no controls */
@media (min-width:992px){
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-top{display:flex;justify-content:flex-end}
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-top .chp-pills{display:none}
  html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-allh .chp-sortw,html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-allh .chp-size,html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chp-allh .chp-vflip,html:not(.ch-side-off):not(.ch-rail) .ch.ch-side .chc-bare{display:none}
}
.ch .chp-top{margin-top:-2px}

/* votes up and down on a comment in the window of an update or a file (the look of the video page's); the age rating with the card's facts */
.ch .ch-cmt .ch-cvote{display:inline-flex;align-items:center;flex:none;align-self:center;height:26px;background:var(--ch-fill)}
.ch .ch-cvote button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0;padding:0;border:0;background:none;color:var(--ch-text);cursor:pointer}
.ch .ch-cvote button svg{width:14px;height:14px;stroke-width:2.4}
.ch .ch-cvote button:hover{background:var(--ch-rowh)}
.ch .ch-cvote b{min-width:16px;padding:0 4px;font-size:12px;font-weight:700;text-align:center;color:var(--ch-ink);font-variant-numeric:tabular-nums}
.ch .ch-cvote.up{background:color-mix(in srgb,#e8590c 12%,transparent)}
.ch .ch-cvote.up b,.ch .ch-cvote.up [data-ch-cvote="1"]{color:#e8590c}
.ch .ch-cvote.down{background:var(--ch-tint)}
.ch .ch-cvote.down b,.ch .ch-cvote.down [data-ch-cvote="-1"]{color:var(--ch-blue)}
.ch .chc-meta .chc-age{min-width:0;height:auto;padding:0 5px;box-shadow:inset 0 0 0 1px var(--ch-mute);font-size:10.5px;font-weight:700;color:var(--ch-text)}
/* the facts under a card: a second line when they do not fit on one (a fact cut in half says nothing) */
.ch .chc-acts{align-items:flex-start}
.ch .chc-acts .chc-meta{flex-wrap:wrap;row-gap:4px;min-height:32px;padding:6px 0 0;overflow:visible;white-space:normal}
.ch .chc-meta > *{flex:none}

/* design v143: player and list closer, rows flush with the list heading; the heading names the open list and opens a menu with the others */
.ch .chw-split .chw-cols{gap:14px}
.ch .chw-aside{padding-left:0}
.ch .chw-agrip{left:-11px;width:8px}.ch .chw-agrip::after{left:3px}
.ch .chw-aside .chw-row{gap:clamp(8px,3cqi,12px);padding:4px 0}
.ch .chw-aside .chw-row:hover,.ch .chw-aside .chw-row.now{margin:0 -6px;padding:4px 6px;width:calc(100% + 12px)}
.ch .chw-aside .chw-ahead{margin-bottom:6px}
.ch .chw-aside .chw-atabw{box-shadow:none;margin-bottom:6px}
.ch .chw-atcur{display:inline-flex;align-items:center;gap:7px;max-width:100%;height:36px;padding:0 6px 0 0;border:0;background:none;font:inherit;font-size:16px;font-weight:700;color:var(--ch-ink);cursor:pointer}
.ch .chw-atcur span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .chw-atcur svg{flex:none;width:17px;height:17px;color:var(--ch-mute)}
.ch .chw-atcur svg:first-child{display:none}
.ch .chw-atcur small{font-size:12px;font-weight:600;color:var(--ch-mute)}
.ch .chw-atcur:hover svg{color:var(--ch-ink)}
.ch .chw-atabw.open .chw-atcur svg:last-child{transform:rotate(180deg)}
.ch .chw-aside .chw-atarr{display:none!important}
.ch .chw-aside .chw-atabs{display:none;position:absolute;left:0;top:38px;z-index:20;flex-direction:column;gap:0;min-width:210px;max-width:calc(100vw - 32px);margin:0;padding:4px 0;overflow:visible;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line),0 10px 28px rgba(0,0,0,.16)}
.ch .chw-aside .chw-atabw.open .chw-atabs{display:flex}
.ch .chw-aside .chw-atabs button{flex:none;height:34px!important;padding:0 14px!important;justify-content:flex-start;gap:10px;background:none;font-size:13.5px!important;color:var(--ch-text)!important;font-weight:500!important;box-shadow:none!important}
.ch .chw-aside .chw-atabs button span{display:inline!important}
.ch .chw-aside .chw-atabs button svg{display:block!important;width:16px;height:16px;color:var(--ch-mute)}
.ch .chw-aside .chw-atabs button small{margin-left:auto;padding-left:12px}
.ch .chw-aside .chw-atabs button:hover{background:var(--ch-rowh)}
.ch .chw-aside .chw-atabs button[aria-selected=true]{color:var(--ch-blue)!important;background:var(--ch-tint)}
.ch .chw-aside .chw-atabs button[aria-selected=true] svg{color:var(--ch-blue)}
.ch .chw-aside .chw-atabs button:focus-visible{outline-offset:-2px}

/* the big Play over the poster: no blue ring; keyboard users (html.ch-kbd) get a white one */
.ch .chw-heroplay:focus-visible > span{outline:0}
html.ch-kbd .ch .chw-heroplay:focus-visible > span{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}
.ch .video-js .vjs-big-play-button:focus-visible{outline:0}
html.ch-kbd .ch .video-js .vjs-big-play-button:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}

/* menus that open at their button's right edge (Download and More under the player, a row's ... menu) open there: Bootstrap 5's script
   reads --bs-position, which the site's CSS does not set, and the old .dropdown-menu-right{right:0} stretched the menu to the screen's
   width while it was measured, so it opened at the screen's edge */
.ch .dropdown-menu-end,.ch .chw-actbar .dropdown-menu{--bs-position:end}
.ch :where(.dropdown-menu-end,.chw-actbar .dropdown-menu){width:max-content;max-width:calc(100vw - 16px)}
.ch .chw-actbar .chw-ab:first-child .dropdown-menu{--bs-position:start}
/* the menus of the dark bar under the player are dark too, in light and dark mode */
.ch .chw-actbar .dropdown-menu{--ch-panel:#1d2127;--ch-ink:#eef1f6;--ch-text:#b3bccb;--ch-mute:#8a95a8;--ch-fill:rgba(255,255,255,.07);--ch-rowh:rgba(255,255,255,.07);--ch-line:rgba(255,255,255,.08);--ch-frame:rgba(255,255,255,.12);--ch-blue:#3d8bff;--ch-tint:rgba(61,139,255,.16);background:var(--ch-panel);color:var(--ch-ink);box-shadow:0 0 0 1px var(--ch-frame),0 12px 32px rgba(0,0,0,.5)}
.ch .chw-actbar .dropdown-item:hover,.ch .chw-actbar .dropdown-item:focus{background:var(--ch-fill);color:#fff}


/* ---- design v145-v178 (branch claude/project-thread-tw47jd, 64ca2d55): the header menu, the dark list beside the player, the home blocks edited in
   place, the watch page's tools, the live chat ---- */
/* v145 video page: the channel's menu in the site's header (in place of the video name) */
.ch-watching .navbar-brand.ch-hasvt{flex:none;margin-right:6px}
.ch-hnav{--hn-ink:#031a61;--hn-mute:#6b7690;--hn-line:#e3e6ee;--hn-blue:#0d6efd;--hn-hov:#f2f4f8;--hn-panel:#fff;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:60px;gap:2px;font-size:14px}
@media (prefers-color-scheme:dark){.ch-hnav{--hn-ink:#e9e9e9;--hn-mute:#98a0b3;--hn-line:#2b3040;--hn-hov:#1f2330;--hn-panel:#171a23}}
.ch-hnav button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;background:none;font:inherit;font-weight:500;color:var(--hn-mute);white-space:nowrap;cursor:pointer}
.ch-hnav button:hover,.ch-hnav button[aria-expanded=true]{color:var(--hn-ink);background:var(--hn-hov)}
.ch-hnav button svg{width:15px;height:15px;flex:none}
.ch-hnav .ch-hnl svg,.ch-hnav .ch-hmb svg{display:none}
.ch-hnav .ch-hmb svg{display:block;width:14px;height:14px}
.ch-hnav small{font-size:11px;font-weight:600;color:var(--hn-mute);font-variant-numeric:tabular-nums}
.ch-hnav .ch-hch{gap:8px;padding:0 8px 0 4px;color:var(--hn-ink);max-width:220px}
.ch-hnav .ch-hch b{font-weight:650;overflow:hidden;text-overflow:ellipsis}
.ch-hnav .ch-hlogo{display:grid;place-items:center;width:24px;height:24px;flex:none;background:var(--hn-blue);color:#fff;font-size:12.5px;font-weight:700}
.ch-hnav .ch-hsep{width:1px;height:22px;margin:0 6px;background:var(--hn-line);flex:none}
.ch-hnav .ch-hnl{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow:hidden}
.ch-hnav .ch-hnl .ch-hn{flex:none}
.ch-hnav .ch-hmore{position:relative;flex:none}
.ch-hnav .ch-hmenu{position:absolute;top:calc(100% + 12px);right:0;z-index:1050;min-width:220px;padding:4px 0;background:var(--hn-panel);box-shadow:0 0 0 1px var(--hn-line),0 12px 30px rgba(0,0,0,.16)}
.ch-hnav .ch-hmenu .ch-hn{display:flex;width:100%;height:34px;padding:0 14px;gap:10px;color:var(--hn-ink)}
.ch-hnav .ch-hmenu .ch-hn svg{display:block;color:var(--hn-mute)}
.ch-hnav .ch-hmenu small{margin-left:auto}
.ch-hnav .ch-hmh{padding:8px 14px 4px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--hn-mute)}
.ch-hnav .ch-hmx:empty{display:none}
.ch-hnav .ch-hmx{padding-bottom:4px;box-shadow:inset 0 -1px 0 var(--hn-line)}
.ch-hnav .ch-hmx .ch-hn svg{display:block}
.ch-hnav .ch-hsearch{padding:0 9px;flex:none}
.ch-hnav .ch-hsearch svg{width:17px;height:17px}
@media (max-width:767px){.ch-hnav .ch-hch b,.ch-hnav .ch-hsep{display:none}.ch-hnav button{padding:0 8px}}
.ch-hnav{order:1}
.ch-watching .navbar-header .navbar-brand.ch-hasvt{order:0}
.ch-hnav button:focus:not(:focus-visible){outline:0}
.ch-hnav button[aria-expanded=true]{box-shadow:none}
.ch-watching .navbar-header .navbar-brand.ch-hasvt{width:auto!important;min-width:0!important;flex:none!important;padding-right:0}
.ch-hnav .ch-hnl{flex:0 1 auto}
/* v146 header menu in the channel's tab-row look (Jorge): plain muted text, ink on hover with a line under it, full header height, no fills */
.ch-hnav{gap:0;font-size:15px}
.ch-hnav .ch-hnl{gap:6px}
.ch-hnav button,.ch-hnav .ch-hnl .ch-hn{height:60px;padding:0 12px;gap:5px;font-weight:500;color:var(--hn-mute);background:none!important;transition:color .12s,box-shadow .12s}
.ch-hnav button:hover,.ch-hnav button[aria-expanded=true]{color:var(--hn-ink);background:none;box-shadow:inset 0 -2px 0 var(--hn-line)}
.ch-hnav button[aria-expanded=true]{box-shadow:inset 0 -3px 0 var(--hn-ink)}
.ch-hnav small{font-size:12px;font-weight:500}
.ch-hnav .ch-hn[data-ch-hn=new] small{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#16a34a;color:#fff;font-size:11px;font-weight:600}
.ch-hnav .ch-hch{height:60px;padding:0 12px 0 4px;color:var(--hn-ink);font-size:15.5px}
.ch-hnav .ch-hch:hover{box-shadow:none;color:var(--hn-blue)}
.ch-hnav .ch-hsep{margin:0 4px}
.ch-hnav .ch-hmenu{top:100%}
.ch-hnav .ch-hmenu .ch-hn{height:36px;font-size:14px;color:var(--hn-ink);box-shadow:none!important}
.ch-hnav .ch-hmenu .ch-hn:hover{background:var(--hn-hov)!important}
.ch-hnav .ch-hsearch{height:60px;padding:0 10px}
.ch-hnav .ch-hsearch:hover{box-shadow:none}
@media (max-width:767px){.ch-hnav button,.ch-hnav .ch-hnl .ch-hn{padding:0 8px;font-size:14px}}
/* v147 header menu = the theme's own menu (.navbar-menu .nav-link): 14px/500 #001737, 30px apart, blue on hover, small chevron on More */
.ch-hnav{font-size:14px;--hn-ink:#001737;--hn-mute:#8392a5;--hn-blue:#0168fa}
@media (prefers-color-scheme:dark){.ch-hnav{--hn-ink:#D0D3D4;--hn-mute:#8a93a3}}
.ch-hnav .ch-hnl{gap:30px}
.ch-hnav button,.ch-hnav .ch-hnl .ch-hn{height:60px;padding:0;gap:5px;font-size:14px;font-weight:500;color:var(--hn-ink);box-shadow:none!important;transition:color .2s ease-in-out}
.ch-hnav button:hover,.ch-hnav button[aria-expanded=true]{color:var(--hn-blue);box-shadow:none!important}
.ch-hnav .ch-hmore{margin-left:30px}
.ch-hnav .ch-hmb{gap:4px}
.ch-hnav .ch-hmb svg{width:13px;height:13px;color:var(--hn-mute)}
.ch-hnav .ch-hmb:hover svg,.ch-hnav .ch-hmb[aria-expanded=true] svg{color:var(--hn-blue)}
.ch-hnav small{font-size:11px;color:var(--hn-mute)}
.ch-hnav .ch-hch{padding:0 16px 0 4px;font-size:14px;color:var(--hn-ink)}
.ch-hnav .ch-hch b{font-weight:600}
.ch-hnav .ch-hch:hover{color:var(--hn-blue)}
.ch-hnav .ch-hsep{margin:0 24px 0 4px}
.ch-hnav .ch-hsearch{margin-left:20px;padding:0 4px;color:var(--hn-ink)}
.ch-hnav .ch-hmenu .ch-hn{padding:0 14px;color:var(--hn-ink)}
.ch-hnav .ch-hmenu .ch-hn:hover{color:var(--hn-blue)}
@media (max-width:767px){.ch-hnav .ch-hnl{gap:18px}.ch-hnav .ch-hmore{margin-left:18px}.ch-hnav .ch-hsearch{margin-left:10px}}
/* v147 the list beside the player is dark like the player, no gap between them: video + list read as one piece */
.ch .chw-split:not(.chw-theater) .chw-cols{gap:0}
.ch .chw-aside{--ch-ink:#f2f4f7;--ch-text:#d5d9e0;--ch-mute:#8d95a3;--ch-line:rgba(255,255,255,.09);--ch-rowh:rgba(255,255,255,.06);--ch-tint:rgba(59,130,246,.16);--ch-fill:rgba(255,255,255,.08);--ch-panel:#1b1f26;--ch-page:#101317;
  background:#101317;color:var(--ch-text);padding:10px 12px 8px;min-height:var(--chw-fh,0px);color-scheme:dark}
.ch .chw-aside .chw-row:hover,.ch .chw-aside .chw-row.now{margin:0 -12px;padding:4px 12px;width:calc(100% + 24px)}
.ch .chw-aside .chw-row + .chw-row{border-top-color:var(--ch-line)}
.ch .chw-aside .chw-atabw{margin-top:-4px}
.ch .chw-agrip{left:-6px;width:8px}.ch .chw-agrip::after{left:3px}
@media (max-width:991px){.ch .chw-aside{min-height:0}}
/* v148 the dark list keeps the player's height: all rows, scrolling inside with a thin bar that shows on hover; the foot fades the rows out with a small down arrow */
@media (min-width:992px){
  .ch .chw-split:not(.chw-theater) .chw-aside{height:var(--chw-fh,auto);display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
  .ch .chw-split.chw-theater .chw-aside{display:flex;flex-direction:column;max-height:calc(100vh - 92px);overflow:hidden;padding-bottom:0}
  .ch .chw-aside .chw-atabw{flex:none}
  .ch .chw-aside .chw-apane{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -12px;padding:0 12px;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}
  .ch .chw-aside:hover .chw-apane{scrollbar-color:rgba(255,255,255,.28) transparent}
  .ch .chw-aside .chw-apane::-webkit-scrollbar{width:6px}
  .ch .chw-aside .chw-apane::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}
  .ch .chw-aside:hover .chw-apane::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28)}
  .ch .chw-aside .chw-apane::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.45)}
  .ch .chw-aside .chw-row.chw-more{display:flex}
  .ch .chw-aside .chw-amore{display:none}
  .ch .chw-aside .chw-afoot{position:sticky;bottom:0;z-index:2;display:flex;justify-content:center;align-items:flex-end;height:64px;margin:-64px -12px 0;padding-bottom:8px;pointer-events:none;background:linear-gradient(180deg,rgba(16,19,23,0) 0%,rgba(16,19,23,.82) 60%,#101317 100%);transition:opacity .2s}
  .ch .chw-aside .chw-afoot button{pointer-events:auto;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,transform .15s}
  .ch .chw-aside .chw-afoot button:hover{background:rgba(255,255,255,.24);transform:translateY(2px)}
  .ch .chw-aside .chw-afoot svg{width:16px;height:16px}
  .ch .chw-aside .chw-apane.chw-end .chw-afoot{opacity:0}
  .ch .chw-aside .chw-apane.chw-end .chw-afoot button{pointer-events:none}
  .ch .chw-aside .chw-list{padding-bottom:6px}
}
@media (max-width:991px){.ch .chw-aside .chw-afoot{display:none}}
/* v149 fix: a hovered row no longer changes its margins (the title on the cover moved left); every row spans the dark panel edge to edge */
.ch .chw-aside .chw-row,.ch .chw-aside .chw-row:hover,.ch .chw-aside .chw-row.now{margin:0 -12px;padding:4px 12px;width:calc(100% + 24px)}
@container chwaside (max-width:270px){.ch .chw-aside .chw-row,.ch .chw-aside .chw-row:hover,.ch .chw-aside .chw-row.now{margin:0;padding:3px;width:100%}}
/* v150 the bar: Save + playlist arrow, Together, Note; panels over the player (Together, Your notes); note dots on the line; Report window */
.ch .chw-savew{display:inline-flex}
.ch .chw-savew .chw-plbtn{width:26px;min-width:0;padding:0;box-shadow:inset 1px 0 0 rgba(255,255,255,.14)}
.ch .chw-savew .chw-plbtn svg{width:14px;height:14px}
.ch .chw-plmenu{min-width:240px;padding:4px 0}
.ch .chw-pli{display:flex;align-items:center;gap:10px}
.ch .chw-pli small{margin-left:auto;color:var(--ch-mute);font-size:11.5px}
.ch .chw-plck{display:grid;place-items:center;width:16px;height:16px;flex:none;box-shadow:inset 0 0 0 1.5px var(--ch-mute)}
.ch .chw-plck svg{width:12px!important;height:12px!important;margin:0!important;opacity:0;color:#fff}
.ch .chw-pli[aria-pressed=true] .chw-plck{background:var(--ch-blue);box-shadow:none}
.ch .chw-pli[aria-pressed=true] .chw-plck svg{opacity:1}
.ch .chw-plnew{display:flex;gap:4px;margin:4px 0 0;padding:6px 10px 4px;border-top:1px solid var(--ch-line)}
.ch .chw-plnew input{flex:1;min-width:0;height:30px;padding:0 8px;border:0;background:var(--ch-fill);font:inherit;font-size:13px;color:var(--ch-ink)}
.ch .chw-plnew .ch-btn{height:30px;width:30px;padding:0;justify-content:center}
.ch .chw-actbar .ch-btn.chw-on{color:#4ade80}
.ch .chw-ncount:empty{display:none}
.ch .chw-ncount{font-size:11px;color:rgba(255,255,255,.6)}
/* note dots: on the chapter line, or on a thin line of their own */
.ch .chw-ntl{position:relative;height:4px;background:rgba(255,255,255,.14)}
.ch .chw-nts{position:absolute;left:0;right:0;top:0;height:0;z-index:2}
.ch .chw-nts button{position:absolute;top:-4px;width:12px;height:12px;margin-left:-6px;padding:0;border:2px solid #101317;border-radius:50%;background:#60a5fa;cursor:pointer;transition:transform .12s}
.ch .chw-nts button:hover{transform:scale(1.35);background:#fff}
/* panels */
.ch .chw-xpanel{z-index:6}
.ch .chw-xpanel .chw-pempty{margin:14px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.6)}
.ch .chw-nform{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.ch .chw-nform label{display:flex;flex-direction:column;gap:6px;margin:0}
.ch .chw-nat{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#60a5fa}
.ch .chw-nat svg{width:13px;height:13px}
.ch .chw-nform textarea,.ch .chw-wtl input,.ch .chw-wtf input{width:100%;padding:8px 10px;border:0;background:rgba(255,255,255,.08);font:inherit;font-size:13px;color:#fff;resize:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ch .chw-nform textarea:focus,.ch .chw-wtl input:focus,.ch .chw-wtf input:focus{outline:0;box-shadow:inset 0 0 0 1px #60a5fa}
.ch .chw-nform .ch-btn{align-self:flex-end;height:30px}
.ch .chw-nlist{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}
.ch .chw-nlist li{display:flex;align-items:flex-start;border-top:1px solid rgba(255,255,255,.07)}
.ch .chw-nlist li:first-child{border-top:0}
.ch .chw-nt{display:flex;gap:10px;flex:1;min-width:0;padding:9px 6px 9px 14px;border:0;background:none;font:inherit;font-size:13px;line-height:1.45;text-align:left;color:#fff;cursor:pointer}
.ch .chw-nt:hover{background:rgba(255,255,255,.08)}
.ch .chw-nt .chw-ct{flex:none;font-weight:600;color:#60a5fa;font-variant-numeric:tabular-nums}
.ch .chw-nlist .ch-ib{margin:5px 6px 0 0;color:rgba(255,255,255,.5);background:none}
.ch .chw-nlist .ch-ib:hover{color:#fff;background:rgba(255,255,255,.1)}
.ch .chw-live{display:inline-flex;align-items:center;gap:5px;font-size:11px!important;font-weight:600;color:#4ade80!important;text-transform:uppercase;letter-spacing:.05em}
.ch .chw-live i{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:chwLive 1.4s infinite}
@keyframes chwLive{50%{opacity:.3}}
.ch .chw-wtl{display:flex;gap:6px;padding:12px 14px 8px}
.ch .chw-wtl input{height:32px;padding:0 8px;font-size:12px;color:rgba(255,255,255,.75)}
.ch .chw-wtl .ch-btn{height:32px;flex:none}
.ch .chw-wtp{display:flex;align-items:center;gap:0;padding:4px 14px 10px;border-bottom:1px solid rgba(255,255,255,.1)}
.ch .chw-wtav{display:grid;place-items:center;width:26px;height:26px;margin-right:-6px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 2px #15181d;font-size:11.5px;font-weight:700;color:#fff}
.ch .chw-wtav:nth-child(2){background:#a855f7}.ch .chw-wtav:nth-child(3){background:#f59e0b}
.ch .chw-wtp small{margin-left:16px;font-size:12px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}
.ch .chw-wtc{flex:1;min-height:0;margin:0;padding:8px 14px;list-style:none;overflow-y:auto;font-size:13px;line-height:1.45;color:rgba(255,255,255,.9)}
.ch .chw-wtc li{padding:3px 0}
.ch .chw-wtc li b{font-weight:600;color:#93c5fd;margin-right:3px}
.ch .chw-wtc li.sys{font-size:12px;color:rgba(255,255,255,.45)}
.ch .chw-wtf{display:flex;gap:6px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.1)}
.ch .chw-wtf input{height:32px}
.ch .chw-wtf .ch-ib{color:#fff;background:#2563eb}
.ch .chw-wtend{margin:0 14px 10px;padding:0;border:0;background:none;font:inherit;font-size:12px;color:#f87171;text-align:left;cursor:pointer}
.ch .chw-wtend:hover{text-decoration:underline}
/* report window */
.ch .chw-rep{position:fixed;inset:0;z-index:1060;display:grid;place-items:center;padding:16px;background:rgba(10,12,16,.55)}
.ch .chw-repw{display:flex;flex-direction:column;width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--ch-panel);color:var(--ch-text);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.ch .chw-repw header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}
.ch .chw-repw header > div{flex:1;min-width:0;display:flex;flex-direction:column}
.ch .chw-repw header b{font-size:16px;color:var(--ch-ink)}
.ch .chw-repw header small{font-size:12.5px;color:var(--ch-mute);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ch .chw-repi{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#fef3c7;color:#b45309}
.ch .chw-repi svg{width:18px;height:18px}
.ch .chw-rept{display:flex;gap:2px;margin:0 16px 12px;padding:3px;background:var(--ch-fill)}
.ch .chw-rept button{flex:1;height:30px;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ch-mute);cursor:pointer}
.ch .chw-rept button[aria-selected=true]{background:var(--ch-panel);color:var(--ch-ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.ch .chw-repb{display:flex;flex-direction:column;gap:8px;padding:0 16px 4px}
.ch .chw-repr{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;font-size:13.5px;color:var(--ch-ink);box-shadow:inset 0 0 0 1px var(--ch-line);cursor:pointer}
.ch .chw-repr + .chw-repr{margin-top:-9px}
.ch .chw-repr:has(input:checked){background:var(--ch-tint);box-shadow:inset 0 0 0 1px var(--ch-blue);position:relative;z-index:1}
.ch .chw-repr input,.ch .chw-repc input{accent-color:var(--ch-blue);margin:0}
.ch .chw-repf{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px;font-weight:600;color:var(--ch-mute)}
.ch .chw-repf input,.ch .chw-repf textarea{width:100%;height:34px;padding:0 10px;border:0;background:var(--ch-fill);font:inherit;font-size:13.5px;font-weight:400;color:var(--ch-ink);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chw-repf textarea{height:auto;padding:8px 10px;resize:vertical}
.ch .chw-repf input:focus,.ch .chw-repf textarea:focus{outline:0;box-shadow:inset 0 0 0 1px var(--ch-blue)}
.ch .chw-rep2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ch .chw-repc{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--ch-text)}
.ch .chw-repc input{margin-top:2px}
.ch .chw-repn{display:flex;gap:8px;margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--ch-mute)}
.ch .chw-repn svg{width:14px;height:14px;flex:none;margin-top:1px}
.ch .chw-repw footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding:12px 16px;border-top:1px solid var(--ch-line)}
@media (max-width:575px){.ch .chw-rep2{grid-template-columns:1fr}}
.ch .chw-wtc li,.ch .chw-wtc li + li{border-top:0;padding:3px 0}
.ch .chw-wtav{margin-right:3px;box-shadow:none}
.ch .chw-wtp small{margin-left:8px}
.ch .chw-nt{justify-content:flex-start!important}
.ch .chw-nt > span:last-child{flex:1;min-width:0}
.ch .chw-plck{flex:0 0 16px!important;width:16px!important;max-width:16px}
.ch .chw-pli > span:nth-child(2){flex:1;min-width:0}
.ch .chw-chpanel ol.chw-wtc{padding:8px 14px}
.ch .chw-plnew input{flex:1 1 auto;width:auto}
/* v151 video page: no site logo in the header, the channel's name leads (Jorge) */
.ch-watching .navbar-header .navbar-brand.ch-hasvt{display:none!important}
.ch-watching .ch-hnav .ch-hch{padding-left:0}
/* v152 live chat: a list in the right sidebar, and a box under the player while the sidebar is not beside it (theater, narrow) */
.ch .chw-chat{--cc-ink:#f2f4f7;--cc-text:#d5d9e0;--cc-mute:#8d95a3;--cc-line:rgba(255,255,255,.09);display:flex;flex-direction:column;height:100%;min-height:0;position:relative;color:var(--cc-text)}
.ch .chw-chh{display:flex;align-items:center;gap:10px;flex:none;padding:2px 0 8px;font-size:12.5px;color:var(--cc-mute)}
.ch .chw-chh b{order:-1;font-size:14px;color:var(--cc-ink);margin-right:2px}
.ch .chw-cpin{display:flex;gap:8px;flex:none;padding:8px 10px;margin-bottom:6px;background:rgba(59,130,246,.12);box-shadow:inset 2px 0 0 #3b82f6;font-size:12.5px;line-height:1.4;color:var(--cc-text)}
.ch .chw-cpin svg{width:13px;height:13px;flex:none;margin-top:2px;color:#60a5fa}
.ch .chw-cpin b{color:#93c5fd;font-weight:600;margin-right:4px}
.ch .chw-clist{flex:1 1 auto;min-height:0;margin:0 -12px;padding:4px 12px;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}
.ch .chw-chat:hover .chw-clist{scrollbar-color:rgba(255,255,255,.28) transparent}
.ch .chw-cm{display:flex;gap:9px;padding:5px 0}
.ch .chw-cm > div{min-width:0}
.ch .chw-cav2{display:grid;place-items:center;width:26px;height:26px;flex:none;font-size:11.5px;font-weight:700;color:#fff}
.ch .chw-cm b{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--cc-ink)}
.ch .chw-cm b.own{color:#93c5fd}
.ch .chw-cm b em{display:inline-flex;align-items:center;gap:2px;padding:0 5px;font-style:normal;font-size:10.5px;font-weight:600;background:rgba(59,130,246,.18);color:#93c5fd}
.ch .chw-cm b em svg{width:10px;height:10px}
.ch .chw-cm time{margin-left:auto;padding-left:6px;font-size:11px;font-weight:400;color:var(--cc-mute)}
.ch .chw-cm p{margin:1px 0 0;font-size:13px;line-height:1.45;color:var(--cc-text);word-wrap:break-word}
.ch .chw-cm.me b{color:#4ade80}
.ch .chw-at{color:#60a5fa;font-weight:500}
.ch .chw-cform{display:flex;align-items:center;gap:4px;flex:none;margin:6px -12px 0;padding:8px 12px;border-top:1px solid var(--cc-line)}
.ch .chw-cform input{flex:1;min-width:0;height:34px;padding:0 10px;border:0;background:rgba(255,255,255,.08);font:inherit;font-size:13px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ch .chw-cform input:focus{outline:0;box-shadow:inset 0 0 0 1px #60a5fa}
.ch .chw-cform input:disabled{opacity:.6}
.ch .chw-cform .ch-ib{flex:none;color:rgba(255,255,255,.7);background:none}
.ch .chw-cform .ch-ib:hover{color:#fff;background:rgba(255,255,255,.1)}
.ch .chw-cform .chw-csend{color:#fff;background:#2563eb}
.ch .chw-cform .chw-csend:hover{background:#1d4ed8}
.ch .chw-cemo{position:absolute;right:0;bottom:54px;display:flex;flex-wrap:wrap;gap:2px;width:176px;padding:6px;background:#1b1f26;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.4);z-index:3}
.ch .chw-cemo button{width:38px;height:34px;border:0;background:none;font-size:18px;cursor:pointer}
.ch .chw-cemo button:hover{background:rgba(255,255,255,.1)}
.ch .chw-cemo[hidden]{display:none}
/* in the sidebar: the chat fills the list's height, no scroll arrow */
.ch .chw-aside .chw-apane:has(.chw-chat){overflow:hidden;display:flex;flex-direction:column}
.ch .chw-aside .chw-apane:has(.chw-chat) .chw-afoot{display:none}
/* under the player: only while the sidebar is not beside it */
.ch .chw-chatu{display:none}
.ch .chw-split.chw-theater .chw-chatu{display:block}
@media (max-width:991px){.ch .chw-chatu{display:block}}
.ch .chw-chatu{margin:12px 0 0;padding:10px 12px 0;background:#101317;height:380px}
.ch .chw-chatu .chw-chat{height:100%}
.ch .chw-theater .chw-chatu{display:block}
.ch .chw-cm > div{flex:1}
.ch .chw-chatu{margin:12px 0 16px}
.ch .chw-theater.chw-sidechat .chw-chatu{display:none}
@media (max-width:991px){.ch .chw-theater.chw-sidechat .chw-chatu{display:block}}
/* v152 the channel's name lines up with the player's left edge (it sat on the screen edge once the site logo left) */
.ch-watching .ch-hnav{margin-left:24px}
@media (max-width:991px){.ch-watching .ch-hnav{margin-left:15px}}
/* v153 a Chat button at the right of the list's heading, so the live chat is found at once (a click again goes back to the list) */
.ch .chw-aside .chw-atabw{display:flex;align-items:center}
.ch .chw-achat{order:2;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;background:rgba(255,255,255,.08);font:inherit;font-size:13px;font-weight:600;color:var(--ch-ink);cursor:pointer;position:relative}
.ch .chw-achat svg{width:15px;height:15px}
.ch .chw-achat:hover{background:rgba(255,255,255,.14)}
.ch .chw-achat[aria-pressed=true]{background:#2563eb;color:#fff}
.ch .chw-adot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:chwLive 1.4s infinite}
.ch .chw-achat[aria-pressed=true] .chw-adot{background:#fff}
/* v154 Chat tab on the channel: one room for everyone, the same dark chat as on the video page */
.ch .ch-tlive{width:7px;height:7px;border-radius:50%;background:#22c55e;margin-left:2px;animation:chwLive 1.4s infinite}
.ch .ch-gchat{padding:12px 16px 0;background:#101317;height:max(480px,calc(100vh - 230px));max-width:980px}
.ch .chw-croom{margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600;background:rgba(255,255,255,.08);color:var(--cc-text)}
.ch .ch-gchat .chw-cform{margin:6px -16px 0;padding:10px 16px}
.ch .ch-gchat .chw-clist{margin:0 -16px;padding:4px 16px}
/* v154 description (Jorge: cleaner, no lines): meta with a dot between, tags hidden once the facts show, facts as small tiles (icon, label, value) in a grid */
.ch .chw-split .chw-info{margin-top:18px}
.ch .chw-desc{padding:14px 16px 12px}
.ch .chw-dmeta b + b::before{content:"·";margin:0 8px 0 -2px;color:var(--ch-mute);font-weight:400}
.ch .chw-desc[aria-expanded=true] .chw-dtags{display:none}
.ch .chw-dfull .chw-facts,.ch .chw-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:12px 0 4px;box-shadow:none}
.ch .chw-facts div{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;background:var(--ch-panel);box-shadow:none}
.ch .chw-facts .chw-fi{grid-row:1 / 3;display:grid;place-items:center;width:30px;height:30px;background:var(--ch-fill);color:var(--ch-mute)}
.ch .chw-facts .chw-fi svg{width:15px;height:15px}
.ch .chw-facts dt{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ch-mute);line-height:1.2}
.ch .chw-facts dd{margin:1px 0 0;font-size:14px;font-weight:600;color:var(--ch-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ch .chw-dmore{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--ch-blue)!important}
.ch .chw-dmore:hover{text-decoration:underline}
.ch .ch-gchat{max-width:none}
.ch .chw-dfull .chw-facts,.ch .chw-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:767px){.ch .chw-dfull .chw-facts,.ch .chw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v155 the channel's Chat tab follows the page theme (light, or dark in dark mode); the video page keeps its dark chat */
.ch .ch-gchat{background:none;padding:0;height:max(480px,calc(100vh - 230px))}
.ch .ch-gchat .chw-chat{--cc-ink:var(--ch-ink);--cc-text:var(--ch-text);--cc-mute:var(--ch-mute);--cc-line:var(--ch-line)}
.ch .ch-gchat .chw-cpin{background:var(--ch-tint);box-shadow:inset 2px 0 0 var(--ch-blue)}
.ch .ch-gchat .chw-cpin svg,.ch .ch-gchat .chw-cpin b,.ch .ch-gchat .chw-cm b.own,.ch .ch-gchat .chw-at{color:var(--ch-blue)}
.ch .ch-gchat .chw-cm b em{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-gchat .chw-cm.me b{color:var(--ch-green,#16a34a)}
.ch .ch-gchat .chw-live{color:var(--ch-green,#16a34a)!important}
.ch .ch-gchat .chw-chat:hover .chw-clist{scrollbar-color:var(--ch-line) transparent}
.ch .ch-gchat .chw-clist{margin:0;padding:4px 0}
.ch .ch-gchat .chw-cform{margin:6px 0 0;padding:10px 0 0}
.ch .ch-gchat .chw-cform input{background:var(--ch-fill);color:var(--ch-ink);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .ch-gchat .chw-cform input:focus{box-shadow:inset 0 0 0 1px var(--ch-blue)}
.ch .ch-gchat .chw-cform .ch-ib{color:var(--ch-mute)}
.ch .ch-gchat .chw-cform .ch-ib:hover{color:var(--ch-ink);background:var(--ch-rowh)}
.ch .ch-gchat .chw-cform .chw-csend,.ch .ch-gchat .chw-cform .chw-csend:hover{color:#fff;background:var(--ch-blue)}
.ch .ch-gchat .chw-cemo{background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line),0 10px 24px rgba(0,0,0,.14)}
.ch .ch-gchat .chw-cemo button:hover{background:var(--ch-rowh)}
.ch .ch-gchat .chw-chh b{font-size:15px}
/* v156 the Chat button while the chat is open: quiet (light fill, no blue), the live dot stays green */
.ch .chw-achat[aria-pressed=true]{background:rgba(255,255,255,.12);color:var(--ch-ink);box-shadow:inset 0 -2px 0 rgba(255,255,255,.35)}
.ch .chw-achat[aria-pressed=true] .chw-adot{background:#4ade80}
.ch .chw-achat[aria-pressed=true]:hover{background:rgba(255,255,255,.18)}
/* v157 Chat button without a background (Jorge): text + icon only, open = ink with a thin line under it */
.ch .chw-achat,.ch .chw-achat:hover,.ch .chw-achat[aria-pressed=true],.ch .chw-achat[aria-pressed=true]:hover{background:none}
.ch .chw-achat{padding:0 4px;color:var(--ch-mute)}
.ch .chw-achat:hover,.ch .chw-achat[aria-pressed=true]{color:var(--ch-ink)}
.ch .chw-achat[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--ch-ink)}
/* v157 send buttons without a background: a blue paper plane, brighter on hover */
.ch .chw-cform .chw-csend,.ch .chw-cform .chw-csend:hover,.ch .ch-gchat .chw-cform .chw-csend,.ch .ch-gchat .chw-cform .chw-csend:hover,.ch .chw-wtf .ch-ib,.ch .chw-wtf .ch-ib:hover{background:none}
.ch .chw-cform .chw-csend,.ch .chw-wtf .ch-ib{color:#60a5fa}
.ch .chw-cform .chw-csend:hover,.ch .chw-wtf .ch-ib:hover{color:#93c5fd}
.ch .ch-gchat .chw-cform .chw-csend{color:var(--ch-blue)}
.ch .ch-gchat .chw-cform .chw-csend:hover{color:var(--ch-ink)}
/* v158 description: no background anywhere (Jorge "more simple, no bg, still premium"): plain text block, facts as icon + label + value in 4 columns */
.ch .chw-desc{background:none;padding:2px 0 0;margin-top:16px}
.ch .chw-dmeta{font-size:13.5px}
.ch .chw-dtxt{font-size:14.5px;line-height:1.55;color:var(--ch-text)}
.ch .chw-dfull .chw-facts,.ch .chw-facts{gap:18px 24px;margin:16px 0 6px}
.ch .chw-facts div{grid-template-columns:18px minmax(0,1fr);column-gap:10px;padding:0;background:none;align-items:start}
.ch .chw-facts .chw-fi{width:18px;height:18px;margin-top:1px;background:none;color:var(--ch-mute)}
.ch .chw-facts .chw-fi svg{width:16px;height:16px;stroke-width:1.75}
.ch .chw-facts dt{font-size:11.5px}
.ch .chw-facts dd{margin-top:2px;font-size:14.5px;font-weight:600}
.ch .chw-desc .chw-dedit-b{background:none}
/* v159 grouped header menu */
.ch-hnav .ch-hnl{overflow:visible;gap:28px}
.ch-hnav .ch-hwide,.ch-hnav .ch-hnarrow{display:contents}
.ch-hnav .ch-hnarrow{display:none}
.ch-hnav .ch-hgrp{margin-left:0}
.ch-hnav .ch-hmenu{left:-14px;right:auto;top:100%;min-width:230px}
.ch-hnav .ch-hgrp:last-child .ch-hmenu{left:auto;right:-14px}
.ch-hnav .ch-hmenu .ch-tlive{margin-left:2px}
.ch-hnav .ch-hmenu .ch-hnew{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#16a34a;color:#fff;font-size:11px;font-weight:600}
.ch-hnav .ch-hdot{width:6px;height:6px;border-radius:50%;background:#16a34a;margin:0 0 6px -2px}
.ch-hnav .ch-hlogo{border-radius:0}
@media (max-width:767px){.ch-hnav .ch-hwide{display:none}.ch-hnav .ch-hnarrow{display:contents}.ch-hnav .ch-hnl{gap:14px}.ch-hnav .ch-hgrp .ch-hmb span{font-size:13.5px}}
@media (max-width:480px){.ch-hnav .ch-hnl > .ch-hn[data-ch-hn=browse]{display:none}}
.ch-hnav .ch-hnl .ch-hmenu .ch-hn{height:38px;padding:0 14px;gap:10px;font-size:14px}
.ch-hnav .ch-hnl .ch-hmenu .ch-hn small{margin-left:auto}
.ch-hnav .ch-tlive{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:chwLive 1.4s infinite;flex:none}
@media (max-width:480px){.ch-hnav .ch-hgrp:last-child{display:none}.ch-hnav .ch-hsearch{margin-left:6px}}
/* v160 chat: hover actions, reactions, replies, said-at time, mentions, owner settings, new-messages button */
.ch .chw-chat{--cc-pop:#1b1f26;--cc-hov:rgba(255,255,255,.06);--cc-chip:rgba(255,255,255,.08);--cc-blue:#60a5fa}
.ch .ch-gchat .chw-chat{--cc-pop:var(--ch-panel);--cc-hov:var(--ch-rowh);--cc-chip:var(--ch-fill);--cc-blue:var(--ch-blue)}
.ch .chw-chh{flex-wrap:wrap;position:relative}
.ch .chw-chh b{order:0}
.ch .chw-chr{display:flex;align-items:center;gap:2px;margin-left:auto;position:relative}
.ch .chw-creplay,.ch .chw-cgear{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 6px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--cc-mute);cursor:pointer}
.ch .chw-creplay svg,.ch .chw-cgear svg{width:14px;height:14px}
.ch .chw-creplay:hover,.ch .chw-cgear:hover,.ch .chw-cgear[aria-expanded=true]{color:var(--cc-ink)}
.ch .chw-creplay[aria-pressed=true]{color:var(--cc-blue)}
.ch .chw-cflag{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--cc-mute)}
.ch .chw-cflag svg{width:12px;height:12px}
.ch .chw-cpin{align-items:flex-start}
.ch .chw-cpin > span{flex:1;min-width:0}
.ch .chw-cpin .ch-ib{width:20px;height:20px;min-width:0;padding:0;margin:-1px -4px 0 0;color:var(--cc-mute);background:none}
.ch .chw-cpin .ch-ib svg{width:13px!important;height:13px!important;margin:0!important;color:inherit!important}
.ch .chw-cpin[hidden]{display:none}
.ch .chw-clist{position:relative}
.ch .chw-cm{position:relative;margin:0 -8px;padding:5px 8px}
.ch .chw-cm:hover,.ch .chw-cm.open{background:var(--cc-hov)}
.ch .chw-cwho{cursor:pointer}
.ch .chw-cwho:hover{text-decoration:underline}
.ch .chw-cat{display:inline-flex;align-items:center;gap:3px;height:17px;padding:0 5px;border:0;background:var(--cc-chip);font:inherit;font-size:10.5px;font-weight:600;color:var(--cc-mute);cursor:pointer;font-variant-numeric:tabular-nums}
.ch .chw-cat svg{width:8px;height:8px;fill:currentColor}
.ch .chw-cat:hover{color:var(--cc-blue)}
.ch .chw-ts2{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--cc-blue);cursor:pointer;font-variant-numeric:tabular-nums}
.ch .chw-ts2:hover{text-decoration:underline}
.ch .chw-cre{display:flex;align-items:center;gap:5px;margin:2px 0 1px;padding-left:8px;font-size:12px;color:var(--cc-mute);box-shadow:inset 2px 0 0 var(--cc-line);min-width:0}
.ch .chw-cre svg{width:11px;height:11px;flex:none}
.ch .chw-cre b{font-size:12px!important;font-weight:600!important;color:var(--cc-text)!important;display:inline!important}
.ch .chw-cre > span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.ch .chw-crx{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.ch .chw-crx button{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border:0;background:var(--cc-chip);font:inherit;font-size:12.5px;cursor:pointer}
.ch .chw-crx button small{font-size:11px;font-weight:600;color:var(--cc-mute)}
.ch .chw-crx button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--cc-blue)}
.ch .chw-crx button[aria-pressed=true] small{color:var(--cc-blue)}
.ch .chw-cact{position:absolute;top:2px;right:6px;display:none;gap:0;background:var(--cc-pop);box-shadow:0 0 0 1px var(--cc-line),0 4px 12px rgba(0,0,0,.2)}
.ch .chw-cm:hover .chw-cact,.ch .chw-cm.open .chw-cact{display:flex}
.ch .chw-cact button{display:grid;place-items:center;width:28px;height:26px;padding:0;border:0;background:none;color:var(--cc-mute);cursor:pointer}
.ch .chw-cact button:hover{color:var(--cc-ink);background:var(--cc-hov)}
.ch .chw-cact svg{width:14px;height:14px}
.ch .chw-cm:hover time,.ch .chw-cm.open time{visibility:hidden}
.ch .chw-cpop{position:absolute;right:6px;top:30px;z-index:5;background:var(--cc-pop);box-shadow:0 0 0 1px var(--cc-line),0 10px 26px rgba(0,0,0,.28)}
.ch .chw-crxp{display:flex;padding:4px}
.ch .chw-crxp button{width:34px;height:32px;border:0;background:none;font-size:18px;cursor:pointer;transition:transform .1s}
.ch .chw-crxp button:hover{background:var(--cc-hov);transform:scale(1.15)}
.ch .chw-cmenu{min-width:200px;padding:4px 0}
.ch .chw-cmenu button{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 12px;border:0;background:none;font:inherit;font-size:13px;color:var(--cc-ink);text-align:left;cursor:pointer}
.ch .chw-cmenu button svg{width:14px;height:14px;color:var(--cc-mute)}
.ch .chw-cmenu button:hover{background:var(--cc-hov)}
.ch .chw-cmenu button.bad,.ch .chw-cmenu button.bad svg{color:#f87171}
.ch .ch-gchat .chw-cmenu button.bad,.ch .ch-gchat .chw-cmenu button.bad svg{color:#dc2626}
.ch .chw-csep{height:1px;margin:4px 0;background:var(--cc-line)}
.ch .chw-cset{right:0;top:30px;width:240px;padding:10px 12px;font-size:12.5px;color:var(--cc-text)}
.ch .chw-csh{margin:4px 0 6px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cc-mute)}
.ch .chw-cseg{display:flex;gap:2px;margin-bottom:10px;padding:2px;background:var(--cc-chip)}
.ch .chw-cseg button{flex:1;height:26px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:500;color:var(--cc-mute);cursor:pointer}
.ch .chw-cseg button[aria-pressed=true]{background:var(--cc-pop);color:var(--cc-ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ch .chw-cchk{display:flex;align-items:center;gap:8px;margin:0 0 6px;cursor:pointer}
.ch .chw-cmb{display:flex;align-items:center;gap:8px;height:28px}
.ch .chw-cmb svg{width:13px;height:13px;color:var(--cc-mute)}
.ch .chw-cmb span{flex:1}
.ch .chw-cmb button{border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--cc-blue);cursor:pointer}
.ch .chw-cnew{position:absolute;left:50%;bottom:62px;z-index:4;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border:0;border-radius:14px;background:#2563eb;font:inherit;font-size:12.5px;font-weight:600;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.3);cursor:pointer}
.ch .chw-cnew svg{width:13px;height:13px}
.ch .chw-cnew[hidden]{display:none}
.ch .chw-crbar:empty{display:none}
.ch .chw-crbar{display:flex;align-items:center;gap:8px;flex:none;margin:6px -12px -6px;padding:6px 12px;font-size:12px;color:var(--cc-mute);background:var(--cc-chip)}
.ch .ch-gchat .chw-crbar{margin:6px 0 -6px}
.ch .chw-crbar > svg{width:13px;height:13px;flex:none;color:var(--cc-blue)}
.ch .chw-crbar span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ch .chw-crbar b{color:var(--cc-ink);font-weight:600}
.ch .chw-crbar .ch-ib{width:22px;height:22px;min-width:0;padding:0;color:var(--cc-mute);background:none}
.ch .chw-cmen{position:absolute;left:0;bottom:56px;z-index:5;min-width:220px;padding:4px 0;background:var(--cc-pop);box-shadow:0 0 0 1px var(--cc-line),0 10px 26px rgba(0,0,0,.28)}
.ch .chw-cmen[hidden]{display:none}
.ch .chw-cmh{padding:4px 12px 4px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cc-mute)}
.ch .chw-cmen button{display:flex;align-items:center;gap:9px;width:100%;height:34px;padding:0 12px;border:0;background:none;font:inherit;font-size:13px;color:var(--cc-ink);cursor:pointer}
.ch .chw-cmen button:hover,.ch .chw-cmen button:first-of-type{background:var(--cc-hov)}
.ch .chw-cmen .chw-cav2{width:22px;height:22px;font-size:10.5px;background:#64748b}
.ch .chw-cmen em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;color:var(--cc-blue)}
.ch .chw-cform input:disabled{cursor:not-allowed}
.ch .chw-cre b{white-space:nowrap;flex:none}
/* v161 the channel's menu is the site's header on the channel's main page too (Jorge); the search fills the room up to the bell */
.ch-hnavon #navbarMenu,.ch-hnavon #mainMenuOpen{display:none!important}
.ch-hnavon .navbar-header{flex-wrap:nowrap}
.ch-hnavon .navbar-header .navbar-right{flex:none}
.ch-hnavon .navbar-header .navbar-brand.ch-hasvt{display:none!important}
.ch-hnavon .ch-hnav{margin-left:24px;position:relative}
.ch-hnavon .ch-hnav .ch-hch{padding-left:0}
@media (max-width:991px){.ch-hnavon .ch-hnav{margin-left:15px}}
@media (prefers-color-scheme:dark){.ch-hnavon .profile-menu-button{color:#e9e9e9}}
.ch-hnavon #ch-bar .ch-find{display:none}
.ch-hnavon #ch-bar .ch-picked + .ch-sep{margin-left:auto}
.ch-hnav .ch-hnl .ch-hn.ch-hon,.ch-hnav .ch-hmb.ch-hon{color:var(--hn-blue)}
.ch-hnav .ch-hmenu .ch-hn.ch-hon{color:var(--hn-blue);font-weight:600}
.ch-hnav .ch-hq{display:flex;align-items:center;flex:1 1 0;min-width:36px;height:38px;margin:0 22px 0 32px;padding:0;background:var(--hn-hov)}
.ch-hnav .ch-hq button{height:38px!important;padding:0 10px!important;color:var(--hn-mute);flex:none}
.ch-hnav .ch-hq button:hover{color:var(--hn-blue)}
.ch-hnav .ch-hq .ch-hqb svg{width:16px;height:16px}
.ch-hnav .ch-hq .ch-hqx svg{width:14px;height:14px}
.ch-hnav .ch-hq input{flex:1 1 auto;width:0;min-width:0;height:38px;margin:0;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--hn-ink);-webkit-appearance:none;appearance:none}
.ch-hnav .ch-hq input:focus{outline:0}
.ch-hnav .ch-hq input::placeholder{color:var(--hn-mute)}
.ch-hnav .ch-hq input::-webkit-search-cancel-button{display:none}
.ch-hnav .ch-hq:focus-within{background:var(--hn-panel);box-shadow:inset 0 0 0 1px var(--hn-blue)}
.ch-hnav .ch-hq.ch-hqmid{margin:0 14px 0 22px}
.ch-hnav .ch-hq.ch-hqico{justify-content:flex-end;background:none;margin:0 6px 0 14px}
.ch-hnav .ch-hq.ch-hqico input,.ch-hnav .ch-hq.ch-hqico .ch-hqx{display:none}
.ch-hnav .ch-hq.ch-hqico .ch-hqb{color:var(--hn-ink)}
.ch-hnav .ch-hq.ch-hqopen{position:absolute;right:0;top:11px;z-index:1060;width:min(340px,calc(100vw - 30px));max-width:none;margin:0;background:var(--hn-panel);box-shadow:inset 0 0 0 1px var(--hn-blue),0 10px 28px rgba(0,0,0,.14)}
.ch-hnav .ch-hq.ch-hqopen input{display:block}
.ch-hnav .ch-hq.ch-hqopen .ch-hqx:not([hidden]){display:inline-flex}
.ch-hnav .ch-hq.ch-hqopen .ch-hqb{color:var(--hn-mute)}
@media (prefers-color-scheme:dark){.ch-hnav .ch-hq{--hn-hov:#1f2330;--hn-panel:#171a23}}
.ch-hnavon .navbar-header .navbar-right{width:auto!important;min-width:0!important;padding-left:0}
/* v162 the tab row is gone: the header menu does its job (Jorge); the tabs stay in the page, hidden, for the menu to click */
.ch-hnavon #ch .ch-views{display:none!important}
.ch-hnavon #ch-bar:not(.ch-picking){display:none}
.ch-hnavon #ch .ch-viewrow > .ch-sidebtn{flex:none;margin-right:auto}
.ch-hnavon #ch .ch-viewrow{min-height:40px}
.ch-hnavon #ch .ch-viewrow.ch-vrempty{display:none}
.ch-hnavon #ch .chp-top > .ch-sidebtn{flex:none;margin-right:auto}
/* v163 header: the open tab carries a blue bar on the header's edge; the search is a command bar with a live panel */
.ch-hnav .ch-hnl .ch-hn.ch-hon,.ch-hnav .ch-hnl .ch-hmb.ch-hon{box-shadow:inset 0 -2px 0 var(--hn-blue)!important;color:var(--hn-ink)}
.ch-hnav .ch-hnl .ch-hmb.ch-hon svg{color:var(--hn-ink)}
.ch-hnav .ch-hmenu .ch-hn.ch-hon{box-shadow:inset 2px 0 0 var(--hn-blue)!important}
.ch-hnav .ch-hq{position:relative;transition:background .15s,box-shadow .15s}
.ch-hnav .ch-hq:hover:not(.ch-hqico){background:color-mix(in srgb,var(--hn-hov) 70%,var(--hn-line))}
.ch-hnav .ch-hq.ch-hqon{background:var(--hn-panel);box-shadow:0 0 0 1px var(--hn-line),0 14px 34px rgba(3,10,40,.14)}
.ch-hnav .ch-hq.ch-hqon .ch-hqb{color:var(--hn-blue)}
.ch-hnav .ch-hqk{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-right:10px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--hn-mute);box-shadow:inset 0 0 0 1px var(--hn-line);background:var(--hn-panel)}
.ch-hnav .ch-hq.ch-hqon .ch-hqk,.ch-hnav .ch-hq.ch-hqico .ch-hqk,.ch-hnav .ch-hq.ch-hqmid .ch-hqk,.ch-hnav .ch-hqx:not([hidden]) ~ .ch-hqk{display:none}
.ch-hnav .ch-hqp{position:absolute;left:0;right:0;top:100%;z-index:1070;max-height:min(70vh,520px);overflow:auto;padding:6px 0 8px;background:var(--hn-panel);box-shadow:0 1px 0 1px var(--hn-line),0 18px 40px rgba(3,10,40,.16);clip-path:inset(0 -60px -60px -60px)}
.ch-hnav .ch-hqp::before{content:"";display:block;height:1px;margin:0 12px 4px;background:var(--hn-line)}
.ch-hnav .ch-hq.ch-hqopen .ch-hqp{min-width:100%}
.ch-hnav .ch-hqh{display:flex;align-items:center;gap:6px;padding:10px 14px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hn-mute)}
.ch-hnav .ch-hqh small{font-size:11px;letter-spacing:0;color:var(--hn-mute);opacity:.8}
.ch-hnav .ch-hqh button{height:auto!important;margin-left:auto;padding:0!important;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--hn-blue)!important}
.ch-hnav .ch-hqchips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 6px}
.ch-hnav .ch-hqp .ch-hqc{height:30px!important;padding:0 11px!important;gap:6px;font-size:13px;font-weight:500;color:var(--hn-ink);background:var(--hn-hov)!important}
.ch-hnav .ch-hqp .ch-hqc:hover{color:var(--hn-blue);background:color-mix(in srgb,var(--hn-blue) 9%,var(--hn-panel))!important}
.ch-hnav .ch-hqp .ch-hqc svg{display:block;width:13px;height:13px;color:var(--hn-mute)}
.ch-hnav .ch-hqp .ch-hqr{display:flex;width:100%;height:auto!important;min-height:52px;padding:6px 14px!important;gap:12px;text-align:left;color:var(--hn-ink)}
.ch-hnav .ch-hqp .ch-hqr:hover,.ch-hnav .ch-hqp .ch-hqr.ch-hqsel{background:var(--hn-hov)!important;color:var(--hn-ink)}
.ch-hnav .ch-hqp .ch-hqr.ch-hqsel{box-shadow:inset 2px 0 0 var(--hn-blue)!important}
.ch-hnav .ch-hqth{position:relative;display:grid;place-items:center;flex:none;width:68px;height:38px;background:var(--hn-hov) center/cover no-repeat;color:#d4a72c;overflow:hidden}
.ch-hnav .ch-hqth i{position:absolute;left:0;bottom:0;height:3px;background:#e11d48}
.ch-hnav .ch-hqf .ch-hqth{width:38px;background:none}
.ch-hnav .ch-hqf .ch-hqth svg{display:block;width:22px;height:22px;fill:#f2c94c;stroke:#d4a72c}
.ch-hnav .ch-hqtx{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;white-space:nowrap}
.ch-hnav .ch-hqtx b{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:550}
.ch-hnav .ch-hqtx b mark{padding:0;background:none;color:var(--hn-blue);font-weight:700}
.ch-hnav .ch-hqtx small{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:400;color:var(--hn-mute)}
.ch-hnav .ch-hqr em{flex:none;padding:2px 6px;font-size:10.5px;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#16a34a;background:color-mix(in srgb,#16a34a 12%,transparent)}
.ch-hnav .ch-hqr .ch-hqpc{flex:none;font-size:12px;font-weight:600;color:var(--hn-mute);font-variant-numeric:tabular-nums}
.ch-hnav .ch-hqp .ch-hqr > svg:last-child{display:block;width:14px;height:14px;flex:none;color:var(--hn-mute);opacity:0}
.ch-hnav .ch-hqp .ch-hqr.ch-hqsel > svg:last-child,.ch-hnav .ch-hqp .ch-hqr:hover > svg:last-child{opacity:1}
.ch-hnav .ch-hqp .ch-hqall{min-height:44px;margin-top:6px;box-shadow:inset 0 1px 0 var(--hn-line)!important}
.ch-hnav .ch-hqp .ch-hqall > svg{display:block;width:15px;height:15px;color:var(--hn-blue)}
.ch-hnav .ch-hqp .ch-hqall b{font-weight:500}
.ch-hnav .ch-hqp .ch-hqall kbd{flex:none;padding:2px 6px;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--hn-mute);box-shadow:inset 0 0 0 1px var(--hn-line);background:none}
.ch-hnav .ch-hqp .ch-hqall.ch-hqsel{box-shadow:inset 0 1px 0 var(--hn-line),inset 2px 0 0 var(--hn-blue)!important}
.ch-hnav .ch-hqnone{margin:0;padding:14px 14px 6px;font-size:13px;line-height:1.5;color:var(--hn-mute)}
.ch-hnav .ch-hq.ch-hqon,.ch-hnav .ch-hq.ch-hqon:hover,.ch-hnav .ch-hq.ch-hqon:focus-within{background:var(--hn-panel)!important;box-shadow:0 0 0 1px var(--hn-line),0 14px 34px rgba(3,10,40,.14)}
/* v164 the sidebar button in the header, at the far left */
.ch-hnav > .ch-sidebtn{display:none}
.ch-page.ch-side .ch-hnav > .ch-sidebtn,.ch-hnavon .ch-hnav > .ch-sidebtn{display:inline-flex;flex:none;justify-content:center;width:36px;height:60px!important;margin:0 10px 0 -8px;padding:0!important;color:var(--hn-mute)}
.ch-hnav > .ch-sidebtn svg{display:block!important;width:19px;height:19px}
.ch-hnav > .ch-sidebtn:hover{color:var(--hn-blue)}
.ch-hnav > .ch-sidebtn[aria-pressed=false]{color:var(--hn-ink)}
.ch-hnav > .ch-sidebtn .ch-sidel{display:none}
.ch-watching .ch-hnav > .ch-sidebtn{display:none!important}
@media (max-width:991px){.ch-hnavon .ch-hnav > .ch-sidebtn{display:none!important}}
/* v164 Display: layout, card size and sort leave the page and open from a sliders button in the header */
.ch-hnav .ch-hdisp{display:none!important}
.ch-hnav.ch-hasdisp .ch-hdisp{display:inline-flex!important;flex:none;justify-content:center;width:38px;height:60px!important;margin:0 4px 0 -12px;padding:0!important;color:var(--hn-mute)}
.ch-hnav .ch-hdisp svg{display:block!important;width:18px;height:18px}
.ch-hnav .ch-hdisp:hover,.ch-hnav .ch-hdisp[aria-expanded=true]{color:var(--hn-blue)}
.ch-hnavon #ch .chp-top > .chp-vflip,.ch-hnavon #ch .chp-top > .chp-size,.ch-hnavon #ch .chp-top > .chp-sortw{display:none}
html:not(.ch-side-off):not(.ch-rail) .ch-hnavon .ch.ch-side .chp-top,.ch-hnavon #ch .chp-top:not(:has(.chp-pills:not([hidden]) > *)){display:none}
html.ch-side-off .ch-hnavon #ch .chp-top{display:flex}
html.ch-disp-on .ch-hnavon #ch .chp-top,html.ch-disp-on:not(.ch-side-off):not(.ch-rail) .ch-hnavon .ch.ch-side .chp-top{position:fixed;top:60px;right:var(--disp-r,24px);z-index:1070;display:grid!important;grid-template-columns:72px 1fr;align-items:center;gap:14px 12px;width:300px;margin:0;padding:16px 18px 18px;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line),0 18px 40px rgba(3,10,40,.16)}
html.ch-disp-on .ch-hnavon #ch .chp-top::before{content:attr(data-l);grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-mute)}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-pills{display:none}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-vflip,html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-size,html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-sortw{display:flex;grid-column:2;justify-self:start;margin:0}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-size{justify-self:stretch}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-vflip::before,html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-size::before,html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-sortw::before{position:absolute;left:18px;font-size:13px;color:var(--ch-text)}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-vflip::before{content:attr(data-l)}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-size::before{content:attr(data-l)}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-sortw::before{content:attr(data-l)}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-sortw{grid-column:1/-1;justify-self:stretch;align-items:center}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-sortw::before{position:static;width:84px;flex:none}
html.ch-disp-on .ch-hnavon #ch .chp-top .chp-sortbtn > svg:first-child,html.ch-disp-on .ch-hnavon #ch .chp-top .chp-sl{display:none}
html.ch-disp-on .ch-hnavon #ch .chp-top .chp-sortbtn{padding-left:0}
/* v165 the header button folds the sidebar to icons and opens it again; the folded rail has no channel letter (the header has the channel) */
html.ch-rail .ch-hnavon .ch-railnav .ch-rlogo,html.ch-rail .ch-hnavon .ch-railnav .ch-rlogo + .ch-rsep{display:none}
html.ch-rail .ch-hnavon .ch-railnav{padding-top:10px}
/* v166 (Jorge): no sidebar button in the header; the sidebar's own Fold button (its foot, or [) and the rail's >> do it */
.ch-hnavon .ch-hnav > .ch-sidebtn,.ch-page.ch-side .ch-hnav > .ch-sidebtn{display:none!important}
/* v167 the channel's card leaves the sidebar: its name in the header opens the info and actions */
.ch-hnavon #ch .ch-mini{display:none!important}
.ch-hnav .ch-hchw{position:relative;flex:none}
.ch-hnav .ch-hch svg{display:block!important;width:14px;height:14px;margin-left:2px;color:var(--hn-mute);transition:transform .15s}
.ch-hnav .ch-hch[aria-expanded=true]{color:var(--hn-blue)}
.ch-hnav .ch-hch[aria-expanded=true] svg{transform:rotate(180deg);color:var(--hn-blue)}
.ch-hnav .ch-hcard{position:absolute;left:-4px;top:100%;z-index:1070;width:340px;padding:18px 0 6px;background:var(--hn-panel);box-shadow:0 0 0 1px var(--hn-line),0 18px 40px rgba(3,10,40,.16);font-size:14px;color:var(--hn-ink);white-space:normal}
.ch-hnav .ch-hc-head{display:flex;align-items:center;gap:12px;padding:0 18px}
.ch-hnav .ch-hc-logo{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--hn-blue);color:#fff;font-size:19px;font-weight:700}
.ch-hnav .ch-hc-who{display:flex;flex-direction:column;min-width:0;gap:2px}
.ch-hnav .ch-hc-who b{font-size:16px;font-weight:650}
.ch-hnav .ch-hc-who small{font-size:12.5px;color:var(--hn-mute)}
.ch-hnav .ch-hc-about{margin:12px 0 0;padding:0 18px;font-size:13.5px;line-height:1.5;color:var(--hn-mute)}
.ch-hnav .ch-hc-nums{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 18px 6px;padding:10px 0;box-shadow:inset 0 1px 0 var(--hn-line),inset 0 -1px 0 var(--hn-line)}
.ch-hnav .ch-hc-nums span{display:flex;flex-direction:column;gap:1px}
.ch-hnav .ch-hc-nums b{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.ch-hnav .ch-hc-nums small{font-size:11.5px;color:var(--hn-mute)}
.ch-hnav .ch-hc-menu .dropdown-divider{height:0;margin:6px 18px;border-top:1px solid var(--hn-line)}
.ch-hnav .ch-hc-menu .dropdown-header{padding:8px 18px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hn-mute)}
.ch-hnav .ch-hc-menu .dropdown-item{display:flex;align-items:center;gap:12px;width:100%;height:auto!important;min-height:40px;padding:6px 18px!important;font-size:14px;font-weight:400;color:var(--hn-ink);background:none;white-space:normal;text-align:left;cursor:pointer}
.ch-hnav .ch-hc-menu .dropdown-item:hover{background:var(--hn-hov)!important;color:var(--hn-ink)}
.ch-hnav .ch-hc-menu .dropdown-item > svg{display:block!important;width:16px;height:16px;flex:none;color:var(--hn-mute)}
.ch-hnav .ch-hc-menu .dropdown-item > span:not(.ch-sw){display:flex;flex-direction:column;flex:1;min-width:0}
.ch-hnav .ch-hc-menu .dropdown-item small{font-size:12px;color:var(--hn-mute)}
.ch-hnav .ch-hc-menu .dropdown-item.bad,.ch-hnav .ch-hc-menu .dropdown-item.bad svg{color:#dc2626}
.ch-hnav .ch-hc-menu .ch-sw{flex:none;display:inline-flex}
.ch-hnav .ch-hc-menu .ch-sw > span{display:none}
.ch-hnav .ch-hc-menu .ch-sw input{-webkit-appearance:none;appearance:none;position:relative;width:32px;height:18px;margin:0;background:var(--hn-line);cursor:pointer;transition:background .15s}
.ch-hnav .ch-hc-menu .ch-sw input::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;transition:transform .15s}
.ch-hnav .ch-hc-menu .ch-sw input:checked{background:var(--hn-blue)}
.ch-hnav .ch-hc-menu .ch-sw input:checked::after{transform:translateX(14px)}
/* v168 owner: Edit / Add on a home block while hovering it; a quiet Add line under the blocks */
.ch .chb.chb-own{position:relative}
.ch .chb.chb-own::after{content:"";position:absolute;inset:-4px;pointer-events:none;box-shadow:0 0 0 1px transparent;transition:box-shadow .15s}
.ch .chb.chb-own:hover::after{box-shadow:0 0 0 1px color-mix(in srgb,var(--ch-blue) 45%,transparent)}
.ch .chb-hov{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:0;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line),0 6px 18px rgba(3,10,40,.12)}
.ch .chb.chb-own:hover .chb-hov,.ch .chb.chb-own:focus-within .chb-hov{opacity:1;transform:none}
.ch .chb-hov button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ch-ink);cursor:pointer}
.ch .chb-hov button + button{box-shadow:inset 1px 0 0 var(--ch-line)}
.ch .chb-hov button:hover{color:var(--ch-blue);background:var(--ch-rowh)}
.ch .chb-hov svg{width:14px;height:14px}
.ch .chb-qnew{margin:-6px 0 14px}
.ch .chb-qnew button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:34px;border:0;background:none;font:inherit;font-size:13px;color:var(--ch-mute);opacity:0;transition:opacity .15s,color .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px transparent;cursor:pointer}
.ch .chb-qnew button{opacity:1}
.ch .chb-qnew button:hover{color:var(--ch-blue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-blue) 40%,transparent);background:color-mix(in srgb,var(--ch-blue) 5%,transparent)}
.ch .chb-qnew svg{width:14px;height:14px}
/* v168 Live chat block: Small (a third), Medium (half) or Wide; the block next to a small/medium chat takes the rest of the row */
.ch .chc-page{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.ch .chc-page > *{grid-column:1/-1;min-width:0}
.ch .chc-page > .chb-sz-s{grid-column:span 2}
.ch .chc-page > .chb-sz-m{grid-column:span 3}
.ch .chc-page > .chb:has(+ .chb-sz-s),.ch .chc-page > .chb-sz-s:first-child + .chb{grid-column:span 4}
.ch .chc-page > .chb:has(+ .chb-sz-m),.ch .chc-page > .chb-sz-m:first-child + .chb{grid-column:span 3}
.ch .chc-page > .chb-sz-s:only-child,.ch .chc-page > .chb-sz-m:only-child{grid-column:1/-1}
@media (max-width:991px){.ch .chc-page > *{grid-column:1/-1!important}}
.ch .chb-chat{display:flex;flex-direction:column;height:100%;min-height:400px}
.ch .chb-sz-m .chb-chat{min-height:460px}
.ch .chb-sz-l .chb-chat{min-height:520px}
.ch .chb-chat > .chw-chat{flex:1 1 auto;height:auto;min-height:0;max-height:640px}
.ch .chb-chat-t{margin:0 0 8px;font-size:18px;font-weight:650;color:var(--ch-ink)}
.ch .chb-szs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ch .chb-sz{position:relative;display:flex;flex-direction:column;gap:3px;padding:10px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chb-sz input{position:absolute;opacity:0;pointer-events:none}
.ch .chb-sz:has(input:checked){box-shadow:inset 0 0 0 2px var(--ch-blue)}
.ch .chb-sz b{font-size:13px;font-weight:600;color:var(--ch-ink)}
.ch .chb-sz small{font-size:11.5px;line-height:1.35;color:var(--ch-mute)}
.ch .chb-szi{display:flex;gap:3px;height:26px;margin-bottom:4px}
.ch .chb-szi::before{content:"";flex:1;background:var(--ch-fill)}
.ch .chb-szi i{background:color-mix(in srgb,var(--ch-blue) 55%,transparent)}
.ch .chb-szi-s i{flex:0 0 33%}.ch .chb-szi-m i{flex:0 0 50%}.ch .chb-szi-l i{flex:1 0 100%}.ch .chb-szi-l::before{display:none}
.ch .chb-sz:has(input:checked) .chb-szi i{background:var(--ch-blue)}
.ch .chc-page > .chb:has(+ .chb-sz-s, + .chb-sz-m) > :last-child,.ch .chc-page > .chb-sz-s:first-child + .chb > :last-child,.ch .chc-page > .chb-sz-m:first-child + .chb > :last-child{height:100%}
/* v169 owner: Edit page and Add a block in the Display panel */
.ch .chp-top > .chp-own{display:none}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-own{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;padding-top:14px;box-shadow:inset 0 1px 0 var(--ch-line)}
html.ch-disp-on .ch-hnavon #ch .chp-top > .chp-own::before{content:attr(data-l);grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-mute)}
.ch .chp-own button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border:0;background:var(--ch-fill);font:inherit;font-size:13px;font-weight:500;color:var(--ch-ink);cursor:pointer}
.ch .chp-own button:hover{color:var(--ch-blue);background:color-mix(in srgb,var(--ch-blue) 9%,var(--ch-panel))}
.ch .chp-own svg{width:14px;height:14px}
/* v170 Live chat settings: Title and Size on one line, Size as a small segmented switch; the preview follows it at once */
.ch .chb-set:has(.chb-fsz){flex-wrap:nowrap;align-items:flex-end}
.ch .chb-f.chb-fsz{flex:none}
.ch .chb-seg{display:inline-flex;height:36px;background:var(--ch-fill);padding:3px;gap:2px}
.ch .chb-seg label{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 12px;margin:0;font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer;transition:background .12s,color .12s}
.ch .chb-seg label:hover{color:var(--ch-ink)}
.ch .chb-seg input{position:absolute;opacity:0;pointer-events:none}
.ch .chb-seg label:has(input:checked){background:var(--ch-panel);color:var(--ch-ink);box-shadow:0 1px 2px rgba(3,10,40,.12)}
.ch .chb-seg label:has(input:focus-visible){outline:2px solid var(--ch-blue);outline-offset:-2px}
.ch .chb-seg .chb-szi{width:22px;height:12px;margin:0;gap:2px}
.ch .chb-seg .chb-szi i{background:var(--ch-mute)}
.ch .chb-seg label:has(input:checked) .chb-szi i{background:var(--ch-blue)}
@media (max-width:767px){.ch .chb-set:has(.chb-fsz){flex-wrap:wrap}.ch .chb-seg label{padding:0 9px}}
.ch .chb-prev{display:flex;gap:16px;align-items:stretch}
.ch .chb-prev > .chb-chat{flex:0 0 calc((100% - 16px) / 2);min-width:0;transition:flex-basis .25s ease}
.ch .chb-prev[data-size=s] > .chb-chat{flex-basis:calc((100% - 32px) / 3)}
.ch .chb-prev[data-size=l] > .chb-chat{flex-basis:100%}
.ch .chb-prev[data-size=l] > .chb-ghost{display:none}
.ch .chb-ghost{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:200px;font-size:12.5px;color:var(--ch-mute);background:repeating-linear-gradient(135deg,transparent 0 8px,var(--ch-fill) 8px 9px);box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chb-ghost svg{width:18px;height:18px}
/* v170 Top 10 row: big outlined numbers beside the posters */
.ch .chb-top10{grid-auto-columns:calc((100% - 4 * 18px) / 5);gap:18px;padding-left:4px}
.ch .chb-top10 .chb-rank{position:relative;padding-left:34%}
.ch .chb-top10 .chb-rank::before{content:attr(data-rank);position:absolute;left:0;bottom:30px;font-size:clamp(64px,7vw,104px);font-weight:800;line-height:.8;letter-spacing:-.06em;color:var(--ch-panel);-webkit-text-stroke:2px var(--ch-mute);z-index:0}
.ch .chb-top10 .chb-rank > *{position:relative;z-index:1}
@media (max-width:991px){.ch .chb-top10{grid-auto-columns:calc((100% - 2 * 18px) / 2.4)}}
/* v170 hover tools: Move up / down beside Edit and Add; a moved block flashes */
.ch .chb-hov .chb-hmv{padding:0 9px}
.ch .chb.chb-moved::after{box-shadow:0 0 0 2px var(--ch-blue)!important}
/* v170 sidebar: card icons without a tile; the owner's card editor is a small icon after "Filter" */
.ch .ch-flyic{width:auto;height:auto;background:none!important;color:var(--ch-blue)}
.ch .ch-flyic svg{width:17px;height:17px}
.ch .ch-fhead .ch-sidecfg{position:relative;margin:0 auto 0 4px;padding:0;border:0}
.ch .ch-fhead .ch-sidecfg #ch-side-btn{width:28px;height:28px;padding:0;justify-content:center;gap:0;font-size:0;color:var(--ch-mute);background:none;border:0;box-shadow:none}
.ch .ch-fhead .ch-sidecfg #ch-side-btn:hover,.ch .ch-fhead .ch-sidecfg #ch-side-btn[aria-expanded=true]{color:var(--ch-blue);background:var(--ch-fill)}
.ch .ch-fhead .ch-sidecfg #ch-side-btn svg{width:16px;height:16px;margin:0}
.ch .ch-fhead .ch-sidecfg .dropdown-menu{left:0;right:auto;top:100%}
.ch .ch-fhead{align-items:center}
.ch .ch-fhead h6{flex:none}
.ch .ch-fhead .ch-sidecfg{margin-left:2px}
/* v170 fix: only a text or banner block stretches to the chat's height; Top 10 numbers sit beside the poster, sized to it */
.ch .chc-page > .chb:not(.chb-t-text):not(.chb-t-hero) > :last-child{height:auto!important}
.ch .chc-page > .chb:not(.chb-t-text):not(.chb-t-hero):not(.chb-t-chat){align-self:start}
.ch .chb-top10 .chb-rank{container-type:inline-size}
.ch .chb-top10 .chb-rank::before{top:0;bottom:auto;font-size:44cqw;line-height:.82}
.ch .chc-page > .chb:has(+ .chb-sz-m) .chb-top10,.ch .chc-page > .chb-sz-m:first-child + .chb .chb-top10{grid-auto-columns:calc((100% - 2 * 18px) / 3)}
.ch .chc-page > .chb:has(+ .chb-sz-s) .chb-top10,.ch .chc-page > .chb-sz-s:first-child + .chb .chb-top10{grid-auto-columns:calc((100% - 3 * 18px) / 4)}
.ch .ch-aside .ch-fhead h6{flex:0 0 auto!important;width:auto!important;margin-right:0!important}
.ch .chb-sz-s .chb-chat,.ch .chb-sz-m .chb-chat{height:440px;min-height:0}
/* v171 owner tools on the automatic rows: move, rename, hide (on hover of the row) */
.ch .chb-atools{display:inline-flex;align-items:center;gap:0;margin-left:10px;opacity:0;transition:opacity .15s}
.ch .chc-cat:hover .chb-atools,.ch .chr-sec:hover .chb-atools,.ch .chb-atools:focus-within{opacity:1}
.ch .chb-atools button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer}
.ch .chb-atools button:hover{color:var(--ch-blue);background:var(--ch-fill)}
.ch .chb-atools svg{width:15px;height:15px}
.ch .chb-aname{width:min(280px,60vw);height:32px;padding:0 8px;border:0;background:var(--ch-fill);box-shadow:inset 0 -2px 0 var(--ch-blue);font:inherit;font-size:inherit;font-weight:inherit;color:var(--ch-ink)}
.ch .chb-aname:focus{outline:0}
.ch .chc-cat,.ch .chr-sec{transition:box-shadow .3s}
.ch .chc-cat.chb-moved,.ch .chr-sec.chb-moved{box-shadow:0 0 0 2px var(--ch-blue),0 0 0 8px color-mix(in srgb,var(--ch-blue) 10%,transparent)}
.ch .chb-ahid{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px;font-size:13px;color:var(--ch-mute)}
.ch .chb-ahid > svg{width:15px;height:15px}
.ch .chb-ahid button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:0;background:var(--ch-fill);font:inherit;font-size:13px;color:var(--ch-ink);cursor:pointer}
.ch .chb-ahid button:hover{color:var(--ch-blue)}
.ch .chb-ahid button svg{width:13px;height:13px}
@media (hover:none){.ch .chb-atools{opacity:1}}
/* v172 Add a row: two steps (Show / As), live preview, title */
.chb-wz{--wz-ink:#0b1730;--wz-text:#4a5568;--wz-mute:#8392a5;--wz-line:#e3e6ee;--wz-fill:#f2f4f8;--wz-panel:#fff;--wz-blue:#0168fa;--wz-tint:#eaf2ff;position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(8,14,30,.42);backdrop-filter:blur(2px);font-size:14px;animation:chwz .14s ease-out}
@media (prefers-color-scheme:dark){.chb-wz{--wz-ink:#eef1f6;--wz-text:#c3c9d4;--wz-mute:#8a93a3;--wz-line:#2b3040;--wz-fill:#1d2230;--wz-panel:#141821;--wz-tint:#16233b}}
@keyframes chwz{from{opacity:0}}
.chb-wzp{display:flex;flex-direction:column;width:min(980px,100%);max-height:min(720px,calc(100vh - 32px));background:var(--wz-panel);color:var(--wz-ink);box-shadow:0 24px 60px rgba(3,10,40,.3)}
.chb-wzh{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 22px 14px;box-shadow:inset 0 -1px 0 var(--wz-line)}
.chb-wzh b{font-size:18px;font-weight:650}
.chb-wzh span{font-size:13px;color:var(--wz-mute)}
.chb-wzx{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:0;background:none;color:var(--wz-mute);cursor:pointer}
.chb-wzx:hover{background:var(--wz-fill);color:var(--wz-ink)}
.chb-wz svg{width:16px;height:16px;flex:none}
.chb-wzb{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0;overflow:auto}
.chb-wzl{padding:16px 22px 20px;min-width:0}
.chb-wzr{display:flex;flex-direction:column;gap:12px;padding:16px 22px 20px;background:var(--wz-fill)}
.chb-wz h3{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wz-mute)}
.chb-wz h3 i{display:grid;place-items:center;width:18px;height:18px;font-style:normal;font-size:11px;color:#fff;background:var(--wz-blue)}
.chb-wz-src{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.chb-wzc{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:0;background:var(--wz-fill);font:inherit;font-size:13.5px;color:var(--wz-ink);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}
.chb-wzc svg{width:15px;height:15px;color:var(--wz-mute)}
.chb-wzc small{font-size:11.5px;color:var(--wz-mute);font-variant-numeric:tabular-nums}
.chb-wzc:hover{box-shadow:inset 0 0 0 1px var(--wz-line);background:var(--wz-panel)}
.chb-wzc[aria-pressed=true]{background:var(--wz-tint);color:var(--wz-blue);box-shadow:inset 0 0 0 1.5px var(--wz-blue)}
.chb-wzc[aria-pressed=true] svg,.chb-wzc[aria-pressed=true] small{color:var(--wz-blue)}
.chb-wzc:disabled{opacity:.4;cursor:default}
.chb-wzsel{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 4px 0 11px;background:var(--wz-fill);color:var(--wz-mute)}
.chb-wzsel select{height:32px;border:0;background:none;font:inherit;font-size:13.5px;color:var(--wz-ink);cursor:pointer}
.chb-wzsel.on{background:var(--wz-tint);box-shadow:inset 0 0 0 1.5px var(--wz-blue);color:var(--wz-blue)}
.chb-wz-view{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.chb-wzv{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border:0;background:none;box-shadow:inset 0 0 0 1px var(--wz-line);font:inherit;text-align:left;color:var(--wz-ink);cursor:pointer}
.chb-wzv b{font-size:13px;font-weight:600}
.chb-wzv small{font-size:11.5px;line-height:1.3;color:var(--wz-mute)}
.chb-wzv:hover{box-shadow:inset 0 0 0 1px var(--wz-mute)}
.chb-wzv[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--wz-blue);background:var(--wz-tint)}
.chb-wzi{display:flex;gap:3px;width:100%;height:30px;margin-bottom:6px}
.chb-wzi i{flex:1;background:var(--wz-line)}
.chb-wzv[aria-pressed=true] .chb-wzi i{background:color-mix(in srgb,var(--wz-blue) 55%,transparent)}
.chb-wzi-cards i:nth-child(n+4),.chb-wzi-top10 i:nth-child(n+5){display:none}
.chb-wzi-posters i{flex:0 0 calc((100% - 12px)/5)}
.chb-wzi-grid{flex-wrap:wrap;gap:2px}.chb-wzi-grid i{flex:0 0 calc((100% - 4px)/3);height:14px}.chb-wzi-grid i:nth-child(n+7){display:none}
.chb-wzi-top10 i{position:relative;margin-left:8px}
.chb-wzi-hero i:nth-child(n+2){display:none}
.chb-wzph{display:flex;flex-direction:column;gap:2px}
.chb-wzph b{font-size:15px;font-weight:650}
.chb-wzph small{font-size:12px;color:var(--wz-mute)}
.chb-wzpr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.chb-wzpr span{position:relative;aspect-ratio:16/9;background:var(--wz-line) center/cover no-repeat;animation:chwz .2s ease-out both}
.chb-wzpr span:nth-child(2){animation-delay:.03s}.chb-wzpr span:nth-child(3){animation-delay:.06s}.chb-wzpr span:nth-child(4){animation-delay:.09s}.chb-wzpr span:nth-child(5){animation-delay:.12s}.chb-wzpr span:nth-child(6){animation-delay:.15s}
.chb-wzpr-posters{grid-template-columns:repeat(4,1fr)}.chb-wzpr-posters span{aspect-ratio:2/3}
.chb-wzpr-grid{grid-template-columns:repeat(3,1fr)}.chb-wzpr-grid span{aspect-ratio:2/3}
.chb-wzpr-hero{grid-template-columns:1fr}.chb-wzpr-hero span{aspect-ratio:16/8}
.chb-wzpr-top10{grid-template-columns:repeat(3,1fr);gap:6px 6px}.chb-wzpr-top10 span{margin-left:22px;aspect-ratio:3/4}
.chb-wzpr-top10 span::before{content:attr(data-n);position:absolute;right:100%;bottom:-4px;margin-right:2px;font-size:40px;font-weight:800;line-height:1;color:var(--wz-fill);-webkit-text-stroke:1.5px var(--wz-mute)}
.chb-wzpr em{position:absolute;left:4px;bottom:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:600;color:#fff;background:rgba(1,104,250,.9)}
.chb-wzt{display:flex;flex-direction:column;gap:5px;margin-top:auto}
.chb-wzt span{font-size:12px;font-weight:500;color:var(--wz-text)}
.chb-wzt input{height:38px;padding:0 10px;border:0;background:var(--wz-panel);box-shadow:inset 0 0 0 1px var(--wz-line);font:inherit;color:var(--wz-ink)}
.chb-wzt input:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--wz-blue)}
.chb-wzf{display:flex;align-items:center;gap:8px;padding:12px 22px;box-shadow:inset 0 1px 0 var(--wz-line)}
.chb-wzf > span{flex:1}
.chb-wzo{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--wz-mute);cursor:pointer}
.chb-wzo:hover{color:var(--wz-blue)}
.chb-wzf .ch-btn{height:38px}
@media (max-width:820px){.chb-wzb{grid-template-columns:1fr}.chb-wz-view{grid-template-columns:repeat(3,minmax(0,1fr))}.chb-wzo{display:none}}
/* Coming soon row */
.ch .chb-soon{grid-auto-columns:calc((100% - 2 * 12px) / 3)}
.ch .chb-soonc{display:flex;flex-direction:column;gap:6px;min-width:0}
.ch .chb-soonc .chb-poster{position:relative;display:block;aspect-ratio:16/9;background:center/cover no-repeat;filter:saturate(.85)}
.ch .chb-soonc em{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:12.5px;font-style:normal;font-weight:600;color:#fff;background:rgba(1,104,250,.92)}
.ch .chb-soonc em svg{width:13px;height:13px}
.ch .chb-soonc b{font-size:15px;font-weight:600;color:var(--ch-ink)}
.ch .chb-remind{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;background:var(--ch-fill);font:inherit;font-size:13px;color:var(--ch-ink);cursor:pointer}
.ch .chb-remind svg{width:14px;height:14px}
.ch .chb-remind.on{background:var(--ch-tint);color:var(--ch-blue)}
.chb-wzbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:0;background:var(--wz-fill);font:inherit;font-size:14px;font-weight:500;color:var(--wz-ink);cursor:pointer}
.chb-wzbtn:hover{background:var(--wz-line)}
.chb-wzbtn.pri{background:var(--wz-blue);color:#fff}
.chb-wzbtn.pri:hover{background:#0057d6}
.chb-wzbtn:disabled{opacity:.45;cursor:default}
.chb-wzpr-top10{grid-template-columns:repeat(4,1fr)}
.chb-wzpr-top10 span{margin-left:18px}
.chb-wzpr-top10 span::before{font-size:32px}
/* v172 (Jorge): sidebar card icons grey, not blue; the owner's add-cards icon quieter until hovered */
.ch .ch-aside .ch-flyic,.ch .ch-aside .ch-flyic svg{color:var(--ch-mute)!important}
.ch .ch-fhead .ch-sidecfg #ch-side-btn{color:var(--ch-mute);opacity:.45;transition:opacity .15s,color .15s}
.ch .ch-fhead .ch-sidecfg #ch-side-btn svg{width:14px;height:14px}
.ch .ch-aside:hover .ch-fhead .ch-sidecfg #ch-side-btn{opacity:.75}
.ch .ch-fhead .ch-sidecfg #ch-side-btn:hover,.ch .ch-fhead .ch-sidecfg #ch-side-btn[aria-expanded=true]{opacity:1;color:var(--ch-ink);background:none}
/* v173 (Jorge): no icons before the sidebar filter card names (the folded rail keeps its icons) */
html:not(.ch-rail) .ch .ch-aside .ch-flyic{display:none!important}
/* v174 the new rows: same heading as the automatic rows; posters are tall (2:3); Top 10 = posters with big numbers; Spotlight not taller than the screen */
.ch .chc-page > .chb > .chb-h,.ch .chc-page > .chb > div > .chb-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;min-height:28px}
.ch .chc-page > .chb > .chb-h h2{font-size:18px;font-weight:650;line-height:1.3;color:var(--ch-ink)}
.ch .chc-page > .chb > .chb-h .chb-n{font-size:13px;color:var(--ch-mute)}
.ch .chb-prow{grid-auto-columns:calc((100% - 6 * 14px) / 7);gap:14px}
.ch .chb-prow .chp-card,.ch .chb-top10 .chp-card{width:100%}
.ch .chb-pgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}
.ch .chb-top10{grid-auto-columns:calc((100% - 4 * 20px) / 5)!important;gap:20px!important;padding-left:0!important}
.ch .chb-top10 .chb-rank{position:relative;display:flex;align-items:flex-end;padding-left:0!important;container-type:normal!important}
.ch .chb-top10 .chb-rank::before{content:attr(data-rank)!important;position:static!important;flex:none;margin:0 -6px 34px 0;font-size:clamp(70px,7.4vw,118px)!important;font-weight:800;line-height:.78!important;letter-spacing:-.07em;color:var(--ch-panel);-webkit-text-stroke:2px color-mix(in srgb,var(--ch-ink) 35%,transparent);z-index:0}
.ch .chb-top10 .chb-rank .chp-card{position:relative;z-index:1;flex:1;min-width:0}
.ch .chb-top10 .chb-rank:nth-child(n+10)::before{letter-spacing:-.12em;font-size:clamp(56px,6vw,96px)!important}
.ch .chc-page .chb-hero{max-height:min(420px,60vh);overflow:hidden}
.ch .chc-page .chb-hero .chb-hero-img{max-height:min(420px,60vh)}
@media (max-width:991px){.ch .chb-prow{grid-auto-columns:calc((100% - 2 * 14px) / 3.3)}.ch .chb-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ch .chb-top10{grid-auto-columns:calc((100% - 20px) / 2.3)!important}}
.ch .chc-page .chb-text > .chb-h{margin:0 0 2px;min-height:0}
@media (max-width:991px){
  .ch .chb-top10{grid-auto-columns:calc((100% - 2 * 16px) / 3.4)!important;gap:16px!important}
  .ch .chb-top10 .chb-rank::before{font-size:clamp(54px,9vw,80px)!important}
  .ch .chb-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ch .chb-prow{grid-auto-columns:calc((100% - 3 * 14px) / 4.4)}
  .ch-hnav.ch-hasdisp .ch-hdisp{margin-left:0}
}
@media (max-width:575px){.ch .chb-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ch .chb-top10{grid-auto-columns:calc((100% - 16px) / 2.3)!important}.ch .chb-prow{grid-auto-columns:calc((100% - 2 * 14px) / 3.3)}}
@media (max-width:991px){.ch-hnav .ch-hwide{display:none}.ch-hnav .ch-hnarrow{display:contents}.ch-hnav .ch-hnl{gap:20px}.ch-hnav .ch-hmore{margin-left:20px}}
/* v175 block widths: blocks that fit share a row (6 columns: full 6, 2/3 4, half 3, 1/3 2) */
.ch .chc-page > .chb-w-full{grid-column:1/-1}
.ch .chc-page > .chb-w-w23{grid-column:span 4}
.ch .chc-page > .chb-w-half{grid-column:span 3}
.ch .chc-page > .chb-w-w13{grid-column:span 2}
.ch .chc-page > .chb-w-half .chb-top10,.ch .chc-page > .chb-w-half .chb-prow{grid-auto-columns:calc((100% - 2 * 16px) / 3.2)!important}
.ch .chc-page > .chb-w-w13 .chb-top10,.ch .chc-page > .chb-w-w13 .chb-prow{grid-auto-columns:calc((100% - 16px) / 2.2)!important}
.ch .chc-page > .chb-w-w23 .chb-top10,.ch .chc-page > .chb-w-w23 .chb-prow{grid-auto-columns:calc((100% - 3 * 16px) / 4.2)!important}
.ch .chc-page > .chb-w-half .chb-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ch .chc-page > .chb-w-w13 .chb-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ch .chc-page > .chb-w-w23 .chb-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ch .chc-page > .chb-w-half .chc-row,.ch .chc-page > .chb-w-half .chb-soon{grid-auto-columns:calc((100% - 12px) / 2)!important}
.ch .chc-page > .chb-w-w13 .chc-row,.ch .chc-page > .chb-w-w13 .chb-soon{grid-auto-columns:100%!important}
.ch .chc-page > .chb-w-w23 .chc-row{grid-auto-columns:calc((100% - 12px) / 2)!important}
.ch .chc-page > .chb-w-w13 .chb-hero-about,.ch .chc-page > .chb-w-half .chb-hero-about{display:none}
.ch .chc-page > .chb-w-w13 .chb-chat,.ch .chc-page > .chb-w-half .chb-chat,.ch .chc-page > .chb-w-w23 .chb-chat{height:440px;min-height:0}
@media (max-width:991px){.ch .chc-page > [class*=chb-w-]{grid-column:1/-1!important}}
.ch .chb-wico{display:inline-flex;gap:2px;width:22px;height:12px;flex:none}
.ch .chb-wico::after{content:"";flex:1;box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chb-wico i{background:var(--ch-mute)}
.ch .chb-wico-full i{flex:1}.ch .chb-wico-full::after{display:none}
.ch .chb-wico-w23 i{flex:0 0 66%}.ch .chb-wico-half i{flex:0 0 50%}.ch .chb-wico-w13 i{flex:0 0 33%}
.ch .chb-seg label:has(input:checked) .chb-wico i,.ch .chb-wmenu [aria-checked=true] .chb-wico i{background:var(--ch-blue)}
.ch .chb-hov{flex-wrap:wrap}
.ch .chb-wmenu{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;min-width:190px;padding:6px 0;background:var(--ch-panel);box-shadow:0 0 0 1px var(--ch-line),0 12px 28px rgba(3,10,40,.16)}
.ch .chb-wmenu b{padding:4px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-mute)}
.ch .chb-hov .chb-wmenu button{justify-content:flex-start;gap:10px;height:34px;padding:0 12px;box-shadow:none!important;font-weight:400}
.ch .chb-hov .chb-wmenu button[aria-checked=true]{color:var(--ch-blue);font-weight:500}
.ch .chb-wmenu small{padding:6px 12px 2px;font-size:11.5px;color:var(--ch-mute);box-shadow:inset 0 1px 0 var(--ch-line)}
.ch .chb.chb-own:has(.chb-wmenu) .chb-hov{opacity:1;transform:none}
.ch .chb.chb-own:has(.chb-wmenu){z-index:5}
/* the Add a row window has the same width switch */
.chb-wz .chb-seg{display:inline-flex;height:36px;padding:3px;gap:2px;background:var(--wz-panel);box-shadow:inset 0 0 0 1px var(--wz-line)}
.chb-wz .chb-seg label{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 10px;margin:0;font-size:13px;color:var(--wz-text);cursor:pointer}
.chb-wz .chb-seg input{position:absolute;opacity:0;pointer-events:none}
.chb-wz .chb-seg label:has(input:checked){background:var(--wz-tint);color:var(--wz-blue)}
.chb-wz .chb-wico{display:inline-flex;gap:2px;width:20px;height:11px}
.chb-wz .chb-wico::after{content:"";flex:1;box-shadow:inset 0 0 0 1px var(--wz-line)}
.chb-wz .chb-wico i{background:var(--wz-mute)}
.chb-wz .chb-wico-full i{flex:1}.chb-wz .chb-wico-full::after{display:none}
.chb-wz .chb-wico-w23 i{flex:0 0 66%}.chb-wz .chb-wico-half i{flex:0 0 50%}.chb-wz .chb-wico-w13 i{flex:0 0 33%}
.chb-wz .chb-seg label:has(input:checked) .chb-wico i{background:var(--wz-blue)}
.chb-wzr .chb-wzt + .chb-wzt{margin-top:0}
/* v176 card sizes S M L XL: the bigger the card, the more it tells. Columns fill the block's width by themselves (works with every Width) */
.ch .chb-zg{display:grid;gap:20px 14px}
.ch .chb-zg.chb-z-s{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px 10px}
.ch .chb-zg.chb-z-m{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
.ch .chb-zg.chb-z-l{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:22px 18px}
.ch .chb-zg.chb-z-xl{grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:28px 18px}
.ch .chb-zr{gap:14px}
.ch .chb-zr.chb-z-s{grid-auto-columns:112px;gap:10px}
.ch .chb-zr.chb-z-m{grid-auto-columns:162px}
.ch .chb-zr.chb-z-l{grid-auto-columns:min(380px,88%);gap:18px}
.ch .chb-zr.chb-z-xl{grid-auto-columns:min(480px,92%);gap:18px}
.ch .chb-zr > *{scroll-snap-align:start}
.ch .chb-z-s .chp-card,.ch .chb-z-m .chp-card{width:100%}
.ch .chb-z-s .chp-m,.ch .chb-z-s .chp-sc,.ch .chb-z-s .chb-dur{display:none}
.ch .chb-z-s .chp-t{font-size:12.5px;font-weight:500}
.ch .chb-z-s .chp-img{margin-bottom:2px}
/* L: the poster beside what it is about */
.ch .chz-l{display:grid!important;grid-template-columns:40% minmax(0,1fr);gap:14px;align-items:stretch}
.ch .chz-pic{position:relative;display:block;width:100%;aspect-ratio:2/3;margin:0;padding:0;border:0;overflow:hidden;background:var(--ch-fill) center/cover no-repeat;cursor:pointer;transition:transform .18s ease}
.ch .chz-pic:hover{transform:translateY(-2px)}
.ch .chz-pic .chb-dur,.ch .chz-pic .chb-new,.ch .chz-pic .chb-prog,.ch .chz-pic .chb-play{z-index:1}
.ch .chz-pic .chb-new{position:absolute;left:0;right:0;top:0;height:3px;padding:0;overflow:hidden;font-size:0;color:transparent}
.ch .chz-b{display:flex;flex-direction:column;gap:6px;min-width:0;padding:2px 0}
.ch .chz-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16.5px;font-weight:700;line-height:1.25;letter-spacing:-.005em;color:var(--ch-ink)}
.ch .chz-m{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;font-size:12.5px;color:var(--ch-mute)}
.ch .chz-m > i{width:3px;height:3px;background:currentColor;opacity:.6}
.ch .chz-b .chp-sc{position:static;justify-content:flex-start;gap:12px;font-size:12.5px;color:var(--ch-ink);text-shadow:none}
.ch .chz-a{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--ch-text)}
.ch .chz-acts{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.ch .chz-go{display:inline-flex;align-items:center;gap:6px;height:34px;margin:0;padding:0 15px 0 12px;border:0;background:var(--ch-blue);font-size:13px;font-weight:600;color:#fff;cursor:pointer}
.ch .chz-go:hover{filter:brightness(1.08)}
.ch .chz-go svg{width:13px;height:13px;fill:currentColor;stroke:none}
.ch .chz-l .chc-btn{width:34px;height:34px;border-radius:0}
/* XL: the cards view, plus frames from the video and the story open */
.ch .chz-frs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:4px}
.ch .chz-fr{position:relative;aspect-ratio:16/9;max-width:100%;margin:0;padding:0;border:0;background-color:var(--ch-fill);background-size:330%;background-repeat:no-repeat;cursor:pointer;overflow:hidden}
.ch .chz-fr::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .12s}
.ch .chz-fr:hover::after{box-shadow:inset 0 0 0 2px var(--ch-blue)}
.ch .chz-fr em{position:absolute;right:4px;bottom:3px;padding:0 4px;font-size:10.5px;font-style:normal;font-weight:600;line-height:16px;color:#fff;background:rgba(3,7,18,.62);font-variant-numeric:tabular-nums}
.ch .chz-xl .chc-about p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
/* the size switch: small icons that grow with the size, and a line saying what that size shows */
.ch .chb-zico,.chb-wz .chb-zico{display:inline-grid;width:18px;height:12px;gap:2px;flex:none}
.ch .chb-zico i,.chb-wz .chb-zico i{background:var(--ch-mute,#8a94a6)}
.chb-zico-s{grid-template-columns:repeat(3,1fr)}
.chb-zico-m{grid-template-columns:repeat(2,1fr)}.chb-zico-m i:nth-child(3){display:none}
.chb-zico-l{grid-template-columns:7px 1fr;grid-template-rows:1fr 1fr}.chb-zico-l i:first-child{grid-row:1/3}.chb-zico-l i:not(:first-child){opacity:.55}
.chb-zico-xl{grid-template-rows:1fr 3px}.chb-zico-xl i:nth-child(2){opacity:.55}.chb-zico-xl i:nth-child(3){display:none}
.ch .chb-seg label:has(input:checked) .chb-zico i,.ch .chb-wmz [aria-checked=true] .chb-zico i{background:var(--ch-blue)}
.chb-wz .chb-seg label:has(input:checked) .chb-zico i{background:var(--wz-blue)}
.ch .chb-zhint,.chb-wz .chb-zhint{display:block;margin-top:5px;font-size:12px;color:var(--ch-mute,#8a94a6)}
.chb-zseg:has(input[value=s]:checked) + .chb-zhint::after{content:attr(data-s)}
.chb-zseg:has(input[value=m]:checked) + .chb-zhint::after{content:attr(data-m)}
.chb-zseg:has(input[value=l]:checked) + .chb-zhint::after{content:attr(data-l)}
.chb-zseg:has(input[value=xl]:checked) + .chb-zhint::after{content:attr(data-xl)}
.chb-wz .chb-wzz .chb-zhint{color:var(--wz-mute)}
.chb-wz .chb-wzz[hidden]{display:none}
/* hover menu: card size as one row of four */
.ch .chb-wmenu .chb-wmb{margin-top:4px;padding-top:10px;box-shadow:inset 0 1px 0 var(--ch-line)}
.ch .chb-wmz{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 8px;padding:3px;background:var(--ch-fill)}
.ch .chb-hov .chb-wmz button{flex-direction:column;justify-content:center;gap:4px;height:44px;padding:0;font-size:12px;font-weight:500}
.ch .chb-hov .chb-wmz button[aria-checked=true]{background:var(--ch-panel);color:var(--ch-ink);box-shadow:0 1px 2px rgba(3,10,40,.12)!important}
.ch .chb-zg:not(.open) > .chz-cut{display:none!important}
.ch .chz-all{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;margin:14px 0 0;padding:0;border:0;background:var(--ch-fill);font-size:13px;font-weight:500;color:var(--ch-text);cursor:pointer}
.ch .chz-all:hover{color:var(--ch-ink);background:var(--ch-line)}
.ch .chz-all svg{width:15px;height:15px;transition:transform .15s}
.ch .chz-all[aria-expanded=true] svg{transform:rotate(180deg)}
.ch .chz-l .chz-acts .chc-later{margin-left:0}
/* v177 (Jorge): like / dislike without a background; hover = green (like) or red (dislike), once pressed = white with a filled icon */
.ch .chw-actbar .chw-likes,.ch .chw-likes{background:none}
.ch .chw-likes .ch-btn,.ch .chw-likes .ch-btn:hover,.ch .chw-likes .ch-btn:focus-visible{background:none!important;border-color:transparent}
.ch .chw-likes .ch-btn svg{transition:color .12s,transform .12s}
.ch .chw-likes [data-cw=up]:hover,.ch .chw-likes [data-cw=up]:focus-visible{color:#22c55e!important}
.ch .chw-likes [data-cw=down]:hover,.ch .chw-likes [data-cw=down]:focus-visible{color:#ef4444!important}
.ch .chw-likes .ch-btn:active svg{transform:scale(.88)}
.ch .chw-likes .ch-btn[aria-pressed=true],.ch .chw-likes .ch-btn[aria-pressed=true]:hover{color:#fff!important}
.ch .chw-likes .ch-btn[aria-pressed=true] svg{fill:currentColor;fill-opacity:1}
/* v178 (Jorge): the Play on cards = the Continue watching size */
.ch .chc-glass{width:42px;height:42px}.ch .chc-glass svg{width:17px;height:17px;margin-left:3px}
.ch-hnav .ch-hall{display:none}
.ch-hnav .ch-hall .ch-hmenu{left:0;right:auto;max-height:calc(100vh - 80px);overflow-y:auto}
.ch-hnav .ch-hall .ch-hmb > svg:first-child{display:none}
.ch-hnav.ch-hf1 .ch-hwide{display:none}
.ch-hnav.ch-hf1 .ch-hnarrow{display:contents}
.ch-hnav.ch-hf2 .ch-hch b,.ch-hnav.ch-hf2 .ch-hsep{display:none}
.ch-hnav.ch-hf3 .ch-hnl > :not(.ch-hall){display:none!important}
.ch-hnav.ch-hf3 .ch-hall{display:block;margin-left:4px}
.ch-hnav.ch-hf4 .ch-hall .ch-hmb > span,.ch-hnav.ch-hf4 .ch-hall .ch-hmb > svg:last-child{display:none}
.ch-hnav.ch-hf4 .ch-hall .ch-hmb > svg:first-child{display:block;width:18px;height:18px}
.ch-hnav.ch-hf4 .ch-hall .ch-hmb{padding:0 8px}
.ch-hnav.ch-hf3 .ch-hnl{flex:none;overflow:visible}
.ch-hnav.ch-hf4 .ch-hch{padding-right:4px}
.ch-hnav.ch-hf4 .ch-hch > svg{display:none}
.ch-hnav.ch-hf4 .ch-hq.ch-hqico{margin:0 0 0 4px}
.ch-hnav.ch-hf4.ch-hasdisp .ch-hdisp{margin:0}
.ch-hnavon.ch-hf5 .navbar-header .navbar-right > .btn-primary{display:none}
.ch-hnav .ch-hq:not(.ch-hqopen) .ch-hqp{right:auto;width:max(100%,min(400px,calc(100vw - 30px)))}
.ch-hnav .ch-hqr .ch-hqtx{flex:1 1 auto;min-width:0}
.ch-hnav .ch-hqr .ch-hqtx b,.ch-hnav .ch-hqr .ch-hqtx small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ch-disp-on .ch-hnavon #ch .chp-top{max-width:calc(100vw - 16px)}
@media (max-width:767px){.ch-hnav .ch-hq.ch-hqopen{position:fixed;left:8px;right:8px;width:auto}}
.ch-hnav .ch-hcard{max-width:calc(100vw - 23px)}
.ch .chb-h:has(.chb-atools) h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .chb-h:has(.chb-atools) h2 > .chc-hf{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ch .chb-h .chb-atools,.ch .chb-h:has(.chb-atools) .chb-all,.ch .chb-h:has(.chb-atools) .chb-n{flex:none}
@media (max-width:575px){.ch .chb-atools{margin-left:4px}.ch .chb-atools button{width:26px}}
@media (hover:none){.ch .chb.chb-own .chb-hov{opacity:1;transform:none}}
.chb-wz .chb-wzp:focus{outline:0}
.ch .chw-plwait{display:flex;justify-content:center;padding:10px}
@media (max-width:575px){.ch .chw-actbar .chw-sz,.ch .chw-actbar .chw-ncount{display:none}.ch .chw-actbar .ch-btn > svg:last-child:not(:first-child){display:none}}
@media (max-width:419px){.ch .chw-ab{gap:0}.ch .chw-actbar .ch-btn{padding:0 6px}.ch .chw-actbar .ch-btn.icon{width:30px}.ch .chw-savew .chw-plbtn{width:22px}}
/* the live chat on Continuwuity: the owner's avatar, waiting, an empty or closed chat, nobody muted, the chat block while the site has no chat */
.ch .chw-cav2[data-own]{background:var(--ch-blue)}
.ch .chw-clist .chw-cwait{display:flex;justify-content:center;padding:28px 0;list-style:none}
.ch .chw-clist .chw-cempty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 12px;text-align:center;font-size:12.5px;color:var(--ch-mute);list-style:none}
.ch .chw-clist .chw-cempty b{font-size:13.5px;color:var(--ch-ink)}
.ch .chw-cset .chw-cnone{margin:4px 0 0;font-size:12px;color:var(--ch-mute)}
.ch .chb-chatoff{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--ch-frame,rgba(3,7,18,.1));font-size:13px;color:var(--ch-text)}
.ch .chb-chatoff svg{flex:none;width:18px;height:18px;color:var(--ch-mute)}
@media (max-width:991px){.ch .chw-actbar [data-cw="party"] .ch-l,.ch .chw-actbar [data-cw="vnote"] .ch-l{display:none}}

/* The owner fills the sidebar's filters (design v179-v180): the pencil on the Filter title turns editing on; then + on each card's head, the empty
   card's line, x on a value, the small add form with suggestions, Add a filter, an eye on each card (hidden from members: shown faded) and a bin on a
   filter of the owner's own. Upload in the Display panel and an empty channel's drop zone (sub_channel_uppy.html, the uploader of My Files) */
.ch .chx-add{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-left:auto;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer}
.ch .ch-gclr + .chx-add,.ch .ch-gn + .chx-add{margin-left:2px}
.ch .chx-add:hover{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chx-add svg{width:14px;height:14px}
.ch .chx-none{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 8px;border:1px dashed var(--ch-in-line);background:none;font:inherit;font-size:12.5px;color:var(--ch-text);cursor:pointer}
.ch .chx-none:hover{border-color:var(--ch-blue);color:var(--ch-blue)}
.ch .chx-none svg{width:14px;height:14px}
.ch .chx-del{display:none;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-left:auto;color:var(--ch-mute)}
.ch .chx-del svg{width:12px;height:12px}
.ch .chx-del:hover{background:var(--ch-red-tint);color:var(--ch-red)}
.ch .ch-frow .chx-del + .ch-fcount{margin-left:4px}
.ch .ch-fseg button,.ch .ch-fyears button{position:relative}
.ch .ch-fseg .chx-del,.ch .ch-fyears .chx-del{position:absolute;top:0;right:0;width:16px;height:16px;margin:0}
.ch .ch-fseg .chx-del{top:50%;right:3px;transform:translateY(-50%)}
.ch .ch-facets.chx-on .ch-fseg button{padding-right:22px}
.ch .chx-newf{display:flex;align-items:center;gap:8px;width:100%;min-width:0;height:34px;margin-top:4px;padding:0 8px;border:0;background:none;font:inherit;font-size:12.5px;color:var(--ch-text);text-align:left;cursor:pointer}
.ch .chx-newf > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch .chx-newf:hover{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chx-newf svg{flex-shrink:0;width:15px;height:15px}
.ch .chx-form{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}
.ch .chx-in{display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 9px;border:1px solid var(--ch-in-line);background:var(--ch-in)}
.ch .chx-in:focus-within{border-color:var(--ch-blue);box-shadow:var(--ch-ring)}
.ch .chx-in > svg{flex-shrink:0;width:14px;height:14px;color:var(--ch-mute)}
.ch .chx-in input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--ch-ink);outline:0}
.ch .chx-ok,.ch .chx-cancel{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer}
.ch .chx-ok{background:var(--ch-blue);color:#fff}
.ch .chx-cancel:hover{background:var(--ch-fill);color:var(--ch-ink)}
.ch .chx-ok svg,.ch .chx-cancel svg{width:14px;height:14px}
.ch .chx-sug{display:flex;flex-wrap:wrap;gap:4px}
.ch .chx-sug:empty{display:none}
.ch .chx-chip{height:24px;padding:0 8px;border:0;background:var(--ch-fill);font:inherit;font-size:11.5px;color:var(--ch-text);cursor:pointer}
.ch .chx-chip:hover,.ch .chx-chip.on{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chx-chip.on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-blue) 35%,transparent)}
.ch .chx-as{background:none;box-shadow:inset 0 0 0 1px var(--ch-line)}
.ch .chx-note{margin:0;font-size:11.5px;color:var(--ch-mute)}
.ch .chx-note.bad{color:var(--ch-amber)}
.ch .chx-edit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin-left:2px;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer}
.ch .chx-edit svg{width:14px;height:14px}
.ch .chx-edit:hover{background:var(--ch-fill);color:var(--ch-blue)}
.ch .chx-edit[aria-pressed=true]{background:var(--ch-tint);color:var(--ch-blue)}
.ch .ch-facets:not(.chx-on) .chx-add,.ch .ch-facets:not(.chx-on) .chx-none,.ch .ch-facets:not(.chx-on) .chx-newf,.ch .ch-facets:not(.chx-on) .chx-form,
.ch .ch-facets:not(.chx-on) .chx-empty,.ch .ch-facets:not(.chx-on) .chx-del{display:none!important}
.ch .ch-facets.chx-on .chx-del{display:inline-flex}
.ch .ch-facets.chx-on .ch-fhead{box-shadow:inset 0 -2px 0 var(--ch-blue)}
.ch .chx-eye,.ch .chx-delf{display:none;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-left:2px;padding:0;border:0;background:none;color:var(--ch-mute);cursor:pointer}
.ch .chx-eye svg,.ch .chx-delf svg{width:14px;height:14px}
.ch .chx-eye:hover{background:var(--ch-tint);color:var(--ch-blue)}
.ch .chx-delf:hover{background:var(--ch-red-tint);color:var(--ch-red)}
.ch .ch-aside.chx-on .chx-eye,.ch .ch-aside.chx-on .chx-delf{display:inline-flex}
.ch .ch-aside.chx-on .ch-group.chx-off{display:block!important}
.ch .ch-aside.chx-on .ch-group.chx-off > :not(.ch-ghead),.ch .ch-aside.chx-on .ch-group.chx-off .ch-ghead h6{opacity:.45}
.ch .ch-aside.chx-on .ch-group.chx-off .chx-eye{color:var(--ch-blue)}
.ch .ch-ghead .chx-eye{margin-left:auto}
.ch .ch-ghead .chx-add + .chx-eye{margin-left:2px}
@media (pointer:coarse){ .ch .chx-eye,.ch .chx-delf,.ch .chx-add{width:32px;height:32px} .ch .chx-in input{font-size:16px} }
.ch .chp-own .chp-up{grid-column:1/-1;background:var(--ch-blue);color:#fff}
.ch .chp-own .chp-up:hover{background:color-mix(in srgb,var(--ch-blue) 86%,#000);color:#fff}
.ch .chu-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;border:1px dashed var(--ch-in-line);background:var(--ch-panel);text-align:center}
.ch .chu-empty.over{border-color:var(--ch-blue);background:var(--ch-tint)}
.ch .chu-etile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--ch-tint);color:var(--ch-blue)}
.ch .chu-etile svg{width:22px;height:22px}
.ch .chu-empty b{font-size:16px;font-weight:600;color:var(--ch-ink)}
.ch .chu-empty > span{max-width:460px;font-size:13px;color:var(--ch-text)}
.ch .chu-empty .ch-btn{margin-top:6px}
@media (max-width:575px){ .ch .chu-empty{padding:24px 14px} }
.uppy-Root .uppy-Dashboard-inner{border-radius:0}
@media (pointer:coarse){ .uppy-Root input,.uppy-Root select,.uppy-Root textarea{font-size:16px} }
.ch .ch-facets[data-facet-edit] .ch-fhead .ch-sidecfg{display:none!important}
.ch .ch-facets[data-facet-edit] .ch-fhead h6{margin-right:0}
.ch .ch-fhead .chx-edit{margin-right:auto}