:root .kx.ui.ct{--fx-bg:var(--p-surface);--fx-surface:color-mix(in oklab, var(--p-ink) 6%, var(--p-surface));--fx-ink:var(--p-ink);--fx-muted:var(--p-muted);--fx-accent:var(--p-ink);--fx-accent-ink:var(--p-bg);--u-tile:var(--p-ink);--u-tile-edge:none;background:var(--p-surface);font-family:var(--font-text);box-shadow:none;border:1px solid color-mix(in oklab, var(--p-ink) 12%, transparent)}:root .kx.ui.ct .kx__bar{background:color-mix(in oklab, var(--p-ink) 3%, var(--p-surface))}:root .kx.ui.ct .kx__crumb,:root .kx.ui.ct .kx__label,:root .kx.ui.ct .kx-chip,:root .kx.ui.ct .kx-tag{font-family:var(--font-text);font-size:13px}:root .kx.ui.ct .kx-opt{border-color:color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.ct .kx-opt:hover{border-color:color-mix(in oklab, var(--p-ink) 40%, transparent)}:root .kx.ui.ct .kx-opt[aria-pressed=true],:root .kx.ui.ct .kx-opt[aria-checked=true],:root .kx.ui.ct .kx-opt.is-on{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-bg)}:root .kx.ui.ct .kx-opt:focus-visible,:root .kx.ui.ct .kx-btn:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}:root .kx.ui.ct .kx-chip{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.ct .kx-chip--on,:root .kx.ui.ct .kx-chip--accent{background:var(--p-ink);box-shadow:none;color:var(--p-bg)}:root .kx.ui.ct .kx-chip--ok{color:var(--p-ink)}:root .kx.ui.ct .kx-btn{background:var(--p-ink);color:var(--p-bg)}:root .kx.ui.ct .kx-btn:hover{background:color-mix(in oklab, var(--p-ink) 85%, var(--p-bg))}:root .kx.ui.ct .kx-btn--ghost{color:var(--p-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);background:0 0}:root .kx.ui.ct ::-webkit-scrollbar{width:6px;height:6px}:root .kx.ui.ct ::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--p-ink) 18%, transparent);border-radius:3px}:root .kx.ui.ct ::-webkit-scrollbar-track{background:0 0}.ct{flex-direction:column;height:420px;display:flex;overflow:hidden}.ct__body{flex:1;grid-template:"pick mix out"1fr"reach mix out"/minmax(0,4fr) minmax(0,5fr) minmax(0,4fr);min-height:0;display:grid}.ct__body>*{align-content:start;gap:10px;min-width:0;padding:20px 22px;display:grid}.ct__body>*+*{border-left:1px solid var(--u-line)}.ct__body>.ct__reachbox{border-left:0}.ct__pick{grid-area:pick;align-content:start;gap:12px;padding-bottom:8px}.ct__mix{grid-area:mix}.ct__out{grid-area:out}.ct__reachbox{grid-area:reach;padding-top:0;padding-bottom:22px}.ct__seg{grid-template-columns:repeat(var(--n), minmax(0, 1fr));border-radius:var(--r-btn);background:var(--u-fill-2);box-shadow:inset 0 0 0 1px var(--u-line);padding:4px;display:grid;position:relative}.ct__thumb{width:calc((100% - 8px) / var(--n));border-radius:calc(var(--r-btn) - 4px);background:var(--p-ink);transform:translateX(calc(var(--i) * 100%));transition:transform .3s var(--ease);position:absolute;top:4px;bottom:4px;left:4px}.ct__opt{z-index:1;border-radius:calc(var(--r-btn) - 4px);min-height:44px;font:500 14px/1 var(--font-text);color:var(--u-ink);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease);background:0 0;border:0;padding:0 6px;position:relative}.ct__opt[aria-checked=true]{color:var(--p-bg)}.ct__opt:not([aria-checked=true]):hover{color:var(--u-muted)}.ct__opt:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}.ct__line{display:grid}.ct__line p{font:500 22px/1.2 var(--font-text);letter-spacing:-.01em;color:var(--u-ink);text-wrap:balance;opacity:0;visibility:hidden;transition:opacity .2s var(--ease), visibility 0s .2s;grid-area:1/1;margin:0}.ct__line p.is-on{opacity:1;visibility:visible;transition:opacity .2s var(--ease), visibility 0s}.ct__channels{margin:0;padding:0;list-style:none;display:grid}.ct__ch{border-bottom:1px solid var(--u-line);grid-template-columns:28px minmax(0,7.5em) minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:8px 0;display:grid}.ct__ch:last-child{border-bottom:0}.ct__ico{width:28px;height:28px;transition:opacity .3s var(--ease);border-radius:8px}.ct__ico svg{width:16px;height:16px}.ct__name{color:var(--u-ink);transition:color .3s var(--ease);font-size:14px}.ct__ch.is-off .ct__name{color:var(--u-muted)}.ct__ch.is-off .ct__ico{opacity:.55}.ct__bar{background:var(--u-fill-3);border-radius:5px;height:10px;display:block;position:relative;overflow:hidden}.ct__bar i{background:var(--u-accent);transform-origin:0;transition:transform .5s var(--ease);border-radius:5px;position:absolute;inset:0}.ct__bar:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent calc(33.333% - 1px), var(--p-surface) calc(33.333% - 1px) calc(33.333% + 1px), transparent calc(33.333% + 1px) calc(66.666% - 1px), var(--p-surface) calc(66.666% - 1px) calc(66.666% + 1px), transparent calc(66.666% + 1px));position:absolute;inset:0}.ct__reach{font-family:var(--font-text);border:1.5px dashed var(--u-line-2);min-height:44px;font:500 15px/1.2 var(--font-text);color:var(--u-ink);box-sizing:border-box;background:0 0;border-radius:10px;align-items:center;width:100%;margin:0;padding:0 14px;display:flex}.ct__stack{display:grid}.ct__list{opacity:0;visibility:hidden;transition:opacity .2s var(--ease), visibility 0s .2s;grid-area:1/1;align-content:start;gap:14px;margin:0;padding:0;list-style:none;display:grid}.ct__list.is-on{opacity:1;visibility:visible;transition:opacity .2s var(--ease), visibility 0s}.ct__list li{color:var(--u-text-2);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;font-size:14px;line-height:1.4;display:grid}.ct__list svg{background:var(--u-fill-2);fill:none;width:22px;height:22px;stroke:var(--p-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:4px}@media (width>=1024px) and (width<=1279px){.ct{height:440px}}@media (width>=640px) and (width<=1023px){.ct{height:640px}.ct__body{grid-template:"pick mix""reach mix""out out"1fr/minmax(0,1fr) minmax(0,1fr)}.ct__body>*+*{border-left:0}.ct__mix{border-left:1px solid var(--u-line)!important}.ct__out{border-top:1px solid var(--u-line);padding-top:22px}.ct__reachbox{padding-top:6px}.ct__ch{grid-template-columns:28px minmax(0,1fr);row-gap:8px;min-height:72px;padding:12px 0}.ct__bar{grid-column:1/-1}.ct__list{gap:18px}.ct__list li{font-size:15px}}@media (width<=639px){.ct{height:1040px}.ct__body{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"pick""mix""reach""out";align-content:stretch}.ct__body>*{padding:22px 18px}.ct__body>*+*{border-left:0;border-top:1px solid var(--u-line)}.ct__body>.ct__reachbox{padding-top:22px;padding-bottom:22px}.ct__pick{padding-bottom:22px}.ct__line{min-height:3.6em}.ct__opt{padding:0 2px;font-size:14px}.ct__ch{grid-template-columns:28px minmax(0,1fr);row-gap:10px;min-height:72px;padding:12px 0}.ct__bar{border-radius:6px;grid-column:1/-1;height:12px}.ct__bar i{border-radius:6px}.ct__list{gap:20px}.ct__list li{font-size:15px}}@media (prefers-reduced-motion:reduce){.ct__thumb,.ct__opt,.ct__bar i,.ct__line p,.ct__list,.ct__name,.ct__ico{transition:none}}