#channelNameButton.channel-name-owner{color:#ffcc75;border-color:#b48b47;background:#3a3020}
#channelNameDialog{box-sizing:border-box;width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #a4854f;border-radius:8px;background:#20231b;color:#e7e1c5;box-shadow:0 16px 60px #000b;overflow-y:auto;font:18px/1.45 "Roboto Condensed",Arial,sans-serif}
#channelNameDialog::backdrop{background:#000a}
#channelNameDialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#channelNameDialog h2{font-size:25px;line-height:1.2;margin:5px 0}
#channelNameDialog small{color:#ffb537;font:700 11px/1.3 Arial,sans-serif;letter-spacing:1px}
#channelNameDialog button{min-height:42px;padding:9px 14px;border:1px solid #686c56;border-radius:4px;background:#151810;color:#e7e1c5;cursor:pointer;font:700 14px/1.2 Arial,sans-serif}
#channelNameDialog button:disabled{opacity:.45;cursor:default}
#channelNameDialog #channelNameClose{font-size:25px;padding:4px 12px}
#channelNameDialog label{display:block;margin:0 0 8px}
#channelNameInput{box-sizing:border-box;width:100%;padding:12px;border:1px solid #77765b;border-radius:4px;background:#10140e;color:#fff2ca;font:22px/1.3 inherit}
#channelNameDialog p{font-size:16px;margin:16px 0;color:#c1bea9}
#channelNameDialog #channelNameStatus{min-height:24px;color:#ffd18b}
.channel-name-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#channelNameDialog #channelNameSave{background:#ffb52f;color:#151810;border-color:#ffb52f}
#channelNameDialog #channelNameReset{width:100%;margin-top:15px;font-size:12px;color:#c1bea9}

#namedChannelsDialog{box-sizing:border-box;width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #a4854f;border-radius:8px;background:#20231b;color:#e7e1c5;box-shadow:0 16px 60px #000b;overflow-y:auto;font:18px/1.45 "Roboto Condensed",Arial,sans-serif}
#namedChannelsDialog::backdrop{background:#000a}
#namedChannelsDialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#namedChannelsDialog h2{font-size:25px;line-height:1.2;margin:5px 0}
#namedChannelsDialog small{color:#ffb537;font:700 11px/1.3 Arial,sans-serif;letter-spacing:1px}
#namedChannelsDialog button{min-height:42px;padding:9px 14px;border:1px solid #686c56;border-radius:4px;background:#151810;color:#e7e1c5;cursor:pointer;font:700 14px/1.2 Arial,sans-serif}
#namedChannelsDialog button:disabled{opacity:.45;cursor:default}
#channelNameButton{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#namedChannelsDialog{width:min(550px,calc(100vw - 28px))}
#namedChannelsClose{font-size:25px!important;padding:4px 12px!important}
#namedChannelsDialog p{font-size:16px;color:#c1bea9;margin:12px 0}
#namedChannelsStatus{color:#ffd18b!important}
#namedChannelsList{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
#namedChannelsList .named-channel-link{display:flex;align-items:center;gap:14px;width:100%;text-align:left;min-height:72px;padding:12px;background:#151810}
.named-channel-number{color:#ffb537;white-space:nowrap;font-size:17px}
.named-channel-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.named-channel-copy strong{display:block;font-size:20px;line-height:1.25}
#namedChannelsList .named-channel-copy small{display:block;margin-top:5px;color:#b8b8a6;font:14px/1.3 "Roboto Condensed",Arial,sans-serif;letter-spacing:0}
.named-channel-go{font-size:12px;color:#ffcc75;white-space:nowrap}
#namedChannelsList button:hover,#namedChannelsList button:focus-visible{background:#393527;border-color:#dfc591}
#namedChannelsList button[aria-current]{border-color:#a4854f}
@media(max-width:420px){#namedChannelsDialog{padding:18px}#namedChannelsList .named-channel-link{gap:10px;padding:10px}.named-channel-number{font-size:15px}.named-channel-copy strong{font-size:18px}.named-channel-go{font-size:11px}}
