#channel-badge{position:fixed;right:24px;top:218px;z-index:2;padding:5px 12px;border:1px solid #bf9857;border-radius:14px;background:#14223de8;color:#ffe6aa;font:12px Mali,sans-serif;touch-action:manipulation;cursor:pointer}
#channel-badge[hidden],#channels-window[hidden]{display:none!important}
#channels-window{position:fixed;inset:0;z-index:12;background:#0009;display:grid;place-items:center;touch-action:manipulation;font-family:Mali,sans-serif;color:#f6e6bf}
#channels-window section{width:min(380px,90vw);max-height:calc(var(--view-height,100dvh) - 24px);overflow:auto;box-sizing:border-box;padding:15px;border:2px solid #bc9952;border-radius:14px;background:#14213a;box-shadow:0 8px 30px #0008}
#channels-window header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#channels-window h2{font-size:19px;margin:0}
#channels-window button{font:13px Mali,sans-serif;color:#ffe6aa;border:1px solid #af8e51;border-radius:7px;background:#233651;padding:7px 10px;touch-action:manipulation;cursor:pointer}
#channels-window button:disabled{opacity:.55;cursor:default}
#channels-window .channels-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:160px;overflow:auto;margin:10px 0}
#channels-window .channels-note,#channels-window .channels-status{font-size:12px;line-height:1.5;margin:8px 0}
#channels-window small{display:block;color:#b8c4d8;font-size:11px;margin-top:8px}
#channels-window .channels-new{width:100%}
html[data-mobile-landscape="1"] #channel-badge{right:12px;top:calc(136px + env(safe-area-inset-top));font-size:10px;padding:3px 9px}

/* ธีมใหม่: ภาพจาก ChatGPT public/ui/channels (frame 760x900) */
#channel-badge{border:0!important;border-radius:0!important;background:none center/100% 100% no-repeat!important;padding:6px 16px!important;color:#ffe08a!important;font-weight:700;text-shadow:0 1px 2px #000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
#channels-window section{position:relative;width:min(380px,94vw,calc((var(--view-height,100dvh) - 24px)*760/900))!important;aspect-ratio:760/900;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:none center/100% 100% no-repeat!important;box-shadow:none!important;container-type:inline-size;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
#channels-window section>*{position:absolute!important;margin:0!important;box-sizing:border-box}
#channels-window header{left:25%;top:10.9%;width:50%;height:4.9%;display:flex!important;justify-content:center!important}
#channels-window h2{font-size:max(14px,5.4cqw)!important;color:#ffe08a;text-shadow:0 2px 3px #000}
#channels-window .channels-close{display:none!important}
#channels-window .chx{left:82.6%;top:10.4%;width:7.9%;height:6.7%;background:none!important;border:0!important;padding:0!important;cursor:pointer;color:transparent!important}
#channels-window .channels-note{left:14.2%;top:19.3%;width:71.6%;height:5.8%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:max(10px,2.9cqw)!important;line-height:1.35!important;color:#f2e6cc}
#channels-window .channels-list{left:14.2%;top:28.7%;width:71.6%;height:45.6%;max-height:none!important;display:flex!important;flex-direction:column;gap:1cqw!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#b08a3a transparent}
#channels-window .channels-list button{position:relative;flex:none;width:100%;aspect-ratio:620/96;padding:0!important;border:0!important;border-radius:0!important;background:none center/100% 100% no-repeat!important;color:#f6dc92!important;opacity:1!important}
#channels-window .channels-list button:not(:disabled):hover{background-image:none!important}
#channels-window .channels-list button.cur{background-image:none!important}
#channels-window .channels-list button.full{filter:grayscale(1) brightness(.75)}
#channels-window .channels-list button>*{position:absolute}
#channels-window .channels-list b{left:5%;top:0;height:100%;display:flex;align-items:center;font-size:max(13px,4.6cqw);color:#ffe9b8;text-shadow:0 1px 2px #000}
#channels-window .channels-list em{left:26%;top:12%;width:30%;text-align:center;font-style:normal;font-weight:700;font-size:max(10px,3cqw);color:#fff3d6}
#channels-window .channels-list .bar{left:26%;top:56%;width:30%;height:18%;border-radius:2cqw;background:#120a05;box-shadow:inset 0 0 0 .25cqw #7a5a28;overflow:hidden}
#channels-window .channels-list .bar i{display:block;height:100%;border-radius:2cqw}
#channels-window .channels-list .pc{left:58%;top:50%;font-size:max(9px,2.4cqw);color:#e8dcc0}
#channels-window .channels-list .tag{right:4%;top:22%;height:56%;padding:0 2.4cqw;display:flex;align-items:center;border-radius:1.4cqw;font-weight:700;font-size:max(10px,2.8cqw)}
#channels-window .channels-list .tag.here{background:linear-gradient(#ffe08a,#c98a1a);color:#3a1a00;box-shadow:0 0 0 .3cqw #7a4a10,0 0 1.6cqw rgba(255,210,90,.6)}
#channels-window .channels-list .tag.fullt{background:linear-gradient(#6a6a6a,#3a3a3a);color:#eee;box-shadow:0 0 0 .3cqw #9a9a9a}
#channels-window .channels-new{left:13.7%;top:77.8%;width:72.6%!important;height:7.6%;padding:0!important;border:0!important;border-radius:0!important;background:none center/100% 100% no-repeat!important;color:#fff3d6!important;font-weight:700!important;font-size:max(13px,4.4cqw)!important;text-shadow:0 2px 3px #000}
#channels-window .channels-new:hover{filter:brightness(1.12)}
#channels-window small{left:14.2%;top:87.9%;width:71.6%;height:2.7%;display:flex!important;align-items:center;justify-content:center;font-size:max(8px,2.2cqw)!important;color:#cdbd98!important}
#channels-window .channels-status{left:14.2%;top:25.4%;width:71.6%;height:3%;display:flex;align-items:center;justify-content:center;font-size:max(9px,2.4cqw)!important;color:#9befa5;margin:0!important}