/* TradingBarrio visual system. Local review; no behavior or data changes. */
:root {
  --bg-primary:#eaf0fb; --bg-secondary:#e0e9f8; --bg-card:rgba(255,255,255,.67); --bg-sidebar:#fff;
  --bg-main:var(--bg-primary); --text-main:#091f46; --text-muted:#536680;
  --text-light:#687b95; --accent-navy:#082554; --accent-navy-hover:#103b79;
  --accent-blue-light:#e7efff; --accent-blue-border:#b8cdf2;
  --border-color:#d6dfec; --border-subtle:#e5ebf3;
  --radius-sm:6px; --radius-md:12px; --radius-lg:16px; --radius-pill:7px;
  --font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --card-shadow:0 6px 24px #08255408; --card-shadow-hover:0 12px 32px #08255412;
  --tb-glass:rgba(255,255,255,.58); --tb-highlight:rgba(255,255,255,.85);
  --tb-action:#1459d9; --tb-action-hover:#104bbc; --tb-focus:#377beb;
}
[data-theme="dark"] {
  --bg-primary:#071329; --bg-secondary:#102443; --bg-card:rgba(22,47,83,.56); --bg-sidebar:#0c1728;
  --text-main:#edf3ff; --text-muted:#a4b3ca; --text-light:#8a9db9;
  --accent-navy:#2868e5; --accent-navy-hover:#397af3;
  --accent-blue-light:#172d50; --accent-blue-border:#335383;
  --border-color:#293b57; --border-subtle:#1d2e48;
  --card-shadow:0 8px 28px #0002; --card-shadow-hover:0 16px 40px #0003;
  --tb-glass:rgba(16,37,70,.62); --tb-highlight:rgba(190,214,255,.27);
  --tb-action:#2868e5; --tb-action-hover:#397af3; --tb-focus:#8bb4ff;
}
body,input,select,textarea,button {font-family:var(--font-sans)}
body {background:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4 {letter-spacing:-.035em;line-height:1.18}
p {line-height:1.65}
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent }
:is(button,a,input,select,textarea):focus-visible {outline:2px solid var(--tb-focus);outline-offset:3px}
button:disabled {cursor:not-allowed}
/* Geometry is shared; semantic buy/sell and destructive colors stay local. */
#app :is(button,.btn-primary,.btn-outline,.sidebar-item,.toggle-btn) {border-radius:6px}
#app :is(.btn-primary,.btn-outline,.arena-primary,.backtest-primary-action) {font-size:.92rem;font-weight:700;letter-spacing:0;box-shadow:none;border-radius:6px!important}
#app .btn-primary {background:var(--accent-navy);color:#fff;border:1px solid transparent}
#app .btn-primary:hover {background:var(--accent-navy-hover);transform:none;box-shadow:0 3px 10px #08255418}
#app .btn-outline {border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main)}
#app .btn-outline:hover {background:var(--accent-blue-light);border-color:var(--accent-blue-border)}
#app :is(.form-input,.competition-switcher-select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select) {border-radius:6px;border-color:var(--border-color);color:var(--text-main);background-color:var(--bg-primary);box-shadow:inset 0 1px 2px #08255405}
input,textarea,select {max-width:100%}
.form-label {font-size:.72rem;font-weight:650;letter-spacing:.035em;color:var(--text-muted)}
/* Navigation: glass shell, flatter product tabs, readable active state. */
#app :is(.platform-product-switcher,.main-header,.admin-shell-header,.product-context-bar) {background:var(--tb-glass);border-color:var(--border-color);box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#app .platform-product-switcher {padding-block:12px}
#app .product-switcher {padding:4px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-primary);box-shadow:none}
#app .product-switcher :is(button,a) {border-radius:5px;min-height:46px;font-size:.88rem;font-weight:700;box-shadow:none}
#app .product-switcher :is(button,a).active {background:var(--accent-navy);color:#fff;box-shadow:none}
#app .nav-links a {font-size:.9rem;font-weight:600}
#app :is(.platform-profile-menu,.mobile-nav-overlay,.sidebar-nav) {background:var(--tb-glass);border-color:var(--border-color);backdrop-filter:blur(18px)}
#app .sidebar-item {font-size:.84rem;font-weight:550;margin-bottom:4px}
#app .sidebar-item.active {background:var(--accent-blue-light);color:var(--accent-navy);box-shadow:inset 3px 0 var(--accent-navy)}
/* All product backgrounds and working surfaces share the same material. */
:is(.landing-wrapper,.backtesting-product,.arena-product,.bb-product,.economic-calendar-product,.global-account-page,.tb-home-story) {background:radial-gradient(ellipse at 8% 15%,rgba(53,119,255,.24),transparent 45%),radial-gradient(ellipse at 94% 55%,rgba(64,145,255,.16),transparent 45%),var(--bg-primary);background-attachment:fixed}
#app :is(.kpi-card,.objective-card,.chart-card,.order-ticket-card,.webtrader-panel,.hero-card-preview,.auth-card,.modal-content,.support-container,.global-support-card,.chat-maintenance-card,.backtest-create-card,.backtest-session-card,.backtest-side-card,.backtest-analytics-card,.backtest-equity-card,.backtest-chart-panel,.backtest-order-panel,.arena-panel,.arena-room-section,.arena-league,.arena-wallet-manager,.arena-match-card,.arena-terminal,.arena-team-score,.arena-wallet-bar,.bb-game,.bb-chat,.bb-wallet,.admin-chart-card,.admin-metric-card,.admin-ops-card,.admin-recent-card,.admin-banner-card,.admin-banner-settings) {border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);box-shadow:0 20px 55px rgba(3,21,55,.12),inset 0 1px var(--tb-highlight);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
#app :is(.kpi-title,.breadcrumb,.arena-eyebrow,.backtest-kicker,.bb-kicker) {color:var(--text-muted);font-size:.7rem;font-weight:650;letter-spacing:.065em}
#app :is(.kpi-value,.tier-price,.calendar-value,.arena-wallet-summary b,.backtest-account-strip,.arena-account-strip,td) {font-variant-numeric:tabular-nums}
#app :is(.kpi-value,.arena-wallet-summary b) {letter-spacing:-.035em;font-weight:650}
#app :is(.main-content,.admin-shell-content) {background:var(--bg-primary)}
#app :is(.page-title-row,.ticket-title,.objective-title) {letter-spacing:-.025em}
/* Competition cards: coherent contrast, internal featured label, clear facts. */
.landing-wrapper .challenge-matrix-section {background:transparent;border-top:1px solid var(--border-color);padding-top:48px}
.landing-wrapper .section-header {text-align:left;margin-bottom:28px}
.landing-wrapper .section-header h2 {font-size:clamp(1.7rem,3vw,2.5rem);font-weight:650;letter-spacing:-.04em}
.landing-wrapper .section-header p {font-size:.96rem}
#active-competitions .tier-cards-grid {gap:22px;margin-top:28px;align-items:stretch}
#active-competitions .tier-card {display:flex;flex-direction:column;background:var(--bg-card);color:var(--text-main);padding:26px;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);overflow:visible}
#active-competitions .tier-card:hover {transform:none;border-color:var(--accent-blue-border)}
#active-competitions .tier-card.popular {padding-top:52px;background:linear-gradient(125deg,rgba(41,93,166,.9),rgba(7,29,67,.95));color:#f5f8ff;border-color:#668ab7;box-shadow:0 24px 60px #08255430,inset 0 1px #a8ccff66}
#active-competitions .tier-card.popular>div:first-child {top:16px!important;left:26px;right:auto!important;background:#21467b!important;color:#e5eeff!important;padding:4px 8px!important;border:1px solid #5477a9;border-radius:4px!important;font-size:.61rem!important;letter-spacing:.08em}
#active-competitions .tier-header {flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:20px}
#active-competitions .popular .tier-header {border-color:#36517a}
#active-competitions .tier-price {color:inherit!important;font-size:1.16rem}
#active-competitions .tier-size {font-size:1.5rem;font-weight:650;letter-spacing:-.03em}
#active-competitions .tier-features-list {flex:1;margin:4px 0 24px;gap:0!important;font-size:.9rem}
#active-competitions .tier-features-popular {column-gap:24px!important}
#active-competitions {scroll-margin-top:88px}
#active-competitions .tier-feature-item {gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle);min-width:0}
#active-competitions .popular .tier-feature-item {border-color:#28466e}
#active-competitions .tier-feature-item>span {color:var(--text-muted);font-weight:500}
#active-competitions .popular .tier-feature-item>span,#active-competitions .popular .tier-muted {color:#b8c9e2}
#active-competitions .tier-feature-item strong {font-weight:650}
#active-competitions .popular .btn-primary {background:white;color:#092654}
#active-competitions .popular .btn-primary:hover {background:#e8f0ff}
.landing-wrapper .hero-title {font-size:clamp(2.3rem,4.5vw,4rem);font-weight:650;line-height:1.08;letter-spacing:-.05em}
.landing-wrapper>section[style*="padding: 80px"] {background:var(--bg-primary)!important;padding-block:56px!important}
.landing-wrapper .responsive-grid-240>div {border-radius:12px!important;box-shadow:var(--card-shadow);background:var(--bg-card)!important}
/* Calendar: date bands, quieter filters, legible event values. */
.economic-calendar-title {padding:24px 0;margin-bottom:24px;border-bottom:1px solid var(--border-color)}
.economic-calendar-title h1 {font-size:clamp(2rem,4vw,3.1rem);font-weight:650}
.economic-calendar-title span {font-size:.64rem;color:var(--text-muted);letter-spacing:.1em}
.economic-calendar-title p {font-size:.87rem}
.calendar-controls {padding:10px;background:var(--tb-glass);border-radius:10px;box-shadow:var(--card-shadow);backdrop-filter:blur(16px)}
.calendar-controls button,.calendar-controls select {border-radius:5px;font-size:.76rem;font-weight:600;box-shadow:none}
.calendar-controls button {background:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}
.calendar-controls .calendar-segmented button.active {background:var(--accent-navy)!important;color:#fff!important}
#app :is(.global-theme-toggle,.platform-profile-guest,.product-telegram-link) {background:var(--bg-secondary)!important;border:1px solid var(--border-color);color:var(--text-main)}
.calendar-segmented button.active {background:var(--accent-navy);color:#fff}
.calendar-events {background:var(--bg-card);border-radius:10px;box-shadow:var(--card-shadow)}
.calendar-date-divider {background:var(--bg-secondary);font-size:.72rem;letter-spacing:.04em;padding-block:14px}
.calendar-event-row {min-height:72px;border-color:var(--border-subtle)}
.calendar-event-row:hover {background:var(--accent-blue-light)}
.calendar-event-row strong {font-weight:600}.calendar-value {font-weight:650}.calendar-value small {font-size:.59rem;letter-spacing:.08em}
/* Arena, replay and live workspaces. No chart canvas or visibility rules. */
.arena-hero h1,.backtest-hero h1 {font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1.12;letter-spacing:-.045em}
.arena-conviction h2 {font-weight:650}.arena-conviction p {font-weight:500}.arena-conviction strong {background:transparent}
.arena-versus-stage {border-radius:12px;box-shadow:var(--card-shadow)}
.arena-contender::before {animation:none;opacity:.42}
.arena-panel h2,.arena-league h2 {font-weight:650}
.arena-wallet-bar,.arena-match-topbar,.backtest-account-strip,.arena-account-strip {border-radius:10px;background:var(--tb-glass);box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(12px)}
.arena-how-card {background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:none}
.arena-how-steps>div::before {opacity:.35}
.arena-room-card,.backtest-session-card {border-radius:9px;background:var(--bg-card);box-shadow:none}
.arena-create-mode>div,.arena-mode-setting>span,.arena-league-mode,.backtest-order-tabs,.bb-mode-tabs {border-radius:7px;background:var(--bg-primary);border-color:var(--border-color)}
.arena-create-mode button.is-active,.arena-league-mode button.is-active {background:var(--accent-navy);box-shadow:none}
.arena-primary,.backtest-primary-action {background:var(--accent-navy);color:#fff;box-shadow:none}
.arena-league-grid {border-radius:9px}
.arena-podium-card,.arena-rank-card,.arena-challenge-card {background:var(--bg-card)}
/* Tables and administration use the same compact visual language. */
#app table {border-collapse:separate;border-spacing:0;font-size:.81rem}
#app th {background:var(--bg-secondary);color:var(--text-muted);font-size:.65rem;font-weight:650;letter-spacing:.065em;border-color:var(--border-color)}
#app td {border-color:var(--border-subtle)}
#app tbody tr:hover {background:var(--accent-blue-light)}
.admin-shell-tabs {background:var(--bg-card);border-bottom:1px solid var(--border-color);gap:4px}
.admin-shell-tabs button {font-size:.8rem;font-weight:550;padding:13px 16px}
.admin-analytics-toolbar h2 {font-size:1.8rem;font-weight:750;letter-spacing:-.035em}
.admin-metric-card {padding:22px}
.admin-banner-card-header {background:var(--bg-secondary);border-color:var(--border-color)}
.admin-trade-feed>div {padding-block:16px;border-color:var(--border-subtle)}
.admin-trade-feed>div:hover {background:var(--accent-blue-light)}
.admin-trade-feed span {min-width:0}
.admin-trade-feed small {display:block;margin-top:4px;line-height:1.45}
/* Account, authentication, support, dialogs and menus. */
#app .auth-card-inner {border-radius:14px!important;border-top:3px solid var(--accent-navy)!important;box-shadow:0 24px 64px #08255414!important}
.global-account-main {padding-top:40px}
.global-support-card h1,.auth-card h1,.auth-card h2 {font-weight:750;letter-spacing:-.035em}
.legal-container {background:var(--bg-card)!important;border-radius:12px!important;box-shadow:var(--card-shadow)!important;line-height:1.75}
.legal-container h1 {font-size:2rem!important;font-weight:650!important;color:var(--text-main)!important}
.chat-maintenance-translations {border-color:var(--border-color);color:var(--text-muted)}
.modal-content,.sponsor-onboarding,.platform-profile-menu {border-radius:12px;box-shadow:0 24px 70px #0003}
.sponsor-language-switcher button,.campaign-language-tabs button {border-radius:5px;font-weight:600}
.sponsor-onboarding-copy {line-height:1.65}
.arena-confirm-card,.arena-leave-confirm>div,.arena-result-dialog {border-radius:14px}
/* Home story and marketing surfaces retain artwork and all content. */
.story-copy h2,.story-finale h2 {font-weight:650;letter-spacing:-.045em}
.story-copy p {font-size:1rem;line-height:1.75}
.story-details b {border-radius:4px;font-weight:600;letter-spacing:.04em}
.opening-actions button,.story-copy button,.story-finale button {border-radius:6px;font-weight:650;box-shadow:none}
.story-panel {border-color:var(--border-color)}
/* Approved banner treatment remains consistent across every theme. */
/* Glass surfaces have a bright inner edge and a visible background beneath. */
#app :is(.tier-card,.calendar-events,.calendar-controls,.admin-shell-tabs,.auth-card,.objective-card,.backtest-session-card,.arena-room-card,.legal-container) {
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:inset 0 1px var(--tb-highlight),0 18px 46px rgba(3,24,62,.12);
  border-color:rgba(118,155,211,.38);
}
#app :is(.platform-product-switcher,.main-header,.admin-shell-header) {background:linear-gradient(110deg,var(--tb-highlight),transparent 65%),var(--tb-glass);backdrop-filter:blur(28px) saturate(150%)}
#app .product-switcher {background:rgba(122,159,217,.12);border-color:rgba(118,155,211,.35);padding:6px;border-radius:12px;box-shadow:inset 0 1px var(--tb-highlight)}
#app .product-switcher :is(button,a).active {background:linear-gradient(145deg,#347cff,#1245a0);box-shadow:inset 0 1px #ffffff55,0 5px 16px #1245a033}
#app :is(.btn-primary,.arena-primary,.backtest-primary-action) {background-image:linear-gradient(160deg,rgba(255,255,255,.16),transparent 70%);box-shadow:inset 0 1px #ffffff40,0 6px 16px #08255420}
.economic-calendar-title h1,.arena-hero h1,.backtest-hero h1 {font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;letter-spacing:-.045em}
.calendar-event-row strong {font-size:.94rem;font-weight:700}
.calendar-controls button,.calendar-controls select {font-size:.86rem;min-height:42px}
.calendar-event-row {min-height:78px}
.calendar-date-divider {background:rgba(93,142,215,.13);font-size:.82rem}
.calendar-controls button {background:rgba(121,158,215,.12)!important}
.calendar-value {font-size:.91rem}
.calendar-value small {font-size:.65rem}
#active-competitions .tier-card {border-radius:16px;backdrop-filter:blur(24px) saturate(145%)}
#active-competitions .tier-size {font-size:1.7rem;font-weight:800}
#active-competitions .tier-price {font-size:1.3rem}
#active-competitions .tier-features-list {font-size:.9rem}
#active-competitions .tier-card.popular>div:first-child {background:rgba(166,202,255,.16)!important;border-color:#9bbeee66;backdrop-filter:blur(10px)}
.main-content,.admin-shell-content,.auth-page-container {background:radial-gradient(ellipse at 0 0,rgba(58,125,245,.16),transparent 65%),var(--bg-primary)!important}
@media(max-width:700px){#active-competitions .tier-size{font-size:1.4rem}#active-competitions .tier-price{font-size:1.1rem}.economic-calendar-title h1{font-size:2.3rem}}
#app .clipping-campaign-banner-action .btn-primary {background:#fff;color:#082554;border:1px solid #d6dfec;box-shadow:none}
#app .clipping-campaign-banner-action .btn-primary:hover {background:#edf3ff;color:#082554}
@media(max-width:700px) {
  #app .platform-product-switcher {padding-block:10px}
  #app .product-switcher :is(button,a) {min-height:40px;font-size:.69rem}
  #active-competitions .tier-card {padding:20px!important}
  #active-competitions .tier-card.popular {padding-top:50px!important}
  #active-competitions .tier-card.popular>div:first-child {left:20px}
  #active-competitions .tier-features-popular {grid-template-columns:minmax(0,1fr)!important}
  .calendar-event-row {min-height:88px}
  .economic-calendar-title {padding-block:12px}
  .arena-wallet-account {min-width:0}.arena-wallet-account>b {overflow-wrap:anywhere}
  #app .auth-card-inner {padding:26px 20px!important}
}
@media(prefers-reduced-motion:reduce) {
  button,a {transition:none!important}
}

/* Round identity controls; action buttons keep their rectangular shape. */
/* Homepage: continuous blue light, glass copy panels and preserved artwork. */
#app .tb-home-story :is(.story-opening,.story-panel,.story-finale) {
  background:transparent;color:var(--text-main);border-bottom:1px solid rgba(128,168,228,.22);
}
#app .story-opening {
  background:radial-gradient(ellipse at 50% 20%,rgba(109,163,255,.22),transparent 65%);
  position:relative;min-height:760px;padding-top:90px;
}
#app .story-opening h1 {color:var(--text-main);font-weight:800;font-size:clamp(3rem,6.5vw,6.4rem);line-height:1.06;letter-spacing:-.055em}
#app .opening-mark {color:var(--text-muted);padding:10px 18px;border:1px solid rgba(128,168,228,.35);border-radius:30px;background:var(--tb-glass);box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(20px)}
#app .opening-index {gap:10px;margin-top:48px;padding-top:0}
#app .opening-index span {padding:18px 12px;background:var(--tb-glass);border:1px solid rgba(128,168,228,.35);border-radius:10px;color:var(--text-muted);box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(18px)}
#app .story-panel {min-height:760px;gap:40px;padding-block:80px}
#app .story-copy {
  padding:34px;border:1px solid rgba(128,168,228,.38);border-radius:20px;
  background:linear-gradient(130deg,rgba(144,183,241,.18),transparent 70%),var(--bg-card);
  box-shadow:inset 0 1px var(--tb-highlight),0 24px 60px rgba(3,24,62,.12);backdrop-filter:blur(26px) saturate(140%);
}
#app .story-copy h2 {font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:1.12;color:var(--text-main);font-weight:800}
#app .story-copy p {color:var(--text-muted);opacity:1;line-height:1.75}
#app .story-copy>span {color:var(--text-muted)}
#app .story-details b {opacity:1;color:var(--text-muted);background:rgba(108,158,235,.1);border-color:rgba(128,168,228,.32);border-radius:5px}
#app :is(.opening-actions,.story-copy,.story-finale)>button,
#app .story-finale>div>button {background:linear-gradient(145deg,#397df1,#1853b8);color:#fff;border:1px solid #679aef;box-shadow:inset 0 1px #ffffff55,0 7px 20px #1245a033;font-size:.92rem;border-radius:8px}
#app .story-finale>div>button:last-child {background:var(--tb-glass);color:var(--text-main);border-color:rgba(128,168,228,.4)}
#app :is(.history-cinema,.calendar-cinema) {border:1px solid rgba(128,168,228,.3);border-radius:22px;background:linear-gradient(145deg,rgba(119,172,255,.12),transparent),var(--bg-card);box-shadow:inset 0 1px var(--tb-highlight),0 24px 60px rgba(3,24,62,.12);backdrop-filter:blur(20px)}
#app .history-grid {border-radius:22px;opacity:.23}
#app .history-path {stroke:var(--text-main)}
#app .history-ghost {fill:rgba(67,135,239,.12)}
#app .market-orbit {border-color:rgba(128,168,228,.5);background:radial-gradient(circle,rgba(83,145,243,.14),transparent 70%);box-shadow:inset 0 1px var(--tb-highlight)}
#app .market-orbit :is(strong,span) {color:var(--text-main)}
#app .market-orbit:before,#app .market-orbit:after {border-color:rgba(128,168,228,.32)}
#app .story-finale {min-height:580px;background:radial-gradient(ellipse at 50% 100%,rgba(70,139,251,.24),transparent 70%),var(--tb-glass);backdrop-filter:blur(24px)}
#app .story-finale h2 {color:var(--text-main);font-weight:800;font-size:clamp(2.8rem,5vw,5rem)}
/* Remaining workspace surfaces and secondary controls. */
#app :is(.backtest-workspace-toolbar,.backtest-chart-head,.backtest-replay-controls,.arena-match-topbar,.arena-account-strip,.account-summary-bar,.chart-header,.admin-shell-tabs,.bb-mode-switcher-bar) {background:var(--tb-glass);border-color:rgba(128,168,228,.3);box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(20px)}
#app :is(.backtest-analytics-detail-grid>div,.backtest-ledger,.arena-custody-card,.arena-custody-history,.arena-achievements,.bb-history,.bb-pools,.admin-banner-placements,.admin-banner-settings,.competition-switcher-shell) {background:linear-gradient(135deg,rgba(144,183,241,.10),transparent 65%),var(--bg-card);border:1px solid rgba(128,168,228,.3);border-radius:12px;box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(20px)}
#app :is(.arena-list-more,.arena-trade-history-toggle,.backtest-back-button,.admin-analytics-toolbar>button,.admin-filter-row button,.admin-banner-actions button,.asset-pill,.toggle-btn,.bb-presets button) {border:1px solid rgba(128,168,228,.35);background:var(--tb-glass);color:var(--text-main);box-shadow:inset 0 1px var(--tb-highlight);border-radius:7px}
#app :is(.toggle-btn.active,.asset-pill.active,.backtest-order-tabs button.active) {background:var(--accent-navy);color:#fff}
#app :is(.platform-profile-menu,.modal-content,.auth-card,.sponsor-onboarding,.campaign-conditions,.chat-maintenance-card,.legal-container) {background:linear-gradient(140deg,rgba(144,183,241,.14),transparent 60%),var(--tb-glass)!important;box-shadow:inset 0 1px var(--tb-highlight),0 24px 64px rgba(3,24,62,.2)!important;border:1px solid rgba(128,168,228,.4);backdrop-filter:blur(28px) saturate(140%)}
#app :is(.form-input,textarea,select):focus {border-color:var(--tb-focus);box-shadow:0 0 0 3px rgba(73,138,247,.13)}
#app :is(.auth-card,.global-support-card) button[type=submit] {background:linear-gradient(145deg,#397df1,#1853b8)!important;color:#fff;box-shadow:inset 0 1px #ffffff55,0 7px 20px #1245a033}
#app .footer-grid {color:var(--text-main)}
#app footer {background:linear-gradient(120deg,rgba(127,171,238,.15),transparent),var(--tb-glass)!important;border-top:1px solid rgba(128,168,228,.3);backdrop-filter:blur(24px)}
@media(max-width:920px){#app .story-panel{min-height:0;padding-block:50px}#app .story-copy{padding:28px}}
@media(max-width:700px){#app .story-opening{min-height:680px;padding:60px 18px 32px}#app .story-opening h1{font-size:3.1rem}#app .story-copy{padding:24px}#app .story-copy h2{font-size:2.4rem}#app .story-panel{gap:24px;padding:40px 18px}#app .opening-index{width:100%}#app .story-finale{padding:60px 18px}#app .market-orbit{width:270px;height:270px}}
#app :is(.global-theme-toggle,.platform-profile-badge,.platform-profile-guest) {
  width:40px;height:40px;min-width:40px;padding:0;border-radius:50%!important;
  border:1px solid rgba(128,168,228,.4);box-shadow:inset 0 1px var(--tb-highlight);
}
#app .platform-profile-badge img {border-radius:50%}
#app .announcement-bar {
  background:linear-gradient(100deg,rgba(99,148,225,.1),rgba(99,148,225,.03)),var(--tb-glass);
  color:var(--text-main);border-block:1px solid rgba(128,168,228,.22);
  box-shadow:inset 0 1px var(--tb-highlight);backdrop-filter:blur(24px);
  font-weight:600;letter-spacing:.01em;
}
/* One illuminated CTA treatment for banners and competition entry. */
#app .clipping-campaign-banner {background:transparent;border-color:rgba(128,168,228,.35);box-shadow:0 16px 42px rgba(5,25,62,.15)}
#app .clipping-campaign-banner-action {
  padding:13px;background:linear-gradient(110deg,rgba(127,171,238,.18),rgba(127,171,238,.03)),var(--tb-glass);
  border-top:1px solid rgba(157,190,240,.3);box-shadow:inset 0 1px var(--tb-highlight);
  backdrop-filter:blur(24px) saturate(150%);
}
#app .clipping-campaign-banner-action .btn-primary,
#app #active-competitions .tier-card.popular .btn-primary {
  background:linear-gradient(160deg,#fff 0%,#f3f7ff 48%,#dbe8ff 100%);
  color:#082554;border:1px solid #fff;border-radius:8px!important;
  box-shadow:inset 0 1px #fff,0 5px 16px rgba(5,25,62,.18);
  font-weight:750;min-height:44px;
}
#app .clipping-campaign-banner-action .btn-primary:hover,
#app #active-competitions .tier-card.popular .btn-primary:hover {
  background:linear-gradient(160deg,#fff,#d5e5ff);box-shadow:inset 0 1px #fff,0 7px 22px rgba(5,25,62,.23);
}
#app #active-competitions .tier-card>.btn-outline {
  background:linear-gradient(145deg,#397df1,#1853b8);color:#fff;border:1px solid #679aef;
  box-shadow:inset 0 1px #ffffff55,0 5px 16px #1245a025;min-height:44px;font-weight:750;
}
#app #active-competitions .tier-card>.btn-outline:hover {background:linear-gradient(145deg,#4d8df8,#1c5dca)}
/* Continuous treatment below the competition grid. */
#app .landing-wrapper>.competition-story-section {
  background:transparent!important;border-top:1px solid rgba(128,168,228,.22)!important;
  padding:72px 24px!important;
}
.competition-story-section>div {position:relative}
.competition-story-section h2 {font-size:clamp(2rem,3.4vw,3rem)!important;letter-spacing:-.045em;line-height:1.18}
.competition-story-section :is(.responsive-grid-240,.responsive-grid-280) {gap:22px}
#app .competition-story-section :is(.responsive-grid-240,.responsive-grid-280)>div,
#app .competition-story-section .faq-item {
  background:linear-gradient(135deg,rgba(144,183,241,.16),transparent 65%),var(--bg-card)!important;
  border:1px solid rgba(128,168,228,.36)!important;border-radius:16px!important;
  box-shadow:inset 0 1px var(--tb-highlight),0 18px 40px rgba(3,24,62,.10)!important;
  backdrop-filter:blur(24px) saturate(145%);
}
.competition-story-section :is(.responsive-grid-240,.responsive-grid-280)>div {padding:28px!important}
.competition-story-section h3 {letter-spacing:-.025em;line-height:1.35}
.competition-story-section p {line-height:1.75!important}
.competition-story-section .apple-emoji-container {filter:drop-shadow(0 4px 9px rgba(5,28,70,.15))}
#app .competition-crowns>div {
  padding:40px;border:1px solid rgba(128,168,228,.38);border-radius:20px;
  background:radial-gradient(ellipse at 50% 0,rgba(69,132,239,.18),transparent 70%),var(--tb-glass);
  box-shadow:inset 0 1px var(--tb-highlight),0 22px 50px rgba(3,24,62,.1);backdrop-filter:blur(24px);
}
#app .competition-crowns>div>div:last-child>div {
  background:rgba(115,163,235,.1)!important;border:1px solid rgba(128,168,228,.4)!important;
  border-radius:10px!important;box-shadow:inset 0 1px var(--tb-highlight);padding:14px 20px!important;
}
#app .competition-faq .faq-item.active {border-color:var(--tb-focus)!important;background:linear-gradient(130deg,rgba(91,147,234,.17),transparent),var(--bg-card)!important}
.competition-faq .faq-icon {display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;margin-left:16px;border:1px solid rgba(128,168,228,.3);border-radius:50%;background:rgba(115,163,235,.08)}
#app .competition-finale>div {
  padding:50px 36px;border:1px solid rgba(128,168,228,.4);border-radius:22px;
  background:radial-gradient(ellipse at 50% -20%,rgba(80,147,255,.32),transparent 70%),var(--tb-glass);
  box-shadow:inset 0 1px var(--tb-highlight),0 26px 65px rgba(3,24,62,.16);backdrop-filter:blur(24px);
}
#app .account-summary-bar.podium-grid {background:transparent;box-shadow:none;border:0}
#app .podium-grid>.kpi-card,#app .landing-wrapper .hero-card-preview {
  background:linear-gradient(135deg,rgba(114,163,238,.28),rgba(214,231,255,.22) 55%,rgba(98,147,224,.14)),var(--tb-glass)!important;
  border:1px solid rgba(117,158,220,.45);border-radius:18px;
  box-shadow:inset 0 1px 0 var(--tb-highlight),inset 0 -1px 0 rgba(89,137,211,.12),0 18px 42px rgba(13,42,88,.14);
  backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);
}
#app .podium-grid>.kpi-card {border-top:3px solid var(--podium-accent)!important;padding:26px;min-width:0}
#app .podium-grid .podium-1st {--podium-accent:#b88920}
#app .podium-grid .podium-2nd {--podium-accent:#62758f}
#app .podium-grid .podium-3rd {--podium-accent:#a15a28}
#app .podium-grid>.kpi-card>div:first-child {font-weight:700;letter-spacing:-.035em}
#app .podium-grid>.kpi-card>div:last-child {color:var(--podium-accent)!important;border-top:1px solid rgba(128,168,228,.3);padding-top:14px;margin-top:16px!important}
#app .podium-grid .kpi-value {overflow-wrap:anywhere}
#app .podium-grid [style*="opacity: 0.5"] {opacity:1!important;color:var(--text-muted)!important}
[data-theme="dark"] #app .podium-grid .podium-1st {--podium-accent:#f0cd75}
[data-theme="dark"] #app .podium-grid .podium-2nd {--podium-accent:#b8c9e2}
[data-theme="dark"] #app .podium-grid .podium-3rd {--podium-accent:#e7ac7c}
[data-theme="dark"] #app .podium-grid>.kpi-card,[data-theme="dark"] #app .landing-wrapper .hero-card-preview {
  background:linear-gradient(135deg,rgba(86,138,220,.24),rgba(20,48,85,.12) 60%),var(--tb-glass)!important;
}
.landing-wrapper .hero-card-preview>div {border-color:rgba(128,168,228,.3)!important}
.landing-wrapper .hero-card-preview>div[style*="background"] {background:rgba(99,148,225,.08)!important;box-shadow:inset 0 1px var(--tb-highlight)}
.landing-wrapper .hero-card-preview div[style*="grid-template-columns"]>div {background:rgba(99,148,225,.12)!important;border-color:rgba(128,168,228,.35)!important;border-radius:9px!important}
#app .landing-wrapper>footer,#app .story-footer {
  background:linear-gradient(110deg,rgba(127,171,238,.14),transparent),var(--tb-glass)!important;
  border-top:1px solid rgba(128,168,228,.3);backdrop-filter:blur(24px);
}
@media(max-width:700px){
  #app :is(.global-theme-toggle,.platform-profile-badge,.platform-profile-guest){width:37px;height:37px;min-width:37px}
  #app .landing-wrapper>.competition-story-section{padding:44px 16px!important}
  #app .competition-crowns>div,#app .competition-finale>div{padding:28px 20px}
  .competition-story-section :is(.responsive-grid-240,.responsive-grid-280)>div{padding:24px!important}
  #app .clipping-campaign-banner-action{padding:10px}
}