/* Noir CRT instrument: static SVG grain, scanlines and phosphor. No GPU shader. */
@font-face{font-family:VT323;src:url('/assets/VT323-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.market{--phosphor:#b4efb0;--console-line:#424b3c;--mono:'IBM Plex Mono',monospace;display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:0;color:#bac6b5;position:relative;padding:24px;background:linear-gradient(120deg,#292a23,#11150f 12%,#080b08 75%,#272a22);border:1px solid #555448;box-shadow:inset 0 1px #85827155,inset 0 0 0 6px #171b14,inset 0 0 0 7px #555c4333,0 12px 36px #0008}
.market:before{content:'';position:absolute;inset:3px;pointer-events:none;border:1px dashed #7b7e5e25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.17' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.32}
.terminal-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px 23px;position:relative}.terminal-heading span{font:10px/1.5 var(--mono);letter-spacing:2px;color:#a6ad99}.terminal-heading h2{font:500 clamp(30px,3.3vw,48px)/1.1 Oswald,sans-serif;letter-spacing:.8px;color:#e2decc;margin:8px 0 0}.terminal-heading h2 .terminal-cursor{font:inherit;color:var(--phosphor)}.terminal-heading p{font:10px/1.8 var(--mono);letter-spacing:.6px;color:#a6ad99;text-align:right;margin:0}
.market .panel{padding:0;min-width:0;position:relative;isolation:isolate;border:1px solid #3d4a38;border-radius:3px;background:radial-gradient(ellipse at 45% 45%,#19331b66,transparent 70%),#060b07;box-shadow:inset 0 0 55px #000,inset 0 0 0 3px #0009}
.market .panel:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 2px 3px),radial-gradient(ellipse,transparent 50%,#0006);opacity:.5;border-radius:inherit}
.market .chart-panel{display:flex;flex-direction:column}.market .stats{border-left:0;background:linear-gradient(90deg,#0006,transparent),#0c100b;border-radius:0 3px 3px 0}
.console-chrome{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;border-bottom:1px solid #3b4631;background:#1b241655;color:#aebc9f;font:10px/1.5 var(--mono);letter-spacing:1px}
.market .chart-top{display:flex;justify-content:space-between;position:relative;padding:24px 26px 0}.market .token{font:12px var(--mono);letter-spacing:2px;color:#b1c4a4}.market .token:after{content:' / USD';color:#819779;letter-spacing:0}.market .price-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:3px}.market .price-row strong{font:400 80px/.95 VT323,monospace;letter-spacing:1px;color:var(--phosphor);text-shadow:0 0 6px #9afb7f55,0 0 22px #84ed7030}.market .price-row>span{font:12px var(--mono);color:var(--phosphor);white-space:nowrap}.market .demo-tag{font:9px var(--mono);color:#a7bd9d;position:absolute;top:24px;right:26px}
.market .periods{display:flex;align-items:center;gap:8px;margin:20px 26px 0;padding:8px 0;border-block:1px solid #394730}.market .periods:before{content:'INTERVAL';font:10px var(--mono);letter-spacing:1px;margin-right:auto;color:#9dab8e}.market .periods button{font:11px var(--mono);min-width:44px;height:38px;padding:0 10px;color:#b0c69e;background:transparent;border:1px solid transparent;border-radius:0;cursor:pointer}.market .periods button.selected{border-color:#6c8956;background:#a6d48714;color:#d0f7b9;box-shadow:inset 0 0 12px #8af35d11}.market button:focus-visible,.market svg:focus-visible{outline:2px solid #d0f7b9;outline-offset:3px}
.market .plot{position:relative;margin:12px 22px 0;padding:0}.market .plot:before{content:'';position:absolute;inset:14% 25% 25%;background:url('/assets/brand-mark.webp') center/contain no-repeat;opacity:.045;filter:sepia(1);pointer-events:none;z-index:-1}.market #chart{display:block;width:100%;height:360px;touch-action:pan-y;overflow:visible}.market #chart text{fill:#9aae8b;font:10px var(--mono)}.market #chart .candle{filter:drop-shadow(0 0 1.4px #adff8555)}.market #candle-detail{display:block;min-height:52px;border-top:1px solid #34402b;font:10px/1.8 var(--mono);letter-spacing:0;color:#acc29d;padding:12px 0;overflow-wrap:anywhere}.terminal-foot{margin-top:auto;display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid #38422f;color:#8e9d7f;font:9px/1.5 var(--mono);letter-spacing:1px}
.market .peg{display:flex;justify-content:space-between;gap:8px;margin:25px 20px 0;padding-bottom:18px;border-bottom:1px solid #39412f;font:10px var(--mono)}.market .peg strong{font:12px var(--mono);color:#d3dbc1}.market .stats dl{margin:8px 20px 20px;display:block}.market .stats dl div{display:block;padding:12px 0;border-bottom:1px dotted #36422e;line-height:1.5}.market .stats dt{font:9px var(--mono);letter-spacing:1px;color:#9caa8e}.market .stats dd{margin:5px 0 0;white-space:nowrap;font:28px/1 VT323,monospace;color:#b4d9a0;letter-spacing:.3px}.market .stats dl div:nth-last-child(-n+2) dd{font:11px/1.6 var(--mono)}.market .explorer{margin:0 20px 20px;width:calc(100% - 40px);font:9px var(--mono);padding:0 6px;border:1px solid #465638;min-height:44px;border-radius:0}.terminal-note{margin:16px 20px;font:10px/1.8 var(--mono);color:#98a68b}
.app-shell .market{margin:0 0 28px;grid-template-columns:minmax(0,1fr) 214px;padding:20px}.app-shell .metric strong,.app-shell .pool-rate strong,.app-shell .large-value{font-family:VT323,monospace;font-weight:400;letter-spacing:.5px;color:#a6ffb0;text-shadow:0 0 8px #86ff9e25}.app-shell .metric strong{font-size:36px;overflow-wrap:anywhere}.app-shell .pool-rate strong{font-size:52px}.app-shell .large-value{font-size:58px}.app-shell button,.app-shell input,.app-shell select{border-radius:0}
@media(max-width:1100px){.market,.app-shell .market{grid-template-columns:minmax(0,1fr) 195px;padding:18px}.market .chart-top{padding-inline:18px}.market .plot{margin-inline:14px}.market .periods{margin-inline:18px;gap:2px}.market .price-row{gap:10px}.market .price-row strong{font-size:68px}.terminal-heading p{font-size:9px}.market .stats dd{font-size:25px}.market .peg,.market .stats dl{margin-inline:14px}.market .demo-tag{right:18px}}
@media(max-width:850px){.market,.app-shell .market{grid-template-columns:minmax(0,1fr)}.market .stats{border:1px solid #3d4a38;border-top:0}.market .stats dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.market .stats dl div{min-width:0}.market .peg{margin-top:18px}.market .stats .console-chrome{display:none}.market .terminal-note{font-size:9px}.terminal-heading p{display:none}}
@media(max-width:640px){.market,.app-shell .market{padding:12px}.terminal-heading{padding:6px 3px 18px}.terminal-heading span{font-size:8px;letter-spacing:1px}.terminal-heading h2{font-size:31px}.console-chrome{font-size:8px;padding:10px 12px;letter-spacing:.5px}.market .chart-top{padding:20px 12px 0}.market .demo-tag{top:20px;right:12px;font-size:8px}.market .price-row strong{font-size:65px}.market .price-row{gap:6px}.market .price-row>span{font-size:10px}.market .periods{margin:14px 10px 0;gap:1px}.market .periods:before{font-size:8px;letter-spacing:0}.market .periods button{min-width:36px;padding:0 5px;height:44px;font-size:10px}.market .plot{margin-inline:10px}.market #chart{height:310px}.market #candle-detail{font-size:9px;min-height:65px}.terminal-foot{font-size:7px;padding:10px;letter-spacing:.3px}.market .stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.market .stats dd{font-size:26px}.app-shell .metric strong{font-size:32px}}
/* DS–01: a molded instrument, not a dashboard border. The live DOM sits inside
   one recessed glass aperture; hardware controls adjust that actual display. */
.market,.app-shell .market{display:block;padding:0;border:0;background:none;box-shadow:none}
.market:before{display:none}
.crt-housing{position:relative;isolation:isolate;padding:0 30px;border:1px solid #363c36;border-bottom:7px solid #101410;border-radius:46px 46px 30px 30px / 34px 34px 24px 24px;background:linear-gradient(105deg,#101410 0%,#292f29 2%,#202620 6%,#141914 50%,#202620 94%,#0b100c 100%);box-shadow:inset 0 3px 2px #929c7926,inset 3px 0 3px #bcc7b115,inset -4px 0 4px #0009,0 8px 0 #090d09,0 18px 36px #000b}
.crt-housing:before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23grain)' opacity='.7' d='M0 0h150v150H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.crt-crown{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#90998a;font:8px var(--mono);letter-spacing:1.8px;text-shadow:0 1px #000}
.crt-bezel{padding:17px 19px 20px;border-radius:35px 35px 42px 42px / 30px 30px 35px 35px;background:linear-gradient(155deg,#070b08,#101510 8%,#1a201b 40%,#343d32 85%,#242c24);box-shadow:0 -2px 2px #10150f,inset 0 6px 9px #000c,inset 5px 0 9px #0009,0 2px 1px #727e5938}
.crt-screen{display:grid;grid-template-columns:minmax(0,1fr) 235px;position:relative;isolation:isolate;overflow:hidden;border:5px solid #090e0a;border-radius:27px 27px 34px 34px / 25px 25px 30px 30px;background:#070c08;box-shadow:0 0 0 2px #313c2c,0 2px 3px #9cbd7f15,inset 0 0 22px #000}
.crt-screen:after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 45% -20%,#dcecd912,transparent 58%),linear-gradient(112deg,#edffe908,transparent 18% 86%,#eaffdd05);box-shadow:inset 0 0 16px 5px #0009,inset 0 2px 4px #f1ffe222}
.market .panel{border:0;border-radius:0}.market .stats{border:0;border-left:1px solid #3d4a38;border-radius:0}
.crt-fascia{display:flex;align-items:center;gap:30px;padding:24px 12px 18px;color:#a1aa96;text-shadow:0 1px #000}
.crt-nameplate{display:flex;flex-direction:column;gap:7px;transform:rotate(-.5deg)}
.crt-nameplate strong{font:600 23px/1 Oswald,sans-serif;letter-spacing:2px}.crt-nameplate>span{font:7px var(--mono);letter-spacing:1px}
.crt-vents{flex:1;max-width:200px;height:26px;margin-left:auto;background:repeating-linear-gradient(90deg,#060a07 0 2px,#52604955 2px 3px,transparent 3px 7px);border-radius:2px;opacity:.65}
.crt-controls{display:flex;align-items:center;gap:18px;margin-left:auto}
.market .crt-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:53px;padding:0;background:none;border:0;color:#a1aa96;font:8px var(--mono);letter-spacing:1px;cursor:pointer;text-shadow:0 1px #000}
.crt-dial{display:block;position:relative;width:29px;height:29px;border:1px solid #3c4938;border-radius:50%;background:repeating-conic-gradient(#1a211a 0deg 7deg,#343d30 7deg 14deg);box-shadow:1px 3px 3px #000b,inset 0 2px 2px #72856644}
.crt-dial:after{content:'';position:absolute;inset:4px;border-radius:50%;background:linear-gradient(90deg,transparent 45%,#a0b78b 45% 55%,transparent 55%) top center/100% 6px no-repeat,#252d23;transform:rotate(35deg)}
[aria-pressed=true]>.crt-dial:after{transform:rotate(-45deg)}
.crt-key{display:block;width:29px;height:23px;margin-block:3px;border:1px solid #45513d;border-radius:3px;background:linear-gradient(#343e2f,#1a2319);box-shadow:0 3px 0 #080e08,0 4px 3px #0008,inset 0 1px #6b805055}
[aria-pressed=true]>.crt-key{box-shadow:0 1px 0 #555b4b,inset 0 2px 3px #34392c66;transform:translateY(2px)}
.crt-power{display:flex;flex-direction:column;align-items:center;gap:15px;font:8px var(--mono);letter-spacing:1px}.crt-power i{width:6px;height:6px;border-radius:50%;background:#c8f4a3;box-shadow:0 0 0 3px #727969,0 0 9px #b0ff7e}
.market .crt-controls button:focus-visible{outline-color:#a0edab;outline-offset:3px}
.crt-service{display:flex;justify-content:space-between;margin:0 -26px;padding:10px 38px 11px;border-top:1px solid #080d09;box-shadow:inset 0 1px #5d70522b;font:7px var(--mono);letter-spacing:1px;color:#8a9780}
.crt-plinth{width:42%;height:19px;margin:7px auto 0;border-radius:0 0 7px 7px;background:linear-gradient(#070d08,#182218 45%,#303c2a 60%,#0e170e);box-shadow:0 7px 15px #0009;transform:perspective(200px) rotateX(15deg)}
.crt-dim .crt-screen{filter:brightness(.76)}.crt-clean .panel:after{opacity:0}
@media(max-width:1100px){.crt-screen{grid-template-columns:minmax(0,1fr) 190px}.crt-housing{padding-inline:22px}.crt-fascia{gap:16px}.crt-service{margin-inline:-18px}.crt-vents{max-width:110px}}
@media(max-width:850px){.crt-screen{grid-template-columns:minmax(0,1fr)}.market .stats{border-left:0;border-top:1px solid #3d4a38}.crt-vents{max-width:150px}}
@media(max-width:640px){.crt-housing{padding-inline:10px;border-radius:25px 25px 19px 19px;border-bottom-width:5px}.crt-crown{height:29px;padding-inline:5px;font-size:6px;letter-spacing:.6px}.crt-crown span:last-child{display:none}.crt-bezel{padding:8px 6px 10px;border-radius:21px 21px 25px 25px}.crt-screen{border-width:3px;border-radius:16px 16px 20px 20px}.crt-fascia{padding:17px 6px 14px;gap:8px}.crt-nameplate strong{font-size:17px;letter-spacing:1px}.crt-nameplate>span{font-size:5px;letter-spacing:.25px}.crt-controls{gap:7px}.crt-power{margin-left:2px;font-size:7px}.crt-vents{display:none}.crt-service{margin-inline:-7px;padding:8px 12px;font-size:5px;letter-spacing:.5px}.crt-service span:last-child{display:none}.crt-plinth{height:14px;width:48%}.market .chart-top{padding-inline:10px}.market .demo-tag{right:10px}.market .price-row strong{font-size:60px}.market .periods{margin-inline:8px}.market .periods button{min-width:34px;padding-inline:4px}.market .periods:before{font-size:7px}.market .plot{margin-inline:8px}}
@media(prefers-reduced-motion:reduce){.market *, .market *:before,.market *:after{animation:none!important;transition:none!important}}