html { color-scheme: dark; background: #060914; }
body { margin: 0; }
#blind-signal { max-width: 1200px; min-height: 100svh; margin: 0 auto; display: flex; flex-direction: column; }
#blind-signal .bs-main { flex: 1; }
#blind-signal a { color: inherit; text-decoration: none; }
#blind-signal a:hover { color: var(--bs-accent); }
#blind-signal .bs-top a { display: inline-flex; align-items: center; min-height: 44px; }
#blind-signal .bs-results-title:focus { outline: 2px solid var(--bs-accent); outline-offset: 5px; }
#blind-signal .bs-bottom a { text-decoration: underline; text-underline-offset: 4px; }
#blind-signal {
  --bs-ink:#060914;
  --bs-panel:#101827;
  --bs-paper:#fff4dd;
  --bs-accent:#70e0ff;
  --bs-muted:#a2afc3;
  --bs-line:#2b384d;
  background:var(--bs-ink);
  color:var(--bs-paper);
  font:14px/1.5 Arial,"Helvetica Neue",sans-serif;
  padding:26px 34px 22px;
  box-sizing:border-box;
  overflow:hidden}

    #blind-signal * {
  box-sizing:border-box}
#blind-signal [hidden] {
  display:none!important}

    #blind-signal .bs-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font:11px/1.5 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:1.3px}

    #blind-signal .bs-brand {
  font-weight:700;
  white-space:nowrap}
#blind-signal .bs-lab {
  color:var(--bs-muted)}

    #blind-signal .bs-main {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:center;
  gap:44px;
  padding:64px 0 48px}

    #blind-signal .bs-kicker {
  font:11px/1.6 ui-monospace,monospace;
  letter-spacing:2px;
  color:var(--bs-accent);
  margin:0 0 16px}

    #blind-signal h1 {
  font:900 clamp(48px,7.6vw,100px)/.9 Impact,"Arial Black",sans-serif;
  letter-spacing:-2px;
  margin:0 0 24px;
  color:var(--bs-paper)}

    #blind-signal .bs-tagline {
  font-size:22px;
  line-height:1.35;
  letter-spacing:-.6px;
  margin:0 0 13px;
  max-width:270px}

    #blind-signal .bs-detail {
  color:var(--bs-muted);
  font-size:13px;
  max-width:270px;
  margin:0;
  line-height:1.8}

    #blind-signal .bs-session {
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:12px;
  font:11px/1.5 ui-monospace,monospace;
  color:var(--bs-muted)}

    #blind-signal .bs-dots {
  display:flex;
  gap:5px}
#blind-signal .bs-dots span {
  width:20px;
  height:3px;
  background:var(--bs-line)}
#blind-signal .bs-dots span[data-state=current] {
  background:var(--bs-accent)}
#blind-signal .bs-dots span[data-state=done] {
  background:var(--bs-paper)}

    #blind-signal .bs-player {
  background:var(--bs-panel);
  border:1px solid var(--bs-line);
  padding:22px;
  min-width:0;
  position:relative}

    #blind-signal .bs-player-head {
  display:flex;
  justify-content:space-between;
  gap:15px;
  font:11px/1.5 ui-monospace,monospace;
  letter-spacing:1px;
  color:var(--bs-muted)}
#blind-signal .bs-signal-label {
  color:var(--bs-accent)}

    #blind-signal .bs-scope {
  height:200px;
  display:grid;
  place-items:center;
  position:relative;
  margin:12px 0 4px;
  background-image:radial-gradient(var(--bs-line) .7px,transparent .7px);
  background-size:16px 16px}

    #blind-signal .bs-scope svg {
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  overflow:hidden}
#blind-signal .bs-orbit {
  stroke:var(--bs-line);
  fill:none;
  stroke-width:1}
#blind-signal .bs-wave {
  stroke:var(--bs-accent);
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round}
#blind-signal .bs-baseline {
  stroke:var(--bs-line);
  stroke-width:1}

    #blind-signal .bs-identity {
  font:11px/1.5 ui-monospace,monospace;
  color:var(--bs-muted);
  letter-spacing:3px;
  align-self:end;
  margin-bottom:12px;
  position:relative}

    #blind-signal .bs-time {
  display:flex;
  justify-content:space-between;
  gap:10px;
  font:11px/1.5 ui-monospace,monospace;
  color:var(--bs-muted)}
#blind-signal .bs-track {
  height:3px;
  background:var(--bs-line);
  margin:9px 0 20px}
#blind-signal .bs-fill {
  width:0;
  height:100%;
  background:var(--bs-accent)}

    #blind-signal button {
  font:inherit;
  cursor:pointer;
  border-radius:0;
  min-height:44px;
  padding:10px 18px;
  color:var(--bs-paper);
  border:1px solid var(--bs-line);
  background:transparent}
#blind-signal button:hover:enabled {
  border-color:var(--bs-accent)}
#blind-signal button:disabled {
  opacity:.38;
  cursor:default}
#blind-signal a:focus-visible,#blind-signal button:focus-visible,#blind-signal input:focus-visible {
  outline:2px solid var(--bs-accent);
  outline-offset:4px}

    #blind-signal .bs-play {
  width:100%;
  background:var(--bs-paper);
  color:var(--bs-ink);
  border-color:var(--bs-paper);
  font-weight:700}
#blind-signal .bs-play:hover:enabled {
  background:var(--bs-accent);
  border-color:var(--bs-accent)}

    #blind-signal .bs-choices {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:9px}
#blind-signal .bs-keep {
  color:var(--bs-accent)}

    #blind-signal .bs-status {
  margin:14px 0 0;
  min-height:36px;
  font-size:12px;
  line-height:1.5;
  color:var(--bs-muted)}

    #blind-signal .bs-volume {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  color:var(--bs-muted);
  margin-top:6px}
#blind-signal .bs-volume input {
  width:100px;
  accent-color:var(--bs-accent);
  height:44px}
#blind-signal .bs-volume output {
  font-family:ui-monospace,monospace;
  min-width:30px}

    #blind-signal .bs-bottom {
  border-top:1px solid var(--bs-line);
  padding-top:17px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  font:11px/1.7 ui-monospace,monospace;
  color:var(--bs-muted)}
#blind-signal .bs-bottom strong {
  font-weight:400;
  color:var(--bs-accent)}

    #blind-signal .bs-results-title {
  font:11px/1.5 ui-monospace,monospace;
  color:var(--bs-muted);
  letter-spacing:1px;
  margin:0 0 12px}
#blind-signal .bs-result-row {
  padding:16px 0;
  border-top:1px solid var(--bs-line);
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px}
#blind-signal .bs-result-row h3 {
  font-size:17px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0;
  margin:3px 0;
  color:var(--bs-paper)}
#blind-signal .bs-result-meta {
  font-size:11px;
  color:var(--bs-muted);
  margin:0}
#blind-signal .bs-result-state {
  font:11px/1.5 ui-monospace,monospace;
  color:var(--bs-muted)}
#blind-signal .bs-result-state[data-kept=true] {
  color:var(--bs-accent)}
#blind-signal .bs-result-row button {
  min-width:72px;
  font-size:12px;
  padding:8px 11px}
#blind-signal .bs-restart {
  margin-top:18px;
  width:100%}

    @media(max-width:620px) {
  #blind-signal {
  padding:21px 20px}
#blind-signal .bs-top {
  font-size:10px;
  gap:10px;
  padding-right:0}
#blind-signal .bs-lab {
  display:none}
#blind-signal .bs-main {
  grid-template-columns:1fr;
  gap:27px;
  padding:32px 0 26px}
#blind-signal h1 {
  font-size:58px;
  line-height:.94;
  margin-bottom:14px;
  letter-spacing:-1.5px}
#blind-signal h1 br {
  display:none}
#blind-signal h1 br:after {
  content:" "}
#blind-signal .bs-tagline {
  font-size:19px;
  max-width:none;
  margin-bottom:9px}
#blind-signal .bs-detail {
  max-width:none;
  font-size:12px}
#blind-signal .bs-session {
  margin-top:16px}
#blind-signal .bs-player {
  padding:18px}
#blind-signal .bs-scope {
  height:150px}
#blind-signal .bs-bottom {
  font-size:11px}
#blind-signal .bs-result-row h3 {
  font-size:16px}
}

    @media(max-width:370px) {
  #blind-signal h1 {
  font-size:50px}
#blind-signal .bs-player {
  padding:14px}
#blind-signal .bs-choices button {
  padding-left:10px;
  padding-right:10px}
}