:root{
  --bg:#f0ede4;
  --panel:#f8f4ea;
  --line:#d8d0bf;
  --muted:#706c64;
  --text:#1d1b17;
  --orange:#b67a1b;
  --yellow:#efc14e;
  --green:#278466;
  --red:#b94d4d;
  --cyan:#5b9f9b;
  --serif:"DM Serif Display",Georgia,serif;
}

body{
  background-color:var(--bg);
  color:var(--text);
  background-image:linear-gradient(rgba(67,61,49,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(67,61,49,.045) 1px,transparent 1px);
  background-size:48px 48px;
}

.topbar{
  height:78px;
  margin:24px 28px 0;
  padding:0 22px;
  border:0;
  border-radius:3px;
  background:#11110f;
  color:#f9f4e9;
  position:relative;
  backdrop-filter:none;
}

.brand{font-family:var(--serif);font-size:20px;letter-spacing:.03em;color:#fff9e9}
.brand>span:last-child>span{color:#efc14e}
.brand-glyph{width:42px;height:42px;object-fit:cover;border:0;background:transparent;transform:none;border-radius:10px}
.topbar nav{margin-left:48px;gap:16px}
.topbar nav a{font-size:12px;color:#9e9a91;border-radius:0;padding:29px 5px 25px;border-bottom:2px solid transparent}
.topbar nav a:hover,.topbar nav a.active{color:#fff;background:transparent;border-color:#efc14e}
.network{color:#a9a398}
.connect{background:#efc14e;border:1px solid #efc14e;color:#17140e;border-radius:3px;padding:12px 18px;text-transform:uppercase;font-size:10px;letter-spacing:.05em}
.connect:hover{background:#ffd261;border-color:#ffd261}
.ticker{height:38px;margin:0 28px;background:#e5dfd2;border:1px solid var(--line);border-top:0;color:#6a655c;padding:0 20px}
.ticker b{color:#1d1b17}
.ticker{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:auto}
.ticker::-webkit-scrollbar{display:none}
.ticker.dragging{cursor:grabbing;user-select:none}
.ticker-track{display:flex;align-items:center;width:max-content;min-width:100%;height:100%}
.ticker-group{display:flex;align-items:center;gap:26px;flex:none;padding-right:26px}
.ticker-group>span{display:inline-flex;align-items:center;gap:7px}
.social-link{height:36px;padding:0 11px;border:1px solid #8e7b54;border-radius:7px;display:inline-flex;align-items:center;gap:7px;color:#f4f1ea;text-decoration:none;background:#17140f;font-size:11px;font-weight:700;white-space:nowrap}
.social-link:hover{border-color:#f2c654;background:#211b10}
.social-link span{font-size:15px;line-height:1}
.social-link em{font-style:normal}

.workspace{max-width:none;padding:38px 28px 90px}
.workspace-head{min-height:210px;align-items:center;margin:0 20px 32px;gap:70px}
.hero-message{max-width:880px}
.workspace-head h1,.section-title h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
.workspace-head h1{font-size:clamp(50px,5.25vw,84px);line-height:.92}
.workspace-head h1 em{color:var(--text)}
.kicker{color:#9a6516;font-size:9px;letter-spacing:.25em}
.hero-copy{max-width:780px;margin:24px 0 0;padding:15px 18px 16px;border-left:4px solid #b67a1b;background:rgba(248,244,234,.76);box-shadow:inset 0 0 0 1px rgba(184,162,122,.22)}
.hero-copy>span{display:block;margin-bottom:7px;color:#9a6516;font:8px var(--mono);letter-spacing:.18em}
.hero-copy p{margin:0;color:#39352f;font-size:15px;font-weight:600;line-height:1.55}
.market-brief{margin-left:auto;width:min(390px,38vw);border:1px solid #cec4b0;background:rgba(248,244,234,.82);padding:23px 24px;box-shadow:0 8px 24px rgba(50,43,31,.04)}
.market-brief small{font:8px var(--mono);letter-spacing:.1em;color:#9a6516}
.market-brief strong{font:400 23px/1.08 var(--serif);display:block;margin:8px 0 10px}
.market-brief p{font-size:11px!important;line-height:1.55!important;color:#777168!important;margin:0!important;max-width:none!important}
.venue-line{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 14px;padding:14px 0;border-top:1px solid #d8d0bf;border-bottom:1px solid #d8d0bf}
.venue-line span{font:8px var(--mono);letter-spacing:.04em;color:#4f4b44;background:#e9e1d1;border:1px solid #d2c5ad;padding:6px 8px}

.engine-tabs{border:1px solid #cfc6b6;border-radius:0;background:#e7e1d5;grid-template-columns:repeat(6,1fr)}
.engine{min-height:72px;background:#e7e1d5;color:#706c64;border-color:#cfc6b6;padding:12px}
.engine:nth-child(-n+3){border-bottom:0}
.engine:nth-child(3n){border-right:1px solid #cfc6b6}
.engine:last-child{border-right:0}
.engine:hover{background:#f5f0e6}
.engine.active{background:#1c1a16;color:#fff;box-shadow:inset 0 3px #efc14e}
.engine small{color:inherit;opacity:.7}
.engine>i{color:#217958;border-color:#7eaa94;background:rgba(39,132,102,.08)}
.engine-logo{border-radius:50%}
.engine-logo.venue-logo{overflow:hidden;background:#121510!important;border:1px solid #3d392f;padding:6px}
.engine-logo.venue-logo img{display:block;width:100%;height:100%;object-fit:contain}
.engine-logo.venue-logo.xyz{padding:0;background:#263850!important;border-color:#263850}
.engine-logo.venue-logo.xyz img{object-fit:cover}
.engine-logo.venue-logo.paper{padding:0;background:#efe7d5!important;border-color:#cfc4ae}
.engine-logo.venue-logo.paper img{object-fit:cover}
.engine-logo.venue-logo.bn,.engine-logo.venue-logo.bnb{padding:5px;background:#11110f!important;border-color:#554823}

.terminal-shell{grid-template-columns:230px minmax(520px,1fr) 330px;background:#f8f4ea;border-color:#cfc6b6;min-height:770px}
.market-rail{background:#e8e1d4;border-color:#cfc6b6;padding-top:22px}
.rail-title{font-family:var(--serif);font-size:20px;padding:0 20px 16px}
.market-search{border-color:#c8c0b2;background:#f6f1e7;border-radius:0}
.market-search input{color:var(--text)}
.rail-filter{padding:0 10px 13px}
.rail-filter button{color:#777168}
.rail-filter button.active{background:#d5c6a5;color:#1d1b17;border-radius:0}
.market-row{border-color:#d6cebf;color:#292620;padding:13px 14px}
.market-row:hover,.market-row.active{background:#f8f4ea}
.market-row.active{box-shadow:inset 3px 0 #b67a1b}
.mini-coin,.coin-badge{background:#ede4d2;border-color:#b9934d;color:#8d5a10}
.market-icon{position:relative;overflow:hidden}
.market-icon img{width:100%;height:100%;object-fit:cover;display:block}
.market-icon.stock img{object-fit:contain;background:#fff;padding:3px}
.market-icon i{display:none;font:700 10px var(--mono);font-style:normal;color:#8d5a10}
.market-icon.missing img{display:none}
.market-icon.missing i{display:block}
.coin-badge.market-icon i{font-size:12px}
.rail-loading{color:#766f65}

.chart-panel{border-color:#cfc6b6;background:#f8f4ea}
.market-header{border-color:#d8d0bf;padding:17px 20px;min-height:92px}
.market-identity b{font:400 19px var(--serif)}
.market-identity small,.stat small{color:#7a756d}
.headline-price strong{font-size:23px}
.chart-tools{border-color:#d8d0bf}
.chart-tools button,.lower-tabs button,.order-types button{color:#777168}
.chart-tools button.active{color:#82520c;background:#ede0c6;border-radius:0}
.chart-tools span{color:#766f65}
.chart-area{height:350px;background-color:#fbf8f0;background-image:linear-gradient(#e3ddcf 1px,transparent 1px),linear-gradient(90deg,#e3ddcf 1px,transparent 1px)}
.chart-line{stroke:#b77a18;stroke-width:3;filter:none}
.chart-mark{color:rgba(36,31,23,.035)}
.chart-mark span{color:rgba(182,122,27,.1)}
.chart-status{color:#6a655d}
.lower-tabs{border-color:#d8d0bf;background:#f0eadf}
.lower-tabs button.active{color:#1d1b17;border-color:#b67a1b}
.orderbook{background:#f8f4ea}
.book-head{color:#8b8478}
.book-row{color:#514d46}
.book-mid{border-color:#d8d0bf}
.book-mid strong{color:#9a6516}
.account-data{background:#f8f4ea}
.account-summary div,.account-table{border-color:#d8d0bf;background:#f0eadf}
.account-row{border-color:#d8d0bf;color:#393630}

.ticket{background:#181713;color:#f8f3e8;padding:26px 24px}
.ticket-head{border-color:#38342c}
.ticket-head span,.ticket label,.ticket-stats span,.ticket-note,.practice-balance span{color:#aaa49a}
.live-badge{color:#79d7aa!important;border-color:#376a50;background:#142a20}
.order-types{border-color:#3a352c}
.order-types button{color:#999287}
.order-types button.active{color:#fff;border-color:#efc14e}
.field,.ticket select,.ticket textarea{background:#0d0d0b;border-color:#3b372f;color:#fff;border-radius:2px}
.field input{color:#fff}
.range-line input{accent-color:#efc14e}
.range-line b{color:#efc14e}
.ticket-stats{border-color:#38342c}
.ticket-stats p{border-color:#38342c}
.action{border-radius:2px;background:#efc14e;color:#181713;text-transform:uppercase;letter-spacing:.04em}
.danger-action{background:linear-gradient(90deg,#bd8118,#f3ca5c)}
.secondary-action{border-radius:2px;background:#22201b;border-color:#4a4337;color:#f8f3e8}
.segmented{background:#0c0c0a;border-radius:2px}
.segmented button{border-radius:1px}
.practice-balance{background:#13251c;border-color:#376a50;border-radius:2px}
.ai-orb{border-color:#8a6826;background:radial-gradient(circle,#2c2416,#0d0c09 70%)}
.ai-label{color:#efc14e}

.markets-section,.follow-section,.strategy-section,.capital-section{background-color:#f0ede4!important;color:#1d1b17;border-color:#cfc6b6;padding-top:105px}
.markets-section,.strategy-section{background-image:linear-gradient(rgba(67,61,49,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(67,61,49,.045) 1px,transparent 1px)!important;background-size:48px 48px!important}
.section-title p:last-child{color:#706c64}
.venue-cards article{border-color:#cfc6b6;background:#f8f4ea;color:#1d1b17;min-height:270px}
.venue-cards article>small,.strategy-chat>span,.capital-grid small{color:#9a6516}
.venue-cards p{color:#706c64}
.venue-cards button{color:#1d1b17}
.follow-box,.strategy-chat,.flow-canvas{border-color:#cfc6b6;background:#f8f4ea;color:#1d1b17}
.follow-box>label,.follow-results{color:#706c64}
.follow-form input{background:#fffdf8;border-color:#cfc6b6;color:#1d1b17;border-radius:2px}
.follow-form button,.strategy-chat button,.control-strip button,.capital-grid button{border-color:#ac7c29;background:#efc14e;color:#1d1b17;border-radius:2px}
.strategy-chat textarea{color:#1d1b17}
.flow-canvas .node{border-color:#c7bda9;background:#eee6d7;border-radius:2px}
.node span{color:#706c64}
.node.hot{border-color:#b67a1b;box-shadow:none}
.control-strip{border-color:#cfc6b6;background:#181713;color:#aaa49a}
.control-strip b{color:#efc14e}
.capital-grid article{border-color:#cfc6b6;background:#f8f4ea}
.capital-grid span{color:#706c64}
.capital-grid a{color:#8d5a10}
.route-arrow{color:#9a6516}

footer{background:#11110f;color:#aaa49a;border:0}
footer a{color:#c9c2b6}
footer small{border-color:#35322b}
.toast{background:#181713;border-color:#a5792b;color:#fff;border-radius:2px}
.confirm-modal{background:#181713;border-color:#b88a35;color:#fff;border-radius:2px}
.confirm-details{border-color:#3d392f}
.confirm-details p{border-color:#3d392f}

@media(max-width:1180px){
  .engine-tabs{grid-template-columns:repeat(3,1fr)}
  .engine:nth-child(-n+3){border-bottom:1px solid #cfc6b6}
  .terminal-shell{grid-template-columns:200px 1fr}
  .ticket{grid-column:1/-1}
}

@media(max-width:820px){
  .topbar{margin:12px 12px 0;padding:0 14px;height:68px}
  .ticker{margin:0 12px}
  .brand{font-size:17px}
  .brand-glyph{width:36px;height:36px}
  .workspace{padding:28px 12px 65px}
  .workspace-head{margin:0 4px 24px;display:block}
  .workspace-head h1{font-size:58px}
  .market-brief{width:100%;margin-top:28px}
  .hero-copy{padding:13px 15px}
  .hero-copy p{font-size:14px}
  .engine-tabs{grid-template-columns:1fr 1fr}
  .terminal-shell{grid-template-columns:1fr}
  .market-rail{border-right:0;border-bottom:1px solid #cfc6b6}
  .chart-panel{border-right:0}
  .ticket{display:block}
  .ticket-view{grid-column:auto}
  .markets-section,.follow-section,.strategy-section,.capital-section{padding:72px 18px}
}

@media(max-width:520px){
  .topbar{margin:0;border-radius:0}
  .ticker{margin:0}
  .social-link{padding:0 9px}
  .social-link em{display:none}
  .brand{font-size:14px}
  .brand-glyph{width:34px;height:34px}
  .workspace-head h1{font-size:48px}
  .engine-tabs{grid-template-columns:1fr}
  .engine{border-right:0!important}
  .market-brief strong{font-size:20px}
  .chart-area{height:280px}
}