/* BriefOnChain / Market Observatory. Charcoal, sulfur, oxidized copper. */
:root{color-scheme:dark;--paper:#101412;--ink:#e8ecdf;--muted:#a2ad9f;--line:#354036;--accent:#dbf46b;--vermillion:#dbf46b;--blue:#75d7e0;--night:#0b0f0d;--green:#a4d985;--red:#ff9a7a;--amber:#e2bd78;--mint:#a4d985;--lime:#dbf46b;--lilac:#75d7e0;--coral:#ff8f64;--surface:#1a221c;--surface-raised:#222c24}
body{background:var(--paper);color:var(--ink)}::selection{background:var(--accent);color:#101412}p{color:var(--muted)}input,select,button{font-family:var(--sans)}button{color:inherit}::placeholder{color:#9aa792;opacity:1}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.masthead{background:#101412f7;backdrop-filter:blur(14px)}.is-scrolled .masthead{box-shadow:0 8px 28px #0004}.topline{color:#929e8d}.topline>span:first-child{color:var(--accent)}.nav-links{font-size:12px}.brand-name{letter-spacing:-1.5px}.brand-mark{flex-direction:row;align-items:center;justify-content:center;gap:4px;transform:none;width:26px;height:30px}.brand-mark i{position:relative;width:5px;height:15px;background:var(--accent);transform-origin:center}.brand-mark i:before{content:'';position:absolute;width:1px;top:-5px;bottom:-5px;left:2px;background:inherit}.brand-mark i:nth-child(2){width:5px;height:10px;background:var(--coral);transform:translateY(-4px)}.brand-mark i:last-child{height:18px;background:var(--accent);transform:translateY(2px)}.brand:hover .brand-mark i:first-child{transform:scaleY(1.3)}.brand:hover .brand-mark i:nth-child(2){transform:translateY(2px)}.brand:hover .brand-mark i:last-child{transform:translateY(-3px)}
.button,.hero-actions .button,.closing .button,.explore-search-row .button{background:var(--accent);border-color:var(--accent);color:#16200e;border-radius:1px;font-weight:600}.button:before{background:#f0ffac}.button:hover,.closing .button:hover{color:#16200e;background:var(--accent)}.button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button.secondary:before,.button.light:before{background:#34422b}.button.secondary:hover{color:var(--ink)}.button.light:before{background:#f0ffac}.text-link:hover,.source-button:hover{color:var(--accent);border-color:var(--accent)}
.ticker{border-bottom-color:var(--line)}.ticker-item>span:has([data-price]){padding:3px 8px;border-radius:0;background:#1b231c}.ticker-label .status-dot{background:var(--accent)}.ticker-item strong{color:var(--accent)}.hero{gap:30px 54px;padding-top:33px}.hero-copy{padding-top:25px}.hero h1{font-weight:500;letter-spacing:-.072em}.hero h1 em{color:var(--accent)}.hero .kicker:before{background:var(--accent);border-radius:0;box-shadow:0 0 14px #dbf46b30}.hero-note .note-symbol{color:var(--coral)}.hero-edition{padding:18px 0}.hero-edition>span:nth-child(2){color:#798775}
/* Native canvas instrument. No stock media, preset animation, or simulated prices. */
.trading-stage{background:#121a16;border:1px solid #3d493a;border-radius:0;position:relative;--asset-color:#dbf46b;justify-content:start;box-shadow:none;overflow:hidden;align-self:center}.trading-stage[data-phase="1"]{--asset-color:#75d7e0}.trading-stage[data-phase="2"]{--asset-color:#ff8f64}.trading-stage:after{content:'';position:absolute;top:0;left:0;width:62px;height:3px;background:var(--asset-color);transition:background .5s;pointer-events:none}.trading-stage .press-meta{font:8px var(--mono);color:#abb6a2;margin:20px 23px 0;letter-spacing:.075em}.press-meta>span:first-child{display:flex;align-items:center;gap:8px}.art-status-dot{width:5px;height:5px;background:var(--asset-color);box-shadow:0 0 10px #dbf46b40;transition:background .5s}.art-label{color:#8d9d83;font-size:8px}.observatory-top{display:flex;justify-content:space-between;align-items:end;margin:23px 24px 0;gap:16px}.observatory-top .label{display:block;font:7px var(--mono);letter-spacing:.08em;color:#9aaa91}.observatory-top strong{font:500 32px/1.3 var(--sans);letter-spacing:-1.5px;color:var(--asset-color);display:block;margin-top:7px}.observatory-slash{color:#6a7965;font-weight:400}.scene-view{background:transparent;border:1px solid #44513c;padding:8px 10px;color:#d5dfc9;font:9px var(--mono);min-height:33px;transition:background .3s}.scene-view span{margin-left:8px;color:var(--asset-color)}.scene-view:hover{background:#293427}.scene-view[aria-pressed=true]{border-color:var(--asset-color)}
.trading-stage .press-scene{position:relative;display:block;perspective:none;margin:10px 0 0;overflow:hidden;flex:initial;height:345px}.market-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.scene-corner{position:absolute;width:13px;height:13px;border-color:#78905b;pointer-events:none}.corner-tl{top:19px;left:23px;border-top:1px solid;border-left:1px solid}.corner-br{right:23px;bottom:44px;border-right:1px solid;border-bottom:1px solid}.scene-axis{position:absolute;font:6px var(--mono);letter-spacing:.14em;color:#8a9b7f;pointer-events:none}.axis-left{left:23px;top:43px;writing-mode:vertical-rl}.axis-right{right:21px;bottom:69px;writing-mode:vertical-rl}.scene-note{position:absolute;left:24px;bottom:3px;right:120px;font:7px/1.7 var(--mono);color:#9daa90}.scene-gesture{position:absolute;right:23px;bottom:4px;font:6px var(--mono);color:#a8b69a;display:flex;align-items:center;gap:8px}.scene-gesture>span{font-size:17px;color:var(--asset-color)}
.trading-stage .press-caption{padding:18px 24px 13px;min-height:0;gap:13px}.trading-stage .press-caption-index{font:600 11px/1.5 var(--mono);letter-spacing:0;min-width:30px;color:var(--asset-color);padding-top:2px;transition:color .4s}.trading-stage .press-caption strong{font-size:14px;color:#e0e9d6;font-weight:500}.trading-stage .press-caption p{color:#9aaa91;font-size:10px;margin-top:3px}.trading-quotes{margin:0 24px 13px;border-top:1px solid #3a4831;border-bottom:1px solid #3a4831;padding:13px 0 11px}.trade-quote{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px}.trade-quote[hidden]{display:none}.trade-quote-label{display:block;font:7px/1.5 var(--mono);letter-spacing:.06em;color:#a8b79a}.trade-quote strong{font:400 29px/1.5 var(--sans);letter-spacing:-.9px;font-variant-numeric:tabular-nums}.trade-quote-detail{text-align:right}.trade-quote-detail .change{font-size:12px}.trade-quote-detail .trade-quote-label{font-size:7px;margin-top:5px}.trade-quote .up{color:var(--mint)}.trade-quote .down{color:var(--coral)}.trade-quote-meta{grid-column:1/-1;font:7px/1.5 var(--mono);color:#9aaa91}.trading-stage .press-controls{border:0;margin:0 24px 14px;padding:0;gap:22px}.trading-stage .press-controls button{font:9px var(--mono);padding:8px 0;display:flex;align-items:center;gap:7px;color:#9daa90}.trading-stage .press-controls button[aria-pressed=true]{color:#eef5e4}.trading-stage .press-controls button:before{background:var(--asset-color)}.trading-stage .press-controls .press-replay{font-size:21px;margin-left:auto;padding:0 2px}.asset-dot{display:inline-block;flex:none;width:5px;height:5px;background:var(--accent)}.asset-dot.eth{background:var(--lilac)}.asset-dot.sol{background:var(--coral)}.trading-stage button:focus-visible{outline-color:var(--asset-color)}.scene-footnote{display:flex;justify-content:space-between;gap:9px;padding:10px 24px;border-top:1px solid #35422d;background:#182114;font:6px/1.6 var(--mono);color:#a6b693;letter-spacing:.025em}
/* A dark publication, with color used for navigation and market direction. */
.front-section .section-heading:before{background:linear-gradient(90deg,var(--accent) 0 7%,var(--line) 7%)}.front-page>aside{background:#1d281d;border:1px solid #35482c;border-radius:0;padding:21px 22px}.front-page>aside .watch-row{border-color:#3a4b31}.front-lead .eyebrow,.ritual-number{color:var(--accent)}.front-lead:after{background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 6px)}.topic{background:#25311e;color:#c8dfa3;border-color:#4b6135}.tag.BTC{background:#2c301c;color:#e1e98a;border-color:#63663e}.tag.ETH{background:#193036;color:#9edee2;border-color:#35606a}.tag.SOL{background:#35261d;color:#f1b599;border-color:#74513b}
.market-room{color:var(--ink)}.market-room:before{background:#192018;border-top:1px solid #34472a;border-bottom:1px solid #34472a}.market-room-copy>p{color:var(--muted)}.market-room-copy>.eyebrow{color:var(--accent)}.market-room-copy>.text-link{color:var(--ink)}.market-room .desk,.desk{background:#111b16;border-color:#4b5b41;color:var(--ink);border-radius:0}.desk:before{background:var(--accent)}.desk .desk-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1d2711}.desk .eyebrow,.single-coin .desk .eyebrow,.range-tabs button[aria-pressed=true]{color:var(--ink)}.market-room .mini-item:nth-child(1) .label{color:var(--accent)}.market-room .mini-item:nth-child(2) .label{color:var(--lilac)}.market-room .mini-item:nth-child(3) .label{color:var(--coral)}.desk .chart-tooltip{background:#e3edd0;color:#172013}.market-room .market-status,.market-room .refresh,.chart-times,.chart-history-note,.chart-type,.range-tabs button,.desk-bottom,.desk-price small,.desk .label{color:#aabca0}.chart-empty{color:#b2c5a6}.kinetic-band{background:var(--accent);border-color:var(--accent)}.kinetic-track{color:#182013}.kinetic-track em{color:#45532b}.kinetic-track i{color:#45532b}.ritual-row .ritual-icon{background:#242e1a;border-radius:0}.ritual-row:nth-child(2) .ritual-icon{background:#193033}.ritual-row:nth-child(3) .ritual-icon{background:#39291d}.ritual-row:hover .collect i:nth-child(3),.ritual-row:hover .read i:nth-child(3){background:#476139}.ritual-icon i{border-color:#c8daa7}
.asset-index>a{border-radius:0;margin-bottom:1px;padding-left:17px;padding-right:10px;border:1px solid var(--line)}.asset-index .asset-bitcoin{background:#242c18;color:#dcebac}.asset-index .asset-ethereum{background:#172c2c;color:#a5dbe0}.asset-index .asset-solana{background:#30241c;color:#f0bd9f}.asset-index>a:before{background:#ffffff07}.asset-index>a:hover>span:first-child{padding-left:8px}.asset-index>a>span:first-child{font-size:54px}.closing{background:#242f19;color:var(--ink);border:1px solid #52653c;border-radius:0}.closing p{color:#acbb99}.closing:after{color:#c2e58418}.archive-card{background:var(--surface);border-top-color:var(--accent)}.archive-card:nth-child(3n+2){border-top-color:var(--blue)}.archive-card:nth-child(3n){border-top-color:var(--coral)}.archive-card:hover{box-shadow:0 9px 0 -3px var(--paper),0 9px 0 -2px var(--line)}.story:hover,.story[open]{background:#1a221b}.live-summary{background:#222e1b;border-color:#678844}.live-summary .label{color:var(--accent)}.live-summary p{color:var(--ink)}.coin-nav a:hover{background:#2b3922}.news-loading span{background:linear-gradient(90deg,#233021,#35442d,#233021);background-size:200% 100%}.empty-state{background:var(--surface)}.footer-mast{color:#c4d79f}.footer-period,.footer-star{color:var(--accent)}.footer-bottom{color:#97a38d}.footer-bottom p{color:inherit}.sample-notice{background:#332e1c;color:#dfc889}.toast{background:var(--accent);color:#192115}
@keyframes asset-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@media(min-width:1650px){.trading-stage .press-scene{height:380px}.hero{gap:70px}}
@media(max-width:1100px){.hero{gap:30px}.trading-stage .press-scene{height:300px}.observatory-top{margin-top:19px}.trading-stage .press-controls{gap:17px}.trade-quote strong{font-size:25px}.scene-note{font-size:6px}.scene-gesture{font-size:5px}}
@media(max-width:800px){.trading-stage .press-scene{height:265px}.trading-stage .press-meta{margin:18px 17px 0;font-size:6px}.art-label{font-size:6px}.observatory-top{margin:19px 17px 0}.observatory-top strong{font-size:26px}.observatory-top .label{font-size:6px}.scene-view{font-size:8px;padding:7px}.scene-view span{margin-left:2px}.trading-stage .press-caption{padding:13px 17px 12px;gap:8px}.trading-stage .press-caption strong{font-size:12px}.trading-stage .press-caption p{font-size:9px}.trading-quotes{margin:0 17px 10px}.trade-quote strong{font-size:23px}.trade-quote-detail .change{font-size:10px}.trade-quote-label{font-size:6px}.trade-quote-meta{font-size:6px}.trading-stage .press-controls{margin:0 17px 12px;gap:12px}.trading-stage .press-controls button{font-size:8px;gap:5px}.scene-footnote{font-size:5px;padding:9px 17px}.scene-note{left:17px;right:17px;font-size:6px;bottom:0}.scene-gesture{display:none}.corner-tl{left:17px}.axis-left{left:17px}.corner-br{right:17px}.axis-right{right:15px}}
@media(max-width:620px){.hero{padding-top:34px;gap:29px}.hero-copy{padding-bottom:0}.trading-stage{width:100%}.trading-stage .press-scene{height:300px}.trading-stage .press-meta{font-size:7px;margin-top:19px}.art-label{font-size:7px}.observatory-top strong{font-size:32px}.observatory-top .label{font-size:7px}.scene-view{padding:9px 10px;font-size:9px}.trading-stage .press-caption{padding-top:17px}.trading-stage .press-caption strong{font-size:13px}.trading-stage .press-caption p{font-size:10px}.trade-quote strong{font-size:28px}.trade-quote-label,.trade-quote-detail .trade-quote-label{font-size:7px}.trade-quote-meta{font-size:7px}.trade-quote-detail .change{font-size:11px}.trading-stage .press-controls{gap:20px}.trading-stage .press-controls button{font-size:9px}.scene-footnote{font-size:5.5px}.scene-note{font-size:6px}.front-page>aside{padding:22px}.asset-index>a>span:first-child{font-size:39px}.hero h1{font-size:clamp(64px,17vw,99px)}}
.motion-off .orbit-word,.motion-off .explore-art-core{animation-play-state:paused!important}.motion-off .scene-gesture{visibility:hidden}
@media(prefers-reduced-motion:reduce){.scene-gesture{visibility:hidden}}

.skip{background:var(--accent);color:#15200e}.button.secondary:hover{background:#2b3922}.trading-stage .press-caption p{max-width:none}

/* Keep source attribution readable at every viewport. */
.trading-stage .press-meta,.art-label{font-size:8px}.scene-note{font-size:8px;line-height:1.6}.trade-quote-meta,.trade-quote-label,.trade-quote-detail .trade-quote-label{font-size:8px}.scene-footnote{font-size:7px}.scene-axis{font-size:7px}.observatory-top .label{font-size:8px}
@media(max-width:800px) and (min-width:621px){.scene-note{font-size:7px}.scene-footnote{font-size:6px}.trading-stage .press-meta,.art-label{font-size:7px}.observatory-top .label{font-size:7px}.trade-quote-label,.trade-quote-detail .trade-quote-label{font-size:7px}}
@media(max-width:380px){.scene-footnote{flex-direction:column;gap:2px}.trading-stage .press-controls{gap:15px}}