:root{font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.98vw,26px);font-weight:400;color:#252a2b;background:#e5eaf0;font-synthesis:none;--brand:#2b50d5;--page:#e5eaf0;--panel:#cfdae0;--stripe:#93aec2;--row:#cbd2da;--row-alt:#d5dbe2;--line:#eef1f4;--ink:#252a2b;--muted:#fff;--link:#3359b7;--bar:#202020;--green:#819c49;--red:#d75964}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f0b949;outline-offset:-3px}button{border:0;border-radius:0}h1,h2,p{margin:0;font-weight:400}body.bawsaq{--brand:#779a3e;--page:#414a36;--panel:#2c3324;--stripe:#252c20;--row:#343b2e;--row-alt:#3f4436;--line:#474e3e;--ink:#f0f1e9;--link:#a6c275;--bar:#171915;background:var(--page);color:var(--ink)}
#app{min-height:100vh;background:var(--page)}.masthead{height:6.6rem;background:var(--brand);display:flex;align-items:flex-start;justify-content:space-between;padding:1.4rem 1.2rem 1rem}.brand-link{display:block;width:25rem;max-width:62%;margin-top:.2rem}.sprite{display:block;position:relative;overflow:hidden}.sprite img{position:absolute;max-width:none;pointer-events:none}.lcn-logo{aspect-ratio:690/93}.lcn-logo img{width:296.812%;left:-49.565%;top:-221.5%}.bawsaq-logo{width:19.8rem;aspect-ratio:432/77}.bawsaq-logo img{width:474.074%;left:-113.2%;top:-200%}.cash{width:12rem;text-align:center;color:white;background:linear-gradient(#07112e,transparent);padding:.45rem .25rem .5rem;font-size:.9rem;line-height:1.15}.cash strong{display:block;font-weight:400;font-size:1.06rem}.bawsaq .cash{background:linear-gradient(#141b08,transparent)}
.navigation{height:2.4rem;display:flex;background:#202020;color:#fff}.navigation>a{display:flex;align-items:center;justify-content:center;width:16.5%;border-right:2px solid #405194;white-space:nowrap}.navigation>a:hover,.navigation>a.active{background:linear-gradient(#a5a5a5,#242424)}.navigation .exchange-switch{margin-left:auto;width:auto;padding:0 1.2rem;border:0}.exchange-switch .mini-brand{font-family:Arial Black,Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:-.03rem}.bawsaq .navigation{background:linear-gradient(#94b264,#abc284)}.bawsaq .navigation>a{border-color:#bfcea5}.bawsaq .navigation>a:hover,.bawsaq .navigation>a.active{background:#374127}.mini-lcn{display:block;width:2.5rem;height:1.05rem;overflow:hidden}.mini-lcn img{width:32rem;max-width:none;transform:translate(-5.5rem,-3.55rem)}
.ticker{height:3rem;border-bottom:.2rem solid #b92227;background:#fff;overflow:hidden;position:relative;display:flex;align-items:center}.ticker:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff,transparent 5%,transparent 95%,#fff)}.ticker-track{display:flex;width:max-content;animation:ticker var(--ticker-duration,30s) linear infinite;gap:1.6rem;white-space:nowrap;font-size:.92rem}.ticker-track a{display:inline-flex;gap:.22rem;align-items:center}.ticker:hover .ticker-track{animation-play-state:paused}.bawsaq .ticker{background:#181b15;border-bottom-color:#181b15;color:#e2e3df}.bawsaq .ticker:after{background:linear-gradient(90deg,#181b15,transparent 5%,transparent 95%,#181b15)}@keyframes ticker{to{transform:translateX(-50%)}}.positive{color:var(--green)}.negative{color:var(--red)}
main{padding:.85rem .7rem 1.8rem}.columns{display:grid;grid-template-columns:1.04fr 1fr;gap:.65rem;align-items:start}.section-title{background:var(--bar);color:#fff;padding:.34rem .65rem;font-size:1rem;line-height:1.15;border-bottom:2px solid var(--line)}.chart{background:linear-gradient(#9ab1c5 0%,#cfdbe1 80%);padding:.85rem .75rem .8rem}.chart>svg{display:block;width:100%;height:auto;overflow:visible}.chart .caption{font-size:.78rem;margin-top:.45rem}.bawsaq .chart{background:linear-gradient(#22251e,#2c3324 80%)}.chart .grid{stroke:var(--line);stroke-opacity:.2;stroke-width:2}.chart .axis{stroke:var(--ink);stroke-width:1.7;fill:none}.chart text{fill:var(--ink);font-family:Arial,sans-serif;font-size:17px}.chart .plot{stroke:var(--brand);stroke-width:4.5;fill:none;stroke-linejoin:miter;stroke-linecap:square}.bawsaq .chart .plot{stroke:#afcb7b}.news a{display:block;background:color-mix(in srgb,var(--panel) 70%,var(--page));color:var(--link);padding:.72rem .7rem;line-height:1.22;border-bottom:2px solid var(--page);min-height:2.7rem}.news a:hover{background:var(--stripe)}.bawsaq .news a{background:var(--panel)}
.stock-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem}.stock-table th{background:#fff;text-align:left;color:#343434;font-weight:400;height:2.25rem;border-right:2px solid var(--line);padding:0 .6rem}.stock-table td{height:2.05rem;border-right:2px solid var(--line);border-bottom:2px solid var(--line);padding:.25rem .6rem;background:var(--row)}.stock-table tbody tr:nth-child(even) td{background:var(--row-alt)}.stock-table tbody tr:hover td{background:var(--stripe)}.stock-table tbody tr{cursor:pointer}.stock-table td:not(:first-child){text-align:right}.stock-table td:last-child,.stock-table th:last-child{border-right:0}.stock-table .company-col{width:34%}.stock-table .symbol{display:inline-block;width:3.4rem}.stock-table .company-name{display:inline}.stock-table .arrow{font-size:1.2em;margin-left:.4rem;vertical-align:-.08rem;color:#73b763}.stock-table .arrow.down{color:#c33b4c}.stock-table th button{background:none;color:inherit;display:flex;justify-content:space-between;width:100%;font-size:inherit;padding:0;text-align:left}.sort-indicator{color:#959595;padding-left:.25rem}.market-movers .company-col{width:auto}.market-movers th{width:33.33%}.market-movers .positive{white-space:nowrap}
.exchange-tabs{display:flex;border-bottom:.36rem solid #2046d4;padding-top:0}.exchange-tabs a{display:flex;align-items:center;background:#646464;width:10.5rem;height:1.72rem;margin-right:.13rem;padding:0 .6rem;color:#e0e0e0;overflow:hidden}.exchange-tabs a.active{background:#1946d9}.exchange-tabs .lcn-tab-logo{width:2.8rem;height:1.2rem;font-size:1.18rem;font-style:italic;font-weight:900;letter-spacing:-.15rem}.exchange-tabs .baw-tab-logo{font-family:Arial Black,Arial,sans-serif;font-size:.97rem;font-weight:900;letter-spacing:-.04rem}.bawsaq .exchange-tabs{border-color:#a3c671}.bawsaq .exchange-tabs a.active{background:#a3c671;color:#fff}
.page-title{background:var(--panel);min-height:3.9rem;padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.3rem}.company-logo{width:4.2rem;height:2.2rem;flex-shrink:0}.company-logo.pop img{width:2600%;left:-1858%;top:-985%}.company-logo.sss img{width:2156%;left:-1520%;top:-995%}.company-logo.vap img{width:2600%;left:-1863%;top:-985%}.word-logo{font-weight:700;font-style:italic;font-size:1.05rem}.description{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:.7rem 0 .65rem .75rem;min-height:4.2rem}.description p{font-size:.98rem;max-width:72%;line-height:1.08}.action-button{display:inline-flex;align-items:center;justify-content:center;min-width:7.2rem;min-height:2.9rem;background:linear-gradient(#98ab73,#567527 72%);color:#fff;padding:.5rem .35rem;white-space:nowrap;font-size:.94rem}.action-button:hover{filter:brightness(1.12)}.action-button.red{background:linear-gradient(#e4878b,#d4555b 74%)}.action-button:disabled{opacity:.42;filter:saturate(.6)}.panel{background:var(--panel)}.panel-body{padding:.65rem}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;min-height:1.9rem;padding:.4rem .65rem;font-size:.83rem}.stat-row:nth-child(odd){background:var(--stripe)}.stat-row span:last-child{white-space:nowrap}.details-body{display:grid;grid-template-columns:28% 1fr;gap:.6rem;padding:.6rem}.quote{padding:.3rem .1rem;font-size:.93rem;min-width:0}.quote-price{display:block;margin:.4rem 0 .6rem;font-size:.91rem}.quote-change{display:flex;gap:.3rem;align-items:center;line-height:1.5}.big-arrow{font-size:2rem}.owned{margin-top:1.6rem;text-align:center;background:var(--stripe);color:white;padding:.6rem .2rem .25rem;font-size:.8rem}.owned strong{display:block;font-size:1.5rem;font-weight:400;margin-top:.1rem}.bawsaq .owned{background:#59772a}.actions{display:flex;justify-content:flex-end;gap:.14rem;padding-top:.7rem}.table-actions{display:flex;justify-content:flex-end;margin-top:.6rem}.notice-panel{background:var(--panel);min-height:11.2rem;display:flex;flex-direction:column;text-align:center;padding:.7rem .6rem}.notice-panel h1{font-size:1rem;color:var(--link);margin-bottom:.4rem}.notice-panel p{font-size:1rem;line-height:1.18;max-width:31rem;margin:0 auto}.notice-panel .actions{margin-top:auto}.trade-controls{display:flex;align-items:center;gap:.3rem;padding-top:.65rem}.step{width:1.8rem;height:1.8rem;padding:0;font-size:1.85rem;font-weight:700;line-height:1;background:linear-gradient(#91a970,#587e2f);color:white;user-select:none;touch-action:none}.step.minus{background:linear-gradient(#e4878b,#d4555b)}.quantity{width:7.4rem;min-width:0;background:transparent;border:0;color:var(--ink);padding:0 .05rem;font-size:1rem;appearance:textfield}.quantity::-webkit-inner-spin-button{appearance:none}.trade-controls .action-button{margin-left:auto}.form-error{font-size:.8rem;color:var(--red);margin-top:.5rem}.article-copy{font-size:1rem;line-height:1.4;padding:1rem}.article-copy .action-button{margin-top:1rem}
@media(min-width:1500px){.masthead{height:7rem}.description p{max-width:75%}}
@media(max-width:700px){:root{font-size:16px}.masthead{height:7rem;padding:1rem .65rem}.brand-link{width:20rem;max-width:61%;margin-top:.6rem}.bawsaq-logo{width:100%}.cash{width:8rem;font-size:.75rem;margin-left:.8rem}.cash strong{font-size:.86rem}.navigation{height:2.8rem}.navigation>a{width:26%;font-size:.86rem}.navigation .exchange-switch{padding:0 .5rem}.exchange-switch .mini-brand{font-size:.64rem}.ticker{height:2.6rem}.ticker-track{font-size:.83rem}.columns{grid-template-columns:1fr;gap:.8rem}.home-columns>div:nth-child(2){order:-1}.news a{font-size:.94rem;padding:.6rem}.home-columns{display:flex;flex-direction:column}.home-columns>div{width:100%}.home-columns>div:nth-child(2){order:0}.stock-table{font-size:.75rem}.stock-table th{padding:.35rem;line-height:1.15;font-size:.75rem}.stock-table td{padding:.35rem}.stock-table .company-col{width:38%}.stock-table .symbol{display:block;width:auto;font-size:.72rem}.stock-table .company-name{font-size:.74rem}.stock-table .arrow{margin-left:.1rem}.page-title{font-size:1.12rem}.description{gap:.5rem;padding:.7rem 0}.description p{font-size:.9rem;max-width:65%;line-height:1.25}.action-button{font-size:.8rem;min-width:6.5rem;min-height:2.7rem}.notice-panel{min-height:13rem}.notice-panel p{font-size:.94rem}.trade-controls{flex-wrap:wrap}.quantity{width:6rem}.exchange-tabs a{width:9rem}.stat-row{font-size:.88rem}.section-title{font-size:1rem}.quote{font-size:1rem}.owned{margin-top:1rem}.mini-lcn{width:2.3rem}}
.ticker-group{display:flex;align-items:center;gap:1.6rem}.ticker-track{gap:1.6rem}.navigation .lcn-tab-logo{font-weight:900;font-style:italic;letter-spacing:-.13rem;color:#26311f;font-size:1.2rem}.form-error:empty{display:none}.quote-price,.quote-change{overflow:hidden}.inline-link:hover{text-decoration:underline}.market-movers th:last-child{font-size:.8rem;white-space:nowrap}.company-name{overflow-wrap:anywhere}.tab-logo-lcn{width:3.2rem;height:1.4rem}.tab-logo-baw{width:5.6rem;height:1.25rem}.bawsaq .active .tab-logo-baw{width:8.35rem;height:1.4rem}.company-logo{display:block}.bawsaq .exchange-tabs a.active{background:#9bbd69}.exchange-tabs a.active{background:#1946d9}
.launch-market-scroll{overflow-x:auto}.launch-market-table{min-width:850px;font-size:.78rem}.launch-market-table th:first-child{width:27%}.launch-market-table th:nth-child(5){width:19%}.launch-market-table th{height:2.6rem}.launch-market-table td:not(:first-child){white-space:nowrap}.launch-market-table .symbol{width:2.8rem}.market-stale{opacity:.65}
.nav-logo-lcn{width:2.8rem;height:1.3rem}.nav-logo-baw{width:4.8rem;height:1.1rem}.stock-chart{padding-top:1.5rem}.stock-chart .caption{margin-top:.9rem}.bawsaq .exchange-tabs .tab-logo-lcn{opacity:.92}
@media(max-width:700px){.nav-logo-lcn{width:2rem;height:1.1rem}.nav-logo-baw{width:3rem;height:.85rem}.market-movers th:last-child{white-space:normal}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}


/* Generated HD artwork, cropped only at display time. */
.hd-logo{display:block;overflow:hidden;filter:contrast(1.08)}.light-logo{mix-blend-mode:screen}.ink-logo{mix-blend-mode:multiply}.dark-logo{filter:invert(1) contrast(1.08);mix-blend-mode:multiply}.brand-logo{width:100%;height:auto}.brand-logo.bawsaq-logo{width:19.8rem;max-width:100%}.exchange-tabs a:not(.active) .hd-logo{opacity:.8}.bawsaq .active .tab-logo-baw{height:1.5rem}.brand-link .lcn-logo{aspect-ratio:690/93}.brand-link .bawsaq-logo{aspect-ratio:432/77}.nav-logo-baw{height:1.1rem}.tab-logo-baw{height:1.4rem}
@media(max-width:700px){.nav-logo-baw{height:.85rem}.brand-logo.bawsaq-logo{width:100%}}

/* Keep every digit visible inside the acquired-shares badge. */
.owned{container-type:inline-size;min-width:0}.owned strong{font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.1;font-size:min(1.5rem,calc(100cqi / (var(--quantity-digits,1) * .62)))}

/* Tactile feedback without changing the original button shapes or spacing. */
.action-button,.step{transition:box-shadow 100ms ease,filter 100ms ease,transform 100ms ease}
.step:not(:disabled):hover{filter:brightness(1.08)}
.action-button:not(:disabled):active,.step:not(:disabled):active{box-shadow:inset 0 3px 7px rgb(0 0 0 / 38%),0 2px 5px rgb(0 0 0 / 22%);filter:brightness(.9);transform:translateY(1px) scale(.985);transition-duration:35ms}
.ticker{--ticker-hover:rgb(43 80 213 / 9%);--ticker-pressed:rgb(43 80 213 / 17%);--ticker-accent:#2b50d5}
.bawsaq .ticker{--ticker-hover:rgb(175 203 123 / 12%);--ticker-pressed:rgb(175 203 123 / 22%);--ticker-accent:#afcb7b}
.ticker-track a{transition:background-color 120ms ease,box-shadow 120ms ease,transform 90ms ease}
.ticker-track a:hover,.ticker-track a:focus-visible{background-color:var(--ticker-hover);box-shadow:0 0 0 .18rem var(--ticker-hover)}
.ticker-track a:active{background-color:var(--ticker-pressed);box-shadow:0 0 0 .18rem var(--ticker-pressed),inset 0 2px 5px rgb(0 0 0 / 25%);transform:translateY(1px) scale(.985);transition-duration:35ms}
.ticker:focus-within .ticker-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.action-button,.step,.ticker-track a{transition:none}.action-button:not(:disabled):active,.step:not(:disabled):active,.ticker-track a:active{transform:none}}

/* Navigation and exchange tabs keep their resting design, with branded feedback. */
.navigation>a,.exchange-tabs a{transition:background-color 150ms ease,box-shadow 120ms ease,filter 100ms ease,transform 100ms ease}
[data-exchange="lcn"]{--exchange-hover:#153189;--exchange-pressed:#0e225f}
[data-exchange="bawsaq"]{--exchange-hover:#3f5721;--exchange-pressed:#2c3f15}
.exchange-tabs a[data-exchange]:is(:hover,:focus-visible),.navigation>a.exchange-switch:is(:hover,:focus-visible){background:var(--exchange-hover);box-shadow:none}
.exchange-tabs .hd-logo,.exchange-switch .hd-logo{transition:opacity 150ms ease}
.exchange-tabs a:is(:hover,:focus-visible) .hd-logo{opacity:1}
.navigation>.exchange-switch:is(:hover,:focus-visible,:active) .dark-logo{filter:contrast(1.08);mix-blend-mode:screen}
.navigation>a:active,.exchange-tabs a:active{box-shadow:inset 0 4px 8px rgb(0 0 0 / 42%);filter:brightness(.9);transform:translateY(1px);transition-duration:35ms}
.exchange-tabs a[data-exchange]:active,.navigation>a.exchange-switch:active{background:var(--exchange-pressed);box-shadow:inset 0 4px 8px rgb(0 0 0 / 42%)}
@media(prefers-reduced-motion:reduce){.navigation>a,.exchange-tabs a,.exchange-tabs .hd-logo,.exchange-switch .hd-logo{transition:none}.navigation>a:active,.exchange-tabs a:active{transform:none}}

/* Shared press feedback for market, portfolio and market-mover rows. */
.stock-table tbody tr[data-stock]{transition:transform 100ms ease}
.stock-table tbody tr[data-stock] td{transition:background-color 120ms ease,box-shadow 100ms ease}
.stock-table tbody tr[data-stock]:focus-visible td{background:var(--stripe)}
.stock-table tbody tr[data-stock]:active{transform:translateY(1px);transition-duration:35ms}
.stock-table tbody tr[data-stock]:active td{background:color-mix(in srgb,var(--stripe) 87%,#000);box-shadow:inset 0 3px 7px rgb(0 0 0 / 30%);transition-duration:35ms}
.news a{transition:background-color 140ms ease,box-shadow 100ms ease,transform 100ms ease}
.news a:focus-visible{background:var(--stripe)}
.bawsaq .news a:is(:hover,:focus-visible){background:#3c482e}
.news a:active{background:color-mix(in srgb,var(--stripe) 87%,#000);box-shadow:inset 0 3px 8px rgb(0 0 0 / 32%);transform:translateY(1px) scale(.995);transition-duration:35ms}
.bawsaq .news a:active{background:#20291b}
@media(prefers-reduced-motion:reduce){.stock-table tbody tr[data-stock],.stock-table tbody tr[data-stock] td,.news a{transition:none}.stock-table tbody tr[data-stock]:active,.news a:active{transform:none}}

/* Wallet controls use the exchange palette and the original square surfaces. */
.wallet-header{position:relative;width:12rem;flex-shrink:0;z-index:20;color:#fff}
.wallet-header .cash{width:100%;margin:0;min-height:3.25rem;border:0;display:block}
.wallet-balance{container-type:inline-size}.wallet-header .cash strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:min(1.06rem,calc(100cqi / (var(--balance-digits,10) * .62)))}
.wallet-connect{font-size:1rem;transition:filter 120ms ease,box-shadow 100ms ease}
.wallet-connect:hover{filter:brightness(1.25)}
.wallet-connect:active,.wallet-balance:active{box-shadow:inset 0 3px 8px #0007}
.wallet-balance{position:relative;cursor:pointer}
.wallet-balance-summary{display:block}
.wallet-disconnect-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;font-size:.9rem}
.wallet-balance:is(:hover,:focus-visible) .wallet-balance-summary{visibility:hidden}
.wallet-balance:is(:hover,:focus-visible) .wallet-disconnect-label{visibility:visible}
.wallet-dialog{color:var(--ink);background:var(--page);padding:0;border:3px solid var(--brand);border-radius:0;width:min(25rem,calc(100vw - 2rem));max-height:90dvh;box-shadow:0 12px 60px #0006}
.wallet-dialog::backdrop{background:rgb(0 0 0 / 55%)}
.wallet-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--bar);color:white;padding:.6rem .8rem}
.wallet-dialog-heading h2{font-size:1.05rem;overflow-wrap:anywhere}
.wallet-dialog-heading button{background:none;color:white;padding:0 .2rem;font-size:1.5rem;flex-shrink:0}
.wallet-dialog-body{padding:.9rem}
.wallet-dialog-body>p:first-child{font-size:.9rem;margin-bottom:.8rem}
.wallet-option{display:flex;align-items:center;justify-content:space-between;gap:.7rem;text-align:left;width:100%;padding:.65rem .75rem;margin-top:.4rem;background:var(--row);color:var(--ink);transition:background 120ms ease,box-shadow 100ms ease}
.wallet-option strong{font-size:1rem;font-weight:400;white-space:nowrap}
.wallet-option span{font-size:.65rem;text-align:right;line-height:1.25}
.wallet-option:hover{background:var(--stripe)}
.wallet-option:active{box-shadow:inset 0 3px 8px #0006}
.wallet-option:disabled{opacity:.6}
.wallet-dialog-error{margin-top:.8rem}
.wallet-note,.simulation-note{font-size:.67rem;line-height:1.4;margin:.6rem 0;color:var(--ink);opacity:.8}
.wallet-note a{color:var(--link)}
.wallet-empty{gap:.65rem;align-items:center;padding:1.4rem .8rem}
.wallet-empty .action-button{margin-top:.4rem}
.wallet-status{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.73rem;padding:.5rem .6rem;background:var(--panel)}
.wallet-status button{font-size:inherit;background:transparent;color:var(--link);padding:.25rem}
.wallet-status button:hover{background:var(--stripe)}
.wallet-table .symbol{width:auto;min-width:3.4rem;max-width:100%;padding-right:.5rem;overflow-wrap:anywhere}
.wallet-table td{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.stock-table tbody tr[data-wallet-asset]{transition:transform 100ms ease}
.stock-table tbody tr[data-wallet-asset] td{transition:background-color 120ms ease,box-shadow 100ms ease}
.stock-table tbody tr[data-wallet-asset]:focus-visible td{background:var(--stripe)}
.stock-table tbody tr[data-wallet-asset]:active{transform:translateY(1px)}
.stock-table tbody tr[data-wallet-asset]:active td{background:color-mix(in srgb,var(--stripe) 87%,#000);box-shadow:inset 0 3px 7px #0005}
.cost-label{display:block;margin:.85rem 0 .35rem;font-size:.85rem}
.cost-input{width:100%;padding:.5rem .6rem;background:var(--row);border:1px solid var(--stripe);color:var(--ink);border-radius:0}
.cost-dialog .stat-row{gap:1rem;flex-wrap:wrap}
.cost-dialog .actions{flex-wrap:wrap}
@media(max-width:700px){.wallet-header{width:8.4rem;margin-left:.4rem}.wallet-header .cash{font-size:.8rem;min-height:3rem}.wallet-header .cash strong{font-size:.82rem}.wallet-dialog{width:calc(100vw - 1.2rem)}.wallet-note,.simulation-note{font-size:.8rem}.wallet-option span{font-size:.75rem}.wallet-status{font-size:.78rem}.wallet-table .symbol{min-width:0}.cost-label{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.wallet-connect,.wallet-option,.stock-table tbody tr[data-wallet-asset],.stock-table tbody tr[data-wallet-asset] td{transition:none}.stock-table tbody tr[data-wallet-asset]:active{transform:none}}
@media(max-width:700px){.wallet-table,.wallet-table th{font-size:.875rem}.wallet-table .symbol,.wallet-table .company-name{font-size:inherit}}
.crypto-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.2rem;padding:.65rem 0}
.asset-trade-buttons{display:flex;gap:.14rem}.crypto-liquidate .liquidation-assets{margin:.8rem 0;text-align:left}.crypto-liquidate .stat-row{gap:1rem}.crypto-liquidate .stat-row span:last-child{text-align:right}.crypto-liquidate .wallet-note{font-size:.7rem;margin:.6rem auto}.crypto-liquidate .form-error{font-size:.8rem;margin:.6rem auto}.crypto-liquidate .swap-receipt{margin-top:.5rem}@media(max-width:700px){.crypto-toolbar{flex-wrap:wrap}.asset-trade-buttons{margin-left:auto}.asset-trade-buttons .action-button{min-width:6rem}}
.crypto-buy-columns{margin-top:1rem}.payment-choice{display:flex;align-items:center;gap:.6rem;font-size:.75rem;padding:.7rem 0}.payment-choice select{min-width:0;flex:1;background:var(--row);color:var(--ink);border:0;padding:.4rem;font:inherit}.crypto-quantity{background:transparent;color:var(--ink);border:0;min-width:1.8rem;width:5rem;flex:1;font:inherit;padding:.3rem}.crypto-buy-columns .trade-controls{gap:.3rem}.crypto-buy-columns .trade-controls .action-button{margin-left:auto}.swap-receipt{font-size:.75rem;color:var(--link)}.crypto-buy-columns .stat-row{gap:.7rem}.crypto-buy-columns .stat-row span:last-child{text-align:right;overflow-wrap:anywhere}.crypto-buy-columns .form-error{overflow-wrap:anywhere}
.crypto-back{color:var(--link);font-size:.85rem;padding:.5rem .7rem}
.crypto-back:hover{background:var(--panel)}
.chart-periods{display:flex;gap:2px}.chart-periods button{background:var(--panel);color:var(--ink);padding:.55rem .8rem;font-size:.8rem}
.chart-periods button:hover{background:var(--stripe)}.chart-periods button[aria-pressed=true]{background:var(--brand);color:white}
.chart-periods button:active,.crypto-back:active{box-shadow:inset 0 3px 7px #0005;transform:translateY(1px)}
.crypto-chart{position:relative}.crypto-chart svg{touch-action:pan-y}.crypto-chart text{font-size:14px}.crypto-chart .price-axis{font-size:12px}
.chart-crosshair line{stroke:var(--ink);stroke-dasharray:3 3;opacity:.5}.chart-crosshair circle{fill:var(--brand);stroke:var(--page);stroke-width:2}
.chart-tooltip{min-height:1.2em;font-size:.68rem;padding-top:.3rem;font-variant-numeric:tabular-nums}
.crypto-chart-empty{min-height:15rem;display:grid;place-items:center;text-align:center;font-size:.85rem;padding:1rem}
.crypto-details .quote-price{font-size:clamp(.75rem,1.25vw,1rem);overflow-wrap:anywhere;overflow:visible;font-variant-numeric:tabular-nums}
.crypto-details .quote-change{font-size:.75rem;overflow:visible}.crypto-details .quote-change .big-arrow{font-size:1.7rem}
.crypto-change-label{display:block;font-size:.6rem;opacity:.7;margin-top:.3rem}
.crypto-details .owned strong{font-size:clamp(.7rem,1.2vw,1rem);overflow-wrap:anywhere;white-space:normal;line-height:1.35}
.crypto-details .stat-row{font-size:.73rem;min-width:0}.crypto-details .stat-row span:last-child{white-space:normal;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.crypto-footnote{font-size:.64rem;line-height:1.5;opacity:.8;margin-top:.8rem;overflow-wrap:anywhere}.crypto-footnote a{color:var(--link)}.crypto-footnote p{margin-top:.3rem}
@media(max-width:700px){.crypto-toolbar{min-height:3.8rem;gap:.3rem}.crypto-back{font-size:.85rem;padding:.35rem}.chart-periods button{padding:.6rem .7rem}.crypto-details .quote-price,.crypto-details .owned strong{font-size:.9rem}.crypto-details .stat-row{font-size:.85rem}.crypto-details .quote-change{font-size:.8rem}.crypto-footnote{font-size:.75rem}}

/* A compact display selector; chart controls inherit each exchange palette. */
.chart-view{min-width:0;align-self:start}
.chart-style-controls{display:flex;justify-content:flex-end;gap:2px;background:var(--panel);padding:.3rem .4rem}
.chart-style-controls button{border:0;background:transparent;color:var(--ink);padding:.3rem .65rem;font:inherit;font-size:.7rem;cursor:pointer;transition:background .12s,box-shadow .12s}
.chart-style-controls button:hover{background:var(--stripe)}
.chart-style-controls button[aria-pressed="true"]{background:var(--brand);color:#fff}
.chart-style-controls button:active{box-shadow:inset 0 3px 6px #0006;transform:translateY(1px)}
.chart-style-controls button:focus-visible{outline:2px solid var(--link);outline-offset:1px}
.bridge-dialog{width:min(32rem,94vw);max-height:90vh;overflow:auto}.bridge-network{color:var(--link);margin:0 0 1rem}.bridge-amount-label{display:block;font-size:.8rem}.bridge-amount{display:block;width:100%;box-sizing:border-box;margin:.4rem 0 1rem;padding:.6rem;border:1px solid var(--stripe);background:var(--row);color:var(--ink);font:inherit}.bridge-amount:focus{outline:2px solid var(--link)}.bridge-quote .stat-row{font-size:.75rem;gap:.8rem}.bridge-quote .stat-row span:last-child{text-align:right;overflow-wrap:anywhere}.bridge-dialog .actions{margin-top:1rem;flex-wrap:wrap}.bridge-dialog .action-button{font-size:.8rem;min-width:0;padding:.7rem 1rem}.bridge-status,.bridge-progress{font-size:.8rem;line-height:1.5}.bridge-open{font-size:.8rem}
.candle-chart{padding:.55rem .45rem;position:relative}
.history-status{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--panel);color:var(--ink);border:0;padding:.3rem .5rem;font:inherit;font-size:.65rem}
button.history-status{cursor:pointer}
[data-candle-slot]{position:relative;width:100%;height:clamp(230px,25vw,440px);overflow:hidden}
.candle-status{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;font-size:.8rem;text-align:center}
.wallet-option[hidden]{display:none}

/* Keep the token identity and all chart selectors in the original exchange layout. */
.token-logo{width:3.4rem;height:2.6rem;object-fit:contain;flex-shrink:0}
.asset-description{font-size:.98rem;line-height:1.25;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;padding-left:.75rem}
.crypto-toolbar .asset-trade-buttons{flex-shrink:0;margin-left:auto}
.chart-style-controls{align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap}
.chart-mode-buttons{display:flex;gap:2px;margin-left:auto}
.chart-style-controls .chart-periods button{padding:.3rem .45rem;white-space:nowrap}
@media(max-width:700px){.asset-description{font-size:.9rem;padding-left:0}.chart-style-controls{gap:.2rem}.chart-style-controls button{padding:.35rem .4rem}}

.candle-readout{padding:.25rem .55rem;font-size:.57rem;line-height:1.5;background:var(--panel);font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.5rem}
.candle-navigation{display:flex;justify-content:flex-end;gap:.2rem;background:var(--panel);padding:.25rem .4rem;flex-wrap:wrap}
.candle-navigation button{color:var(--ink);background:transparent;border:1px solid transparent;font:inherit;font-size:.62rem;padding:.2rem .4rem;cursor:pointer}
.candle-navigation button:hover{background:var(--stripe)}
.candle-navigation button:focus-visible{outline:2px solid var(--link)}

/* Per-token rewards use the same panels and typography as the market details. */
.crypto-side-panels{min-width:0;display:flex;flex-direction:column;gap:18px}
.holder-rewards .rewards-body{padding:18px 20px;background:var(--panel,#cfdee3)}
.reward-intro{margin:0 0 18px;line-height:1.5}
.reward-metric{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:17px 0}
.reward-metric>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.reward-metric strong{font-size:1.15em;white-space:nowrap}
.reward-metric p{margin:6px 0 0;line-height:1.45;color:color-mix(in srgb,var(--ink) 78%,var(--panel));font-size:.88em}
.reward-conditions,.reward-footnote{font-size:.83em;line-height:1.5;margin:12px 0 0}
.reward-conditions{font-size:.68em}
.top-holders{margin-top:20px;background:var(--panel)}
.activity-tabs{display:flex;gap:0;padding:0;flex-wrap:wrap}.activity-tabs button{font:inherit;text-transform:uppercase;background:transparent;color:#fff;padding:.4rem .65rem;border:0;border-radius:0;cursor:pointer;border-bottom:3px solid transparent}.activity-tabs button[aria-pressed="true"]{background:var(--stripe);color:var(--ink);border-bottom-color:var(--ink)}.activity-tabs button:hover{background:var(--stripe);color:var(--ink)}.activity-tabs button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.recent-trades-table th:nth-child(5){text-align:right}.recent-trades-table time{white-space:nowrap}.recent-trades-table .positive{color:var(--green)}.recent-trades-table .negative{color:var(--red)}
.fee-operation{align-items:flex-start;gap:1rem}.fee-details{flex:1;min-width:0}.fee-actions{display:flex;flex-wrap:wrap;gap:.4rem;max-width:24rem}.claimable-fees{font-size:.7rem;margin-top:.5rem}.claimable-fee-row{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem .5rem}.claimable-fee-row:nth-child(odd){background:var(--stripe)}.claimable-fee-row>span:last-child{text-align:right}.claimable-fee-row strong{display:block;font-weight:normal}.claimable-fee-note{font-size:.85em;line-height:1.5;margin:.5rem 0}.fee-feedback{font-size:.7rem;line-height:1.5;margin:.5rem 0;padding:.5rem;border-left:3px solid var(--ink)}.fee-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.fee-operation{flex-direction:column}.fee-actions{max-width:none}.claimable-fees,.fee-feedback{font-size:.8rem}}
.crypto-chart-column{min-width:0}
.launch-operation.fee-operation{align-items:flex-start}.fee-operation .fee-actions{padding-top:.3rem}
.crypto-chart-column .holders-table{font-size:.62rem}
.crypto-chart-column .holders-table th,.crypto-chart-column .holders-table td{padding:.5rem .35rem}

.holders-scroll{max-height:520px;overflow:auto;scrollbar-color:var(--stripe) var(--panel)}
.holders-scroll:focus-visible{outline:2px solid var(--link);outline-offset:-2px}
.holders-table{width:100%;border-collapse:collapse;font-size:.78rem;text-align:left}
.holders-table th{position:sticky;top:0;z-index:1;background:var(--stripe);font-weight:normal;padding:.55rem .7rem;white-space:nowrap}
.holders-table td{padding:.65rem .7rem;border-bottom:1px solid var(--stripe)}
.holders-table tr:nth-child(even){background:color-mix(in srgb,var(--stripe) 28%,var(--panel))}
.holders-table a{color:var(--ink);text-decoration:none;white-space:nowrap}.holders-table a:hover{text-decoration:underline}
.holders-table small{display:block;font-size:.78em;line-height:1.6;opacity:.8}
.holder-rank{width:2em;opacity:.75}.holder-amount,.holder-value{white-space:nowrap;text-align:right}
.holders-table th:nth-child(3),.holders-table th:nth-child(4){text-align:right}
.holder-icon-button,.holders-status button{font:inherit;font-size:.8em;color:var(--ink);background:var(--stripe);border:0;border-radius:0;padding:.4em .6em;text-transform:uppercase;cursor:pointer}.holders-table .holder-icon-button:hover,.holders-status button:hover{background:var(--bar);color:#fff}.holder-icon-button:focus-visible,.holders-status button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.holder-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.holder-icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;min-width:28px;min-height:28px;padding:0;flex-shrink:0}.holder-icon-button svg{width:.7rem;height:.7rem;min-width:15px;min-height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.holders-footer,.holders-status{padding:.6rem .7rem;margin:0;font-size:.65rem;line-height:1.5}
.holders-preview{padding:.5rem .6rem;background:var(--stripe);font-size:.6rem;line-height:1.5;border-bottom:2px solid var(--page)}
.holders-preview button{font:inherit;background:var(--bar);color:#fff;padding:.25rem .4rem;margin-left:.3rem}
.reward-footnote{color:color-mix(in srgb,var(--ink) 78%,var(--panel))}
.reward-fee-amounts{font-size:.88em;line-height:1.5}
.token-header{background:var(--panel)}
.token-header-top{display:flex;align-items:center;gap:1rem;padding:.75rem .8rem}
.token-header-identity{flex:1;min-width:0}.token-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .7rem}.token-heading-row h1{font-size:1.3rem;line-height:1.25;overflow-wrap:anywhere}
.token-stage{font-size:.58rem;line-height:1.3;padding:.25rem .45rem;background:var(--bar);color:#fff;text-transform:uppercase;white-space:nowrap}.token-stage.is-graduated{background:var(--green)}
.token-header .token-logo{width:3rem;height:3rem;object-fit:contain}
.token-header-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .65rem;margin-top:.5rem;font-size:.64rem;min-height:1.3rem}
.token-address{display:inline-flex;align-items:center;gap:.35rem;background:var(--stripe);color:var(--ink);padding:.35rem .5rem;font-size:inherit;min-height:1.6rem}.token-address-label{font-size:.58rem;color:var(--ink)}.token-address svg{width:.7rem;height:.7rem;fill:none;stroke:currentColor;stroke-width:1.5}.token-copy-status{font-size:.58rem;color:var(--ink)}.token-copy-status:empty{display:none}
.token-external-links{display:flex;flex-wrap:wrap;gap:.2rem .65rem;margin-left:auto}.token-external-links a{display:inline-flex;gap:.35rem;align-items:center;justify-content:center;min-height:1.6rem;padding:.35rem .5rem;background:var(--stripe);color:var(--ink);text-transform:uppercase}.token-external-links a:hover,.token-address:hover{background:var(--bar);color:#fff}.token-address:hover .token-address-label{color:inherit}
@media(max-width:700px){.token-header-top{padding:.7rem .65rem;gap:.5rem;align-items:flex-start}.token-heading-row h1{font-size:1.12rem}.token-stage{font-size:.65rem}.token-header .token-logo{width:2.6rem;height:2.6rem}.token-header-tools{font-size:.75rem;gap:.3rem .5rem}.token-address{min-height:2rem}.token-address-label,.token-copy-status{font-size:.65rem}.token-external-links{margin-left:0;gap:.15rem .75rem}.token-external-links a{min-height:2rem}}

.slippage-setting{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem}.slippage-setting label{display:inline-flex;align-items:center;gap:.35rem}.slippage-field{display:inline-flex;align-items:center;gap:.2rem}.slippage-field input{width:3.2rem;padding:.25rem .35rem;font:inherit;text-align:right;color:var(--ink);background:var(--row);border:1px solid var(--stripe);border-radius:0}.slippage-field input:focus{outline:2px solid var(--ink);outline-offset:1px}.slippage-field input[aria-invalid="true"]{border-color:var(--red)}.slippage-status{font-size:.65rem;line-height:1.4;color:var(--red);margin:.3rem 0}.slippage-status:empty{display:none}

.reward-refresh{display:block;font-size:.55em;font-weight:normal;line-height:1.5;color:var(--ink);opacity:.75}

/* Live home shared by both Solana exchanges. */
.lcn-home-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:.7rem;align-items:start}
.home-primary,.home-secondary{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.home-featured{grid-area:featured;display:block;background:var(--panel);min-width:0}.home-featured .section-title{display:flex;justify-content:space-between}.home-featured .chart{padding:.7rem}.home-featured:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.home-featured:hover .plot{stroke-width:5}
.home-main-chart .home-axis-label{font-size:14px}.home-quote{display:flex;justify-content:space-between;gap:.6rem;margin:0 .45rem .5rem}.home-quote>div{display:flex;flex-direction:column;gap:.2rem}.home-quote>div:last-child{text-align:right}.home-quote strong{font-size:1.15rem;font-weight:400}.home-quote span{font-size:.75rem}.home-quote small{color:var(--ink);font-size:.62rem}
.home-chart-await{min-height:13.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.5rem;background:linear-gradient(160deg,#9ab1c5,#cfdae0);border-top:1px solid #a6bdcc}.home-chart-await p{font-size:.9rem;max-width:19rem}.home-chart-await small{font-size:.7rem;color:#4e626f}.home-await-mark{font-size:2.8rem;font-weight:900;font-style:italic;color:#607f95;letter-spacing:-.18rem;margin-bottom:.8rem}
.home-news{grid-area:news;min-width:0}.home-empty{padding:1.1rem;background:var(--panel);font-size:.8rem}
.home-movers{grid-area:movers;min-width:0}.home-mover-name{display:block;font-size:.63rem;line-height:1.3;margin-top:.12rem}.home-movers .stock-table td{height:2.65rem}.home-movers .stock-table td:first-child strong{font-weight:400}.home-movers .market-movers th:last-child{font-size:.67rem;white-space:normal}.home-movers .market-movers td:not(:first-child){white-space:nowrap;font-size:.8rem}
.home-overview{grid-area:overview;min-width:0;background:var(--panel)}.home-overview-body{padding:.75rem}.home-total{padding:.75rem .9rem;background:var(--stripe);border-left:.2rem solid var(--brand);display:grid;gap:.35rem}.home-total>span{font-size:.8rem}.home-total strong{font-size:1.65rem;line-height:1.15;font-weight:400;overflow-wrap:anywhere}.home-total small{font-size:.6rem;color:#384f5e;line-height:1.4}.home-total-rewards{margin-top:.55rem;background:#bfced3;border-left-color:var(--green)}.home-total-rewards strong{color:#526f2f}.home-overview-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem;font-size:.6rem;padding:.7rem .1rem 0;color:#4b606c}.home-status{grid-column:1/-1;font-size:.75rem}.home-status button{margin-left:.5rem;font-size:.65rem}
@media(max-width:700px){.lcn-home-grid{grid-template-columns:1fr;grid-template-areas:"featured" "movers" "news" "overview"}.home-primary,.home-secondary{display:contents}.home-chart-await{min-height:12rem}.home-total strong{font-size:1.9rem}.home-movers .market-movers td:not(:first-child){font-size:.74rem}}

/* Repeat short lists to fill every viewport; padding closes the seamless loop. */
.ticker{--ticker-gap:clamp(1.2rem,3vw,2rem)}.ticker-track{gap:0}.ticker-group{flex-shrink:0;width:max-content;gap:var(--ticker-gap);padding-right:var(--ticker-gap)}.ticker-track a{flex-shrink:0}
.bawsaq .home-chart-await{background:linear-gradient(160deg,#22291d,var(--panel));border-color:var(--line)}
.bawsaq .home-await-mark{color:var(--link);letter-spacing:-.08rem}
.bawsaq .home-chart-await small,.bawsaq .home-total small,.bawsaq .home-overview-footer{color:#c6ceba}
.bawsaq .home-total-rewards{background:var(--row);border-left-color:var(--green)}
.bawsaq .home-total-rewards strong{color:var(--link)}

.launch-market-table .market-asset-name{display:grid;grid-template-columns:1.35rem minmax(2.8rem,max-content) minmax(0,1fr);gap:.45rem;align-items:center}.market-asset-icon{display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem}.market-asset-icon img{display:block;width:100%;height:100%;object-fit:contain}.launch-market-table .market-asset-name .symbol{width:auto;min-width:0;max-width:8rem;overflow-wrap:anywhere}.launch-market-table .market-asset-name .company-name{min-width:0}
.wallet-options{max-height:45vh;overflow-y:auto;}

.link-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.home-featured .section-title{align-items:center;gap:.5em}

.change-period{display:block;font-size:.65rem;line-height:1.4;opacity:.8}.quote>.change-period{margin-top:-.3rem;margin-bottom:.45rem}

.home-total-accumulating{margin-top:.55rem}