/* HSPingal app theme: laptop. Loaded after the app's own styles. */
:root {
  --bg: var(--c-bg);
  --surface: #171c22;
  --card: #1b2128;
  --card2: #232a31;
  --border: rgba(233,230,220,.16);
  --border2: rgba(233,230,220,.16);
  --accent: #ffb000;
  --accent2: #ff7a00;
  --on-accent: #14100a;
  --text: var(--c-fg);
  --text2: var(--c-sub);
  --muted: #8d949c;
  --success: #5ce08a;
  --ok: #5ce08a;
  --danger: #ff6b5e;
  --warn: #ffb000;
  --warning: #ffb000;
  --glow: rgba(255,176,0, .2);
  --app-w: 1120px;
  --app-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, sans-serif;
  color-scheme: dark;
}

.app-mast { background: var(--c-bg); }

/* Bench instrument: graphite case, amber phosphor. */
:root { --h1-track: -0.04em; --mast-line: 0; }
.app-mast { background: var(--surface); }
.tabs { background: var(--surface); padding: 0 max(16px, calc((100% - var(--app-w)) / 2)); gap: 2px; border-bottom: 1px solid var(--border); }
.tab-btn { border-radius: 0; border: 0; border-bottom: 3px solid transparent; padding: .85rem 1.1rem; font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; font-size: .82rem; }
.tab-btn:hover { background: transparent; border-color: transparent; border-bottom-color: var(--border); }
.tab-btn.active { background: transparent; color: var(--accent); border-color: transparent; border-bottom-color: var(--accent); box-shadow: none; }
.tab-btn svg { width: 18px; height: 18px; display: block; }
.content { width: min(var(--app-w), 100% - 32px); max-width: none; padding-inline: 0; }
.card { border-radius: 6px; }
.card-title { font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: -.02em; }
.btn { border-radius: 4px; }
.key { border-radius: 4px; }