/* Every selector is scoped to the board. No fonts, resets or styles leak into the theme. */
.boris-sb.boris-sb {
  --boris-bg:#111315; --boris-surface:#1b1e20; --boris-line:#333638;
  --boris-text:#f5f3ec; --boris-muted:#aaaead; --boris-orange:#ff794d;
  box-sizing:border-box; container:boris / inline-size; isolation:isolate;
  width:100%; max-width:1400px; margin:24px auto; overflow:clip;
  border:1px solid #2b2e30; border-radius:22px; color:var(--boris-text);
  background:var(--boris-bg); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:16px; line-height:1.5; text-align:left; color-scheme:dark;
  box-shadow:0 24px 70px #0002;
}
.boris-sb *, .boris-sb *::before, .boris-sb *::after { box-sizing:border-box; }
.boris-sb [hidden] { display:none !important; }
.boris-sb :is(h2,p) { margin:0; padding:0; color:inherit; font:inherit; }
.boris-sb button { font:inherit; line-height:1.25; text-transform:none; letter-spacing:normal; margin:0; border:0; border-radius:0; box-shadow:none; background:none; color:inherit; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.boris-sb button::before,.boris-sb button::after { content:none; }
.boris-sb :is(input,select,output) { font:inherit; letter-spacing:normal; text-transform:none; color:inherit; box-shadow:none; margin:0; }
.boris-sb button:disabled { cursor:default; opacity:1; }
.boris-sb :is(button,input,select):focus-visible { outline:2px solid var(--boris-orange); outline-offset:4px; }
.boris-sb .boris-icon { width:21px; height:21px; display:inline-block; vertical-align:middle; flex-shrink:0; pointer-events:none; }
.boris-sb .boris-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.boris-sb .boris-hero { padding:28px 40px 0; position:relative; background:radial-gradient(ellipse at 86% 70%,#51332535,transparent 60%),#17191b; }
.boris-sb .boris-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:26px; border-bottom:1px solid var(--boris-line); }
.boris-sb :is(.boris-brand,.boris-rec,.boris-eyebrow,.boris-hero-footer,.boris-dock-eyebrow,.boris-footer) { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
.boris-sb .boris-brand { display:flex; align-items:center; gap:10px; color:#cac9c3; font-size:10px; letter-spacing:1.5px; }
.boris-sb .boris-brand .boris-icon { color:var(--boris-orange); width:26px; }
.boris-sb .boris-rec { display:flex; align-items:center; gap:8px; font-size:9px; letter-spacing:1.2px; color:var(--boris-muted); }
.boris-sb .boris-rec i { display:block; width:6px; height:6px; border-radius:50%; background:var(--boris-orange); box-shadow:0 0 12px #ff794d55; }
.boris-sb .boris-hero-body { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:40px 0 38px; }
.boris-sb .boris-hero-copy { min-width:0; }
.boris-sb .boris-eyebrow { color:var(--boris-orange); letter-spacing:2px; font-size:10px; margin:0 0 12px; }
.boris-sb .boris-title { font-family:Impact,"Arial Narrow",-apple-system,BlinkMacSystemFont,sans-serif; font-weight:900; line-height:.95; letter-spacing:-2px; margin:0 0 25px; }
.boris-sb .boris-title > span { display:block; }
.boris-sb .boris-title > span:first-child { font-size:100px; }
.boris-sb .boris-title > span:nth-child(2) { font-size:48px; letter-spacing:-1.5px; margin-top:4px; }
.boris-sb .boris-title-dot { color:var(--boris-orange); }
.boris-sb .boris-tagline { font-size:20px; font-weight:650; letter-spacing:-.5px; }
.boris-sb .boris-subtitle { color:var(--boris-muted); font-size:13px; margin-top:7px; }
.boris-sb .boris-hero-footer { display:flex; flex-wrap:wrap; align-items:center; gap:26px; border-top:1px solid var(--boris-line); padding:16px 0; font-size:9px; letter-spacing:1px; color:var(--boris-muted); }
.boris-sb .boris-hero-footer strong { color:var(--boris-text); font-size:13px; margin-right:5px; }
.boris-sb .boris-ready-total { margin-left:auto; }
/* A small cassette drawn entirely in CSS, without using series stills. */
.boris-sb .boris-art { flex:0 0 318px; height:220px; background:#242629; border:1px solid #55514c; border-radius:16px; box-shadow:14px 20px 0 -4px #08080870,0 15px 50px #0007; transform:rotate(-7deg); position:relative; padding:15px 19px; margin:5px 35px 0 8px; }
.boris-sb .boris-art::before,.boris-sb .boris-art::after { content:'+'; position:absolute; color:#74716a; font-family:monospace; font-size:13px; top:3px; }
.boris-sb .boris-art::before { left:8px; }.boris-sb .boris-art::after { right:8px; }
.boris-sb .boris-tape { display:flex; justify-content:space-between; font:8px monospace; letter-spacing:.8px; color:#c1bfb4; }
.boris-sb .boris-reels { display:flex; justify-content:space-between; padding:10px 17px; position:relative; height:74px; margin-top:5px; border-radius:30px; border:1px solid #4e4f4b; background:#151718; }
.boris-sb .boris-reels::after { content:''; position:absolute; top:25px; left:100px; width:78px; height:19px; border-block:2px solid #878276; background:repeating-linear-gradient(90deg,#33302b 0 5px,#1d1b18 6px 8px); }
.boris-sb .boris-reel { position:relative; width:50px; height:50px; background:#a8a296; border:8px solid #ddd4c1; border-radius:50%; outline:4px solid #484640; }
.boris-sb .boris-reel::after { content:''; position:absolute; inset:10px; background:#161718; border-radius:50%; }
.boris-sb .boris-reel b { position:absolute; top:14px; left:14px; width:7px; height:7px; background:#242629; transform:rotate(0deg) translateY(-12px); border-radius:2px; }
.boris-sb .boris-reel b:nth-child(2) { transform:rotate(72deg) translateY(-12px); }.boris-sb .boris-reel b:nth-child(3) { transform:rotate(144deg) translateY(-12px); }.boris-sb .boris-reel b:nth-child(4) { transform:rotate(216deg) translateY(-12px); }.boris-sb .boris-reel b:nth-child(5) { transform:rotate(288deg) translateY(-12px); }
.boris-sb .boris-tape-label { position:absolute; top:108px; left:17px; width:284px; padding:6px 15px; background:#e8dfc9; color:#232323; font-size:24px; font-weight:900; line-height:.95; letter-spacing:-1px; transform:rotate(2deg); box-shadow:1px 2px 5px #0005; }
.boris-sb .boris-tape-label em { color:#b14422; font-style:normal; }.boris-sb .boris-tape-label span { display:block; font:8px monospace; letter-spacing:.4px; margin-top:7px; }
.boris-sb .boris-tape-bottom { position:absolute; bottom:10px; left:21px; right:21px; display:flex; justify-content:space-between; font:8px monospace; letter-spacing:1px; color:#b5b1a7; }
.boris-sb.has-playback .boris-reel { animation:boris-reel-turn 4s linear infinite; }
.boris-sb .boris-workspace { padding:30px 32px 10px; }
.boris-sb .boris-tools { display:flex; align-items:stretch; gap:10px; margin-bottom:22px; }
.boris-sb .boris-search-wrap { display:flex; flex:1; min-width:0; align-items:center; position:relative; }
.boris-sb .boris-search-wrap > .boris-icon { position:absolute; left:17px; color:#b9bab5; width:18px; }
.boris-sb input.boris-search { display:block; width:100%; min-width:0; height:53px; padding:0 40px 0 46px; border:1px solid var(--boris-line); border-radius:10px; background:#1a1d1f; color:var(--boris-text); font-size:14px; }
.boris-sb input.boris-search::placeholder { color:#a6aaa8; opacity:1; }
.boris-sb .boris-search-hint { position:absolute; right:15px; padding:0 5px; color:#858b88; border:1px solid #444845; border-radius:4px; font:11px monospace; }
.boris-sb .boris-random { min-height:53px; display:flex; justify-content:center; align-items:center; gap:10px; padding:0 21px; background:var(--boris-orange); color:#21160f; font-size:12px; font-weight:850; letter-spacing:.6px; border:1px solid var(--boris-orange); border-radius:10px; transition:background .18s,transform .18s; }
.boris-sb .boris-random:hover:not(:disabled) { background:#ff966e; transform:translateY(-1px); }
.boris-sb .boris-random:disabled { background:#362922; color:#d2a58e; border-color:#644533; }
.boris-sb .boris-stop { min-height:53px; padding:0 18px; display:flex; align-items:center; gap:8px; color:#d7d7ce; border:1px solid #444643; border-radius:10px; font-size:11px; font-weight:750; }
.boris-sb .boris-stop .boris-icon { width:17px; fill:currentColor; }
.boris-sb .boris-stop:hover:not(:disabled) { color:var(--boris-orange); border-color:var(--boris-orange); }.boris-sb .boris-stop:disabled { color:#858d8a; border-color:#363a37; }
.boris-sb .boris-filters { display:flex; gap:5px; align-items:center; overflow-x:auto; padding:4px 2px 10px; scrollbar-width:thin; scrollbar-color:#4b4d47 transparent; }
.boris-sb .boris-filter { flex-shrink:0; min-height:44px; padding:8px 14px; font-size:11px; text-transform:uppercase; letter-spacing:.5px; font-weight:700; color:var(--boris-muted); border:1px solid transparent; border-radius:7px; white-space:nowrap; }
.boris-sb .boris-filter:hover { background:#212527; color:var(--boris-text); }.boris-sb .boris-filter.is-selected { color:#f4ede0; background:#353832; border-color:#505348; }
.boris-sb .boris-library-bar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 0 15px; }
.boris-sb .boris-result-count { font-size:11px; color:var(--boris-muted); font-weight:650; white-space:nowrap; }
.boris-sb .boris-library-filters { display:flex; align-items:center; gap:13px; }
.boris-sb select.boris-category { max-width:205px; min-height:44px; padding:5px 24px 5px 10px; border:1px solid #343936; border-radius:7px; font-size:11px; background:#1b1e20; }
.boris-sb .boris-favorites-filter { display:flex; align-items:center; gap:6px; min-height:44px; padding:5px 11px; border:1px solid #343936; border-radius:7px; font-size:11px; font-weight:600; color:#c5c8c0; }
.boris-sb .boris-favorites-filter .boris-icon { width:16px; height:16px; }.boris-sb .boris-favorites-filter[aria-pressed=true] { border-color:#9d7143; color:#f5c978; background:#362b1e; }
.boris-sb .boris-favorite-count { font:10px monospace; color:#c2c5be; padding-left:4px; }
.boris-sb .boris-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.boris-sb .boris-card { position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #34383a; background:linear-gradient(145deg,#212426,#191c1e); border-radius:12px; transition:border-color .2s,transform .2s,background .2s; scroll-margin-block:100px; }
.boris-sb .boris-card:hover { border-color:#656257; transform:translateY(-2px); }.boris-sb .boris-card:focus { outline:2px solid var(--boris-orange); outline-offset:3px; }
.boris-sb .boris-card-top { display:flex; align-items:center; gap:9px; padding:15px 12px 0 17px; min-height:57px; }
.boris-sb .boris-avatar { display:grid; place-items:center; flex:0 0 28px; height:28px; border:1px solid #4c4e45; border-radius:8px; background:#34382f; font:700 12px monospace; color:#d4d6c5; }
.boris-sb .boris-card:nth-child(3n+2) .boris-avatar { background:#342d2a; border-color:#574137; color:#e8b494; }.boris-sb .boris-card:nth-child(3n) .boris-avatar { background:#293339; border-color:#3b4a50; color:#adccd7; }
.boris-sb .boris-character { flex:1; font-size:10px; font-weight:750; letter-spacing:.7px; line-height:1.4; text-transform:uppercase; color:#c4c6bd; overflow-wrap:anywhere; }
.boris-sb .boris-favorite { flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center; color:#b5b8ad; border-radius:8px; }
.boris-sb .boris-favorite .boris-icon { width:18px; height:18px; }.boris-sb .boris-favorite:hover { background:#ffffff08; color:#f1c97a; }.boris-sb .boris-favorite[aria-pressed=true] { color:#ffcd76; }.boris-sb .boris-favorite[aria-pressed=true] .boris-icon { fill:#ffcd76; }
.boris-sb .boris-play { display:flex; flex:1; flex-direction:column; text-align:left; width:100%; padding:12px 20px 17px; min-height:142px; }
.boris-sb .boris-quote { display:block; flex:1; color:#f1efe7; font-size:21px; line-height:1.28; letter-spacing:-.6px; font-weight:720; overflow-wrap:anywhere; padding:0 0 24px; }
.boris-sb .boris-play-line { display:flex; align-items:center; gap:9px; width:100%; margin-top:auto; }
.boris-sb .boris-play-symbol { width:29px; height:29px; flex-shrink:0; display:grid; place-items:center; border:1px solid #695143; color:var(--boris-orange); border-radius:50%; background:#40302380; }
.boris-sb .boris-play-symbol .boris-icon { width:13px; height:13px; fill:currentColor; }.boris-sb .is-missing .boris-play-symbol .boris-icon { fill:none; }
.boris-sb .boris-play-label { color:#e4b395; font-size:9px; font-weight:750; letter-spacing:.65px; }.boris-sb .is-missing .boris-play-label { color:#a5aea8; font-size:10px; font-weight:500; letter-spacing:0; }.boris-sb .is-missing .boris-play-symbol { background:transparent; border-color:#444d46; color:#a5aea8; }
.boris-sb .boris-card-bottom { display:flex; gap:7px; align-items:center; padding:0 10px 0 20px; border-top:1px solid #ffffff09; min-height:44px; }
.boris-sb .boris-track-number { font:9px monospace; color:#929b96; }.boris-sb .boris-card-category { font-size:9px; letter-spacing:.1px; color:#a4aaa2; flex:1; }
.boris-sb .boris-share { width:44px; height:44px; display:grid; place-items:center; border-radius:7px; color:#9da69e; }.boris-sb .boris-share .boris-icon { width:15px; height:15px; }.boris-sb .boris-share:hover { color:var(--boris-orange); }
.boris-sb .boris-wave { display:none; margin-left:auto; align-items:center; height:22px; gap:2px; }
.boris-sb .boris-wave i { width:2px; height:16px; background:var(--boris-orange); border-radius:2px; animation:boris-wave .7s ease-in-out infinite alternate; }.boris-sb .boris-wave i:nth-child(2) { animation-delay:-.3s; height:10px; }.boris-sb .boris-wave i:nth-child(3) { animation-delay:-.5s; height:20px; }.boris-sb .boris-wave i:nth-child(4) { animation-delay:-.2s; height:12px; }.boris-sb .boris-wave i:nth-child(5) { animation-delay:-.6s; }
.boris-sb .is-playing .boris-wave { display:flex; }.boris-sb .is-playing .boris-play-symbol { background:var(--boris-orange); color:#25160f; }
.boris-sb .is-playing .boris-play-symbol .boris-icon { display:none; }.boris-sb .is-playing .boris-play-symbol::after { content:''; width:9px; height:9px; background:#25160f; border-radius:2px; }
.boris-sb .boris-card.is-playing { border-color:var(--boris-orange); background:linear-gradient(140deg,#362821,#202020); box-shadow:0 0 0 1px #ff794d20; }
.boris-sb .boris-card.is-highlighted { border-color:#f2c374; box-shadow:0 0 0 2px #f2c37422; }
.boris-sb .boris-card.is-loading { border-color:#bd9072; }.boris-sb .is-loading .boris-play-symbol { border-right-color:transparent; animation:boris-reel-turn .8s linear infinite; }.boris-sb .is-loading .boris-play-symbol .boris-icon { visibility:hidden; }
.boris-sb .boris-card-progress { position:absolute; bottom:0; left:0; width:100%; height:2px; pointer-events:none; }.boris-sb .boris-card-progress span { display:block; height:100%; width:0; background:var(--boris-orange); transition:width .2s linear; }
.boris-sb .boris-dock { position:sticky; bottom:12px; z-index:8; display:flex; align-items:center; gap:20px; padding:15px 20px; margin:26px 0 0; border:1px solid #4d5147; background:#242823f5; border-radius:11px; box-shadow:0 10px 40px #0007; backdrop-filter:blur(12px); }
.boris-sb .boris-dock-track { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }.boris-sb .boris-dock-track > div { min-width:0; }
.boris-sb .boris-dock-icon { display:grid; place-items:center; height:35px; width:35px; flex-shrink:0; background:#3b4135; border-radius:8px; color:#c4d0aa; }.boris-sb .boris-dock-icon .boris-icon { width:16px; fill:currentColor; }
.boris-sb .boris-dock-eyebrow { display:block; font-size:8px; letter-spacing:1.5px; color:#b3baab; margin-bottom:3px; }
.boris-sb .boris-now-playing { font-size:11px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boris-sb .boris-dock.is-active { border-color:#a57051; }.boris-sb .boris-dock.is-active .boris-dock-icon { background:#5b3b27; color:var(--boris-orange); }
.boris-sb .boris-volume-wrap { display:flex; align-items:center; gap:10px; }.boris-sb .boris-volume-wrap label { display:grid; place-items:center; margin:0; }.boris-sb .boris-volume-wrap .boris-icon { width:17px; color:#c8cbbb; }
.boris-sb input.boris-volume { appearance:none; -webkit-appearance:none; display:block; width:105px; height:44px; padding:0; border:0; border-radius:0; background:transparent; accent-color:var(--boris-orange); cursor:pointer; }
.boris-sb input.boris-volume::-webkit-slider-runnable-track { height:3px; border-radius:3px; background:linear-gradient(to right,var(--boris-orange) var(--boris-volume,80%),#626557 var(--boris-volume,80%)); }
.boris-sb input.boris-volume::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:14px; height:14px; border-radius:50%; background:#f4dfc9; margin-top:-5.5px; border:0; }
.boris-sb input.boris-volume::-moz-range-track { height:3px; border-radius:3px; background:#626557; }.boris-sb input.boris-volume::-moz-range-progress { height:3px; background:var(--boris-orange); }.boris-sb input.boris-volume::-moz-range-thumb { width:14px; height:14px; border-radius:50%; background:#f4dfc9; border:0; }
.boris-sb .boris-volume-value { min-width:30px; font:9px monospace; color:#c8cbbb; }
.boris-sb .boris-session { font:9px monospace; color:#bac0b3; border-left:1px solid #4b5245; padding-left:17px; white-space:nowrap; }.boris-sb .boris-session strong { color:#f2f1dc; font-size:13px; }
.boris-sb .boris-empty { text-align:center; padding:50px 18px; border:1px dashed #42493f; border-radius:12px; }.boris-sb .boris-empty strong { font-size:19px; }.boris-sb .boris-empty p { font-size:13px; color:var(--boris-muted); margin:9px 0 15px; }.boris-sb .boris-reset { min-height:44px; padding:8px 16px; border:1px solid #aa7352; color:#ffc39a; border-radius:8px; font-size:12px; }
.boris-sb .boris-toast { min-height:23px; padding:6px 3px; color:#ead3b9; font-size:12px; }.boris-sb .boris-toast.is-visible { position:sticky; bottom:92px; background:#333129; padding:12px 15px; border:1px solid #756953; border-radius:9px; z-index:9; margin-top:10px; box-shadow:0 4px 20px #0005; }
.boris-sb .boris-share-panel { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:18px; border:1px solid #73644f; background:#262923; border-radius:10px; margin:10px 0; }.boris-sb .boris-share-panel label { font-size:12px; }.boris-sb .boris-share-url { flex:1; min-width:150px; max-width:100%; height:44px; padding:8px; border:1px solid #766e5f; background:#171b17; border-radius:6px; font-size:14px; }.boris-sb .boris-close-share { min-height:44px; padding:10px; color:#ffd0ab; }
.boris-sb .boris-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 35px; border-top:1px solid #2d322d; color:#99a095; font-size:8px; letter-spacing:.8px; }
.boris-sb .boris-easter { min-height:44px; display:flex; align-items:center; gap:9px; padding:4px; font:inherit; letter-spacing:inherit; color:#b0b5a5; }.boris-sb .boris-easter .boris-icon { width:23px; color:#d79664; }.boris-sb .boris-easter:hover { color:#ffc497; }
.boris-sb .boris-notice { border:1px solid #92694d; background:#322d24; padding:14px; margin:10px 0; color:#ffe3bf; font-size:14px; }
@keyframes boris-wave { from { transform:scaleY(.28); } to { transform:scaleY(1); } }
@keyframes boris-reel-turn { to { transform:rotate(360deg); } }
@container boris (max-width:1080px) {
  .boris-sb .boris-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .boris-sb .boris-art { margin-right:10px; transform:rotate(-6deg) scale(.9); flex-basis:318px; }
  .boris-sb .boris-hero { padding-inline:30px; }
}
@container boris (max-width:780px) {
  .boris-sb .boris-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .boris-sb .boris-art { display:none; }
  .boris-sb .boris-hero-body { padding:28px 0; }
  .boris-sb .boris-rec { display:none; }
  .boris-sb .boris-title > span:first-child { font-size:84px; }
  .boris-sb .boris-title > span:nth-child(2) { font-size:42px; }
  .boris-sb .boris-workspace { padding:24px 22px 8px; }
  .boris-sb .boris-tools { flex-wrap:wrap; }
  .boris-sb .boris-search-wrap { flex-basis:100%; }
  .boris-sb .boris-random { flex:1; }
  .boris-sb .boris-hero-footer { gap:15px; }
  .boris-sb .boris-ready-total { display:none; }
  .boris-sb .boris-dock { flex-wrap:wrap; column-gap:15px; row-gap:4px; padding:12px 15px; }
  .boris-sb .boris-dock-track { flex-basis:100%; }
  .boris-sb .boris-volume-wrap { flex:1; }
  .boris-sb .boris-session { display:block; padding-left:10px; }
  .boris-sb .boris-toast.is-visible { bottom:130px; }
}
@container boris (max-width:510px) {
  .boris-sb .boris-hero { padding:22px 21px 0; }
  .boris-sb .boris-topline { padding-bottom:20px; }
  .boris-sb .boris-title > span:first-child { font-size:76px; }
  .boris-sb .boris-title > span:nth-child(2) { font-size:36px; letter-spacing:-1.5px; }
  .boris-sb .boris-tagline { font-size:17px; letter-spacing:-.2px; }
  .boris-sb .boris-subtitle { font-size:12px; }
  .boris-sb .boris-hero-footer { font-size:8px; letter-spacing:.3px; gap:12px; }
  .boris-sb .boris-hero-footer strong { font-size:12px; }
  .boris-sb .boris-workspace { padding:20px 14px 3px; }
  .boris-sb input.boris-search { font-size:16px; }
  .boris-sb .boris-search-hint { display:none; }
  .boris-sb .boris-filter { padding-inline:12px; font-size:10px; }
  .boris-sb .boris-library-bar { flex-wrap:wrap; gap:6px; padding-top:10px; }
  .boris-sb .boris-library-filters { flex:1; justify-content:flex-end; gap:6px; }
  .boris-sb select.boris-category { max-width:145px; font-size:11px; }
  .boris-sb .boris-grid { grid-template-columns:1fr; gap:11px; }
  .boris-sb .boris-play { min-height:117px; padding-top:7px; }
  .boris-sb .boris-quote { font-size:24px; padding-bottom:18px; }
  .boris-sb .boris-character { font-size:11px; }
  .boris-sb .boris-play-label { font-size:10px; }
  .boris-sb .boris-footer { flex-direction:column; text-align:center; padding:18px 16px; gap:3px; }
  .boris-sb .boris-dock { bottom:8px; padding:10px 12px; }
  .boris-sb input.boris-volume { width:85px; }
  .boris-sb .boris-session { font-size:8px; padding-left:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .boris-sb *, .boris-sb *::before,.boris-sb *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media (forced-colors:active) {
  .boris-sb .boris-card, .boris-sb button { border:1px solid ButtonText; }
  .boris-sb .is-playing, .boris-sb [aria-pressed=true] { outline:2px solid Highlight; }
}