/* ══ Fundy — v3 layer: Chrome theme (black & silver), square corners, top navigation, notifications, motion ══ */

:root {
  --topbar-h: 52px;
  --chrome: linear-gradient(135deg, #fbfbfc 0%, #c3c3c8 16%, #8a8a91 32%, #efeff1 50%, #a2a2a9 66%, #e0e0e4 82%, #7b7b83 100%);
  --chrome-v: linear-gradient(180deg, #fdfdfd 0%, #e0e0e4 18%, #a9a9b0 46%, #efeff2 68%, #8d8d95 100%);
  --chrome-text: linear-gradient(100deg, #f7f7f8 0%, #a9a9b0 22%, #ffffff 40%, #8a8a92 62%, #e4e4e7 80%, #9e9ea6 100%);
  --chrome-line: linear-gradient(90deg, transparent, rgba(236, 236, 240, .5), transparent);
  --font-display: 'Grenze Gotisch', Georgia, 'Times New Roman', serif;
  --font-brand: 'UnifrakturMaguntia', 'Grenze Gotisch', Georgia, serif;
  --font-head: 'Geist', 'Inter', system-ui, sans-serif;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.36, .64, 1);
}

/* ── Chrome theme palette: pure black surfaces, silver text and edges ── */
html[data-theme="chrome"] {
  --bg: #000000;
  --bg-elev: #0a0a0b;
  --surface: #070708;
  --surface-2: #0e0e10;
  --surface-3: #161618;
  --surface-4: #212124;
  --border: #1b1b1e;
  --border-2: #29292d;
  --border-3: #3d3d43;
  --row-hover: #0c0c0e;
  --text: #f1f1f3;
  --text-2: #b4b4ba;
  --text-3: #7b7b83;
  --text-4: #4c4c53;
  --pink: #a1a1aa;
  --pink-rgb: 161, 161, 170;
  --yellow: #e2bd6a;
  --overlay: rgba(0, 0, 0, .78);
  --shadow: 0 30px 80px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .03);
  --skel: #121214;
  --bg-2: #050506;
  --border-dim: #131315;
  --hover: rgba(255, 255, 255, .03);
  --hover-2: rgba(255, 255, 255, .05);
  color-scheme: dark;
}
html[data-theme="chrome"] ::selection { background: rgba(255, 255, 255, .22); color: #fff; }
html[data-theme="chrome"] ::-webkit-scrollbar-thumb { background: #26262a; }
html[data-theme="chrome"] ::-webkit-scrollbar-thumb:hover { background: #3a3a40; }

/* ── Square corners (Settings → Style → Corner radius: Square) ── */
html[data-radius="sharp"] { --r-xs: 0px; --r-sm: 0px; --r: 0px; --r-lg: 0px; }
html[data-radius="sharp"] :is(.card, .stat, .chart-card, .ref-card, .launch-card, .hero-pnl, .modal, .popover, .box, .warn-box, .info-box,
  .opt-card, .strat-card, .mm-run, .mm-run-stats > div, .stat-mini, .fb-row, .cw-launch, .fund-type, .ex-opt, .factor, .tier-card,
  .theme-card, .theme-prev, .doc-card, .auth-card, .tooltip, .toast, .btn, .btn-xs, .btn-sm, .btn-lg, .inp, .inp-wrap, .inp-sm, .seg, .seg-btn,
  .seg-4, .seg-4 button, .mini-seg, .mini-seg button, .mini-tabs button, .tag, .pill, .badge-new, .badge-rec, .kbd, .kbd-accent, .icon-btn,
  .menu-item, .quick-amount, .flyout-preset, .flyout-select, .action-btn, .tb-btn, .chain-chip, .wal-chain, .mkt-chain, .sb-launch, .sb-item,
  .sb-search, .sb-funder-btn, .chart-mode, .tf-btn, .order-tab, .order-type-tabs, .panel-tab, .settings-flyout, .settings-gear-btn,
  .pick-list, .plan, .tbl-scroll, .up-box, .cfg-chip, .act-chip, .job-pill, .job-tag, .fresh-tag, .fb-st, .ev-badge, .pnl-pill, .cal-cell,
  .aff-row, .hist-row, .rew-claim, .mkt-promo, .emoji-pick button, .color-pick button, .codes-grid span, .sess-ic, .activity-icon,
  .empty-ic, .dist, .funder-bar, .attempt, .ls-row, .role-btn, .preset, .wiz-adv, .wiz-info, .auth-btn, .auth-inp, .auth-wallet,
  .auth-code input, .auth-info, .auth-license, .qa-edit, .tp-in, .swatch, .zone-btn, .cbx, .checkbox, .tgl, .toggle-switch,
  .trade-input-row, .data-table, .wal-empty .empty, .stat-mini, .tb-search, .tb-funder, .wf-chip, .wf-new, .wf-mkt, .t-ic, .nf-row .t-ic,
  .live-metric, .dep-qr > svg, .bcurve-bar, .bcurve-fill, .dist-bar, .dist-bar i, .rank-bar, .sb-count, .tb-ver, .strat-x, .modal-close,
  .aff-copy, .aff-more, .step-circle, .mkt-promo-h .badge-new, .search-input, .form-input, .select, .skel, .skel-row) { border-radius: 0 !important; }
html[data-radius="sharp"] .tgl::after, html[data-radius="sharp"] .toggle-switch::after { border-radius: 0 !important; }

/* ══ App shell: top bar + launch rail ══ */
.app { height: calc(100vh - var(--statusbar-h) - var(--topbar-h)); }
.topbar {
  position: relative; z-index: 60;
  height: var(--topbar-h);
  display: flex; align-items: center; gap: 16px;
  padding: 0 12px 0 16px;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
  user-select: none;
}
html[data-theme="chrome"] .topbar { background: linear-gradient(180deg, #0c0c0e 0%, #000 100%); }
html[data-theme="chrome"] .topbar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--chrome-line); opacity: .45; pointer-events: none; }
.tb-brand { display: flex; align-items: center; gap: 9px; cursor: pointer; flex-shrink: 0; }
.tb-mark { display: flex; color: var(--text); }
.tb-mark svg { width: 20px; height: 20px; }
html[data-accent="chrome"] .tb-mark svg { fill: url(#g-chrome); filter: drop-shadow(0 0 6px rgba(255, 255, 255, .18)); }
.tb-word { font-size: 16px; font-weight: 700; letter-spacing: -.01em; line-height: 1; }
html[data-display="gothic"] .tb-word { font-family: var(--font-brand); font-size: 26px; font-weight: 400; letter-spacing: .01em; margin-top: 3px; }
.tb-ver { font-size: 9.5px; font-family: var(--mono); color: var(--text-3); border: 1px solid var(--border-2); padding: 1px 5px; border-radius: 4px; }
.tb-nav { position: relative; display: flex; align-items: stretch; gap: 1px; height: 100%; flex: 1; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.tb-nav::-webkit-scrollbar { display: none; }
.tn-item {
  position: relative;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 0 11px;
  font-size: 12px; font-weight: 500;
  color: var(--text-3);
  white-space: nowrap; cursor: pointer;
  transition: color .2s;
}
.tn-item .ic { opacity: .8; transition: transform .35s var(--ease-spring); }
.tn-item:hover { color: var(--text); }
.tn-item.active { color: var(--text); font-weight: 600; }
html[data-motion="on"] .tn-item:hover .ic { transform: translateY(-1px); }
.tn-ind { position: absolute; left: 0; bottom: 0; height: 2px; width: 0; opacity: 0; background: var(--accent); transition: transform .5s var(--ease-out), width .5s var(--ease-out), opacity .2s; pointer-events: none; }
html[data-accent="chrome"] .tn-ind { background: var(--chrome); box-shadow: 0 0 12px rgba(255, 255, 255, .35); }
.tb-right { display: flex; align-items: center; gap: 7px; flex-shrink: 0; margin-left: auto; }
.tb-search {
  display: inline-flex; align-items: center; gap: 8px;
  width: 178px; height: 30px; padding: 0 5px 0 10px;
  border: 1px solid var(--border-2); background: var(--surface-2);
  border-radius: var(--r-sm);
  color: var(--text-3); font-size: 12px;
  transition: border-color .2s, color .2s, background .2s;
}
.tb-search:hover { border-color: var(--border-3); color: var(--text-2); }
.tb-search-l { flex: 1; text-align: left; }
.tb-bell { position: relative; width: 30px; height: 30px; }
.tb-badge {
  position: absolute; top: 1px; right: 0;
  min-width: 15px; height: 15px; padding: 0 4px;
  font-size: 9px; font-weight: 800; line-height: 15px; text-align: center;
  background: var(--red); color: #fff; border-radius: 8px;
  transform: scale(0); transition: transform .35s var(--ease-spring);
}
.tb-badge.on { transform: scale(1); }
html[data-accent="chrome"] .tb-badge { background: var(--chrome-v); color: #0a0a0b; box-shadow: 0 0 10px rgba(255, 255, 255, .35); }
.tb-funder {
  display: inline-flex; align-items: center; gap: 7px;
  height: 30px; max-width: 220px; padding: 0 9px 0 10px;
  border: 1px solid var(--border-2); background: var(--surface-2);
  border-radius: var(--r-sm);
  font-size: 11.5px; font-weight: 600; color: var(--text);
  transition: border-color .2s;
}
.tb-funder:hover { border-color: var(--border-3); }
.tb-funder .grow { text-align: left; }
.tb-funder .chev { color: var(--text-3); }
.tb-right .btn-sm { height: 30px; }
.tb-avatar {
  width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; color: var(--accent-ink);
  background: var(--accent); border: 1px solid transparent;
}
html[data-accent="chrome"] .tb-avatar { background: var(--chrome-v); border-color: #8a8a92; color: #0a0a0b; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 12px rgba(255, 255, 255, .08); }
.tb-avatar.lg { width: 36px; height: 36px; font-size: 14px; }
.acct-head { display: flex; align-items: center; gap: 10px; padding: 8px 9px 6px; }

/* notification center */
.popover.nf-pop { padding: 0; overflow: hidden; }
.nf-head { display: flex; align-items: center; gap: 8px; padding: 11px 12px 10px 14px; border-bottom: 1px solid var(--border-2); font-size: 12px; }
.nf-head .muted { font-family: var(--mono); font-size: 10.5px; }
.nf-list { max-height: 440px; overflow-y: auto; }
.nf-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border-dim); }
.nf-row:last-child { border-bottom: 0; }
.nf-msg { font-size: 11.5px; color: var(--text); line-height: 1.45; white-space: normal; word-break: break-word; }
.nf-time { font-size: 10px; color: var(--text-3); margin-top: 3px; }
.nf-list .center-note { display: flex; flex-direction: column; align-items: center; color: var(--text-3); }

/* launch rail (was: sidebar) */
html[data-theme="chrome"] .sidebar { background: linear-gradient(180deg, #060607 0%, #000 45%); }
.sb-head { height: 46px; padding: 0 10px 0 14px; }
.sb-title { display: flex; align-items: center; gap: 7px; min-width: 0; }
.sb-title-l { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-2); }
html[data-display="gothic"] .sb-title-l { font-family: var(--font-display); font-size: 17px; font-weight: 600; letter-spacing: .02em; text-transform: none; color: var(--text); }
.sb-count { font-family: var(--mono); font-size: 10px; line-height: 16px; padding: 0 5px; color: var(--text-3); border: 1px solid var(--border-2); border-radius: 4px; }
.sb-viewall { font-size: 10.5px; color: var(--text-3); margin-left: 2px; transition: color .15s; }
.sb-viewall:hover { color: var(--text); }
.sb-search-row { padding: 10px 10px 8px 12px; }
.sb-launches { padding: 2px 8px 8px; }
.sb-launch { position: relative; border: 1px solid transparent; transition: background .15s, border-color .15s; }
.sb-launch:hover { border-color: var(--border); }
.sb-launch.active { border-color: var(--border-2); }
.sb-launch.active::before { content: ''; position: absolute; left: -1px; top: 7px; bottom: 7px; width: 2px; background: var(--accent); }
html[data-accent="chrome"] .sb-launch.active::before { background: var(--chrome-v); box-shadow: 0 0 8px rgba(255, 255, 255, .45); }
.sb-foot { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-top: 1px solid var(--border); font-size: 10.5px; color: var(--text-3); flex-shrink: 0; white-space: nowrap; }
.sb-foot .sep { color: var(--text-4); }
.sb-cross { display: inline-flex; color: var(--text-2); }
.app.sb-collapsed .sb-title, .app.sb-collapsed .sb-foot > :not(.sb-cross) { display: none; }
.app.sb-collapsed .sb-head { height: 46px; flex-direction: row; padding: 0; }
.app.sb-collapsed .sb-foot { justify-content: center; padding: 10px 0; }

/* status bar */
html[data-theme="chrome"] .statusbar { background: #000; }
html[data-theme="chrome"] .statusbar::before { content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: var(--chrome-line); opacity: .3; pointer-events: none; }
html[data-motion="on"] .st-dot { animation: stGlow 2.4s ease-in-out infinite; }
@keyframes stGlow { 0%, 100% { box-shadow: 0 0 0 2px rgba(var(--green-rgb), .18); } 50% { box-shadow: 0 0 0 4px rgba(var(--green-rgb), .06), 0 0 8px rgba(var(--green-rgb), .5); } }

/* ══ Chrome surfaces ══ */
html[data-theme="chrome"] :is(.stat, .chart-card, .ref-card, .launch-card, .hero-pnl, .card) { background: linear-gradient(180deg, #0b0b0d 0%, #050506 100%); }
:is(.chart-card, .launch-card, .hero-pnl) { position: relative; }
html[data-theme="chrome"] :is(.stat, .chart-card, .ref-card, .launch-card, .hero-pnl)::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: var(--chrome-line); opacity: .28; pointer-events: none;
}
html[data-theme="chrome"] :is(.stat, .ref-card, .launch-card, .hero-pnl, .chart-card):hover { border-color: #37373d; box-shadow: 0 16px 40px rgba(0, 0, 0, .7); }
html[data-theme="chrome"] .modal { background: linear-gradient(180deg, #0c0c0e 0%, #060607 100%); border-color: #2d2d33; box-shadow: 0 40px 120px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .03), 0 0 80px rgba(255, 255, 255, .025); }
html[data-theme="chrome"] .modal::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--chrome-line); opacity: .6; pointer-events: none; z-index: 1; }
html[data-theme="chrome"] .modal-backdrop { backdrop-filter: blur(6px) saturate(.5); }
html[data-theme="chrome"] .popover { background: #0a0a0b; border-color: #2d2d33; box-shadow: 0 20px 50px rgba(0, 0, 0, .8); }
html[data-theme="chrome"] .tooltip { background: #0d0d0f; border-color: #36363c; color: #ececef; box-shadow: 0 8px 24px rgba(0, 0, 0, .7); }
html[data-theme="chrome"] .tbl th { background: #000; color: #85858d; }
html[data-theme="chrome"] .page-bar { background: linear-gradient(180deg, #060607, #000); }
html[data-theme="chrome"] :is(.inp, .inp-wrap, .sb-search, .tp-in, .trade-input-row, .tb-search) { background: #09090a; border-color: #26262b; }
html[data-theme="chrome"] :is(.inp, .form-input):focus, html[data-theme="chrome"] :is(.inp-wrap, .sb-search, .tp-in, .trade-input-row):focus-within { border-color: #8f8f97; box-shadow: 0 0 0 3px rgba(255, 255, 255, .05); }
html[data-theme="chrome"] .sect-div::before, html[data-theme="chrome"] .sect-div::after { background: var(--chrome-line); opacity: .35; }
html[data-theme="chrome"] .auth-root { background: radial-gradient(900px 500px at 50% 20%, rgba(255, 255, 255, .06), transparent 70%), #000; }
html[data-theme="chrome"] .auth-card { background: linear-gradient(180deg, #0c0c0e, #050506); border-color: #2d2d33; box-shadow: 0 40px 120px rgba(0, 0, 0, .9); }

/* ══ Chrome accent: metallic buttons, toggles, checkboxes ══ */
.btn-primary, .btn-cta { position: relative; overflow: hidden; }
html[data-accent="chrome"] :is(.btn-primary, .btn-cta, .auth-btn.accent) {
  background: var(--chrome-v);
  color: #0a0a0b;
  border: 1px solid #8e8e96;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -1px 0 rgba(0, 0, 0, .28), 0 2px 14px rgba(255, 255, 255, .06);
}
html[data-accent="chrome"] :is(.btn-primary, .btn-cta, .auth-btn.accent):hover { background: var(--chrome-v); filter: brightness(1.07) contrast(1.04); }
html[data-accent="chrome"] :is(.btn-primary, .btn-cta) .ic { color: #0a0a0b; }
.btn-primary::after, .btn-cta::after, .auth-btn.accent::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .6), transparent);
  transform: skewX(-18deg); opacity: 0; pointer-events: none;
}
html[data-motion="on"] :is(.btn-primary, .btn-cta, .auth-btn.accent):hover::after { animation: shine .8s var(--ease-out); }
@keyframes shine { 0% { left: -70%; opacity: 0; } 25% { opacity: 1; } 100% { left: 135%; opacity: 0; } }
html[data-accent="chrome"] :is(.btn-dark, .btn-secondary) { background: #0e0e10; border-color: #2b2b30; }
html[data-accent="chrome"] :is(.btn-dark, .btn-secondary):hover { background: #151518; border-color: #46464d; }
html[data-accent="chrome"] :is(.tgl, .toggle-switch).on { background: rgba(255, 255, 255, .1); border-color: #a4a4ac; }
html[data-accent="chrome"] :is(.tgl, .toggle-switch).on::after { background: var(--chrome-v); box-shadow: 0 0 8px rgba(255, 255, 255, .45); }
html[data-accent="chrome"] :is(.cbx.on, .cbx.part, .checkbox.checked) { background: var(--chrome-v); border-color: #a4a4ac; color: #0a0a0b; }
html[data-accent="chrome"] .checkbox.checked::after { border-color: #0a0a0b; }
html[data-accent="chrome"] .step-circle.done { color: #0a0a0b; background: var(--chrome-v); border-color: #a4a4ac; }
html[data-accent="chrome"] :is(.dist-bar i, .bcurve-fill, .meter i.on, .dual-fill, .step-connector.done) { background: var(--chrome); }
html[data-accent="chrome"] .set-link.active::before { background: var(--chrome-v); }
html[data-accent="chrome"] .badge-new { background: var(--chrome-v); color: #0a0a0b; }
html[data-accent="chrome"] .seg-btn.active { background: #1d1d21; box-shadow: inset 0 0 0 1px #3a3a41; color: #fff; }
html[data-accent="chrome"] :is(.page-bar-title, .page-title) { background: var(--chrome-text); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-accent="chrome"] .tb-word { background: var(--chrome-text); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-accent="chrome"][data-motion="on"] .tb-word { animation: chromeShift 7s ease-in-out infinite; }
html[data-theme="light"][data-accent="chrome"] :is(.tb-word, .page-bar-title, .page-title) { background-image: linear-gradient(100deg, #27272a 0%, #8b8b94 24%, #18181b 44%, #6b6b74 66%, #3f3f46 84%, #71717a 100%); }
html[data-theme="light"][data-accent="chrome"] .tb-mark svg { filter: none; fill: #27272a; }
@keyframes chromeShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

/* ══ Gothic display type ══ */
html[data-display="gothic"] :is(.page-bar-title, .page-title) { font-family: var(--font-display); font-size: 21px; font-weight: 600; letter-spacing: .01em; line-height: 1.1; }
html[data-display="gothic"] .sect-div { font-family: var(--font-display); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: none; color: var(--text-2); }
html[data-display="gothic"] .sect-div .ic { color: var(--text-3); }
html[data-display="gothic"] .auth-title { font-family: var(--font-display); font-size: 30px; font-weight: 600; letter-spacing: .01em; }
html[data-display="gothic"] .sched-t { font-family: var(--font-display); font-size: 16px; letter-spacing: .04em; text-transform: none; }
html[data-display="gothic"] .empty-title { font-family: var(--font-display); font-size: 19px; font-weight: 600; letter-spacing: .01em; }

/* ══ Toast notifications ══ */
.toast-container { width: 360px; max-width: calc(100vw - 24px); gap: 8px; }
.toast-container.pos-top-right { top: calc(var(--topbar-h) + 12px); right: 14px; bottom: auto; left: auto; transform: none; }
.toast-container.pos-bottom-right { bottom: calc(var(--statusbar-h) + 14px); right: 14px; top: auto; left: auto; transform: none; }
.toast-container.pos-top-center { top: calc(var(--topbar-h) + 12px); left: 50%; right: auto; bottom: auto; transform: translateX(-50%); }
.toast-container.pos-bottom-center { bottom: calc(var(--statusbar-h) + 14px); left: 50%; right: auto; top: auto; transform: translateX(-50%); }
.toast {
  position: relative; overflow: hidden;
  display: flex; align-items: flex-start; gap: 11px;
  width: 100%; min-width: 0; max-width: none;
  padding: 12px 34px 14px 14px;
  background: var(--bg-elev);
  border: 1px solid var(--border-2);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
  animation: toastSlide .55s var(--ease-spring) both;
}
html[data-theme="chrome"] .toast { background: linear-gradient(180deg, #111113 0%, #08080a 100%); border-color: #2e2e34; box-shadow: 0 20px 60px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .05); }
.toast::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--text-3); }
.toast.success::before { background: var(--green); }
.toast.error::before { background: var(--red); }
.toast.warn::before { background: var(--yellow); }
.toast.info::before { background: var(--accent); }
html[data-accent="chrome"] .toast.info::before { background: var(--chrome-v); }
.t-ic { width: 22px; height: 22px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--border-2); background: var(--surface-3); color: var(--text-2); }
.success > .t-ic { color: var(--green); border-color: rgba(var(--green-rgb), .35); background: rgba(var(--green-rgb), .1); }
.error > .t-ic { color: var(--red); border-color: rgba(var(--red-rgb), .35); background: rgba(var(--red-rgb), .1); }
.warn > .t-ic { color: var(--yellow); border-color: rgba(226, 189, 106, .35); background: rgba(226, 189, 106, .08); }
.info > .t-ic { color: var(--accent-text); border-color: rgba(var(--accent-rgb), .35); background: rgba(var(--accent-rgb), .08); }
.t-body { flex: 1; min-width: 0; }
.t-title { font-size: 9.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); margin: 1px 0 2px; }
.toast.success .t-title { color: var(--green); }
.toast.error .t-title { color: var(--red); }
.toast.warn .t-title { color: var(--yellow); }
.t-msg { font-size: 12px; line-height: 1.45; color: var(--text); word-break: break-word; }
.t-x { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; color: var(--text-3); opacity: 0; transition: opacity .15s, color .15s; }
.toast:hover .t-x, .t-x:focus-visible { opacity: 1; }
.t-x:hover { color: var(--text); }
.t-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--text-3); opacity: .75; transform-origin: left; animation-name: toastBar; animation-timing-function: linear; animation-fill-mode: forwards; }
.toast.success .t-bar { background: var(--green); }
.toast.error .t-bar { background: var(--red); }
.toast.warn .t-bar { background: var(--yellow); }
.toast.info .t-bar { background: var(--accent); }
html[data-accent="chrome"] .toast.info .t-bar { background: var(--chrome); }
.toast:hover .t-bar { animation-play-state: paused; }
@keyframes toastBar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@keyframes toastSlide { from { opacity: 0; transform: translateX(34px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes toastDrop { from { opacity: 0; transform: translateY(-16px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes toastRise { from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: none; } }
.pos-top-center .toast { animation-name: toastDrop; }
.pos-bottom-center .toast { animation-name: toastRise; }
.toast.out { animation: toastAway .32s var(--ease-out) forwards; pointer-events: none; }
@keyframes toastAway { to { opacity: 0; transform: translateX(40px); height: 0; padding-top: 0; padding-bottom: 0; margin-bottom: -8px; border-width: 0; } }
.pos-top-center .toast.out, .pos-bottom-center .toast.out { animation-name: toastFade; }
@keyframes toastFade { to { opacity: 0; transform: scale(.96); height: 0; padding-top: 0; padding-bottom: 0; margin-bottom: -8px; border-width: 0; } }

/* ══ Dashboard: hero P&L + 2×2 stats ══ */
.dash-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 10px; }
.hero-pnl { overflow: hidden; display: flex; flex-direction: column; min-height: 200px; padding: 15px 16px 13px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); }
.hero-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
.hero-top .stat-l .ic, .dash-hero .stat-l .ic { color: var(--text-3); }
.hero-acts { display: flex; gap: 2px; }
.hero-v { position: relative; z-index: 1; margin-top: 10px; font-size: 42px; font-weight: 700; line-height: 1.05; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.hero-sub { position: relative; z-index: 1; margin-top: 5px; font-size: 11px; color: var(--text-3); }
.hero-spark { position: absolute; left: 0; right: 0; bottom: 50px; height: 86px; pointer-events: none; }
.hero-spark svg { display: block; }
.hero-filters { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 14px; }
.dash-hero .dash-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dash-hero .stat { display: flex; flex-direction: column; }
.dash-hero .stat .stat-v { margin-top: auto; padding-top: 12px; font-size: 24px; letter-spacing: -.03em; }
.stat-s { margin-top: 3px; font-size: 10.5px; color: var(--text-3); }
html[data-motion="on"] .spark-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: sparkDraw 1.5s .2s var(--ease-out) forwards; }
@keyframes sparkDraw { to { stroke-dashoffset: 0; } }
@media (max-width: 960px) { .dash-hero { grid-template-columns: 1fr; } }

/* ══ Wallets: horizontal folder bar ══ */
.wal-v3 .wal-main { width: 100%; }
.wal-folders { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 10px 13px; border-bottom: 1px solid var(--border); flex-shrink: 0; }
.wal-folders .wal-chains { display: flex; gap: 4px; flex-shrink: 0; }
.wal-folders .wal-chain { display: inline-flex; align-items: center; gap: 6px; width: auto; height: 30px; padding: 0 10px; font-size: 11.5px; font-weight: 600; color: var(--text-2); }
.wal-folders .wal-chain.active { color: var(--text); }
.wal-folders .wal-chain .more-n { font-size: 10px; color: var(--text-3); }
.wf-sep { width: 1px; height: 22px; background: var(--border-2); flex-shrink: 0; }
.wf-list { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.wf-list::-webkit-scrollbar { display: none; }
.wf-chip {
  display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0;
  height: 30px; padding: 0 10px;
  border: 1px solid var(--border-2); background: var(--surface);
  border-radius: var(--r-sm);
  font-size: 11.5px; color: var(--text-2);
  cursor: pointer; transition: border-color .2s, background .2s, color .2s;
}
.wf-chip:hover { border-color: var(--border-3); color: var(--text); }
.wf-chip .fdot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.wf-chip .fcount { font-family: var(--mono); font-size: 10.5px; color: var(--text-3); }
.wf-chip .fmore { display: none; margin-right: -5px; }
.wf-chip:hover .fmore { display: inline-flex; }
.wf-chip.active { border-color: rgba(var(--accent-rgb), .6); background: rgba(var(--accent-rgb), .08); color: var(--text); font-weight: 600; }
html[data-accent="chrome"] .wf-chip.active { border-color: #9a9aa2; box-shadow: inset 0 -2px 0 #d4d4d8; }
.wf-new { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; height: 30px; padding: 0 10px; border: 1px dashed var(--border-3); color: var(--text-3); font-size: 11.5px; transition: color .2s, border-color .2s; }
.wf-new:hover { color: var(--text); border-color: var(--text-3); }
.wf-right { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.wf-mkt { display: inline-flex; align-items: center; gap: 6px; height: 30px; margin-left: 4px; padding: 0 10px; border: 1px solid var(--border-2); background: var(--surface-2); font-size: 11.5px; font-weight: 600; transition: border-color .2s; }
.wf-mkt:hover { border-color: var(--border-3); }

/* ══ Live page: metric chips, action tiles, price flash ══ */
.live-hscroll { gap: 6px; }
.live-token-info { margin-right: 6px; }
.live-header .live-header-divider { width: 0; margin: 0 2px; }
.live-metric { padding: 4px 10px 5px; border: 1px solid var(--border); background: var(--surface); border-radius: var(--r-sm); }
html[data-theme="chrome"] .live-metric { background: linear-gradient(180deg, #0c0c0e, #060607); }
.live-metric-val { transition: color .3s; }
.live-metric-val.flash-up { animation: flashUp .9s var(--ease-out); }
.live-metric-val.flash-down { animation: flashDown .9s var(--ease-out); }
@keyframes flashUp { 0% { color: var(--green); text-shadow: 0 0 12px rgba(var(--green-rgb), .7); } 100% { color: var(--text); text-shadow: none; } }
@keyframes flashDown { 0% { color: var(--red); text-shadow: 0 0 12px rgba(var(--red-rgb), .7); } 100% { color: var(--text); text-shadow: none; } }
.qa-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.qa-tiles .action-btn { flex-direction: column; justify-content: center; gap: 6px; height: 60px; padding: 6px 4px; text-align: center; white-space: normal; line-height: 1.2; font-size: 10.5px; }
.qa-tiles .action-btn span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qa-tiles .action-btn .ic { color: var(--text-2); transition: transform .35s var(--ease-spring), color .2s; }
.qa-tiles .action-btn:hover:not(:disabled) { color: var(--text); border-color: var(--border-3); background: var(--surface-3); }
html[data-motion="on"] .qa-tiles .action-btn:hover:not(:disabled) .ic { transform: translateY(-2px) scale(1.1); color: var(--text); }
.qa-tiles .action-btn.nuke { grid-column: 1 / -1; flex-direction: row; height: 36px; font-size: 12px; }
html[data-theme="chrome"] .live-panel { background: linear-gradient(180deg, #050506, #000 30%); }

/* ══ Motion ══ */
.btn { transition: background .15s, border-color .15s, color .15s, opacity .15s, transform .15s var(--ease-out), filter .2s; }
html[data-motion="on"] .btn:active:not(:disabled) { transform: translateY(1px) scale(.985); }
.tgl::after, .toggle-switch::after { transition: transform .35s var(--ease-spring), background .2s, box-shadow .2s; }
html[data-motion="on"] :is(.stat, .ref-card, .launch-card, .hero-pnl, .cw-launch, .fund-type, .tier-card, .theme-card, .doc-card, .wf-chip, .live-metric) { transition: transform .4s var(--ease-out), border-color .25s, box-shadow .3s, background .25s; }
html[data-motion="on"] :is(.stat, .ref-card, .launch-card, .hero-pnl):hover { transform: translateY(-2px); }
html[data-motion="on"] :is(.cw-launch, .fund-type, .tier-card, .theme-card, .doc-card):hover { transform: translateY(-1px); }

/* page entrance (navigation only) */
html[data-motion="on"] .app-main.entering > * { animation: pageIn .55s var(--ease-out) both; }
@keyframes pageIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
html[data-motion="on"] .app-main.entering :is(.hero-pnl, .dash-stats > .stat, .dash-charts > .chart-card, .dash-ref > .ref-card, .launch-grid > .launch-card, .stats-grid > .stat-mini, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .funder-list-item, .fb-row) { animation: riseIn .6s var(--ease-out) both; }
@keyframes riseIn { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
html[data-motion="on"] .app-main.entering .tbl tbody tr:nth-child(-n+24) { animation: rowIn .45s var(--ease-out) both; }
@keyframes rowIn { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
.app-main.entering :is(.dash-stats > .stat, .launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(1) { animation-delay: .04s; }
.app-main.entering :is(.dash-stats > .stat, .launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(2) { animation-delay: .08s; }
.app-main.entering :is(.dash-stats > .stat, .launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(3) { animation-delay: .12s; }
.app-main.entering :is(.dash-stats > .stat, .launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(4) { animation-delay: .16s; }
.app-main.entering :is(.launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(5) { animation-delay: .2s; }
.app-main.entering :is(.launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(6) { animation-delay: .24s; }
.app-main.entering :is(.launch-grid > .launch-card, .quick-actions-grid > .action-btn, .wf-chip, .act-chip, .live-metric, .tbl tbody tr):nth-child(7) { animation-delay: .28s; }
.app-main.entering :is(.launch-grid > .launch-card, .quick-actions-grid > .action-btn, .live-metric, .tbl tbody tr):nth-child(8) { animation-delay: .32s; }
.app-main.entering :is(.launch-grid > .launch-card, .quick-actions-grid > .action-btn, .live-metric, .tbl tbody tr):nth-child(9) { animation-delay: .36s; }
.app-main.entering :is(.launch-grid > .launch-card, .tbl tbody tr):nth-child(n+10) { animation-delay: .4s; }
.app-main.entering .dash-charts > .chart-card:nth-child(1) { animation-delay: .14s; }
.app-main.entering .dash-charts > .chart-card:nth-child(2) { animation-delay: .2s; }
.app-main.entering .dash-ref > .ref-card:nth-child(1) { animation-delay: .24s; }
.app-main.entering .dash-ref > .ref-card:nth-child(2) { animation-delay: .3s; }
.app-main.entering .dash-ref > .ref-card:nth-child(3) { animation-delay: .36s; }

/* modals & popovers */
html[data-motion="on"] .modal { opacity: 0; transform: translateY(16px) scale(.965); transition: transform .42s var(--ease-spring), opacity .22s ease; }
html[data-motion="on"] .modal-layer.open .modal { opacity: 1; transform: none; }
html[data-motion="on"] .modal-layer { transition: opacity .22s ease; }
html[data-motion="on"] .popover { animation: popIn2 .24s var(--ease-out); transform-origin: top center; }
@keyframes popIn2 { from { opacity: 0; transform: translateY(-6px) scale(.97); } to { opacity: 1; transform: none; } }
html[data-motion="on"] .skel { background: linear-gradient(90deg, var(--skel) 0%, var(--surface-4) 40%, var(--skel) 80%); background-size: 200% 100%; animation: shimmer 1.6s linear infinite; }
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
html[data-motion="on"] .tb-badge.on { animation: badgePop .6s var(--ease-spring); }
@keyframes badgePop { 0% { transform: scale(.4); } 60% { transform: scale(1.2); } 100% { transform: scale(1); } }

/* reduced motion: system preference or Settings → Style → Animations off */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
html[data-motion="off"] *, html[data-motion="off"] *::before, html[data-motion="off"] *::after { animation-duration: .001ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
html[data-motion="off"] .spin { animation: spin .8s linear infinite !important; }

/* ══ Responsive ══ */
@media (max-width: 1760px) and (min-width: 1321px) {
  .tn-item .ic { display: none; }
  .tn-item { padding: 0 10px; }
}
@media (max-width: 1320px) {
  .tn-item .tn-l { display: none; }
  .tn-item { padding: 0 10px; }
  .tn-item .badge-new { display: none; }
}
@media (max-width: 1080px) {
  .tb-search { width: 34px; padding: 0; justify-content: center; }
  .tb-search .tb-search-l, .tb-search .kbd { display: none; }
  .tb-import .lbl, .tb-create .lbl { display: none; }
  .tb-funder .grow { display: none; }
}
@media (max-width: 760px) {
  .tb-ver, .tb-funder { display: none; }
  .topbar { gap: 10px; padding: 0 8px 0 10px; }
  html[data-display="gothic"] .tb-word { font-size: 22px; }
  .wal-folders { flex-wrap: wrap; }
}

/* ══ Custom wallet pre-orders ══ */
.modal.po-modal { width: 1040px; }
.po-grid { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 330px; grid-template-rows: minmax(0, 1fr); padding: 0; overflow: hidden; }
.po-form { min-height: 0; overflow-y: auto; padding: 16px 18px 20px 22px; }
.po-sum { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 16px 22px 20px 18px; border-left: 1px solid var(--border-2); background: var(--surface); }
html[data-theme="chrome"] .po-sum { background: linear-gradient(180deg, #0a0a0c, #050506); }
.po-sec { padding: 14px 0; border-bottom: 1px solid var(--border-dim); }
.po-sec:first-child { padding-top: 0; }
.po-sec:last-child { border-bottom: 0; padding-bottom: 0; }
.po-h { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; font-size: 12px; font-weight: 600; }
.po-h .ic { color: var(--text-3); }
.po-h .muted { font-size: 11px; font-weight: 400; }
.po-range { display: flex; align-items: center; gap: 8px; font-size: 11px; }
.po-range .inp-wrap { flex: 1; height: 32px; }
.po-presets { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.row .po-presets { margin-top: 0; }
.po-presets button { height: 24px; padding: 0 9px; border: 1px solid var(--border-2); background: var(--surface-2); border-radius: var(--r-sm); font-size: 11px; color: var(--text-2); transition: border-color .15s, color .15s, background .15s; }
.po-presets button:hover { color: var(--text); border-color: var(--border-3); }
.po-presets button.on { border-color: rgba(var(--accent-rgb), .6); background: rgba(var(--accent-rgb), .1); color: var(--text); font-weight: 600; }
.po-sum-h { font-size: 13px; font-weight: 700; }
html[data-display="gothic"] .po-sum-h { font-family: var(--font-display); font-size: 20px; font-weight: 600; letter-spacing: .01em; }
.po-spec, .po-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.po-chips { margin: 9px 0 10px; }
.po-spec .cfg-chip, .po-chips .cfg-chip { height: 21px; padding: 0 7px; font-size: 10.5px; gap: 5px; }
.po-stock { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px dashed var(--border-3); font-size: 11.5px; color: var(--text-2); }
.po-stock.ok { border-style: solid; border-color: rgba(var(--green-rgb), .35); color: var(--text); }
.po-stock.ok > .ic { color: var(--green); }
.po-price { border-top: 1px solid var(--border-2); padding-top: 2px; }
.po-price .kv, .po-sum > .kv { padding: 6px 0; font-size: 11.5px; }
.po-total { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 10px 0 2px; border-top: 1px solid var(--border-2); font-size: 11.5px; color: var(--text-2); }
.po-total b { font-family: var(--mono); font-size: 20px; letter-spacing: -.02em; color: var(--text); white-space: nowrap; }
.po-eta { padding: 10px 11px; border: 1px solid var(--border-2); background: var(--surface-2); font-size: 11.5px; }
.po-eta-bar { display: flex; gap: 2px; height: 5px; margin: 9px 0 7px; }
.po-eta-bar i { display: block; min-width: 3px; background: var(--surface-4); }
.po-eta-bar i:nth-child(1) { background: var(--text-3); }
.po-eta-bar i:nth-child(2) { background: var(--accent); opacity: .55; }
.po-eta-bar i:nth-child(3) { background: var(--accent); opacity: .85; }
.po-eta-bar i:nth-child(4) { background: var(--green); opacity: .8; }
html[data-accent="chrome"] .po-eta-bar i:nth-child(2), html[data-accent="chrome"] .po-eta-bar i:nth-child(3) { background: var(--chrome); }
.po-eta-l { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; font-size: 9.5px; color: var(--text-3); }
.po-eta-l b { display: block; margin-top: 1px; font-family: var(--mono); font-size: 10px; font-weight: 600; color: var(--text-2); }
.po-sum .btn-lg { margin-top: 2px; }
.po-count { display: inline-flex; align-items: center; justify-content: center; min-width: 15px; height: 15px; padding: 0 4px; margin-left: 2px; font-size: 9.5px; font-weight: 800; background: var(--accent); color: var(--accent-ink); border-radius: 8px; }
html[data-accent="chrome"] .po-count { background: var(--chrome-v); color: #0a0a0b; }
.po-cta { cursor: pointer; transition: border-color .2s, background .2s; }
.po-cta:hover { border-color: var(--border-3); background: var(--surface-3); }
.po-cta .opt-card-h .badge-new { margin-left: auto; }
.po-list { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; }
.po-list-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 2px 2px; font-size: 11px; color: var(--text-2); }
.po-row { padding: 12px 14px; border: 1px solid var(--border-2); background: var(--surface); transition: border-color .2s; }
html[data-theme="chrome"] .po-row { background: linear-gradient(180deg, #0b0b0d, #060607); }
.po-row:hover { border-color: var(--border-3); }
.po-row.cancelled { opacity: .55; }
.po-top { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
.po-id { font-family: var(--mono); font-size: 11px; color: var(--text-3); }
.po-amt { font-family: var(--mono); font-size: 12px; font-weight: 600; white-space: nowrap; }
.po-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; font-size: 10px; color: var(--text-4); }
.po-step { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.po-step i { width: 7px; height: 7px; flex-shrink: 0; border: 1px solid var(--border-3); transform: rotate(45deg); }
.po-step.done { color: var(--text-2); }
.po-step.done i { background: var(--text-2); border-color: var(--text-2); }
.po-step.cur { color: var(--text); font-weight: 600; }
.po-step.cur i { border-color: var(--text); box-shadow: 0 0 8px rgba(255, 255, 255, .45); }
html[data-motion="on"] .po-step.cur i { animation: pulse 1.6s infinite; }
html[data-accent="chrome"] .po-step.done i { background: var(--chrome-v); border-color: #a4a4ac; }
.po-row .dist-bar { margin: 8px 0; }
.po-foot { display: flex; align-items: center; gap: 6px; font-size: 11px; }
.job-pill.po { background: rgba(var(--accent-rgb), .1); }
.po-intro { padding: 14px; border: 1px solid var(--border-2); background: var(--surface-2); }
.po-intro-h { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 13px; font-weight: 700; }
.po-intro-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
.po-intro-grid > div { display: flex; flex-direction: column; gap: 3px; padding: 8px 9px; border: 1px solid var(--border-2); background: var(--surface); font-size: 10.5px; color: var(--text-3); }
.po-intro-grid .ic { color: var(--text-2); margin-bottom: 2px; }
.po-intro-grid b { font-size: 11.5px; color: var(--text); }
html[data-radius="sharp"] :is(.po-presets button, .po-count, .po-row, .po-eta, .po-stock, .po-intro, .po-intro-grid > div) { border-radius: 0 !important; }
@media (max-width: 960px) {
  .po-grid { grid-template-columns: 1fr; grid-template-rows: auto; overflow-y: auto; }
  .po-form, .po-sum { overflow: visible; }
  .po-sum { border-left: 0; border-top: 1px solid var(--border-2); }
  .po-intro-grid { grid-template-columns: 1fr 1fr; }
}

/* ══ Type system: hybrid SaaS sans (Geist) + bitmap pixel (Departure Mono) ══
   Geist carries body copy and headings; Departure Mono carries numbers, addresses, labels and the wordmark.
   The optional "gothic" display setting still overrides titles with blackletter. */
@font-face {
  font-family: 'Departure Mono';
  src: url('../fonts/DepartureMono-Regular.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { font-feature-settings: 'ss01', 'cv11'; }
/* bitmap glyphs: no faux bold, crisp edges, tabular by nature */
.mono, code, kbd, pre { font-synthesis: none; letter-spacing: 0; }
/* headings — tight SaaS sans */
html:not([data-display="gothic"]) :is(.page-bar-title, .page-title, .auth-title, .empty-title, .po-sum-h, .bnd-name, .bnd-hero h3, .tl-head h2, .tour-t, .sb-title-l) { font-family: var(--font-head); font-weight: 600; letter-spacing: -.025em; }
html:not([data-display="gothic"]) .auth-title { letter-spacing: -.035em; }
html:not([data-display="gothic"]) .lock-time { font-family: var(--pixel); font-weight: 400; letter-spacing: -.02em; }
/* wordmark in pixel */
html:not([data-display="gothic"]) .tb-word { font-family: var(--pixel); font-size: 18px; font-weight: 400; letter-spacing: .02em; text-transform: uppercase; }
/* small caps-style labels & eyebrows go bitmap */
:is(.menu-label, .set-sub, .sect-div, .tb-ver, .sb-count, .aff-sub, .auth-label-sm, .bnd-hero-k, .fresh-tag, .job-tag, .trade-type, .tag, .sched-t) { font-family: var(--pixel); font-weight: 400; letter-spacing: .04em; }
html[data-display="gothic"] :is(.sect-div, .sched-t) { font-family: var(--font-display); }
/* big numbers & countdowns in pixel */
.sched-cd, .po-total b, .ins-big, .stat-v, .hero-pnl .count { font-family: var(--pixel); font-weight: 400; letter-spacing: -.01em; }