:root {
    --bg: #0c0f14;
    --card: #151a22;
    --line: #2a3344;
    --text: #eef2f7;
    --muted: #8b97ab;
    --green: #34d399;
    --amber: #fbbf24;
    --red: #fb7185;
    --cyan: #38bdf8;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    min-height: 100vh;
    background: #07090d;
    color: var(--text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    display: flex; align-items: center; justify-content: center;
    padding: 24px 16px;
  }
  .frame {
    width: 390px;
    background: var(--bg);
    border: 1px solid #1f2937;
    border-radius: 36px;
    padding: 12px 12px 10px;
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
  }
  .notch { width: 110px; height: 10px; background: #000; border-radius: 10px; margin: 4px auto 14px; }
  .app {
    background: linear-gradient(180deg, #10151e 0%, #0c0f14 40%);
    border-radius: 28px;
    min-height: 760px;
    display: flex; flex-direction: column;
    padding: 8px 16px 10px;
  }
  .status {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 12px; color: var(--muted); padding: 4px 4px 10px;
  }
  header h1 { font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
  header p { color: var(--muted); font-size: 13px; margin-top: 4px; }
  .badge {
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 12px; padding: 6px 10px; border-radius: 999px;
    background: #122018; border: 1px solid #1f3d30; color: var(--green);
    font-size: 12px; font-weight: 600;
  }
  .badge.warn { background: #2a1a14; border-color: #5c3a1e; color: var(--amber); }
  .badge.err { background: #2a1418; border-color: #5c1e2a; color: var(--red); }
  .badge i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
  .stage { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 18px 0 8px; }
  .note-row { display: flex; align-items: baseline; justify-content: center; min-height: 96px; }
  .note {
    font-size: 96px; font-weight: 750; line-height: 1; letter-spacing: -.04em;
    background: linear-gradient(180deg, #fff 20%, #9fb0c8);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .note.in-tune {
    background: linear-gradient(180deg, #ecfdf5 20%, #34d399);
    -webkit-background-clip: text; background-clip: text;
  }
  .octave { font-size: 28px; font-weight: 600; color: var(--muted); margin-left: 4px; }
  .freq { color: var(--muted); font-size: 14px; margin-top: 2px; min-height: 20px; }
  .gauge-wrap { width: 100%; margin: 22px 0 8px; }
  .gauge {
    position: relative; height: 88px;
    background: var(--card); border: 1px solid var(--line); border-radius: 18px;
    overflow: hidden;
  }
  .gauge .zones {
    position: absolute; inset: 0;
    background: linear-gradient(90deg,
      rgba(251,113,133,.18) 0%,
      rgba(251,191,36,.14) 28%,
      rgba(52,211,153,.22) 46%,
      rgba(52,211,153,.22) 54%,
      rgba(251,191,36,.14) 72%,
      rgba(251,113,133,.18) 100%);
  }
  .gauge .center {
    position: absolute; left: 50%; top: 12px; bottom: 12px; width: 2px;
    background: rgba(255,255,255,.35); transform: translateX(-50%);
  }
  .needle {
    position: absolute; top: 10px; bottom: 10px; width: 3px;
    left: 50%;
    background: var(--amber);
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(251,191,36,.55);
    transform: translateX(-50%);
    transition: left 140ms ease-out, background 160ms ease, box-shadow 160ms ease;
  }
  .needle.in-tune {
    background: var(--green);
    box-shadow: 0 0 12px rgba(52,211,153,.55);
  }
  .cents {
    margin-top: 10px; text-align: center;
    font-size: 15px; font-weight: 650; color: var(--amber);
    min-height: 22px;
  }
  .cents.in-tune { color: var(--green); }
  .cents span { color: var(--muted); font-weight: 500; }
  .strings {
    width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;
    margin-top: 18px;
  }
  .str {
    aspect-ratio: 1; border-radius: 14px; border: 1px solid var(--line);
    background: var(--card); display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 2px;
    font-size: 14px; font-weight: 700;
    cursor: pointer; color: var(--text);
    font-family: inherit;
  }
  .str small { font-size: 10px; color: var(--muted); font-weight: 500; }
  .str.active {
    border-color: var(--cyan); background: #102433;
    box-shadow: 0 0 0 1px var(--cyan), inset 0 0 20px rgba(56,189,248,.12);
    color: #bae6fd;
  }
  .str.ok { border-color: #1f3d30; color: var(--green); }
  .actions { width: 100%; display: grid; grid-template-columns: 1.4fr 1fr; gap: 10px; margin-top: 18px; }
  .btn {
    border: 0; border-radius: 14px; padding: 14px 12px; font: inherit;
    font-size: 14px; font-weight: 700; cursor: pointer;
  }
  .btn.primary { background: var(--green); color: #052e1c; }
  .btn.primary.off { background: var(--card); color: var(--text); border: 1px solid var(--line); }
  .btn.ghost { background: var(--card); color: var(--text); border: 1px solid var(--line); }
  .meta {
    width: 100%; margin-top: 12px; display: flex; justify-content: space-between;
    font-size: 12px; color: var(--muted);
  }
  .meta button {
    background: none; border: 0; color: var(--muted); font: inherit; font-size: 12px;
    cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
  }
  .tabs {
    margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
    padding: 12px 0 6px; border-top: 1px solid #1a2230;
  }
  .tab {
    text-align: center; padding: 10px 4px; border-radius: 12px;
    font-size: 12px; color: var(--muted); font-weight: 600;
  }
  .tab.on { background: #1a2332; color: var(--text); }
  .tab small { display: block; font-size: 10px; font-weight: 500; margin-top: 2px; color: #64748b; }
  .caption { margin-top: 14px; text-align: center; color: #64748b; font-size: 12px; }
  .screen {
    display: none; flex: 1; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: 12px; padding: 24px 8px;
  }
  .screen.show { display: flex; }
  .screen h2 { font-size: 18px; }
  .screen p { color: var(--muted); font-size: 14px; line-height: 1.5; max-width: 280px; }
  .hidden { display: none !important; }


  :root {
    --bg: #0c0f14;
    --card: #151a22;
    --line: #2a3344;
    --text: #eef2f7;
    --muted: #8b97ab;
    --green: #34d399;
    --amber: #fbbf24;
    --red: #fb7185;
    --cyan: #38bdf8;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    min-height: 100vh;
    background: #07090d;
    color: var(--text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    display: flex; align-items: center; justify-content: center;
    padding: 24px 16px;
  }
  .frame {
    width: 390px;
    background: var(--bg);
    border: 1px solid #1f2937;
    border-radius: 36px;
    padding: 12px 12px 10px;
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
  }
  .notch { width: 110px; height: 10px; background: #000; border-radius: 10px; margin: 4px auto 14px; }
  .app {
    background: linear-gradient(180deg, #10151e 0%, #0c0f14 40%);
    border-radius: 28px;
    min-height: 760px;
    display: flex; flex-direction: column;
    padding: 8px 16px 10px;
  }
  .status {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 12px; color: var(--muted); padding: 4px 4px 10px;
  }
  header h1 { font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
  header p { color: var(--muted); font-size: 13px; margin-top: 4px; }
  .badge {
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 12px; padding: 6px 10px; border-radius: 999px;
    background: #122018; border: 1px solid #1f3d30; color: var(--green);
    font-size: 12px; font-weight: 600;
  }
  .badge.warn { background: #2a1a14; border-color: #5c3a1e; color: var(--amber); }
  .badge i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
  .stage { flex: 1; display: flex; flex-direction: column; align-items: center; padding: 12px 0 8px; gap: 14px; }
  .btn.listen { width: 100%; background: #102433; color: #bae6fd; border: 1px solid var(--cyan); }
  .btn.small { padding: 9px 12px; font-size: 13px; font-weight: 650; }
  .btn:disabled { opacity: .4; cursor: default; }
  .seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-top: 10px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
  .seg-btn { border: 0; border-radius: 9px; padding: 9px 6px; font: inherit; font-size: 13px; font-weight: 700; color: var(--muted); background: transparent; cursor: pointer; }
  .seg-btn.on { background: #1a2332; color: var(--text); }
  .lb-panel { flex: 1; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; padding: 18px 4px; }
  .lb-panel.show { display: flex; }
  .lb-panel h2 { font-size: 18px; }
  .lb-panel p { color: var(--muted); font-size: 14px; line-height: 1.5; max-width: 290px; }
  .lb-progress { width: 100%; max-width: 280px; height: 8px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); overflow: hidden; }
  .lb-progress i { display: block; height: 100%; width: 0; background: var(--cyan); }
  .lb-big { font-size: 56px; font-weight: 800; line-height: 1; }
  .lb-tag { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line); }
  .lb-tag.sure { color: #bbf7d0; border-color: var(--green); }
  .lb-tag.maybe { color: #fde68a; border-color: #f59e0b; }
  .lb-row { display: flex; gap: 10px; width: 100%; max-width: 280px; }
  .lb-row .btn { flex: 1; }
  .lb-col { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 280px; }
  .bpm-row { display: flex; align-items: baseline; justify-content: center; gap: 4px; }
  .bpm {
    font-size: 88px; font-weight: 750; line-height: 1; letter-spacing: -.04em;
    background: linear-gradient(180deg, #fff 20%, #9fb0c8);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    min-width: 2.2ch; text-align: center;
  }
  .bpm-unit { font-size: 16px; font-weight: 600; color: var(--muted); }
  .bpm-controls { width: 100%; display: flex; align-items: center; gap: 8px; }
  .bpm-controls input[type="range"] {
    flex: 1; accent-color: var(--green); height: 4px;
  }
  .step {
    width: 40px; height: 40px; border-radius: 12px;
    border: 1px solid var(--line); background: var(--card);
    color: var(--text); font-size: 20px; font-weight: 700; cursor: pointer;
    font-family: inherit;
  }
  .bpm-input {
    width: 72px; text-align: center; border-radius: 12px;
    border: 1px solid var(--line); background: var(--card); color: var(--text);
    font: inherit; font-size: 16px; font-weight: 700; padding: 10px 6px;
  }
  .lights {
    width: 100%; display: flex; justify-content: center; gap: 10px; min-height: 28px;
  }
  .light {
    width: 22px; height: 22px; border-radius: 50%;
    background: #1a2230; border: 1px solid var(--line);
    transition: background 40ms linear, box-shadow 40ms linear, border-color 40ms linear;
  }
  .light.on {
    background: var(--amber);
    border-color: #a16207;
    box-shadow: 0 0 14px rgba(251,191,36,.55);
  }
  .light.on.accent {
    background: var(--green);
    border-color: #059669;
    box-shadow: 0 0 16px rgba(52,211,153,.65);
  }
  .row-label {
    width: 100%; font-size: 11px; color: var(--muted); font-weight: 600;
    letter-spacing: .04em; text-transform: uppercase;
  }
  .chips {
    width: 100%; display: flex; flex-wrap: wrap; gap: 8px;
  }
  .chip {
    border: 1px solid var(--line); background: var(--card); color: var(--text);
    border-radius: 999px; padding: 8px 12px; font: inherit; font-size: 13px;
    font-weight: 650; cursor: pointer;
  }
  .chip.on {
    border-color: var(--cyan); background: #102433; color: #bae6fd;
    box-shadow: 0 0 0 1px var(--cyan);
  }
  .actions { width: 100%; display: grid; grid-template-columns: 1.4fr 1fr; gap: 10px; margin-top: 4px; }
  .btn {
    border: 0; border-radius: 14px; padding: 14px 12px; font: inherit;
    font-size: 14px; font-weight: 700; cursor: pointer;
  }
  .btn.primary { background: var(--green); color: #052e1c; }
  .btn.primary.stop { background: var(--red); color: #450a0a; }
  .btn.ghost { background: var(--card); color: var(--text); border: 1px solid var(--line); }
  .meta {
    width: 100%; display: flex; justify-content: space-between;
    font-size: 12px; color: var(--muted);
  }
  .tabs {
    margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
    padding: 12px 0 6px; border-top: 1px solid #1a2230;
  }
  .tab {
    text-align: center; padding: 10px 4px; border-radius: 12px;
    font-size: 12px; color: var(--muted); font-weight: 600;
  }
  .tab.on { background: #1a2332; color: var(--text); }
  .tab small { display: block; font-size: 10px; font-weight: 500; margin-top: 2px; color: #64748b; }
  .caption { margin-top: 14px; text-align: center; color: #64748b; font-size: 12px; }
  .hint {
    width: 100%; margin-top: -4px; font-size: 11px; line-height: 1.4;
    color: #64748b; text-align: center;
  }


  :root {
    --bg: #0c0f14;
    --card: #151a22;
    --line: #2a3344;
    --text: #eef2f7;
    --muted: #8b97ab;
    --green: #34d399;
    --amber: #fbbf24;
    --red: #fb7185;
    --cyan: #38bdf8;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    min-height: 100vh;
    background: #07090d;
    color: var(--text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    display: flex; align-items: center; justify-content: center;
    padding: 24px 16px;
  }
  .frame {
    width: 390px;
    background: var(--bg);
    border: 1px solid #1f2937;
    border-radius: 36px;
    padding: 12px 12px 10px;
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
  }
  .notch { width: 110px; height: 10px; background: #000; border-radius: 10px; margin: 4px auto 14px; }
  .app {
    background: linear-gradient(180deg, #10151e 0%, #0c0f14 40%);
    border-radius: 28px;
    min-height: 760px;
    display: flex; flex-direction: column;
    padding: 8px 16px 10px;
  }
  .status {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 12px; color: var(--muted); padding: 4px 4px 10px;
  }
  header h1 { font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
  header p { color: var(--muted); font-size: 13px; margin-top: 4px; }
  .badge {
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 12px; padding: 6px 10px; border-radius: 999px;
    background: #122018; border: 1px solid #1f3d30; color: var(--green);
    font-size: 12px; font-weight: 600;
  }
  .badge.warn { background: #2a1a14; border-color: #5c3a1e; color: var(--amber); }
  .badge.err { background: #2a1418; border-color: #5c1e2a; color: var(--red); }
  .badge i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
  .stage { flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 14px 0 8px; }
  .panel { display: none; flex: 1; flex-direction: column; gap: 12px; }
  .panel.on { display: flex; }
  .level-cards { display: grid; gap: 10px; }
  .level {
    text-align: left; border: 1px solid var(--line); background: var(--card);
    border-radius: 16px; padding: 16px; color: var(--text); cursor: pointer;
    font: inherit;
  }
  .level h3 { font-size: 16px; margin-bottom: 6px; }
  .level p { font-size: 12px; color: var(--muted); line-height: 1.45; }
  .level.on { border-color: var(--cyan); box-shadow: 0 0 0 1px var(--cyan); background: #102433; }
  .progress {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 13px; color: var(--muted); font-weight: 600;
  }
  .play-box {
    background: var(--card); border: 1px solid var(--line); border-radius: 18px;
    padding: 22px 16px; text-align: center;
  }
  .play-box h2 { font-size: 18px; margin-bottom: 6px; }
  .play-box p { font-size: 13px; color: var(--muted); }
  .grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  }
  .ans {
    border: 1px solid var(--line); background: var(--card); color: var(--text);
    border-radius: 14px; padding: 14px 10px; font: inherit; font-size: 13px;
    font-weight: 650; cursor: pointer; text-align: center;
  }
  .ans:disabled { opacity: .55; cursor: default; }
  .ans.correct { border-color: #1f3d30; color: var(--green); background: #122018; }
  .ans.wrong { border-color: #5c1e2a; color: var(--red); background: #2a1418; }
  .ans.reveal { border-color: #1f3d30; color: var(--green); }
  .feedback {
    min-height: 40px; text-align: center; font-size: 14px; font-weight: 650;
    color: var(--muted);
  }
  .feedback.ok { color: var(--green); }
  .feedback.bad { color: var(--red); }
  .actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: auto; }
  .actions.one { grid-template-columns: 1fr; }
  .btn {
    border: 0; border-radius: 14px; padding: 14px 12px; font: inherit;
    font-size: 14px; font-weight: 700; cursor: pointer;
  }
  .btn:disabled { opacity: .45; cursor: default; }
  .btn.primary { background: var(--green); color: #052e1c; }
  .btn.ghost { background: var(--card); color: var(--text); border: 1px solid var(--line); }
  .score-big {
    font-size: 64px; font-weight: 750; text-align: center; line-height: 1;
    background: linear-gradient(180deg, #fff 20%, #9fb0c8);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    margin: 18px 0 8px;
  }
  .score-sub { text-align: center; color: var(--muted); font-size: 14px; margin-bottom: 18px; }
  .tabs {
    margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
    padding: 12px 0 6px; border-top: 1px solid #1a2230;
  }
  .tab {
    text-align: center; padding: 10px 4px; border-radius: 12px;
    font-size: 12px; color: var(--muted); font-weight: 600;
  }
  .tab.on { background: #1a2332; color: var(--text); }
  .tab small { display: block; font-size: 10px; font-weight: 500; margin-top: 2px; color: #64748b; }
  .caption { margin-top: 14px; text-align: center; color: #64748b; font-size: 12px; }

  .view { display: none; flex: 1; flex-direction: column; min-height: 0; }
  .view.on { display: flex; }
  .view .app-inner { display: flex; flex-direction: column; flex: 1; min-height: 0; }
  .tab { cursor: pointer; border: 0; background: transparent; font: inherit; }
  .tab.on { background: #1a2332; color: var(--text); }

.lb-tapzone{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:12px}.lb-tapzone[hidden]{display:none}.lb-tapbtn{min-width:180px;min-height:72px;font-size:18px}
.lb-link{background:none;border:0;color:inherit;opacity:.75;text-decoration:underline;font-size:14px;padding:14px 8px;min-height:44px;cursor:pointer}
.lb-tapbtn{transition:transform .08s,filter .08s}.lb-tapbtn.hit{transform:scale(.94);filter:brightness(1.5)}

/* ===== 2-cluster navigation (merge 2026-10-24) ===== */
.app{height:760px;min-height:0;overflow:hidden}
.view{overflow-y:auto;overflow-x:hidden}
.fhead{display:none;align-items:center;gap:6px;min-height:44px;flex:none;margin:-2px 0 2px -8px}
.app.feat .fhead{display:flex}
.fhead .back{width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}
.fhead .swbtn{margin-left:auto;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--cyan);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.fhead .swbtn[hidden]{display:none}
.fhead .crumb{font-size:13px;color:var(--muted)}.fhead .crumb b{color:var(--text);font-weight:600}
.home{display:none;flex:1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}
.home.on{display:flex}
.home h1{font-size:24px;font-weight:750;letter-spacing:-.02em;margin:10px 0 6px}
.hcard{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--text);min-height:88px;cursor:pointer;font:inherit}
.hcard:active{filter:brightness(1.2)}
.hcard .ic{font-size:28px;width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:14px;background:#1a2332}
.hcard b{display:block;font-size:17px;font-weight:700}.hcard span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.hcard .go2{margin-left:auto;color:var(--muted);font-size:22px}
.tabs{grid-template-columns:1fr 1fr;flex:none;margin-top:auto}
.tab{font-size:14px;min-height:52px}
.tab .ti{display:block;font-size:20px;margin-bottom:2px;filter:grayscale(1);opacity:.55}
.tab.on{background:#1a2332;color:var(--cyan)}.tab.on .ti{filter:none;opacity:1}
#view-dem{margin:0 -16px;overflow:hidden}
#view-dem iframe{flex:1;width:100%;min-height:0;border:0;display:block;background:transparent}
@media (max-width:500px){
  body{padding:0;display:block}
  body>div{width:100%}
  .frame{width:100%;border:0;border-radius:0;padding:0;box-shadow:none;background:transparent}
  .notch,.caption{display:none}
  .app{height:100vh;height:100dvh;border-radius:0;padding:calc(8px + env(safe-area-inset-top)) 16px calc(6px + env(safe-area-inset-bottom))}
}
/* tabbar overlap fix 2026-10-25 */
.view .app-inner{flex:1 0 auto;min-height:100%;padding-bottom:12px}
.view .stage{flex:1 0 auto}
.tabs{position:relative;z-index:2;background:inherit}
/* tabbar v2 2026-10-25 */
.tabs{padding:8px 0 8px;gap:6px}
.tab{min-height:48px;height:48px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}
.tab .ti{display:inline-block;font-size:20px;margin:0;line-height:1}
@media (max-width:500px){.app{padding-bottom:0}.tabs{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
/* meta row fix 2026-10-25 */
#view-tuner .meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;font-size:12px;min-width:0}
#view-tuner .meta>*{min-width:0;white-space:nowrap}
#view-tuner .meta{padding-right:6px}
/* hide ear + mic off 2026-10-25 */
.hcard[hidden]{display:none}
#t-btnMic[aria-pressed="true"]{background:#2a1418;border:1px solid #5c1e2a;color:#fca5a5}