.bn{--gap: 14px;--r: 22px;--accent: #f86a3a;--accent-d: #e2552a;--accent-soft: rgba(248, 106, 58, .13);--surface: #ffffff;--text: #1d1d1f;--text-2: rgba(60, 60, 67, .6);--text-3: rgba(60, 60, 67, .45);--fill: rgba(118, 118, 128, .1);--fill-2: rgba(118, 118, 128, .16);--fill-3: rgba(118, 118, 128, .26);--solid: #1d1d1f;--on-solid: #ffffff;--panel: #ffffff;--lift: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 30px -16px rgba(40, 25, 10, .3);--shade: rgba(255, 252, 248, .2);--ink: var(--text);--ink-2: var(--text-2);--ink-3: var(--text-3);position:relative;isolation:isolate;color:var(--text);color-scheme:light;background:#e9e5df;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Inter Variable,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bn-dark,.bn[data-tone=dark]{--surface: #1c1c1e;--text: #f5f5f7;--text-2: rgba(235, 235, 245, .58);--text-3: rgba(235, 235, 245, .42);--fill: rgba(118, 118, 128, .22);--fill-2: rgba(118, 118, 128, .3);--fill-3: rgba(118, 118, 128, .42);--solid: #f5f5f7;--on-solid: #1c1c1e;--accent-soft: rgba(248, 106, 58, .2);--panel: #2c2c2e;color:var(--text)}.bn[data-tone=dark]{--panel: #2c2c2e;--lift: 0 0 0 .5px rgba(255, 255, 255, .05), 0 12px 30px -14px rgba(0, 0, 0, .6);--shade: rgba(0, 0, 0, .42);color-scheme:dark;background:#111}.bn[data-tone=dark] .bn-dark{--surface: #121213}.bn-num{font-family:Inter Variable,-apple-system,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv01","calt"}.bn-fig{font-family:Inter Variable,-apple-system,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv01","calt";letter-spacing:-.03em;line-height:1;white-space:nowrap}.bn-unit{margin-left:4px;font-family:-apple-system,PingFang SC,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-2)}.bn-clock{font-family:Inter Variable,-apple-system,sans-serif;font-weight:500;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv01","calt";letter-spacing:-.045em;line-height:.95}.bn-meta{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-head{display:flex;align-items:center;gap:7px;min-width:0;min-height:24px}.bn-head-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:7px;color:#fff;background:var(--accent)}.bn-title{font-size:13.5px;font-weight:600;white-space:nowrap}.bn-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#222}.bn-bg canvas{position:absolute;inset:-4%;width:108%;height:108%;-o-object-fit:cover;object-fit:cover}.bn-bg canvas.in{animation:bn-fade 1.2s ease both}.bn-bg:after{content:"";position:absolute;inset:0;background:var(--shade);transition:background 1s ease}.bn-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"bar bar" "scene scene" "player player" "sounds sounds" "presets presets" "stats stats" "focus focus" "todo todo" "remind remind"}@media(min-width:640px){.bn-grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"bar bar bar bar" "scene scene scene scene" "player player presets presets" "sounds sounds sounds sounds" "stats stats focus focus" "todo todo remind remind"}}@media(min-width:1180px){.bn-grid{height:100%;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"bar    bar    bar    bar    bar     bar     bar   bar" "scene  scene  scene  scene  player  player  today today" "scene  scene  scene  scene  presets presets today today" "sounds sounds sounds sounds sounds  sounds  today today"}.bn-grid>*{min-height:0!important}}.bn-today{display:contents}@media(min-width:1180px){.bn-today{grid-area:today;display:flex;flex-direction:column;gap:var(--gap);min-height:0}.bn-today>*{flex:none}.bn-today>.bn-a-todo{flex:1 1 0;min-height:0}}@media(min-width:1680px)and (min-height:960px){.bn{--gap: 16px}}@media(min-width:1180px)and (max-height:840px){.bn{--gap: 12px}}.bn-a-bar{grid-area:bar}.bn-a-scene{grid-area:scene}.bn-a-player{grid-area:player}.bn-a-focus{grid-area:focus}.bn-a-sounds{grid-area:sounds}.bn-a-presets{grid-area:presets}.bn-a-todo{grid-area:todo}.bn-a-stats{grid-area:stats}.bn-a-remind{grid-area:remind}.bn-card{position:relative;isolation:isolate;min-width:0;border-radius:var(--r);background:var(--surface);box-shadow:var(--lift)}.bn-grid>*:has(.pop-panel){position:relative;z-index:45}.bn-bar{z-index:30;border-radius:18px}.bn-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--accent)}.bn-nav{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:10px;font-size:13.5px;white-space:nowrap;color:var(--text-2);transition:color .15s,background .15s}.bn-nav:hover,.bn-nav[aria-expanded=true]{color:var(--text);background:var(--fill)}.bn-nav-ico{display:none;flex-shrink:0;color:var(--text-3);transition:color .15s}@media(min-width:1280px){.bn-nav-ico{display:block}}.bn-nav:hover .bn-nav-ico{color:var(--text-2)}.bn-support{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 15px 0 13px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap;color:#fff;background:var(--accent);transition:filter .15s}.bn-support:hover,.bn-support[aria-expanded=true]{filter:brightness(1.05)}.bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;font-size:13px;white-space:nowrap;color:var(--text);background:var(--fill);transition:background .15s,color .15s}.bn-btn:hover,.bn-btn[aria-expanded=true]{background:var(--fill-2)}.bn-btn.solid{color:#fff;background:var(--accent);font-weight:600}.bn-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text);white-space:nowrap;transition:color .15s}.bn-link:hover{color:var(--text)}.bn-round{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;color:var(--text-2);background:var(--fill);transition:background .15s,color .15s}.bn-round:hover{color:var(--text);background:var(--fill-2)}.bn-play{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--accent);transition:transform .15s,filter .15s}.bn-play:hover{filter:brightness(1.06)}.bn-play:active{transform:scale(.94)}.bn-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--text-2);background:var(--fill);transition:background .15s,color .15s}.bn-chip:hover,.bn-chip[aria-expanded=true]{color:var(--text);background:var(--fill-2)}.bn-chip.solid{color:var(--accent);background:var(--accent-soft)}.bn-chip.solid:hover{color:var(--accent-d)}.bn-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer}.bn-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--p, 50%),var(--fill-2) var(--p, 50%))}.bn-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #00000026,0 1px 3px #00000040}.bn-range::-moz-range-track{height:4px;border-radius:4px;background:var(--fill-2)}.bn-range::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}.bn-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040}.bn-panel{color:var(--text);border-radius:16px;background:var(--panel);box-shadow:0 0 0 .5px #00000014,0 20px 44px -16px #0006}.bn-scene{background:#111}.bn-scene:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 .5px #ffffff1a}.bn-shade{background:radial-gradient(90% 75% at 0% 0%,rgba(0,0,0,.3),transparent 70%),linear-gradient(to top,rgba(0,0,0,.46),rgba(0,0,0,.06) 36%,transparent 56%)}.bn-drift{animation:bn-drift 40s ease-in-out infinite alternate;transform-origin:60% 55%}@keyframes bn-drift{0%{transform:scale(1)}to{transform:scale(1.05) translate(-.6%,-.5%)}}.bn-glass{color:#fff;background:#1e1e1e47;backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 .5px #fff3;transition:background .2s}button.bn-glass:hover{background:#1e1e1e70}.bn-thumb{position:relative;display:block;width:36px;height:36px;border-radius:9px;overflow:hidden;opacity:.72;transition:opacity .2s,box-shadow .2s}.bn-thumb:hover{opacity:1}.bn-thumb.on{opacity:1;box-shadow:0 0 0 2px #fff}.bn-tint{--text: #ffffff;--text-2: rgba(255, 255, 255, .8);--text-3: rgba(255, 255, 255, .55);--fill: rgba(255, 255, 255, .18);--fill-2: rgba(255, 255, 255, .26);--fill-3: rgba(255, 255, 255, .36);--accent: #ffffff;--accent-soft: rgba(255, 255, 255, .22);color:#fff;background:linear-gradient(160deg,var(--t1),var(--t2))}.tone-orange{--t1: #ff9258;--t2: #f2652f}.tone-blue{--t1: #5fb0f7;--t2: #3a80e6}.tone-indigo{--t1: #8c86f2;--t2: #5f55d8}.tone-green{--t1: #4fcf98;--t2: #24a575}.bn[data-tone=dark] .tone-orange{--t1: #ec7a45;--t2: #c9502a}.bn[data-tone=dark] .tone-blue{--t1: #3d8de0;--t2: #2862bd}.bn[data-tone=dark] .tone-indigo{--t1: #6d66dc;--t2: #4940b4}.bn[data-tone=dark] .tone-green{--t1: #33b07c;--t2: #1d845c}.bn-tint .bn-head-ico,.bn-tint .bn-drink:hover,.bn-tint .bn-opt.on,.bn-tint .bn-plus:hover{color:var(--t2);background:#fff}.bn-tint .bn-opt.on{color:var(--t2)}.bn-tint .bn-more{color:#ffffffb3}.bn-tint .bn-more:hover,.bn-tint .bn-more[aria-expanded=true]{color:#fff;background:#fff3}.bn-tint.due{box-shadow:var(--lift),inset 0 0 0 2px #fff}.bn-mint{--accent: #2fb67f;--accent-soft: rgba(47, 182, 127, .14)}.bn-rose{--accent: #fa5a7d;--accent-soft: rgba(250, 90, 125, .14)}.bn-modes{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff2e}.bn-modes>button{height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap;color:#ffffffd9;transition:background .15s,color .15s}.bn-modes>button:hover{color:#fff}.bn-modes>button.on{color:var(--t2);background:#fff;font-weight:600}.bn-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff38;transition:background .15s}.bn-step:hover{background:#ffffff57}.bn-mini-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 2px var(--surface),inset 0 0 0 1px var(--fill-2)}.bn-task-new{margin-top:4px}.bn-key{--accent-soft: color-mix(in srgb, var(--accent) 15%, transparent);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:10px 11px;border-radius:14px;background:var(--fill);color:var(--text-2);transition:background .2s,color .2s}.bn-key:hover{background:var(--fill-2)}.bn-key-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;color:var(--accent);background:var(--surface);transition:background .2s,color .2s}.bn-key.on{color:var(--text);font-weight:600;background:var(--accent-soft);padding-bottom:24px}.bn-key.on .bn-key-ico{color:#fff;background:var(--accent)}.bn-key-range{position:absolute;left:10px;right:10px;bottom:6px}.bn-key.sheet{padding:10px;justify-content:flex-start}.bn-key.sheet.on{padding-bottom:10px}.bn-preset{display:flex;align-items:center;gap:10px;min-width:0;min-height:0;padding:0 12px;border-radius:14px;color:#fff;text-align:left;background:linear-gradient(150deg,var(--p1),var(--p2));box-shadow:inset 0 .5px #ffffff40;transition:filter .15s,box-shadow .15s}.bn-preset:hover{filter:brightness(1.06)}.bn-preset.on{box-shadow:inset 0 0 0 2px #ffffffd9}.bn-preset-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#fff3}.bn-task{display:flex;align-items:center;gap:8px;height:34px;padding:0 6px;border-radius:10px;transition:background .15s}.bn-task:hover{background:var(--fill)}.bn-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 1.5px var(--text-3);transition:background .15s,box-shadow .15s}.bn-check.on{background:var(--accent);box-shadow:none}.bn-small{display:flex;flex-direction:column;min-height:168px;padding:14px;overflow:hidden}.bn-small.due{box-shadow:var(--lift),inset 0 0 0 2px var(--accent)}.bn-more{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-right:-4px;border-radius:50%;color:var(--text-3);transition:background .15s,color .15s}.bn-more:hover,.bn-more[aria-expanded=true]{color:var(--text);background:var(--fill)}.bn-small-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding-top:16px}.bn-drink{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:30px;margin-top:10px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);transition:background .15s,color .15s}.bn-drink:hover{color:#fff;background:var(--accent)}.bn-small-body>.bn-drink:only-child,.bn-small-body>.bn-drink{margin-top:0}.bn-line{position:relative;display:block;height:4px;border-radius:4px;background:var(--fill-2);overflow:hidden}.bn-line>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width 1s linear}.bn-line.dashed{background:repeating-linear-gradient(90deg,var(--fill-2) 0 6px,transparent 6px 10px)}.bn-cups{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.bn-cups>i{height:10px;border-radius:3px;background:var(--fill-2);transition:background .3s}.bn-cups>i.on{background:var(--accent)}.bn-plus{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;color:var(--accent);background:var(--accent-soft);transition:background .15s,transform .15s}.bn-plus:hover{color:#fff;background:var(--accent)}.bn-plus:active{transform:scale(.92)}.bn-opt{height:26px;border-radius:8px;font-size:12px;color:var(--text-2);background:var(--fill);transition:background .15s,color .15s}.bn-opt:hover{color:var(--text);background:var(--fill-2)}.bn-opt.on{color:#fff;background:var(--accent);font-weight:600}@media(min-width:1180px)and (max-height:840px){.bn-card.p-\[18px\]{padding:14px}.bn-small{padding:12px}.bn-key{padding:8px 9px}.bn-key.on{padding-bottom:20px}.bn-key-ico{width:24px;height:24px}.bn-key-range{bottom:3px}.bn-task{height:30px}.bn-small .bn-fig{font-size:26px!important}.bn-small-body{padding-top:8px;gap:6px}}@media(min-width:1180px)and (max-width:1399px){.bn-small{padding:12px}}.bn-eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.bn-eq i{width:2px;border-radius:1px;background:currentColor;animation:bn-eq .9s ease-in-out infinite alternate}.bn-eq i:nth-child(2){animation-delay:-.3s}.bn-eq i:nth-child(3){animation-delay:-.6s}@keyframes bn-eq{0%{height:3px}to{height:10px}}.bn-fade{animation:bn-fade .7s ease both}@keyframes bn-fade{0%{opacity:0}to{opacity:1}}.bn-fade.bn-drift{animation:bn-fade .7s ease both,bn-drift 40s ease-in-out .7s infinite alternate}.bn-pop{animation:bn-pop .25s cubic-bezier(.2,1,.4,1) both}@keyframes bn-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bn-drift,.bn-eq i,.bn-fade,.bn-pop{animation:none}.bn-eq i{height:8px}}.bn-banner{padding:11px 12px 0;border-radius:22px;color:#111;background:#f6f6f8c7;backdrop-filter:blur(28px) saturate(1.8);box-shadow:0 0 0 .5px #0000000f,0 14px 40px -12px #00000059;animation:bn-banner-in .55s cubic-bezier(.2,1.25,.4,1) both;overflow:hidden}.bn[data-tone=dark] .bn-banner{color:#fff;background:#2c2c2ecc;box-shadow:0 0 0 .5px #ffffff1a,0 14px 40px -12px #0009}.bn-banner-app{width:38px;height:38px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 0 0 .5px #ffffff4d}.bn-banner-actions{display:flex;margin:10px -12px 0;border-top:.5px solid rgba(127,127,127,.28)}.bn-banner-actions button{flex:1;height:40px;font-size:14px;color:inherit;opacity:.8}.bn-banner-actions button+button{border-left:.5px solid rgba(127,127,127,.28)}.bn-banner-actions button.primary{color:var(--accent, #f86a3a);font-weight:600;opacity:1}.bn-banner-actions button:hover{background:#7f7f7f1a}@keyframes bn-banner-in{0%{opacity:0;transform:translateY(-120%) scale(.92)}}@media(prefers-reduced-motion:reduce){.bn-banner{animation:none}}.bn{--dk-bg: var(--panel);--dk-ink: var(--text);--dk-ink-2: var(--text-2);--dk-ink-3: var(--text-3);--dk-accent: var(--accent);--dk-accent-2: var(--accent-d);--dk-wash: var(--fill);--dk-line: var(--fill-3);--dk-edge: rgba(0, 0, 0, .06);--dk-r: var(--r);--dk-shadow: var(--lift)}.bn[data-tone=dark]{--dk-edge: rgba(255, 255, 255, .08)}.bn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bn-stats>span{min-width:0}.bn-stats .bn-fig{display:block;font-size:22px}.bn-stats em{display:block;margin-top:5px;font-size:11.5px;font-style:normal;color:var(--text-2);white-space:nowrap}.bn-week{height:54px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.bn-week>button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.bn-week i{display:block;width:min(100%,16px);border-radius:4px;background:color-mix(in srgb,#5e8bf0 35%,transparent);transition:height .4s ease,background .15s}.bn-week .now i,.bn-week .on i{background:#5e8bf0}.bn-week span{flex:none;font-size:10.5px;color:var(--text-2)}.bn-week .now span{color:var(--text);font-weight:600}.bn-rems{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:6px;margin-top:8px}.bn-rem{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px 6px 6px;border-radius:14px;background:color-mix(in srgb,var(--c) 9%,transparent);transition:background .15s}.bn-rem:hover,.bn-rem.open{background:color-mix(in srgb,var(--c) 15%,transparent)}.bn-rem.due{box-shadow:inset 0 0 0 1.5px var(--c)}.bn-rem.due .bn-rem-ico{animation:bn-pulse 1s ease-in-out infinite alternate}@keyframes bn-pulse{to{transform:scale(1.12)}}.bn-rem-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--c)}.bn-rem-act{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--c);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent);transition:background .15s,color .15s}.bn-rem-act:hover{color:#fff;background:var(--c)}@media(prefers-reduced-motion:reduce){.bn-rem.due .bn-rem-ico{animation:none}}@media(min-width:1180px)and (max-height:959px){.bn-week{display:none}}@media(min-width:1180px)and (max-height:860px){.bn-rem{min-height:38px;padding-top:4px;padding-bottom:4px}.bn-rem-ico{width:28px;height:28px}}@media(min-width:1180px)and (max-height:760px){.bn-grid{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr)}}@media(min-width:1180px)and (max-height:800px){.bn-today .bn-card{padding-top:12px!important;padding-bottom:12px!important}.bn-focus .bn-ring{display:none}.bn-focus .bn-fig{font-size:38px!important}.bn-rem .block+.block{display:none}.bn-rem{min-height:32px}.bn-rems{margin-top:6px;gap:4px}}@media(min-width:1180px)and (max-height:680px){.bn-rems{flex-direction:row}.bn-rems>*{flex:1 1 0;min-width:0}.bn-rem{gap:6px;padding:4px 6px 4px 4px;min-height:36px}.bn-rem .min-w-0.flex-1,.bn-rem .bn-sw{display:none}.bn-rem .bn-fig{font-size:14px;margin-left:auto}.bn-rem-ico{width:26px;height:26px}}@media(max-width:1179px){.bn .bn-a-todo .ui-todos{flex:none;max-height:170px}.bn-grid{align-items:start}.bn-rems{justify-content:flex-start}.bn-preset{min-height:52px}}.bn-snd-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.bn-snd-chip{display:flex;align-items:center;gap:6px;min-width:0;height:44px;padding:0 8px 0 6px;border-radius:12px;font-size:12.5px;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--c) 12%,transparent)}.bn-snd-chip-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;color:#fff;background:var(--c)}.bn-snd-chip-lv{display:block;height:3px;margin-top:5px;border-radius:3px;background:color-mix(in srgb,var(--c) 18%,transparent);overflow:hidden}.bn-snd-chip-lv i{display:block;height:100%;border-radius:inherit;background:var(--c)}.bn-snd-chips.idle .bn-snd-chip{opacity:.6}@media(min-width:1180px)and (max-height:760px){.bn-snd-chip{height:36px}.bn-snd-chips{margin-top:8px}}.bn-sw{flex:none;position:relative;width:36px;height:22px;border-radius:999px;background:var(--fill-2);transition:background .2s}.bn-sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s cubic-bezier(.3,.7,.3,1)}.bn-sw.on{background:var(--c)}.bn-sw.on:after{transform:translate(14px)}.bn-a-player{container-type:inline-size}@container (max-width: 330px){.bn-snd-chip-ico{display:none}.bn-snd-chip{padding-left:9px;box-shadow:inset 3px 0 0 var(--c)}}