/* DeepBot Trader — Round 2 Visual Tokens
 * THREE color directions, switched via [data-direction] on root.
 * Lime retained ONLY for live/firing states (Pulse pings, sustained bias),
 * never as brand-dominant surface color.
 *
 * Directions:
 *   violet   — Deep violet primary, near-black canvas
 *   mercury  — Chrome/silver on obsidian, warm ember accent
 *   electric — Cool electric blue, deep navy canvas
 */

:root {
  /* Type stack — shared across all directions */
  --db-font-ui: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --db-font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;
  --db-font-display: "Instrument Serif", "Times New Roman", serif;

  /* Type sizes */
  --db-text-xs:    11px;
  --db-text-sm:    12px;
  --db-text-base:  14px;
  --db-text-md:    16px;
  --db-text-lg:    20px;
  --db-text-xl:    28px;
  --db-text-2xl:   40px;
  --db-text-3xl:   64px;

  /* Motion */
  --db-dur-instant: 60ms;
  --db-dur-quick:   120ms;
  --db-dur-base:    200ms;
  --db-ease:        cubic-bezier(0.2, 0.7, 0.2, 1);

  --db-unit:    4px;
  --db-radius:  6px;
  --db-radius-md: 10px;
  --db-radius-lg: 14px;

  /* Live signal — same in every direction (firing/sustained Pulse) */
  --db-live:        #CCFF00;
  --db-live-glow:   rgba(204, 255, 0, 0.35);
  --db-live-wash:   rgba(204, 255, 0, 0.08);

  /* Semantic — same in every direction */
  --db-up:          #4ade80;
  --db-up-dim:      rgba(74, 222, 128, 0.14);
  --db-down:        #f87171;
  --db-down-dim:    rgba(248, 113, 113, 0.14);
  --db-warn:        #fbbf24;
  --db-info:        #60a5fa;
  --db-danger:      #ff4d4d;
  --db-danger-dim:  rgba(255, 77, 77, 0.16);
}

/* ================== DIRECTION 1: VIOLET ==================
   Deep, editorial. Violet is brand. Lime is firing-state only.
   Keeps the dark trader DNA without cloning Photon.
*/
[data-direction="violet"] {
  --db-bg:           #08070d;
  --db-surface-1:    #100e1a;
  --db-surface-2:    #181527;
  --db-surface-3:    #221d35;
  --db-line:         #28233d;
  --db-line-strong:  #3b3354;

  --db-fg:           #f1eef9;
  --db-fg-muted:     #a097c2;
  --db-fg-dim:       #6c6485;
  --db-fg-faint:     #3b3354;

  /* Brand accent */
  --db-accent:        #8b5cf6;          /* deep violet, primary action */
  --db-accent-bright: #a78bfa;
  --db-accent-deep:   #6d28d9;
  --db-accent-glow:   rgba(139, 92, 246, 0.32);
  --db-accent-wash:   rgba(139, 92, 246, 0.10);
  --db-accent-ink:    #0b0712;          /* on accent (text) */

  --db-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

/* ================== DIRECTION 2: MERCURY / EMBER ==================
   Chrome/silver instrument-panel feel. Ember warmth for action.
   Reads as "platform", not "trader app".
*/
[data-direction="mercury"] {
  --db-bg:           #0a0a0c;
  --db-surface-1:    #131316;
  --db-surface-2:    #1c1c20;
  --db-surface-3:    #26262b;
  --db-line:         #2c2c32;
  --db-line-strong:  #44444c;

  --db-fg:           #ecedf0;
  --db-fg-muted:     #9b9da3;
  --db-fg-dim:       #62656b;
  --db-fg-faint:     #38393e;

  --db-accent:        #f4a060;          /* warm ember */
  --db-accent-bright: #ffb87a;
  --db-accent-deep:   #c47a3d;
  --db-accent-glow:   rgba(244, 160, 96, 0.32);
  --db-accent-wash:   rgba(244, 160, 96, 0.10);
  --db-accent-ink:    #1a0d04;

  --db-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

/* ================== DIRECTION: DEEPBOT BRAND ==================
   The actual brand: acid lime on rich black (matches mascot + wordmark).
   Disciplined application — lime is brand AND live signal (semantically
   coherent: the brand is the network heartbeat). Reserve solid lime fills
   for primary actions and live state; everything else stays restrained
   on warm-black surfaces so lime never dominates as ambient color.
*/
[data-direction="deepbot"] {
  --db-bg:           #050505;          /* near-pure black, slight warm */
  --db-surface-1:    #0c0c0a;          /* lifted card, still warm-black */
  --db-surface-2:    #141412;
  --db-surface-3:    #1d1d1a;
  --db-line:         #232320;
  --db-line-strong:  #36362f;

  --db-fg:           #f4f4ee;          /* warm off-white */
  /* Brightened Aug 21 to match the live trade.deepbot.pro surface. The old
     values (#9d9d92 / #5e5e55 / #36362f) read as washed out next to the real
     site, and small mono numbers on the dim token were failing contrast. */
  --db-fg-muted:     #b4b4a8;
  --db-fg-dim:       #8a8a7e;
  --db-fg-faint:     #5e5e55;      /* dividers and placeholders ONLY, never body copy */

  /* Brand accent — lime extracted from the wordmark */
  --db-accent:        #CCFF00;          /* signature lime */
  --db-accent-bright: #d8ff5e;
  --db-accent-deep:   #98c800;
  --db-accent-glow:   rgba(204, 255, 0, 0.35);
  --db-accent-wash:   rgba(204, 255, 0, 0.07);
  --db-accent-ink:    #0a0a05;          /* on-lime text */

  --db-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
}

/* ================== DIRECTION 3: ELECTRIC BLUE ==================
   Cool electric. Confident, technical. Lime for firing only.
*/
[data-direction="electric"] {
  --db-bg:           #060912;
  --db-surface-1:    #0c111e;
  --db-surface-2:    #131a2c;
  --db-surface-3:    #1c2540;
  --db-line:         #22304e;
  --db-line-strong:  #354a72;

  --db-fg:           #eef2fb;
  --db-fg-muted:     #94a4c4;
  --db-fg-dim:       #5e6f8f;
  --db-fg-faint:     #354a72;

  --db-accent:        #3b82f6;          /* electric blue */
  --db-accent-bright: #60a5fa;
  --db-accent-deep:   #1e40af;
  --db-accent-glow:   rgba(59, 130, 246, 0.32);
  --db-accent-wash:   rgba(59, 130, 246, 0.10);
  --db-accent-ink:    #061025;

  --db-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  background: var(--db-bg);
  color: var(--db-fg);
  font-family: var(--db-font-ui);
  font-size: var(--db-text-base);
  line-height: 1.45;
  font-feature-settings: "ss01", "cv11", "tnum";
  -webkit-font-smoothing: antialiased;
}

.mono { font-family: var(--db-font-mono); font-feature-settings: "tnum"; }
.tnum { font-variant-numeric: tabular-nums; }

/* ================== Components — direction-aware ================== */

.db-btn {
  font-family: var(--db-font-ui);
  font-size: 13px; font-weight: 500; letter-spacing: 0.2px;
  padding: 9px 16px; border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all var(--db-dur-instant) var(--db-ease);
  display: inline-flex; align-items: center; gap: 8px;
  user-select: none;
  /* Labels never wrap. A two line label inside a fixed height button clips,
     which is how "Sign in to trade" lost its second line. */
  white-space: nowrap;
  line-height: 1.25;
}
.db-btn:active { transform: translateY(1px); }

.db-btn-primary {
  background: var(--db-accent);
  color: var(--db-accent-ink);
  border-color: var(--db-accent);
}
.db-btn-primary:hover { background: var(--db-accent-bright); border-color: var(--db-accent-bright); }

.db-btn-secondary {
  background: var(--db-surface-2);
  color: var(--db-fg);
  border-color: var(--db-line-strong);
}
.db-btn-secondary:hover { background: var(--db-surface-3); border-color: var(--db-fg-dim); }

.db-btn-ghost {
  background: transparent;
  color: var(--db-fg-muted);
  border-color: transparent;
}
.db-btn-ghost:hover { background: var(--db-surface-2); color: var(--db-fg); }

.db-btn-danger {
  background: var(--db-danger-dim);
  color: var(--db-danger);
  border-color: rgba(255, 77, 77, 0.4);
}
.db-btn-danger:hover { background: rgba(255, 77, 77, 0.28); border-color: var(--db-danger); }

/* The all-important Emergency Sell — solid, intent-clear, persistent */
.db-btn-emergency {
  background: var(--db-danger);
  color: #fff;
  border-color: var(--db-danger);
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 14px;
  box-shadow: 0 0 0 1px rgba(255, 77, 77, 0.3), 0 0 24px rgba(255, 77, 77, 0.20);
}
.db-btn-emergency:hover { background: #ff6363; box-shadow: 0 0 0 1px rgba(255, 77, 77, 0.5), 0 0 32px rgba(255, 77, 77, 0.32); }

.db-input {
  background: var(--db-surface-2);
  border: 1px solid var(--db-line);
  color: var(--db-fg);
  font-size: 13px;
  padding: 9px 12px;
  border-radius: 6px;
  outline: none;
  transition: border-color var(--db-dur-instant) var(--db-ease);
}
.db-input::placeholder { color: var(--db-fg-faint); }
.db-input:focus { border-color: var(--db-accent); }

.db-tag {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 7px; border-radius: 3px;
  font-size: 10px; font-weight: 500;
  letter-spacing: 0.5px; text-transform: uppercase;
  background: var(--db-surface-3);
  color: var(--db-fg-muted);
  border: 1px solid var(--db-line);
  font-family: var(--db-font-mono);
}
.db-tag-accent {
  background: var(--db-accent-wash);
  color: var(--db-accent);
  border-color: var(--db-accent);
}
.db-tag-live {
  background: var(--db-live-wash);
  color: var(--db-live);
  border-color: rgba(204, 255, 0, 0.3);
}
.db-tag-up   { background: var(--db-up-dim);   color: var(--db-up);   border-color: rgba(74, 222, 128, 0.3); }
.db-tag-down { background: var(--db-down-dim); color: var(--db-down); border-color: rgba(248, 113, 113, 0.3); }
.db-tag-warn { background: rgba(251, 191, 36, 0.12); color: var(--db-warn); border-color: rgba(251, 191, 36, 0.3); }

/* Live dot */
.db-live-dot {
  display: inline-block;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--db-live);
  box-shadow: 0 0 6px var(--db-live-glow);
  animation: db-blink 1.4s var(--db-ease) infinite;
}
@keyframes db-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

/* Section labels — JetBrains Mono uppercase */
.db-eyebrow {
  font-family: var(--db-font-mono);
  font-size: 9px;
  color: var(--db-fg-dim);
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

/* Card primitive */
.db-card {
  background: var(--db-surface-1);
  border: 1px solid var(--db-line);
  border-radius: var(--db-radius-md);
}

/* Scrollbar polish */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: var(--db-line-strong); border-radius: 3px; }
::-webkit-scrollbar-track { background: transparent; }

/* ===== Landing responsive layer. Desktop unchanged. ===== */
html, body { overflow-x: hidden; }

@media (max-width: 820px) {
  .lp-navlinks { flex-wrap: nowrap !important; }
  .lp-topbar    { height: auto !important; flex-wrap: wrap !important;
                  padding: 10px 14px !important; gap: 10px 12px !important; }
  .lp-navlinks  { order: 10; flex-basis: 100%; overflow-x: auto; }
  .lp-signin    { display: none !important; }
  .lp-statcards { grid-template-columns: repeat(2, 1fr) !important; }
  .lp-tokengrid { grid-template-columns: repeat(2, 1fr) !important; }
  .lp-chartbody { height: 320px !important; }
}

@media (max-width: 480px) {
  .lp-tokengrid { grid-template-columns: minmax(0,1fr) !important; }
  .lp-herotitle { font-size: 30px !important; letter-spacing: -0.8px !important; }
  .lp-chartbody { height: 260px !important; }
}

/* ---- token detail page ---- */
.tp-statgrid{display:grid;grid-template-columns:repeat(6,1fr);}
.tp-statgrid>*{border-right:1px solid var(--db-line);}
.tp-statgrid>*:last-child{border-right:none;}

.tp-bodygrid{display:grid;grid-template-columns:1fr 360px;gap:16px;}

@media (max-width:900px){
  /* The composite score panel goes ABOVE the chart on a phone. PULSE is the
     reason this page exists and must be the first thing seen. This is
     deliberate. Do not remove it and do not reorder it back. */
  .tp-bodygrid{grid-template-columns:1fr;}
  .tp-bodygrid>div:last-child{order:-1;}
  .tp-statgrid{grid-template-columns:repeat(3,1fr);}
  .tp-statgrid>*{border-bottom:1px solid var(--db-line);}
  .tp-statgrid>*:nth-child(3n){border-right:none;}
}

@media (max-width:640px){
  .tp-headside{align-items:flex-start!important;width:100%;}
  .tp-headside>div:first-child{text-align:left!important;}
  .tp-headside>div:last-child{justify-content:flex-start!important;}
  .tp-sym{font-size:24px!important;}
}

@media (max-width:520px){
  .tp-statgrid{grid-template-columns:repeat(2,1fr);}
  .tp-statgrid>*:nth-child(3n){border-right:1px solid var(--db-line);}
  .tp-statgrid>*:nth-child(2n){border-right:none;}
  .tp-chartbody{height:240px!important;}
}

/* ---- signals feed (§7) ----
   The row is a card with a stretched link so the whole row is one tap target.
   The link sits ABOVE static row content (z-index 1) and BELOW the few real
   controls (.sg-top, .sg-addr at z-index 2), which keeps the markup valid: no
   buttons nested inside an anchor. */
.sg-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 12px;}
.sg-chips{display:flex;gap:6px;flex-wrap:wrap;}
.sg-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--db-font-mono);font-size:11px;letter-spacing:.4px;text-transform:uppercase;padding:6px 11px;border-radius:5px;border:1px solid var(--db-line);background:var(--db-surface-1);color:var(--db-fg-muted);cursor:pointer;transition:background 120ms var(--db-ease),border-color 120ms var(--db-ease),color 120ms var(--db-ease);}
.sg-chip:hover{border-color:var(--db-line-strong);color:var(--db-fg);}
.sg-chip[aria-pressed="true"]{background:var(--db-surface-3);border-color:var(--db-line-strong);color:var(--db-fg);}

.sg-list{display:flex;flex-direction:column;gap:8px;}
.sg-item{position:relative;background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:10px;transition:background 120ms var(--db-ease),border-color 120ms var(--db-ease);animation:sg-in 280ms var(--db-ease) both;}
.sg-item:hover{background:var(--db-surface-2);border-color:var(--db-line-strong);}
.sg-item.is-fresh{border-color:rgba(204,255,0,.26);}
.sg-stretch{position:absolute;inset:0;z-index:1;border-radius:10px;}
.sg-stretch:focus-visible{outline:2px solid var(--db-accent);outline-offset:2px;}

.sg-row{display:grid;grid-template-columns:34px minmax(0,.95fr) minmax(0,1.2fr) 152px;grid-template-areas:"rank id reason score";gap:18px;align-items:center;padding:14px 16px;}
.sg-rank{grid-area:rank;}
.sg-id{grid-area:id;}
.sg-reason{grid-area:reason;}
.sg-score{grid-area:score;}
.sg-top{position:relative;z-index:2;}
.sg-addr{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--db-line);}

@keyframes sg-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
@keyframes sg-shim{0%,100%{opacity:.3;}50%{opacity:.65;}}
.sg-skel{background:var(--db-surface-3);border-radius:4px;animation:sg-shim 1.4s var(--db-ease) infinite;}

@media (max-width:900px){
  .sg-row{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"rank id score" "reason reason reason";gap:12px;align-items:start;padding:13px 14px;}
  .sg-reason{padding-left:36px;}
}
@media (max-width:520px){
  .sg-title{font-size:26px!important;letter-spacing:-.6px!important;}
  .sg-row{gap:10px;}
  .sg-reason{padding-left:0;}
}
@media (prefers-reduced-motion:reduce){
  .sg-item{animation:none;}
  .sg-skel{animation:none;opacity:.45;}
}

/* ---- holdings (§8) ----
   Wallet card holds a header, a holdings list, and a filtered footer. Money is
   right aligned and tabular. Addresses always render in full and wrap. */
.hp-list{display:flex;flex-direction:column;gap:12px;}
.hp-wallet{background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:10px;overflow:hidden;}
.hp-whead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:15px 16px;border-bottom:1px solid var(--db-line);flex-wrap:wrap;}
.hp-addr-full{font-size:11px;color:var(--db-fg-dim);word-break:break-all;line-height:1.5;}
.hp-note{font-size:12px;color:var(--db-fg-muted);line-height:1.5;padding:10px 16px;background:var(--db-surface-2);border-bottom:1px solid var(--db-line);}
.hp-degraded{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:8px;border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.06);}

.hp-hlist{display:flex;flex-direction:column;}
.hp-hrow{display:grid;grid-template-columns:minmax(0,1.5fr) 120px 128px 84px;gap:16px;align-items:start;padding:12px 16px;border-bottom:1px solid var(--db-line);}
.hp-hrow:last-child{border-bottom:0;}
.hp-hrow.is-filtered{background:rgba(255,255,255,.014);}
.hp-hrow.is-filtered .hp-h-id>div:first-child{opacity:.72;}
.hp-h-amt{text-align:right;color:var(--db-fg-muted);}
.hp-h-val{text-align:right;}
.hp-h-act{display:flex;justify-content:flex-end;}
.hp-flag{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-fg-dim);border:1px solid var(--db-line);border-radius:3px;padding:1px 5px;white-space:nowrap;}

.hp-empty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;}
.hp-wfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--db-line);background:var(--db-surface-1);}

.hp-btn{font-family:var(--db-font-mono);font-size:11px;letter-spacing:.4px;padding:6px 11px;border-radius:5px;border:1px solid var(--db-line-strong);background:var(--db-surface-2);color:var(--db-fg);cursor:pointer;white-space:nowrap;transition:background 120ms var(--db-ease),border-color 120ms var(--db-ease);}
.hp-btn:hover:not(:disabled){background:var(--db-surface-3);border-color:var(--db-fg-dim);}
.hp-btn:disabled{opacity:.42;cursor:not-allowed;}

@media (max-width:820px){
  .hp-whead>div:last-child{text-align:left!important;}
  .hp-hrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id val" "amt act";gap:8px 14px;}
  .hp-h-id{grid-area:id;}
  .hp-h-val{grid-area:val;}
  .hp-h-amt{grid-area:amt;text-align:left;}
  .hp-h-act{grid-area:act;}
}
@media (max-width:520px){
  .hp-title{font-size:26px!important;letter-spacing:-.6px!important;}
}

/* ---- settings (§5) ---- */
.set-stack{display:flex;flex-direction:column;gap:14px;padding:18px 0 40px;}
.set-section{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:var(--db-radius-md);padding:22px 24px;}
.set-shead{min-width:0;}
.set-stitle{margin:0;font-size:19px;font-weight:600;letter-spacing:-0.3px;}
.set-sdesc{margin:9px 0 0;font-size:12.5px;color:var(--db-fg-muted);line-height:1.55;max-width:260px;}
.set-sbody{min-width:0;}
.set-row,.set-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.set-wlist{display:flex;flex-direction:column;gap:12px;}
.set-wallet{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--db-surface-2);border:1px solid var(--db-line);border-radius:9px;flex-wrap:wrap;}
.set-addr{font-size:11.5px;color:var(--db-fg-dim);word-break:break-all;line-height:1.5;}
.set-connected{display:inline-flex;align-items:center;gap:6px;font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-accent);border:1px solid rgba(204,255,0,.3);background:var(--db-accent-wash);border-radius:4px;padding:2px 7px;white-space:nowrap;}

.set-prefs{display:flex;flex-direction:column;}
.set-pref{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--db-line);}
.set-pref:first-child{padding-top:0;}
.set-pref:last-child{border-bottom:0;padding-bottom:0;}

.set-toggle{position:relative;width:42px;height:24px;border-radius:999px;border:1px solid var(--db-line-strong);background:var(--db-surface-3);cursor:pointer;flex-shrink:0;padding:0;transition:background 140ms var(--db-ease),border-color 140ms var(--db-ease);}
.set-toggle.is-on{background:var(--db-accent);border-color:var(--db-accent);}
.set-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--db-fg);transition:transform 140ms var(--db-ease),background 140ms var(--db-ease);}
.set-toggle.is-on .set-toggle-knob{transform:translateX(18px);background:var(--db-accent-ink);}
.set-toggle:focus-visible{outline:2px solid var(--db-accent);outline-offset:2px;}

.set-modal-scrim{position:fixed;inset:0;z-index:60;background:rgba(3,3,2,.72);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:set-fade 160ms var(--db-ease);}
.set-modal{position:relative;width:100%;max-width:360px;background:var(--db-surface-1);border:1px solid var(--db-line-strong);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow);padding:26px 24px 24px;text-align:center;animation:set-pop 180ms var(--db-ease);}
.set-modal-x{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:6px;border:0;background:transparent;color:var(--db-fg-dim);font-size:13px;cursor:pointer;}
.set-modal-x:hover{background:var(--db-surface-2);color:var(--db-fg);}
.set-modal-h{margin:0;font-size:19px;font-weight:600;letter-spacing:-0.3px;}
.set-modal-sub{margin:8px 0 0;font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;}
.set-pindots{display:flex;gap:14px;justify-content:center;margin:22px 0 4px;}
.set-pindot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--db-line-strong);background:transparent;transition:background 120ms var(--db-ease),border-color 120ms var(--db-ease);}
.set-pindot.is-on{background:var(--db-accent);border-color:var(--db-accent);}
.set-pin-error{font-size:11.5px;color:var(--db-down);margin-top:12px;line-height:1.4;}
.set-pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;}
.set-pinkey{height:52px;border-radius:9px;border:1px solid var(--db-line);background:var(--db-surface-2);color:var(--db-fg);font-size:19px;font-weight:500;font-family:var(--db-font-mono);cursor:pointer;transition:background 100ms var(--db-ease);}
.set-pinkey:hover{background:var(--db-surface-3);}
.set-pinkey:active{transform:translateY(1px);}
.set-pin-success{display:flex;flex-direction:column;align-items:center;gap:11px;padding:6px 0 2px;}
.set-check{width:52px;height:52px;border-radius:50%;background:var(--db-accent-wash);border:1px solid rgba(204,255,0,.3);color:var(--db-accent);display:flex;align-items:center;justify-content:center;}
@keyframes set-fade{from{opacity:0}to{opacity:1}}
@keyframes set-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

@media (max-width:760px){
  .set-section{grid-template-columns:1fr;gap:18px;padding:20px;}
  .set-sdesc{max-width:none;}
}
@media (max-width:520px){
  .set-title{font-size:26px!important;letter-spacing:-.6px!important;}
}
@media (prefers-reduced-motion:reduce){
  .set-modal-scrim,.set-modal{animation:none;}
}

/* ---- strategy studio (V15) ---- */
.ss-hero{padding:22px 0 8px;}
.ss-herotop{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ss-roomcta{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;text-align:left;padding:12px 18px;border-radius:10px;border:1px solid rgba(204,255,0,.34);background:var(--db-accent-wash);color:var(--db-fg);cursor:pointer;font-family:inherit;transition:background 120ms var(--db-ease),border-color 120ms var(--db-ease);}
.ss-roomcta:hover{background:var(--db-accent);border-color:var(--db-accent);color:var(--db-accent-ink);}
.ss-roomcta-dot{width:8px;height:8px;border-radius:50%;background:var(--db-accent);box-shadow:0 0 0 4px rgba(204,255,0,.16);flex-shrink:0;}
.ss-roomcta:hover .ss-roomcta-dot{background:var(--db-accent-ink);box-shadow:0 0 0 4px rgba(5,5,5,.18);}
.ss-roomcta-txt{display:flex;flex-direction:column;gap:3px;}
.ss-roomcta-txt b{font-size:13.5px;font-weight:600;letter-spacing:-.2px;}
.ss-roomcta-txt i{font-style:normal;font-size:11px;color:var(--db-fg-muted);}
.ss-roomcta:hover .ss-roomcta-txt i{color:rgba(5,5,5,.7);}
.ss-title{margin:0;font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.04;max-width:640px;}
.ss-sub{font-size:14px;color:var(--db-fg-muted);margin-top:11px;line-height:1.5;max-width:600px;text-wrap:pretty;}
.ss-flow{display:flex;flex-direction:column;gap:16px;padding:14px 0 44px;}
.ss-section{background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:var(--db-radius-md);padding:22px 22px 24px;}

.ss-shead{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;}
.ss-shead-n{font-size:11px;color:var(--db-fg-muted);letter-spacing:.6px;padding-top:2px;flex-shrink:0;}
.ss-shead-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.4px;}
.ss-shead-desc{margin:8px 0 0;font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;max-width:520px;}

/* pick: source cards */
.ss-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ss-source{text-align:left;display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:10px;border:1px solid var(--db-line);background:var(--db-surface-2);cursor:pointer;font-family:inherit;color:var(--db-fg);transition:border-color 120ms var(--db-ease),background 120ms var(--db-ease);}
.ss-source:hover:not(.is-locked){border-color:var(--db-line-strong);background:var(--db-surface-3);}
.ss-source.is-sel{border-color:var(--db-accent);background:var(--db-accent-wash);}
.ss-source.is-locked{cursor:not-allowed;background:var(--db-surface-1);}
.ss-source.is-locked .ss-source-body{color:var(--db-fg-dim);}
.ss-source-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ss-source-title{font-size:14.5px;font-weight:600;letter-spacing:-0.2px;}
.ss-source-body{font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;}
.ss-source-go{font-family:var(--db-font-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-dim);}
.ss-chip-sel{font-family:var(--db-font-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-accent-ink);background:var(--db-accent);border-radius:4px;padding:2px 7px;}
.ss-chip-lock{display:inline-flex;align-items:center;gap:5px;font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-muted);border:1px solid var(--db-line-strong);border-radius:4px;padding:2px 7px;white-space:nowrap;}

.ss-subblock{margin-top:18px;padding-top:18px;border-top:1px solid var(--db-line);}
.ss-sub-h{font-size:13px;font-weight:600;letter-spacing:-0.1px;margin-bottom:12px;}
.ss-note-line{font-size:12.5px;color:var(--db-fg-muted);}
.ss-preset-list{display:flex;flex-direction:column;gap:8px;}
.ss-preset{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:14px 16px;border-radius:9px;border:1px solid var(--db-line);background:var(--db-surface-2);cursor:pointer;font-family:inherit;color:var(--db-fg);transition:border-color 120ms var(--db-ease);}
.ss-preset:hover{border-color:var(--db-line-strong);}
.ss-preset.is-sel{border-color:var(--db-accent);background:var(--db-accent-wash);}
.ss-preset-main{display:flex;flex-direction:column;gap:8px;min-width:0;}
.ss-preset-head{display:flex;align-items:center;gap:9px;}
.ss-preset-name{font-size:14px;font-weight:600;letter-spacing:-0.2px;}
.ss-tag{font-family:var(--db-font-mono);font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-muted);border:1px solid var(--db-line);border-radius:3px;padding:1px 6px;}
.ss-preset-body{font-size:12px;color:var(--db-fg-muted);line-height:1.45;}
.ss-preset-chains{display:flex;gap:6px;flex-wrap:wrap;}
.ss-preset-cta{font-family:var(--db-font-mono);font-size:11px;letter-spacing:.3px;color:var(--db-accent);flex-shrink:0;}
.ss-preset.is-sel .ss-preset-cta{color:var(--db-fg-muted);}

/* playbooks wall */
.ss-wall-divider{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 12px;padding-top:18px;border-top:1px dashed var(--db-line-strong);}
.ss-wall-note{font-size:11.5px;color:var(--db-fg-dim);font-style:italic;}
.ss-obs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.ss-obs{display:flex;flex-direction:column;gap:8px;padding:14px 15px;border-radius:9px;border:1px solid var(--db-line);background:var(--db-surface-1);position:relative;}
.ss-obs.is-firstclass{border-style:dashed;background:transparent;}
.ss-obs-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ss-obs-title{font-size:13.5px;font-weight:500;letter-spacing:-0.1px;color:var(--db-fg);}
.ss-obs-note{font-size:12px;color:var(--db-fg-muted);line-height:1.5;}
.ss-obs-foot{display:flex;flex-direction:column;gap:5px;margin-top:2px;}
.ss-obs-when{font-size:10px;color:var(--db-fg-dim);letter-spacing:.3px;}
.ss-obs-wall{font-size:9.5px;color:var(--db-fg-muted);letter-spacing:.3px;text-transform:uppercase;font-family:var(--db-font-mono);}
.ss-pb-badge{font-family:var(--db-font-mono);font-size:9px;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:2px 7px;white-space:nowrap;}
.ss-pb-badge.tone-off{color:var(--db-fg-dim);border:1px solid var(--db-line-strong);}
.ss-pb-badge.tone-warn{color:var(--db-warn);border:1px solid rgba(251,191,36,.3);background:rgba(251,191,36,.06);}

/* configure */
.ss-cfg-chainrow{margin-bottom:16px;}
.ss-chainseg{display:flex;gap:6px;flex-wrap:wrap;}
.ss-chainbtn{position:relative;display:inline-flex;align-items:center;gap:7px;font-family:var(--db-font-mono);font-size:11px;letter-spacing:.3px;padding:8px 12px;border-radius:6px;border:1px solid var(--db-line);background:var(--db-surface-2);color:var(--db-fg);cursor:pointer;transition:border-color 120ms var(--db-ease),background 120ms var(--db-ease);}
.ss-chainbtn.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.ss-chainbtn.is-coming{color:var(--db-fg-dim);}
.ss-coming-tag{font-size:8px;letter-spacing:.4px;text-transform:uppercase;color:var(--db-fg-dim);border:1px solid var(--db-line);border-radius:3px;padding:1px 4px;}
.ss-chainbtn.is-on.is-coming .ss-coming-tag{color:var(--db-warn);border-color:rgba(251,191,36,.3);}
.ss-chain-help{margin-top:10px;font-size:12px;color:var(--db-warn);line-height:1.5;padding:9px 12px;border:1px solid rgba(251,191,36,.24);background:rgba(251,191,36,.05);border-radius:7px;}

.ss-cfgblock{border:1px solid var(--db-line);border-radius:9px;background:var(--db-surface-2);margin-bottom:10px;overflow:hidden;}
.ss-legs{display:flex;flex-direction:column;}
.ss-cfg-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;}
.ss-cfg-title{font-size:13.5px;font-weight:600;letter-spacing:-0.1px;}
.ss-cfg-desc{font-size:12px;color:var(--db-fg-muted);margin-top:3px;line-height:1.4;}
.ss-cfg-arm{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ss-cfg-body{padding:0 16px 16px;}
.ss-fieldgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.ss-field{display:flex;flex-direction:column;gap:6px;}
.ss-field-label{font-size:11px;color:var(--db-fg-muted);letter-spacing:.2px;}
.ss-field-input{display:flex;align-items:center;gap:8px;border:1px solid var(--db-line-strong);border-radius:6px;background:var(--db-bg);padding:0 11px;transition:border-color 120ms var(--db-ease);}
.ss-field-input:focus-within{border-color:var(--db-accent);}
.ss-field-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--db-fg);font-family:var(--db-font-mono);font-size:13px;padding:9px 0;}
.ss-field-input input::placeholder{color:var(--db-fg-faint);}
.ss-field-unit{font-family:var(--db-font-mono);font-size:10.5px;color:var(--db-fg-dim);white-space:nowrap;}
.ss-field-tag{margin-left:7px;font-family:var(--db-font-mono);font-size:8.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--db-accent);border:1px solid rgba(204,255,0,.3);border-radius:3px;padding:1px 5px;}
.ss-field-input.is-invalid{border-color:var(--db-down);}
.ss-field-err{margin-top:9px;font-size:12px;color:var(--db-down);line-height:1.45;}
.ss-walletfield{padding-top:2px;}
.ss-wallet-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.ss-wallet-addr{font-size:11.5px;color:var(--db-fg-dim);word-break:break-all;line-height:1.5;}
.ss-copychip{font-family:var(--db-font-mono);font-size:10px;letter-spacing:.3px;padding:2px 8px;border-radius:4px;border:1px solid var(--db-line-strong);background:var(--db-surface-1);color:var(--db-fg-muted);cursor:pointer;}
.ss-copychip:hover{border-color:var(--db-fg-dim);color:var(--db-fg);}
.ss-seg,.ss-safety-seg{display:flex;gap:6px;flex-wrap:wrap;}
.ss-segbtn{font-family:var(--db-font-mono);font-size:11px;letter-spacing:.3px;padding:8px 12px;border-radius:6px;border:1px solid var(--db-line);background:var(--db-surface-1);color:var(--db-fg-muted);cursor:pointer;}
.ss-segbtn.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.ss-safety{padding-top:2px;}
.ss-safety-seg{margin-bottom:7px;}
.ss-safety-btn{flex:1;min-width:88px;font-family:var(--db-font-mono);font-size:11px;letter-spacing:.3px;padding:9px 10px;border-radius:6px;border:1px solid var(--db-line);background:var(--db-surface-1);color:var(--db-fg-muted);cursor:pointer;transition:border-color 120ms var(--db-ease),background 120ms var(--db-ease);}
.ss-safety-btn.is-within{color:var(--db-fg);}
.ss-safety-btn.tone-up.is-within{border-color:var(--db-up-dim);background:var(--db-up-dim);}
.ss-safety-btn.tone-warn.is-within{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.07);}
.ss-safety-btn.tone-down.is-within{border-color:rgba(248,113,113,.28);background:rgba(248,113,113,.09);}
.ss-safety-btn.is-on{box-shadow:inset 0 0 0 1px currentColor;font-weight:600;}
.ss-safety-scale{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-muted);}

/* run */
.ss-run{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 18px;border-radius:10px;border:1px solid var(--db-line-strong);background:var(--db-surface-2);}
.ss-run.tone-live{border-color:rgba(204,255,0,.32);background:var(--db-accent-wash);}
.ss-run.tone-warn{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.05);}
.ss-run-status{display:flex;align-items:center;gap:13px;min-width:0;}
.ss-run-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:var(--db-fg-dim);}
.ss-run-dot.tone-live{background:var(--db-accent);box-shadow:0 0 0 4px var(--db-accent-wash);}
.ss-run-dot.tone-warn{background:var(--db-warn);}
.ss-run-pill{font-size:14px;font-weight:600;letter-spacing:-0.2px;}
.ss-run-line{font-size:12.5px;color:var(--db-fg-muted);margin-top:3px;line-height:1.45;}
.ss-run-btn{flex-shrink:0;}

/* activity */
.ss-act-list{display:flex;flex-direction:column;}
.ss-act-row{display:grid;grid-template-columns:minmax(0,1.6fr) 130px 130px;gap:16px;align-items:start;padding:13px 4px;border-bottom:1px solid var(--db-line);}
.ss-act-row:last-child{border-bottom:0;}
.ss-act-idtop{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.ss-act-side{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;border-radius:3px;padding:2px 6px;}
.ss-act-side.is-buy{color:var(--db-up);border:1px solid var(--db-up-dim);background:var(--db-up-dim);}
.ss-act-side.is-sell{color:var(--db-down);border:1px solid rgba(248,113,113,.16);background:rgba(248,113,113,.1);}
.ss-act-sym{font-size:13.5px;font-weight:600;letter-spacing:-0.1px;}
.ss-act-addr{font-size:11px;color:var(--db-fg-dim);margin-top:6px;display:block;}
.ss-act-addr.full{word-break:break-all;line-height:1.5;}
.ss-act-amt{text-align:right;color:var(--db-fg-muted);font-size:12.5px;}
.ss-act-when{font-size:10px;color:var(--db-fg-dim);margin-top:3px;}
.ss-act-val{text-align:right;}
.ss-act-valn{font-size:13.5px;font-weight:500;}
.ss-act-pnl{font-size:10.5px;margin-top:3px;}
.ss-empty{padding:26px 16px;text-align:center;font-size:13px;color:var(--db-fg-muted);line-height:1.5;border:1px dashed var(--db-line-strong);border-radius:9px;}
.ss-agg-wrap{margin-bottom:16px;}
.ss-agg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--db-line);border-radius:10px;background:var(--db-surface-2);overflow:hidden;}
.ss-agg-cell{padding:15px 16px;border-right:1px solid var(--db-line);}
.ss-agg-cell:last-child{border-right:0;}
.ss-agg-val{font-size:19px;font-weight:500;letter-spacing:-0.4px;}
.ss-agg-sub{font-size:10.5px;color:var(--db-fg-dim);letter-spacing:.3px;margin-top:8px;}
.ss-agg-caption{margin-top:9px;font-size:12px;color:var(--db-warn);line-height:1.5;padding:9px 12px;border:1px solid rgba(251,191,36,.24);background:rgba(251,191,36,.05);border-radius:7px;}
@media (max-width:520px){.ss-agg{grid-template-columns:1fr;}.ss-agg-cell{border-right:0;border-bottom:1px solid var(--db-line);}.ss-agg-cell:last-child{border-bottom:0;}}
.ss-attrib{margin-top:14px;font-size:10px;color:var(--db-fg-muted);letter-spacing:.3px;font-family:var(--db-font-mono);}

@media (max-width:760px){
  .ss-source-grid,.ss-obs-grid{grid-template-columns:1fr;}
  .ss-act-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id val" "amt val";gap:6px 14px;}
  .ss-act-id{grid-area:id;}.ss-act-val{grid-area:val;}.ss-act-amt{grid-area:amt;text-align:left;}
  .ss-run{flex-direction:column;align-items:stretch;}
  .ss-run-btn{width:100%;justify-content:center;}
}
@media (max-width:520px){
  .ss-title{font-size:25px;letter-spacing:-.6px;}
  .ss-section{padding:18px 16px 20px;}
  .ss-shead{gap:12px;}
}
@media (prefers-reduced-motion:reduce){
  .ss-source,.ss-preset,.ss-chainbtn{transition:none;}
}

/* ---- swap box (V15 front door) ---- */
.swap-box{position:relative;background:var(--db-surface-1);border:1px solid var(--db-line-strong);border-radius:var(--db-radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px;}
.swap-box.variant-home{box-shadow:var(--db-shadow);}
.swap-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px;flex-wrap:wrap;}
.swap-title{font-size:16px;font-weight:600;letter-spacing:-0.3px;}
.swap-chainseg{display:flex;gap:4px;flex-wrap:wrap;}
.swap-chainbtn{position:relative;display:inline-flex;align-items:center;gap:5px;font-family:var(--db-font-mono);font-size:10px;letter-spacing:.2px;padding:5px 8px;border-radius:5px;border:1px solid var(--db-line);background:var(--db-surface-2);color:var(--db-fg-muted);cursor:pointer;}
.swap-chainbtn.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.swap-chainbtn.is-coming{color:var(--db-fg-dim);}
.swap-coming-tag{font-size:7.5px;letter-spacing:.3px;text-transform:uppercase;color:var(--db-fg-dim);border:1px solid var(--db-line);border-radius:2px;padding:0 3px;}
.swap-chainbtn.is-on.is-coming .swap-coming-tag{color:var(--db-warn);border-color:rgba(251,191,36,.3);}

.swap-field{background:var(--db-surface-2);border:1px solid var(--db-line);border-radius:10px;padding:12px 13px;display:flex;flex-direction:column;gap:8px;}
.swap-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.swap-field-side{font-size:11px;color:var(--db-fg-muted);letter-spacing:.2px;}
.swap-bal{font-size:10.5px;color:var(--db-fg-dim);background:transparent;border:0;cursor:pointer;padding:0;}
.swap-bal:hover:not(:disabled){color:var(--db-accent);}
.swap-bal.dim,.dim{color:var(--db-fg-dim);}
.swap-field-row{display:flex;align-items:center;gap:10px;}
.swap-amt,.swap-amt-out{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--db-fg);font-size:24px;font-weight:500;letter-spacing:-0.5px;padding:0;}
.swap-amt::placeholder{color:var(--db-fg-faint);}
.swap-amt-out{color:var(--db-fg);}
.swap-tok-btn{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:7px 11px;border-radius:999px;border:1px solid var(--db-line-strong);background:var(--db-surface-1);color:var(--db-fg);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;}
.swap-tok-btn:hover{border-color:var(--db-fg-dim);}
.swap-tok-btn.empty{color:var(--db-accent);border-color:rgba(204,255,0,.3);}
.swap-caret{font-size:9px;color:var(--db-fg-dim);}
.swap-ca-chip{align-self:flex-start;font-size:10.5px;color:var(--db-fg-dim);background:transparent;border:0;cursor:pointer;padding:0;word-break:break-all;text-align:left;line-height:1.4;}
.swap-ca-chip:hover{color:var(--db-fg-muted);}

.swap-flip-wrap{display:flex;justify-content:center;height:0;position:relative;z-index:1;}
.swap-flip{position:absolute;top:-14px;width:32px;height:32px;border-radius:9px;border:3px solid var(--db-surface-1);background:var(--db-surface-3);color:var(--db-fg);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.swap-flip:hover{background:var(--db-accent);color:var(--db-accent-ink);}

.swap-slip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 0;}
.swap-slip-label{font-size:12px;color:var(--db-fg-muted);}
.swap-slip-input{display:flex;align-items:center;gap:5px;border:1px solid var(--db-line-strong);border-radius:6px;background:var(--db-bg);padding:4px 9px;}
.swap-slip-input input{width:44px;background:transparent;border:0;outline:0;color:var(--db-fg);font-size:12.5px;text-align:right;}
.swap-field-unit{font-family:var(--db-font-mono);font-size:10.5px;color:var(--db-fg-dim);}

.swap-quote{border:1px solid var(--db-line);border-radius:9px;padding:11px 13px;display:flex;flex-direction:column;gap:8px;background:var(--db-surface-2);}
.swap-quote-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--db-fg-muted);}
.swap-quote-row span:last-child{color:var(--db-fg);font-size:12px;}
.swap-msg{font-size:12px;line-height:1.45;color:var(--db-fg-muted);padding:2px 2px;}
.swap-msg.is-warn{color:var(--db-warn);}
.swap-action{width:100%;justify-content:center;padding:13px;font-size:14px;font-weight:600;border-radius:10px;margin-top:2px;}
.swap-action.is-disabled{background:var(--db-surface-3);color:var(--db-fg-dim);border:1px solid var(--db-line);cursor:not-allowed;}
.swap-attrib{font-size:10px;color:var(--db-fg-muted);letter-spacing:.2px;text-align:center;padding-top:2px;}

.swap-overlay{position:absolute;inset:0;z-index:20;background:rgba(3,3,2,.7);backdrop-filter:blur(3px);border-radius:var(--db-radius-lg);display:flex;align-items:flex-start;justify-content:center;padding:14px;}
.swap-sheet-inner,.swap-confirm{width:100%;background:var(--db-surface-1);border:1px solid var(--db-line-strong);border-radius:12px;overflow:hidden;}
.swap-search{display:flex;flex-direction:column;max-height:100%;}
.swap-search-bar{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--db-line);}
.swap-search-bar input{flex:1;min-width:0;background:var(--db-bg);border:1px solid var(--db-line-strong);border-radius:7px;padding:9px 11px;color:var(--db-fg);font-size:13px;outline:0;}
.swap-search-bar input:focus{border-color:var(--db-accent);}
.swap-x{width:30px;height:30px;border-radius:6px;border:0;background:var(--db-surface-2);color:var(--db-fg-dim);font-size:12px;cursor:pointer;flex-shrink:0;}
.swap-search-mode{font-size:10px;letter-spacing:.3px;color:var(--db-fg-dim);text-transform:uppercase;padding:8px 13px 0;}
.swap-search-list{display:flex;flex-direction:column;overflow-y:auto;max-height:280px;padding:6px;}
.swap-tokrow{display:flex;text-align:left;padding:10px 11px;border-radius:8px;border:0;background:transparent;cursor:pointer;color:var(--db-fg);}
.swap-tokrow:hover{background:var(--db-surface-2);}
.swap-tokrow-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.swap-tok-sym{font-size:13.5px;font-weight:600;}
.swap-tok-name{font-size:11.5px;color:var(--db-fg-muted);}
.swap-tok-ca{font-size:10.5px;color:var(--db-fg-dim);word-break:break-all;line-height:1.5;margin-top:5px;display:block;}
.swap-nomatch{padding:22px 14px;text-align:center;font-size:13px;color:var(--db-fg-muted);}
.swap-confirm{padding:18px;}
.swap-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--db-fg-muted);padding:7px 0;border-bottom:1px solid var(--db-line);}
.swap-confirm-row span:last-child{color:var(--db-fg);}
.swap-notwired{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:12px;border-radius:9px;border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.06);}
.swap-notwired strong{font-size:12.5px;color:var(--db-warn);font-weight:600;}
.swap-notwired span{font-size:12px;color:var(--db-fg-muted);line-height:1.5;}

/* Shell top-bar Trade affordance + right sheet */
.lp-trade-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--db-fg);border:1px solid var(--db-line-strong);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;}
.lp-trade-btn:hover{border-color:var(--db-accent);}
.swap-shell-scrim{position:fixed;inset:0;z-index:80;background:rgba(3,3,2,.6);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;animation:set-fade 160ms var(--db-ease);}
.swap-shell-panel{width:min(420px,100%);height:100%;background:var(--db-bg);border-left:1px solid var(--db-line-strong);overflow-y:auto;padding:16px;animation:swap-slidein 220ms var(--db-ease);}
.swap-shell-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
@keyframes swap-slidein{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}

/* Home hero: chart + swap two-up */
.lp-herogrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start;margin-bottom:18px;}
@media (max-width:980px){
  .lp-herogrid{grid-template-columns:1fr;}
  .lp-herogrid .swap-box{order:-1;}
}
@media (max-width:520px){
  .swap-amt,.swap-amt-out{font-size:20px;}
  .swap-chainbtn{font-size:9px;padding:5px 6px;}
}
@media (prefers-reduced-motion:reduce){
  .swap-shell-panel{animation:none;}
}

/* ---- auto buy and hunt (Build your own) ---- */
.ah-page{display:flex;flex-direction:column;gap:14px;padding-bottom:44px;}
.ah-hero{padding:22px 0 4px;}
.ah-title{margin:0;font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.04;}
.ah-sub{font-size:14px;color:var(--db-fg-muted);margin:11px 0 0;line-height:1.5;max-width:560px;text-wrap:pretty;}
.ah-notset{color:var(--db-fg-dim);font-size:12px;}
.dimmer{color:var(--db-fg-muted);}

.ah-chainrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ah-chaincard{text-align:left;display:flex;flex-direction:column;gap:7px;padding:14px 15px;border-radius:10px;border:1px solid var(--db-line);background:var(--db-surface-1);cursor:pointer;font-family:inherit;color:var(--db-fg);transition:border-color 120ms var(--db-ease),background 120ms var(--db-ease);}
.ah-chaincard:hover{border-color:var(--db-line-strong);}
.ah-chaincard.is-active{background:var(--db-surface-2);border-color:var(--db-fg-dim);}
.ah-chaincard.tone-armed{border-color:rgba(204,255,0,.34);}
.ah-chaincard.tone-hunt{border-color:rgba(125,211,252,.3);}
.ah-chaincard.tone-hunt.is-active{background:rgba(125,211,252,.07);border-color:rgba(125,211,252,.5);}
.ah-chaincard.tone-armed.is-active{background:var(--db-accent-wash);border-color:var(--db-accent);}
.ah-chaincard-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.ah-chaincard-name{font-size:14.5px;font-weight:600;letter-spacing:-0.2px;}
.ah-chaincard-state{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;}
.ah-chaincard-state.tone-armed{color:var(--db-accent);}
.ah-chaincard-state.tone-hunt{color:#7dd3fc;}
.ah-chaincard-state.tone-idle{color:var(--db-fg-muted);}
.ah-chaincard-state.tone-empty,.ah-chaincard-state.tone-off{color:var(--db-fg-dim);}
.ah-chaincard-amt{font-size:12px;color:var(--db-fg-muted);}
.ah-chaincard-amt b{font-size:15px;color:var(--db-fg);font-weight:600;}
.ah-dot-live{width:7px;height:7px;border-radius:50%;background:var(--db-accent);box-shadow:0 0 0 3px var(--db-accent-wash);flex-shrink:0;}
.ah-dot-live.big{width:10px;height:10px;box-shadow:0 0 0 4px var(--db-accent-wash);}

.ah-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:11px;border:1px solid var(--db-line-strong);background:var(--db-surface-1);flex-wrap:wrap;}
.ah-banner.tone-armed{border-color:rgba(204,255,0,.32);background:var(--db-accent-wash);}
.ah-banner.tone-off{border-style:dashed;}
.ah-banner.tone-hunt{border-color:rgba(125,211,252,.32);background:rgba(125,211,252,.06);}
.ah-banner.tone-armed.is-nohunt{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.07);}
.ah-empty.is-armed{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.05);}
.ah-empty.is-armed .ah-empty-sub{color:var(--db-warn);}
.ah-banner-main{flex:1;min-width:200px;}
.ah-banner-line{font-size:16px;font-weight:500;letter-spacing:-0.3px;line-height:1.35;}
.ah-banner-line b{font-weight:600;}
.ah-banner-sub{font-size:12.5px;color:var(--db-fg-muted);margin-top:5px;line-height:1.45;}

.ah-live{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-radius:10px;border:1px solid var(--db-line);background:var(--db-surface-1);}
.ah-live.tone-live{border-color:rgba(204,255,0,.3);background:var(--db-accent-wash);}
.ah-live b{display:block;font-size:13.5px;font-weight:600;margin-bottom:3px;}
.ah-live span{font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;}

.ah-locked{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-radius:10px;border:1px solid var(--db-line-strong);background:var(--db-surface-2);flex-wrap:wrap;}
.ah-locked b{display:block;font-size:13.5px;margin-bottom:3px;}
.ah-locked span{font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;}

.ah-section{background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:var(--db-radius-md);padding:22px;}
.ah-head{display:flex;gap:15px;margin-bottom:18px;}
.ah-head-n{font-size:11px;color:var(--db-fg-muted);letter-spacing:.6px;padding-top:3px;}
.ah-head-t{margin:0;font-size:19px;font-weight:600;letter-spacing:-0.4px;}
.ah-head-d{margin:6px 0 0;font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;}

.ah-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;}
.ah-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ah-field.is-wide{grid-column:1 / -1;}
.ah-field-label{font-size:11px;color:var(--db-fg-muted);letter-spacing:.2px;}
.ah-field-input{display:flex;align-items:center;gap:8px;border:1px solid var(--db-line-strong);border-radius:7px;background:var(--db-bg);padding:0 11px;}
.ah-field-input:focus-within{border-color:var(--db-accent);}
.ah-field-input.is-invalid{border-color:var(--db-down);}
.ah-field-input.is-locked{background:var(--db-surface-2);border-color:var(--db-line);}
.ah-field-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--db-fg);font-family:var(--db-font-mono);font-size:15px;font-weight:500;padding:10px 0;}
.ah-field-input input:disabled{color:var(--db-fg-muted);cursor:not-allowed;}
.ah-field-input input::placeholder{color:var(--db-fg-faint);font-weight:400;font-size:13px;}
.ah-field-unit{font-family:var(--db-font-mono);font-size:10.5px;color:var(--db-fg-dim);white-space:nowrap;}
.ah-field-hint{font-size:11.5px;color:var(--db-fg-dim);line-height:1.45;}
.ah-field-hint.tone-bad{color:var(--db-down);}

.ah-choice{display:flex;gap:6px;flex-wrap:wrap;}
.ah-choice-btn{white-space:nowrap;font-family:var(--db-font-mono);font-size:11px;letter-spacing:.3px;padding:8px 12px;border-radius:6px;border:1px solid var(--db-line);background:var(--db-surface-2);color:var(--db-fg-muted);cursor:pointer;}
.ah-choice-btn.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.ah-choice-btn:disabled{opacity:.5;cursor:not-allowed;}

.ah-life{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-radius:9px;border:1px solid var(--db-line);background:var(--db-surface-2);margin-bottom:16px;flex-wrap:wrap;}
.ah-life.tone-warn{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.06);}
.ah-life-main{display:flex;align-items:baseline;gap:10px;min-width:0;}
.ah-life-num{font-size:24px;font-weight:600;letter-spacing:-0.6px;}
.ah-life-txt{font-size:12.5px;color:var(--db-fg-muted);}

.ah-matches{display:flex;align-items:flex-start;gap:14px;margin-top:16px;padding:14px 16px;border-radius:9px;border:1px solid var(--db-line);background:var(--db-surface-2);}
.ah-matches.is-zero{border-style:dashed;background:transparent;}
.ah-matches-num{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1;color:var(--db-fg);}
.ah-matches.is-zero .ah-matches-num{color:var(--db-fg-muted);}
.ah-matches-line{font-size:13px;font-weight:500;}
.ah-matches-sub{font-size:12px;color:var(--db-fg-muted);margin-top:4px;line-height:1.5;max-width:460px;}

.ah-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border:1px dashed var(--db-line-strong);border-radius:10px;}
.ah-empty-line{font-size:15px;font-weight:500;}
.ah-empty-sub{font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;max-width:440px;margin-bottom:6px;}

.ah-wallet-block{margin-top:16px;}
.ah-addr{margin-top:10px;font-size:11.5px;color:var(--db-fg-dim);word-break:break-all;line-height:1.5;}
.ah-alert{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:9px;margin-top:12px;border:1px solid rgba(248,113,113,.3);background:rgba(248,113,113,.07);}
.ah-alert b{font-size:12.5px;color:var(--db-down);}
.ah-alert span{font-size:12px;color:var(--db-fg-muted);line-height:1.5;}
.ah-misslist{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;}
.ah-misslist li{font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;}

.ah-exits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;align-items:stretch;}
.ah-exit-block{display:flex;flex-direction:column;border:1px solid var(--db-line);border-radius:9px;padding:14px 15px;background:var(--db-surface-2);}
/* Footers pin to the bottom so the two panels read as one pair rather than two
   ragged columns. */
.ah-legfoot{margin-top:auto;padding-top:11px;}
.ah-exit-block.is-half{border-color:rgba(248,113,113,.34);}
.ah-exit-h{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:600;margin-bottom:12px;}
.ah-legs{display:flex;flex-direction:column;gap:9px;}
.ah-leg{position:relative;display:flex;align-items:flex-end;gap:10px;padding:10px 11px;border:1px solid var(--db-line);border-radius:8px;background:var(--db-bg);}
.ah-leg.is-stop{flex-direction:column;align-items:stretch;gap:9px;}
.ah-leg.is-half{border-color:rgba(248,113,113,.4);}
.ah-leg.is-off{opacity:.66;}
.ah-leg-n{font-size:11px;color:var(--db-fg-muted);letter-spacing:.4px;padding-bottom:12px;flex-shrink:0;width:10px;}
.ah-leg .ah-pair{flex:1;min-width:0;}
.ah-leg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ah-leg-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.ah-leg-x{width:24px;height:24px;flex-shrink:0;border-radius:6px;border:1px solid var(--db-line);background:transparent;color:var(--db-fg-muted);font-size:10px;cursor:pointer;align-self:center;}
.ah-leg:not(.is-stop) .ah-leg-x{margin-bottom:10px;}
.ah-leg-x:hover{color:var(--db-down);border-color:rgba(248,113,113,.4);}
.ah-legfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.ah-leg-name{font-size:12px;font-weight:600;letter-spacing:-.1px;color:var(--db-fg);}
.ah-addleg{white-space:nowrap;font-family:var(--db-font-mono);font-size:11px;letter-spacing:.3px;padding:8px 13px;border-radius:7px;border:1px dashed var(--db-line-strong);background:transparent;color:var(--db-accent);cursor:pointer;}
.ah-addleg:hover{border-color:var(--db-accent);background:var(--db-accent-wash);}
.ah-legsum{font-size:10.5px;color:var(--db-fg-muted);letter-spacing:.2px;}
.ah-legsum.is-bad{color:var(--db-down);}
.ah-choice-btn.sm{font-size:10px;padding:6px 10px;}
.ah-switch.sm{width:34px;height:20px;}
.ah-switch.sm span{width:14px;height:14px;}
.ah-switch.sm.is-on span{transform:translateX(14px);}
.ah-pair{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;}
.ah-pair .ah-field{flex:1;min-width:90px;}
.ah-pair-join{font-size:11.5px;color:var(--db-fg-muted);padding-bottom:12px;white-space:nowrap;}
.ah-switch{position:relative;width:38px;height:22px;border-radius:999px;border:1px solid var(--db-line-strong);background:var(--db-surface-3);cursor:pointer;padding:0;flex-shrink:0;}
.ah-switch.is-on{background:var(--db-accent);border-color:var(--db-accent);}
.ah-switch span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--db-fg);transition:transform 140ms var(--db-ease);}
.ah-switch.is-on span{transform:translateX(16px);background:var(--db-accent-ink);}
.ah-switch:disabled{opacity:.5;cursor:not-allowed;}

.ah-armbar{background:var(--db-surface-1);border:1px solid var(--db-line-strong);border-radius:var(--db-radius-md);padding:20px 22px;}
.ah-armrow{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.ah-armnote{font-size:12.5px;color:var(--db-fg-muted);line-height:1.5;max-width:420px;}
.ah-armnote b{color:var(--db-fg);font-weight:600;}

.ah-btn{font-family:var(--db-font-mono);font-size:12px;letter-spacing:.3px;padding:9px 15px;border-radius:7px;border:1px solid var(--db-line-strong);background:var(--db-surface-2);color:var(--db-fg);cursor:pointer;white-space:nowrap;}
.ah-btn:hover:not(:disabled){border-color:var(--db-fg-dim);}
.ah-btn:disabled{opacity:.45;cursor:not-allowed;}
.ah-btn-primary{background:var(--db-accent);border-color:var(--db-accent);color:var(--db-accent-ink);font-weight:600;}
.ah-btn-primary:hover:not(:disabled){background:var(--db-accent-bright);}
.ah-btn-disarm{border-color:var(--db-line-strong);background:transparent;}
.ah-btn.big{padding:13px 26px;font-size:13.5px;}
.ah-btn-closed{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-style:dashed;border-color:var(--db-line-strong);color:var(--db-fg-dim);cursor:default;}

.ah-suggest{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:10px 13px;border-radius:8px;border:1px solid var(--db-line);background:var(--db-surface-2);margin-bottom:16px;}
.ah-suggest-tag{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-accent);border:1px solid rgba(204,255,0,.34);background:var(--db-accent-wash);border-radius:4px;padding:3px 8px;white-space:nowrap;}
.ah-suggest-txt{flex:1;min-width:150px;font-size:12px;color:var(--db-fg-muted);line-height:1.45;}
.ah-suggest-reset{font-size:10.5px;padding:6px 11px;}

.ah-scrim{position:fixed;inset:0;z-index:90;background:rgba(3,3,2,.74);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;overflow-y:auto;animation:set-fade 150ms var(--db-ease);}
.ah-modal{width:100%;max-width:440px;background:var(--db-surface-1);border:1px solid var(--db-line-strong);border-radius:14px;padding:24px;box-shadow:var(--db-shadow);}
.ah-modal.is-warn{border-color:rgba(251,191,36,.4);}
.ah-modal-h{font-size:20px;font-weight:600;letter-spacing:-0.4px;margin-bottom:8px;}
.ah-plain{font-size:13px;color:var(--db-fg-muted);line-height:1.55;}
.ah-sum{margin:18px 0;border:1px solid var(--db-line);border-radius:10px;overflow:hidden;}
.ah-sum-g{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--db-fg-dim);padding:10px 14px 6px;background:var(--db-surface-2);}
.ah-sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:8px 14px;font-size:12.5px;color:var(--db-fg-muted);border-bottom:1px solid var(--db-line);}
.ah-sum-row span:last-child{color:var(--db-fg);font-weight:500;text-align:right;}
.ah-sum-addr{padding:10px 14px;font-size:11px;color:var(--db-fg-muted);word-break:break-all;line-height:1.5;}
.ah-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.ah-warn-flag{display:inline-block;font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-warn);border:1px solid rgba(251,191,36,.34);background:rgba(251,191,36,.08);border-radius:4px;padding:3px 8px;margin-bottom:12px;}
.ah-warn-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;}
.ah-warn-nums div{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:9px;background:var(--db-surface-2);border:1px solid var(--db-line);}
.ah-warn-nums span:first-child{font-size:16px;font-weight:600;letter-spacing:-0.4px;}
.ah-warn-nums span:last-child{font-size:10.5px;color:var(--db-fg-dim);}

@media (max-width:820px){
  .ah-chainrow{grid-template-columns:1fr;}
  .ah-exits{grid-template-columns:1fr;}
  .ah-warn-nums{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .ah-title{font-size:26px;letter-spacing:-.6px;}
  .ah-section{padding:18px 16px;}
  .ah-btn.big{width:100%;text-align:center;}
}
@media (prefers-reduced-motion:reduce){.ah-scrim{animation:none;}.ah-switch span{transition:none;}}

/* Strategy Studio is the flagship nav item and reads as such at rest. */
.lp-nav-hero:hover{background:var(--db-accent)!important;color:var(--db-accent-ink)!important;border-color:var(--db-accent)!important;}
.lp-navtag{font-family:var(--db-font-mono);font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-dim);border:1px solid var(--db-line-strong);border-radius:3px;padding:1px 4px;}

/* Top bar geometry. The nav is the only thing allowed to give way: it shrinks
   and scrolls at ANY width, so a seven item bar can never push the auth cluster
   off screen. html has overflow-x hidden, so anything past the edge is clipped
   and unreachable rather than merely scrolled. */
.lp-nav{position:relative;flex:1 1 auto;min-width:0;display:flex;}
/* A scrollbar-less strip gives no hint that a whole destination sits past the
   edge, so the overflow is marked with a fade the eye can read. */
.lp-nav::after{content:"";position:absolute;top:0;right:0;width:34px;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,0),rgba(5,5,5,0.95));opacity:0;transition:opacity 140ms var(--db-ease);}
.lp-nav.is-clipped::after{opacity:1;}
.lp-navlinks{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.lp-navlinks::-webkit-scrollbar{display:none;}
.lp-barright{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;}
.lp-tgshort{display:none;}
/* Below ~1120px the full Telegram label is what breaks the bar, so it shortens
   before anything gets clipped. */
@media (max-width:1120px){
  .lp-tgfull{display:none;}
  .lp-tgshort{display:inline;}
  .lp-signin{display:none;}
}
@media (max-width:960px){
  .lp-logo span{display:none;}
}

/* ---- the winners room + top traders ---- */
.ss-sectnav{display:flex;gap:6px;margin-bottom:2px;}.ss-sectbtn{font:600 13px var(--db-font-ui);padding:10px 18px;border-radius:8px;border:1px solid var(--db-line);background:var(--db-surface-1);color:var(--db-fg-muted);cursor:pointer;}
.ss-sectbtn:hover{border-color:var(--db-line-strong);color:var(--db-fg);}
.ss-sectbtn.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.wr-page{display:flex;flex-direction:column;gap:14px;padding-bottom:44px;}
.wr-hero{padding:20px 0 2px;}
.wr-title{margin:0;font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.05;}
.wr-sub{font-size:14px;color:var(--db-fg-muted);margin:10px 0 0;line-height:1.5;max-width:560px;text-wrap:pretty;}
.wr-nm{color:var(--db-fg-dim);}
.wr-up{color:var(--db-up);}.wr-down{color:var(--db-down);}

.wr-tabs{display:flex;gap:6px;border-bottom:1px solid var(--db-line);padding-bottom:0;}
.wr-tab{font:600 13.5px var(--db-font-ui);padding:11px 16px;border:0;background:transparent;color:var(--db-fg-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
.wr-tab:hover{color:var(--db-fg);}
.wr-tab.is-on{color:var(--db-accent);border-bottom-color:var(--db-accent);}

.wr-split{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:14px;align-items:start;}
.wr-chat{display:flex;flex-direction:column;min-width:0;background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:12px;overflow:hidden;}
.wr-chat-head{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--db-line);background:var(--db-surface-2);}
.wr-room-av{width:34px;height:34px;border-radius:50%;background:var(--db-accent);color:var(--db-accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wr-room-name{font:600 13.5px var(--db-font-ui);letter-spacing:-.1px;}
.wr-room-meta{font-size:11px;color:var(--db-fg-dim);margin-top:2px;}
.wr-scroll{max-height:520px;overflow-y:auto;overflow-x:hidden;padding:14px 14px 6px;display:flex;flex-direction:column;gap:2px;}
.wr-day{display:flex;justify-content:center;margin:2px 0 12px;}
.wr-day span{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--db-fg-dim);background:var(--db-surface-2);border:1px solid var(--db-line);border-radius:999px;padding:4px 12px;}

.wr-row{display:flex;align-items:flex-end;gap:8px;}
.wr-row.ends{margin-bottom:10px;}
.wr-row.is-own{justify-content:flex-end;}
.wr-avslot{width:30px;flex-shrink:0;display:flex;align-items:flex-end;}
.wr-bub{position:relative;max-width:76%;min-width:0;background:var(--db-surface-2);border:1px solid var(--db-line);border-radius:14px;padding:9px 12px 7px;}
.wr-bub.ends{border-bottom-left-radius:5px;}
.wr-bub.is-own{background:var(--db-accent-wash);border-color:rgba(204,255,0,.3);}
.wr-bub.is-own.ends{border-bottom-left-radius:14px;border-bottom-right-radius:5px;}
.wr-bub-name{font:700 12px var(--db-font-ui);letter-spacing:-.1px;margin-bottom:4px;}
.wr-bub-body{font-size:13.5px;color:var(--db-fg);line-height:1.5;text-wrap:pretty;word-break:break-word;}
.wr-bub-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:5px;}
.wr-time{font-size:9.5px;color:var(--db-fg-dim);letter-spacing:.2px;}
.wr-ticks{color:var(--db-accent);flex-shrink:0;}
.wr-react{display:inline-flex;align-items:center;gap:5px;margin-right:auto;font-family:var(--db-font-mono);font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid var(--db-line-strong);background:var(--db-bg);color:var(--db-fg-dim);cursor:pointer;}
.wr-react.is-on{color:var(--db-accent);border-color:rgba(204,255,0,.4);background:var(--db-accent-wash);}

.wr-quote{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--db-accent);padding:2px 0 2px 9px;margin-bottom:7px;cursor:pointer;}
.wr-quote-name{font:700 11px var(--db-font-ui);color:var(--db-accent);}
.wr-quote-txt{font-size:11.5px;color:var(--db-fg-dim);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.wr-res{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;padding:5px 9px;border-radius:7px;background:var(--db-bg);border:1px solid var(--db-line);width:fit-content;}
.wr-res-pct{font-size:16px;font-weight:600;letter-spacing:-.4px;}
.wr-res-usd{font-size:10.5px;opacity:.8;}
.wr-res.is-up{color:var(--db-up);border-color:var(--db-up-dim);}
.wr-res.is-down{color:var(--db-down);border-color:rgba(248,113,113,.24);}
.wr-res-lab{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-dim);}

.wr-av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--db-font-ui);flex-shrink:0;letter-spacing:-.3px;overflow:hidden;}
.wr-av.is-anon{background:var(--db-surface-3);color:var(--db-fg-muted);border:1px dashed var(--db-line-strong);}
.wr-av svg{display:block;}
.wr-ident{display:flex;align-items:center;gap:10px;min-width:0;}
.wr-handle{display:flex;align-items:center;gap:7px;font:600 13.5px var(--db-font-ui);letter-spacing:-.1px;white-space:nowrap;}
.wr-youtag{font-family:var(--db-font-mono);font-size:8.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-accent-ink);background:var(--db-accent);border-radius:3px;padding:1px 5px;}
.wr-sub{font-size:11px;color:var(--db-fg-dim);margin-top:2px;}

.wr-composer{border-top:1px solid var(--db-line);background:var(--db-surface-2);padding:10px 12px;}
.wr-bar{display:flex;align-items:flex-end;gap:8px;}
.wr-bar textarea{flex:1;min-width:0;box-sizing:border-box;background:var(--db-bg);border:1px solid var(--db-line-strong);border-radius:999px;padding:11px 16px;color:var(--db-fg);font:400 13.5px var(--db-font-ui);line-height:1.4;resize:none;outline:0;max-height:96px;}
.wr-bar textarea:focus{border-color:var(--db-accent);}
.wr-bar textarea::placeholder{color:var(--db-fg-faint);}
.wr-clip,.wr-sendbtn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:1px solid var(--db-line-strong);background:transparent;color:var(--db-fg-dim);}
.wr-clip:hover,.wr-clip.is-on{color:var(--db-accent);border-color:rgba(204,255,0,.4);}
.wr-sendbtn{background:var(--db-accent);border-color:var(--db-accent);color:var(--db-accent-ink);}
.wr-sendbtn:disabled{background:var(--db-surface-3);border-color:var(--db-line);color:var(--db-fg-dim);cursor:not-allowed;}
.wr-pending{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:9px;border-radius:8px;background:var(--db-bg);border:1px solid var(--db-line);}
.wr-pending-bar{width:2px;align-self:stretch;background:var(--db-accent);border-radius:2px;flex-shrink:0;}
.wr-pending-lab{font:700 11px var(--db-font-ui);color:var(--db-accent);}
.wr-pending-txt{font-size:11.5px;color:var(--db-fg-dim);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wr-pending-x{width:24px;height:24px;border-radius:6px;border:0;background:transparent;color:var(--db-fg-dim);font-size:11px;cursor:pointer;flex-shrink:0;}
.wr-pending-x:hover{background:var(--db-surface-3);color:var(--db-fg);}
.wr-picker{padding:10px;margin-bottom:9px;border-radius:9px;background:var(--db-bg);border:1px solid var(--db-line);}
.wr-picker-h{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-fg-dim);margin-bottom:8px;}
.wr-picker-list{display:flex;gap:6px;flex-wrap:wrap;}
.wr-chip{font-family:var(--db-font-mono);font-size:10.5px;letter-spacing:.2px;padding:5px 10px;border-radius:5px;border:1px solid var(--db-line);background:var(--db-surface-2);color:var(--db-fg-muted);cursor:pointer;}
.wr-chip.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.wr-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;flex-wrap:wrap;}

.wr-anon{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--db-line);border-radius:999px;padding:5px 13px 5px 6px;cursor:pointer;color:var(--db-fg-muted);}
.wr-anon:hover{border-color:var(--db-line-strong);}
.wr-anon.is-on{border-color:rgba(204,255,0,.4);background:var(--db-accent-wash);color:var(--db-fg);}
.wr-anon-knob{width:20px;height:20px;border-radius:50%;background:var(--db-surface-3);border:1px solid var(--db-line-strong);flex-shrink:0;position:relative;transition:background 140ms var(--db-ease);}
.wr-anon.is-on .wr-anon-knob{background:var(--db-accent);border-color:var(--db-accent);}
.wr-anon-lab{font:600 11.5px var(--db-font-ui);white-space:nowrap;}
.wr-anon.small .wr-anon-lab{font-size:11px;}
.wr-send{font:700 12.5px var(--db-font-ui);padding:9px 20px;border-radius:7px;border:0;background:var(--db-accent);color:var(--db-accent-ink);cursor:pointer;}
.wr-send:disabled{background:var(--db-surface-3);color:var(--db-fg-dim);cursor:not-allowed;}

.wr-post{background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:11px;padding:15px 16px;}
.wr-post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px;}
.wr-post-pnl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;}
.wr-pnl-pct{font-size:19px;font-weight:600;letter-spacing:-.5px;line-height:1;}
.wr-pnl-usd{font-size:10.5px;opacity:.75;}
.wr-post-pnl.is-up{color:var(--db-up);}
.wr-post-pnl.is-down{color:var(--db-down);}
.wr-post-body{font-size:13.5px;color:var(--db-fg);line-height:1.6;text-wrap:pretty;}
.wr-post-foot{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap;}
.wr-act{display:inline-flex;align-items:center;gap:6px;font-family:var(--db-font-mono);font-size:11px;padding:6px 11px;border-radius:6px;border:1px solid var(--db-line);background:transparent;color:var(--db-fg-dim);cursor:pointer;}
.wr-act:hover{border-color:var(--db-line-strong);color:var(--db-fg-muted);}
.wr-act.is-on{color:var(--db-accent);border-color:rgba(204,255,0,.35);background:var(--db-accent-wash);}
.wr-act-load{margin-left:auto;color:var(--db-accent);border-color:rgba(204,255,0,.32);}

.wr-strat{margin-top:9px;border:1px solid var(--db-line);border-radius:9px;background:var(--db-bg);padding:10px 11px;}
.wr-strat-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px;}
.wr-strat-name{font:600 12.5px var(--db-font-ui);letter-spacing:-.1px;}
.wr-strat-rules{display:flex;gap:6px;flex-wrap:wrap;}
.wr-rule{font-size:10.5px;color:var(--db-fg-dim);background:var(--db-surface-2);border:1px solid var(--db-line);border-radius:5px;padding:3px 7px;white-space:nowrap;}
.wr-rule b{color:var(--db-fg);font-weight:600;font-size:11px;}
.wr-strat-load{margin-top:9px;width:100%;font-family:var(--db-font-mono);font-size:10.5px;letter-spacing:.3px;padding:7px;border-radius:6px;border:1px solid rgba(204,255,0,.32);background:transparent;color:var(--db-accent);cursor:pointer;}
.wr-strat-load:hover{background:var(--db-accent-wash);}

.wr-rail{background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:11px;padding:14px;display:flex;flex-direction:column;gap:9px;position:sticky;top:14px;}
.wr-rail-h{font:600 12px var(--db-font-ui);letter-spacing:.3px;text-transform:uppercase;color:var(--db-fg-muted);margin-bottom:2px;}
.wr-rail-empty{font-size:12px;color:var(--db-fg-dim);line-height:1.5;}
.wr-mine{border:1px solid var(--db-line);border-radius:9px;background:var(--db-surface-2);padding:11px 12px;}
.wr-mine-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.wr-mine-name{font:600 12.5px var(--db-font-ui);letter-spacing:-.1px;}
.wr-mine-state{font-family:var(--db-font-mono);font-size:8.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--db-fg-dim);border:1px solid var(--db-line-strong);border-radius:3px;padding:1px 5px;white-space:nowrap;}
.wr-mine-state.is-armed{color:var(--db-accent);border-color:rgba(204,255,0,.4);background:var(--db-accent-wash);}
.wr-mine-mid{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;}
.wr-mine-pnl{font-size:15px;font-weight:600;letter-spacing:-.3px;}
.wr-mine-pnl.is-up{color:var(--db-up);}.wr-mine-pnl.is-down{color:var(--db-down);}
.wr-mine-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.wr-mine-meta{font-size:9.5px;color:var(--db-fg-muted);letter-spacing:.2px;}
.wr-mine-share{font-family:var(--db-font-mono);font-size:10px;padding:4px 9px;border-radius:5px;border:1px solid var(--db-line-strong);background:transparent;color:var(--db-fg-muted);cursor:pointer;}
.wr-mine-share:hover{color:var(--db-accent);border-color:rgba(204,255,0,.35);}

.wr-empty{padding:34px 20px;text-align:center;border:1px dashed var(--db-line-strong);border-radius:11px;margin:auto 0;}
.wr-empty-line{font-size:15px;font-weight:500;}
.wr-empty-sub{font-size:12.5px;color:var(--db-fg-muted);margin-top:6px;line-height:1.5;}

.wr-top{display:flex;flex-direction:column;gap:12px;}
.wr-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.wr-seg{display:flex;gap:4px;}
.wr-seg-btn{font-family:var(--db-font-mono);font-size:11px;padding:7px 13px;border-radius:6px;border:1px solid var(--db-line);background:var(--db-surface-2);color:var(--db-fg-muted);cursor:pointer;}
.wr-seg-btn.is-on{border-color:var(--db-accent);background:var(--db-accent-wash);color:var(--db-fg);}
.wr-lb{background:var(--db-surface-1);border:1px solid var(--db-line);border-radius:11px;overflow:hidden;}
/* Ten rows tall. Each row is 53px, so the eleventh peeks and the scroll is
   discoverable without a scrollbar being the only hint. */
.wr-lb-scroll{max-height:544px;overflow-y:auto;overscroll-behavior:contain;}
.wr-lb-foot{padding:9px 16px;border-top:1px solid var(--db-line);background:var(--db-surface-2);font-size:10px;letter-spacing:.3px;color:var(--db-fg-muted);}
.wr-lb-head,.wr-lb-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 88px 128px;gap:12px;align-items:center;padding:11px 16px;}
.wr-lb-head{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-fg-dim);background:var(--db-surface-2);border-bottom:1px solid var(--db-line);}
.wr-lb-head span:not(:first-child),.wr-lb-row>.wr-lb-n,.wr-lb-row>.wr-lb-pnl{text-align:right;justify-content:flex-end;}
.wr-lb-row{border-bottom:1px solid var(--db-line);}
.wr-lb-row:last-child{border-bottom:0;}
.wr-lb-row.is-you{background:var(--db-accent-wash);}
.wr-lb-row.is-flat{opacity:.82;}
.wr-lb-trader{display:flex;align-items:center;gap:12px;min-width:0;}
.wr-rank{font-size:11px;color:var(--db-fg-muted);letter-spacing:.5px;flex-shrink:0;width:18px;}
.wr-lb-n{font-size:12.5px;color:var(--db-fg-muted);}
.wr-lb-pnl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.wr-lb-pct{font-size:16px;font-weight:600;letter-spacing:-.4px;line-height:1;}
.wr-lb-usd{font-size:10px;opacity:.75;}
.wr-lb-pnl.is-up{color:var(--db-up);}.wr-lb-pnl.is-down{color:var(--db-down);}
.wr-unmodeled{background:var(--db-surface-1);border:1px dashed var(--db-line-strong);border-radius:11px;overflow:hidden;}
.wr-unmodeled-h{font-family:var(--db-font-mono);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--db-fg-dim);padding:12px 16px 0;}
.wr-unmodeled-note{font-size:12px;color:var(--db-fg-muted);line-height:1.5;padding:7px 16px 12px;max-width:560px;}
.wr-foot-note{font-size:10px;color:var(--db-fg-muted);letter-spacing:.3px;padding:2px;}
.wr-soon{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:52px 24px;border:1px dashed var(--db-line-strong);border-radius:12px;}
.wr-soon-tag{font-size:9.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--db-accent);border:1px solid rgba(204,255,0,.34);background:var(--db-accent-wash);border-radius:4px;padding:3px 9px;}
.wr-soon-h{font-size:21px;font-weight:600;letter-spacing:-.4px;}
.wr-soon-sub{font-size:13px;color:var(--db-fg-muted);line-height:1.5;max-width:400px;}

@media (max-width:900px){
  .wr-split{grid-template-columns:1fr;}
  .wr-rail{position:static;order:-1;}
  .wr-bub{max-width:86%;}
  .wr-lb-head,.wr-lb-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px;}
  .wr-lb-head span:nth-child(2),.wr-lb-head span:nth-child(3),.wr-lb-row>.wr-lb-n{display:none;}
}
@media (max-width:520px){
  .wr-title{font-size:25px;letter-spacing:-.6px;}
  .wr-tab{font-size:12.5px;padding:10px 11px;}
  .wr-bub{max-width:92%;}
  .wr-scroll{max-height:440px;}
}
@media (prefers-reduced-motion:reduce){.wr-anon-knob{transition:none;}}