:root{--sumi:#0b0b0c;--urushi:#16110f;--washi:#f1e9d8;--shu:#e8432e;--matcha:#a3c27a;--hai:#9b918a;--line:#f1e9d817;--glass:#120e0d9e;--brand:Syncopate, sans-serif;--display:Switzer, system-ui, sans-serif;--text:Switzer, system-ui, sans-serif;--mono:"Fragment Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--sumi);color:var(--washi);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.grain{z-index:50;pointer-events:none;opacity:.07;background-image: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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.8s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}.ink{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}html,body{height:100%;overflow:hidden}.stage{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}.ui{z-index:2;pointer-events:none;opacity:0;transition:opacity 1.2s;position:fixed;inset:0}.ui.in{opacity:1}.ui.in nav,.ui.in .card,.ui.in .chart,.ui.in .ask,.ui.in .say{pointer-events:auto}.label{font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hai)}.up{color:var(--matcha)}.down{color:var(--shu)}nav{background:linear-gradient(#0b0b0cd9,#0000);align-items:center;gap:40px;height:68px;padding:0 32px;display:flex}.lock{align-items:center;gap:12px;display:flex}.lock img{height:36px;margin:-4px -2px}.lock span{font:700 16px var(--brand);letter-spacing:.14em}.links{font:500 14px var(--text);gap:6px;display:flex}.links a{color:var(--hai);cursor:default;border-radius:999px;padding:7px 14px}.links a.on{color:var(--washi);background:#f1e9d812}.status{font:400 12px var(--mono);letter-spacing:.06em;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:9px 14px;display:flex}.status i,.hear i,.live{background:var(--shu);width:7px;height:7px;box-shadow:0 0 10px var(--shu);border-radius:50%;animation:1.6s ease-in-out infinite beat;display:inline-block}@keyframes beat{50%{opacity:.35}}.card{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;gap:12px;width:248px;padding:18px;display:flex;position:absolute;top:92px}.card.left{left:32px}.card.right{right:32px}.watch{flex-direction:column;margin:0 -8px;display:flex}.watch button{cursor:pointer;text-align:right;background:0 0;border:0;border-radius:10px;grid-template-columns:52px 1fr 64px;align-items:center;gap:8px;padding:9px 8px;font-size:13px;transition:background .2s;display:grid}.watch button:hover{background:#f1e9d80d}.watch button.on{background:#e8432e1a}.watch b{text-align:left;font:600 13px var(--text)}.me b{font:600 15px var(--text);margin-bottom:4px;display:block}.me span{font:400 13px/1.5 var(--text);color:#cfc5bc}dl{grid-template-columns:1fr auto;gap:8px 12px;margin:0;font-size:13px;display:grid}dt{color:var(--hai);font-family:var(--text)}dd{text-align:right;margin:0}.chart{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#120e0d59,#0b0b0cd1);border-radius:18px;flex-direction:column;width:min(980px,100% - 600px);min-width:560px;height:34vh;padding:14px 16px 10px;display:flex;position:absolute;top:49vh;left:50%;transform:translate(-50%)}.chart header{justify-content:space-between;display:flex}.tabs{background:#f1e9d80d;border-radius:999px;gap:2px;padding:3px;display:flex}.tabs button{font:500 12px var(--text);color:var(--hai);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px}.tabs button.on{color:var(--washi);background:#f1e9d81f}.tabs.res button{font:400 11px var(--mono)}.quote{align-items:baseline;gap:14px;margin:12px 4px 4px;display:flex}.quote .price{letter-spacing:-.02em;font-size:26px;transition:color .4s}.quote .price.up{color:var(--matcha);transition:none}.quote .price.down{color:var(--shu);transition:none}.quote .chg{font-size:13px}.quote .ohlc{color:var(--hai);letter-spacing:.04em;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.chart canvas{cursor:crosshair;flex:1;width:100%;min-height:0}.say{text-align:center;width:min(980px,100% - 48px);position:absolute;left:50%;transform:translate(-50%)}.say p{font:400 20px/1.5 var(--text);text-shadow:0 0 16px #000,0 0 4px #000;margin:0}.say .who{font:700 10px var(--brand);letter-spacing:.18em;color:var(--shu);vertical-align:3px;margin-right:12px}.say .w{opacity:0;filter:blur(6px);transition:opacity .35s,filter .35s}.say .w.on{opacity:1;filter:blur()}.hear{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 13px var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;display:inline-flex}.hear:hover{border-color:#e8432e99}.ask{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;width:min(620px,100% - 48px);padding:6px 6px 6px 22px;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ask:focus-within{border-color:#e8432e8c;box-shadow:0 0 40px #e8432e2e}.ask input{background:0 0;border:0;outline:0;flex:1;font-size:15px}.ask input::placeholder{color:var(--hai)}.ask button{background:var(--shu);color:var(--sumi);font:600 13px var(--text);cursor:pointer;border:0;border-radius:999px;padding:10px 20px}@media (width<=1100px){.card{display:none}.chart{width:calc(100% - 48px);min-width:0}}@media (width<=760px){nav{padding:0 16px}.links{display:none}.chart{height:30vh;padding:10px;top:46vh}.tabs.res{display:none}.say{top:78vh}.say p{font-size:16px}}.say .bars{width:180px;height:22px;margin:0 auto 6px;display:block}.say{top:calc(83vh + 10px)}.pair{border:1px solid var(--line);cursor:pointer;background:#f1e9d80a;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 5px;transition:border-color .2s;display:flex}.pair:hover{border-color:#f1e9d840}.pair b{font:600 14px var(--text)}.pair span{font:400 13px var(--text);color:var(--hai);text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.pair kbd{font:400 11px var(--mono);color:var(--hai);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.tlogo{object-fit:cover;width:24px;height:24px;font:600 9px var(--text);color:var(--washi);background:#2a201d;border-radius:50%;flex:none;place-items:center;display:inline-grid}.me small{color:var(--hai);font-weight:400}.search-bg{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0504048c;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.search{border:1px solid var(--line);background:#120e0df0;border-radius:18px;width:min(640px,100% - 32px);overflow:hidden;box-shadow:0 30px 80px #0009}.search input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:0;width:100%;padding:18px 22px;font-size:17px}.search input::placeholder{color:var(--hai)}.results{max-height:52vh;padding:6px;overflow:auto}.results button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:24px 64px 1fr auto 66px;align-items:center;gap:12px;width:100%;padding:9px 12px;display:grid}.results button.on{background:#f1e9d812}.results b{font:600 14px var(--text)}.results .name{color:#cfc5bc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.results .liq{color:var(--hai);font-size:12px}.results .src{font:400 10px var(--mono);letter-spacing:.1em;color:var(--hai);text-align:right}.results .src.rt{color:var(--shu)}.none{color:var(--hai);padding:20px}.hint{border-top:1px solid var(--line);color:var(--hai);padding:10px 18px;font-size:11px}.say .asked{font:400 13px var(--text);color:var(--hai);text-shadow:0 0 10px #000;margin-bottom:6px}.say .asked span{font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7d746e;margin-right:8px}.say .thinking{color:#cfc5bc}.say .thinking i{font-style:normal;animation:1.2s infinite dot}.say .thinking i:nth-child(3){animation-delay:.2s}.say .thinking i:nth-child(4){animation-delay:.4s}@keyframes dot{0%,to{opacity:.2}50%{opacity:1}}.me span{max-height:30vh;display:block;overflow:auto}.chart{height:31vh}.say{top:auto;bottom:74px}.say p{font-size:19px}@media (width<=760px){.say{bottom:70px}.chart{height:28vh}}
