#channel-bottom-bar{box-sizing:border-box;position:fixed;left:max(0px,calc((100vw - 560px)/2));bottom:0;z-index:45;display:flex;align-items:flex-start;width:min(100%,560px);padding:6px 6px max(env(safe-area-inset-bottom,0px),20px);border-top:1px solid var(--ln,var(--line));background:var(--s,var(--surface));color:var(--tx,var(--text));transition:transform .24s cubic-bezier(.2,.8,.2,1);will-change:transform}
#channel-bottom-bar button{flex:1;min-width:0;min-height:57px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;border:0;background:transparent;color:var(--t2,var(--muted));font:inherit;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}
#channel-bottom-bar .channel-bottom-icon-row{display:flex;align-items:center;justify-content:center;height:42px}#channel-bottom-bar .channel-bottom-icon{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;transition:background .2s,width .2s,height .2s}#channel-bottom-bar button svg{width:24px;height:24px;fill:none}#channel-bottom-bar button.active{color:var(--lk,#1b64da);font-weight:800}#channel-bottom-bar button.active .channel-bottom-icon{width:40px;height:40px;background:color-mix(in srgb,var(--lk,#1b64da) 14%,transparent)}#channel-bottom-bar .channel-bottom-dot{position:absolute;top:1px;right:1px;width:9px;height:9px;border-radius:50%;background:var(--lk,#1b64da);box-shadow:0 0 0 2px var(--s,var(--surface))}
body.keyboard-open #channel-bottom-bar,#channel-bottom-bar.channel-keyboard-hidden{display:none}
body.channel-bottom-active #featureBody.handoff-channel-page{padding-bottom:calc(64px + max(env(safe-area-inset-bottom,0px),20px))}body.channel-bottom-active #channelWrite{display:none!important}
.channel-drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);display:flex;justify-content:flex-end}
.channel-drawer{width:min(340px,90vw);height:100%;overflow:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 18px calc(24px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--tx,var(--text));box-shadow:-8px 0 26px rgba(0,0,0,.2)}
.channel-drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-drawer header button{width:44px;height:44px;font-size:27px;background:transparent;border:0;color:inherit}.channel-drawer h3{margin:22px 0 12px;font-size:14px}.channel-drawer-chips{display:flex;flex-wrap:wrap;gap:8px}.channel-drawer-chips button,.channel-drawer-subscriptions button{max-width:100%;padding:9px 12px;overflow-wrap:anywhere;border:1px solid var(--ln,var(--line));border-radius:16px;background:var(--s,var(--surface));color:var(--tx,var(--text));font:inherit;font-size:13px}.channel-drawer p,.channel-drawer-subscriptions{font-size:13px;color:var(--t2,var(--muted))}
@media(min-width:1000px){body.dc-shell #channel-bottom-bar{left:calc(var(--desk-body-left) + 1px);width:calc(var(--dc-main-width) - 2px);max-width:none}}
@media(prefers-reduced-motion:reduce){#channel-bottom-bar{transition:none}}