.modal-channels-overlay{container:channel-viewport / size;position:fixed;inset:var(--chip7-vv-top, 0px) 0 auto;height:var(--chip7-vv-height, 100dvh);z-index:9999;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--service-overlay);overscroll-behavior:contain}.modal-channels{--channels-ink: var(--service-text);--channels-muted: var(--service-muted);--channels-line: var(--service-line);display:flex;flex-direction:column;width:min(100%,1050px);max-height:min(850px,100%);min-height:0;overflow:hidden;border:1px solid var(--service-dark-line);border-radius:22px;background:var(--service-surface);color:var(--channels-ink);font-family:var(--chip7-font-sans);box-shadow:0 28px 100px #07060466}.modal-channels__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;flex-shrink:0;background:var(--service-graphite);color:var(--service-on-dark)}.modal-channels__identity{display:flex;align-items:center;gap:16px;min-width:0}.modal-channels__icon{color:var(--chip7-accent);flex-shrink:0;display:inline-flex}.modal-channels__heading{min-width:0}.modal-channels__heading h2{margin:0;font:var(--chip7-font-display-weight) 34px/1.08 var(--chip7-font-display);text-transform:uppercase;overflow-wrap:anywhere}.modal-channels__subtitle{margin:8px 0 0;color:var(--service-muted-on-dark);font-size:13px;line-height:1.5}.modal-channels__icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--service-dark-line);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.modal-channels__tools{--c7-select-height: 48px;--c7-select-font-size: 14px;--c7-select-text: var(--channels-ink);--c7-select-border: var(--service-control-border);--c7-select-background: var(--service-control);--c7-select-background-hover: var(--service-surface-raised);--c7-select-background-open: var(--service-control);--c7-select-chevron: var(--channels-muted);--c7-select-menu-background: var(--service-surface);--c7-select-menu-border: var(--channels-line);--c7-select-menu-muted: var(--channels-muted);--c7-select-menu-shadow: var(--service-menu-shadow);display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:20px 30px;flex-shrink:0;border-bottom:1px solid var(--channels-line)}.modal-channels__tools input{width:100%;min-width:0;min-height:48px;border:1px solid var(--service-control-border);border-radius:14px;background:var(--service-control);color:var(--channels-ink);font:450 14px/1.4 var(--chip7-font-sans)}.modal-channels__plan-picker{display:grid;gap:7px;flex:0 1 210px;min-width:0}.modal-channels__plan-picker>span,.modal-channels__filter>span{font-size:10px;font-weight:750;color:var(--channels-muted);text-transform:uppercase;letter-spacing:.08em}.modal-channels__search{position:relative;flex:1 1 240px;min-width:0}.modal-channels__search>svg{position:absolute;top:14px;left:13px;color:var(--channels-muted)}.modal-channels__search input{padding:11px 12px 11px 42px}.modal-channels__search input::placeholder{color:var(--channels-muted);opacity:1}.modal-channels__filter{display:grid;gap:7px;flex:0 1 240px;min-width:0}.modal-channels__content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 30px 30px;scrollbar-gutter:stable}.modal-channels__results{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:650;margin:0 0 26px}.modal-channels__results>span{color:var(--channels-muted);font-weight:450}.modal-channels__grid{column-count:2;column-gap:32px}.modal-channels__category{display:inline-block;width:100%;min-width:0;margin-bottom:26px;break-inside:avoid}.modal-channels__category-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--channels-line);font-size:12px;font-weight:750;line-height:1.5}.modal-channels__category-count{padding:3px 7px;border-radius:5px;font-size:10px;font-weight:650;background:var(--service-surface-raised)}.modal-channels__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none}.modal-channels__list li{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.modal-channels__list li>svg{color:var(--channels-muted);margin-top:2px;flex:0 0 15px}.modal-channels__footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px 30px;flex-shrink:0;border-top:1px solid var(--channels-line);background:var(--service-surface-raised)}.modal-channels__footer :is(button,a){display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:12px 22px;min-height:46px;border-radius:14px;cursor:pointer;font:700 13px/1.4 var(--chip7-font-sans)}.modal-channels__dismiss{border:1px solid var(--channels-line);background:transparent;color:var(--channels-ink)}.modal-channels__continue{text-decoration:none;border:1px solid transparent;background:var(--chip7-accent);color:var(--chip7-accent-contrast)}.modal-channels :is(a,button,input,select):focus-visible{outline:2px solid var(--service-focus);outline-offset:3px}.modal-channels__close:focus-visible{outline-color:var(--chip7-accent)}.modal-channels__empty{display:grid;justify-items:center;text-align:center;padding:40px 12px}.modal-channels__empty h3{margin:16px 0 8px;font-size:18px}.modal-channels__empty p{margin:0;color:var(--channels-muted);font-size:13px;line-height:1.6}.modal-channels__empty button{min-height:44px;padding:10px 15px;margin-top:18px;border:1px solid var(--channels-line);border-radius:9px;color:var(--channels-ink);background:transparent;cursor:pointer}.modal-channels__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:767px){.modal-channels-overlay{padding:max(10px,env(safe-area-inset-top)) 0 0;align-items:end}.modal-channels{border-radius:20px 20px 0 0;max-height:100%}.modal-channels__header{padding:20px;gap:12px}.modal-channels__heading h2{font-size:28px}.modal-channels__identity{gap:10px}.modal-channels__tools{padding:16px 20px;gap:10px}.modal-channels__search{order:1;flex-basis:100%}.modal-channels__plan-picker,.modal-channels__filter{display:grid;gap:7px;flex:1 1 40%}.modal-channels__tools input{font-size:16px}.modal-channels__content{padding:20px}.modal-channels__grid{column-count:1}.modal-channels__results{font-size:11px;margin-bottom:20px}.modal-channels__footer{padding:14px 20px max(16px,env(safe-area-inset-bottom));gap:10px}.modal-channels__footer :is(button,a){padding-inline:14px}.modal-channels__continue{flex:1}}@media(max-height:550px){.modal-channels__header{padding-block:12px}.modal-channels__tools,.modal-channels__footer{padding-block:10px}.modal-channels__heading h2{font-size:24px}}@media(pointer:coarse){.modal-channels__tools input{font-size:16px}}@media(max-height:550px){.modal-channels{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-channels__content{flex:0 0 auto;overflow:visible}.modal-channels__header{position:sticky;top:0;z-index:2}.modal-channels__footer{position:sticky;bottom:0;z-index:2;padding-bottom:max(10px,env(safe-area-inset-bottom))}}@container channel-viewport (max-height: 550px){.modal-channels{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-channels__content{flex:0 0 auto;overflow:visible}.modal-channels__header{position:sticky;top:0;z-index:2;padding-block:12px}.modal-channels__tools{padding-block:10px}.modal-channels__footer{position:sticky;bottom:0;z-index:2;padding-block:10px max(10px,env(safe-area-inset-bottom))}.modal-channels__heading h2{font-size:24px}}