@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e7e8e2;font-synthesis:none;--accent:#bdff6b;--line:#232b28;--panel:#141a18;--panel2:#18201e;--muted:#8a978f;background:#0c0f0e;font-family:Manrope,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#0c0f0e;min-width:320px;margin:0}.shell{flex-direction:column;max-width:1360px;min-height:100vh;margin:auto;padding:0 40px;display:flex}.content{flex:1}h1,h2,h3,h4{letter-spacing:-.04em;margin:0}button{font:inherit;cursor:pointer}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#0c0f0ed1;border-bottom:1px solid #ffffff0a;align-items:center;gap:22px;height:64px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;cursor:pointer;white-space:nowrap;font-size:17px;font-weight:800}.mark{color:var(--accent);margin-right:7px}.statusline{text-transform:uppercase;letter-spacing:.1em;color:#77877e;white-space:nowrap;font:10px DM Mono,monospace}.statusline i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.topnav{color:#adb8b1;align-items:center;gap:22px;margin-left:auto;font-size:13px;display:flex}.navlink{cursor:pointer}.navlink:hover,.navlink.active{color:var(--accent)}.wallet,.filters button{color:#dce4dc;background:0 0;border:1px solid #3a453f;border-radius:99px;padding:8px 15px;font-size:12px}.wallet:hover,.filters button:hover{border-color:var(--accent);color:var(--accent)}.filters .selected{color:#121812;background:#e7e8e2;border-color:#e7e8e2}.primary{background:var(--accent);color:#121812;border:0;border-radius:99px;padding:13px 22px;font-size:13px;font-weight:700}.primary:disabled{opacity:.6}.ghost{color:#e7e8e2;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:99px;padding:12px 20px;font-size:13px;font-weight:600}.ghost:hover{background:#ffffff1a}.hero{background:#121715;border:1px solid #ffffff0d;border-radius:22px;min-height:400px;margin:22px 0 10px;position:relative;overflow:hidden}.hero-bg{filter:blur(48px)saturate(1.3)brightness(.55);opacity:.9;background-position:50%;background-size:cover;position:absolute;inset:-40px}.hero-inner{background:linear-gradient(90deg,#0c0f0e59,#0c0f0ebf);grid-template-columns:320px 1fr;align-items:center;gap:44px;padding:44px;display:grid;position:relative}.hero-copy{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font:11px DM Mono,monospace}.hero h1{letter-spacing:-.05em;text-wrap:balance;margin:14px 0 26px;font-size:clamp(30px,4.2vw,58px);font-weight:800;line-height:1.02}.hero-nums{flex-wrap:wrap;gap:36px;margin-bottom:30px;display:flex}.hero-nums strong{letter-spacing:-.06em;font-size:44px;line-height:1;display:block}.hero-nums strong small{color:var(--muted);margin-left:2px;font-size:22px}.hero-nums span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font:10px DM Mono,monospace}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.cover{aspect-ratio:1;background:#1a2320;border-radius:12px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover.gen{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.cover-sym{letter-spacing:-.05em;font-size:34px;font-weight:800}.cover-cat{text-transform:uppercase;letter-spacing:.12em;color:#ffffff8c;font:9px DM Mono,monospace}.cover.lg{border-radius:18px;width:320px;box-shadow:0 30px 60px #00000080}.cover.lg .cover-sym{font-size:64px}.cover.md{border-radius:14px;width:120px;box-shadow:0 18px 40px #00000073}.cover.md .cover-sym{font-size:30px}.cover.xs{border-radius:6px;width:32px;display:inline-flex}.cover.xs .cover-sym{font-size:9px}.cover.xs .cover-cat{display:none}.shelf{padding:28px 0 6px}.shelf-head{align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.shelf-head h3{font-size:22px;font-weight:800}.shelf-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font:11px DM Mono,monospace}.shelf-row{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:190px;grid-auto-flow:column;gap:16px;padding:4px 2px 14px;display:grid;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.scard{scroll-snap-align:start;background:var(--panel);cursor:pointer;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:12px;transition:transform .18s,background .18s,border-color .18s;display:flex}.scard:hover{background:#1c2420;border-color:#ffffff0f;transform:translateY(-3px)}.scard-body{flex-direction:column;gap:6px;min-width:0;display:flex}.scard h4{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.scard-foot{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.scard-foot strong{letter-spacing:-.05em;font-size:20px}.tile-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font:9px DM Mono,monospace;overflow:hidden}.tile-tag.hot{color:#ffc477}.browse{border-top:1px solid var(--line);margin-top:26px;padding:34px 0 20px}.controls{flex-wrap:wrap;align-items:center;gap:14px;padding:6px 0 16px;display:flex}.search{background:var(--panel);border:1px solid var(--line);color:#e7e8e2;border-radius:99px;flex:1;min-width:220px;padding:10px 18px;font:13px Manrope}.search:focus{border-color:var(--accent);outline:none}.filters{flex-wrap:wrap;gap:7px;display:flex}.vdot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:36px;overflow-x:auto}.mtable{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.mtable th{text-transform:uppercase;letter-spacing:.1em;color:#77877e;text-align:right;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:13px 14px;font:10px DM Mono,monospace}.mtable th:first-child{text-align:left}.mtable th:hover,.mtable th.sorted{color:var(--accent)}.mtable td{text-align:right;white-space:nowrap;border-bottom:1px solid #1a211e;padding:10px 14px}.mtable td.q{text-align:left;text-overflow:ellipsis;align-items:center;gap:12px;max-width:440px;display:flex;overflow:hidden}.mtable td.q span{text-overflow:ellipsis;overflow:hidden}.mtable tbody tr{cursor:pointer}.mtable tbody tr:hover td{background:#1a221f}.mtable tbody tr:last-child td{border-bottom:0}.num{font-family:DM Mono,monospace;font-size:12px}.num.strong{color:#e7e8e2;font-size:13px;font-weight:500}.vbadge{color:#9fb0a5;border:1px solid #3a453f;border-radius:4px;padding:2px 6px;font:10px DM Mono,monospace}.signal{color:var(--accent);font:10px DM Mono,monospace}.hot{color:#ffc477}.pos{color:var(--accent)}.neg{color:#ff8f6b}.venue{text-transform:uppercase;letter-spacing:.08em;color:#84928a;font:10px DM Mono,monospace}.note{color:#77837c;font:11px/1.7 DM Mono,monospace}.pad{padding:26px 4px}.detail{padding:18px 0 48px}.detail-hero{background:#121715;border:1px solid #ffffff0d;border-radius:22px;margin-bottom:30px;position:relative;overflow:hidden}.detail-hero-inner{background:linear-gradient(#0c0f0e40,#0c0f0ed9);padding:26px 40px 30px;position:relative}.back{color:#aab7ae;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;margin-bottom:22px;padding:0;font:11px DM Mono,monospace}.back:hover{color:var(--accent)}.detail-head{grid-template-columns:120px 1fr auto;align-items:end;gap:28px;margin-bottom:26px;display:grid}.detail-head h2{letter-spacing:-.05em;text-wrap:balance;margin:8px 0 12px;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.08}.big-prob{text-align:right}.big-prob strong{letter-spacing:-.07em;font-size:88px;font-weight:800;line-height:.9;display:block}.big-prob strong small{color:var(--muted);margin-left:2px;font-size:34px}.big-prob span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font:10px DM Mono,monospace}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{text-transform:uppercase;letter-spacing:.08em;color:#c4cdc6;background:#00000040;border:1px solid #ffffff24;border-radius:99px;padding:4px 10px;font:10px DM Mono,monospace}.chip-on{color:var(--accent);border-color:#bdff6b66}.drawer-stats{grid-template-columns:repeat(5,auto);justify-content:start;gap:34px;display:grid}.drawer-stats strong{letter-spacing:-.04em;font-size:18px;display:block}.drawer-stats small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font:9px DM Mono,monospace}.detail-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:30px;display:grid}.chart{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px}.chart svg{width:100%;height:220px;display:block}.chart-foot{color:#68756d;justify-content:space-between;margin-top:12px;font:10px DM Mono,monospace;display:flex}.chart-foot strong{color:#e7e8e2}.chart-empty{border:1px dashed var(--line);text-align:center;border-radius:16px;padding:70px 20px}.facts{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:20px;padding:18px 20px;display:grid}.facts small{text-transform:uppercase;letter-spacing:.1em;color:#75827a;margin-bottom:4px;font:9px DM Mono,monospace;display:block}.facts span{color:#c4cdc6;font-size:12px;line-height:1.5}.detail-side{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:18px}.outcome-tabs{margin-bottom:16px}.book{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.book-head{text-transform:uppercase;letter-spacing:.1em;color:#84928a;margin-bottom:8px;font:10px DM Mono,monospace}.book-row{border-radius:4px;justify-content:space-between;padding:4px 6px;font:12px DM Mono,monospace;display:flex;position:relative;overflow:hidden}.book-row span{position:relative}.book-row i{opacity:.14;position:absolute;inset:0 auto 0 0}.book-row.bid i{background:var(--accent)}.book-row.bid span:first-of-type{color:var(--accent)}.book-row.ask i{background:#ff8f6b}.book-row.ask span:first-of-type{color:#ff8f6b}.ticket{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:18px}.ticket-tabs{gap:7px;margin-bottom:16px;display:flex}.ticket-tabs button{color:#dce4dc;background:0 0;border:1px solid #3a453f;border-radius:8px;flex:1;padding:9px;font-size:12px}.ticket-tabs .selected{background:var(--accent);color:#121812;border-color:var(--accent);font-weight:700}.ticket label{text-transform:uppercase;letter-spacing:.08em;color:#84928a;margin-bottom:12px;font:10px DM Mono,monospace;display:block}.ticket input{border:1px solid var(--line);color:#e7e8e2;background:#0c0f0e;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;font:14px Manrope;display:block}.ticket input:focus{border-color:var(--accent);outline:none}.ticket details{margin-bottom:12px}.ticket summary{color:#75827a;cursor:pointer;margin-bottom:10px;font:10px DM Mono,monospace}.ticket-total{border-top:1px solid var(--line);color:#92a098;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 0;font-size:13px;display:flex}.ticket .primary{border-radius:10px;width:100%}.trade-ok{color:var(--accent);margin:12px 0 0;font:12px DM Mono,monospace}.trade-err{color:#ff8f6b;word-break:break-word;margin:12px 0 0;font:12px DM Mono,monospace}.ticket .note{margin:14px 0 0}.readiness{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:14px}.readiness-row{color:#92a098;flex-direction:column;gap:4px;margin-bottom:10px;font:11px DM Mono,monospace;display:flex}.readiness .primary{border-radius:10px;width:100%;font-size:12px}.readiness .trade-err,.readiness .trade-ok{margin:6px 0 0}.portfolio{max-width:760px}.addr-row{gap:8px;margin:14px 0 18px;display:flex}.addr-row input{border:1px solid var(--line);color:#e7e8e2;background:#0c0f0e;border-radius:10px;flex:1;padding:10px 12px;font:12px DM Mono,monospace}.addr-row input:focus{border-color:var(--accent);outline:none}.portfolio .drawer-stats{grid-template-columns:repeat(3,auto);margin-bottom:22px}.pos-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.pos-main{flex-direction:column;gap:4px;min-width:0;font-size:13px;display:flex}.pos-main span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-nums{text-align:right}.pos-nums strong{font-size:14px;display:block}.pos-nums small{font:10px DM Mono,monospace}.orders-head{justify-content:space-between;align-items:center;margin:26px 0 10px;display:flex}footer{border-top:1px solid var(--line);color:#68756d;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 0 30px;font:11px DM Mono,monospace;display:flex}footer .brand{color:#e7e8e2;font:700 14px Manrope}@media (width<=900px){.shell{padding:0 16px}.statusline{display:none}.hero-inner{grid-template-columns:1fr;gap:22px;padding:26px}.cover.lg{width:180px}.hero-nums strong{font-size:34px}.detail-head{grid-template-columns:1fr;gap:16px}.big-prob{text-align:left}.big-prob strong{font-size:64px}.detail-hero-inner{padding:20px}.drawer-stats{grid-template-columns:repeat(3,auto);gap:18px}.detail-grid{grid-template-columns:1fr}.shelf-row{grid-auto-columns:160px}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% -10%,#bdff6b0d,#0000 70%);position:fixed;inset:0}.shell{z-index:1;position:relative}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}.content{animation:.35s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel{background:linear-gradient(90deg,#141a18 0%,#1b2320 40%,#141a18 80%) 0 0/1200px 100%;border-radius:16px;animation:1.4s linear infinite shimmer}.skel-hero{border-radius:22px;height:400px;margin:22px 0 10px}.skel-title{border-radius:8px;width:220px;height:22px;margin-bottom:14px}.skel-card{border-radius:14px;height:296px}.skel-chart{height:320px}.skel-side{height:520px}.hero{animation:.5s cubic-bezier(.2,.8,.2,1) both heroIn}@keyframes heroIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.hero-bg{animation:18s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-2%,2%)}}.hero .cover.lg{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero:hover .cover.lg{transform:translateY(-4px)rotate(-.5deg)}.hero-dots{gap:6px;display:flex;position:absolute;bottom:22px;right:26px}.hero-dots button{background:#ffffff38;border:0;border-radius:99px;width:22px;height:4px;padding:0;transition:background .2s,width .2s}.hero-dots button.on{background:var(--accent);width:34px}.primary,.ghost,.wallet{transition:transform .12s,background .15s,border-color .15s,color .15s}.primary:hover{background:#c9ff85}.primary:active,.ghost:active,.wallet:active{transform:scale(.97)}.shelf-head{position:relative}.shelf-nav{opacity:0;gap:6px;margin-left:auto;transition:opacity .2s;display:flex}.shelf:hover .shelf-nav{opacity:1}.shelf-nav button{color:#e7e8e2;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:30px;height:30px;padding:0 0 2px;font-size:18px;line-height:1;display:grid}.shelf-nav button:hover{background:#ffffff1f;border-color:#fff3}.shelf-row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 60px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 60px),#0000)}.scard{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,box-shadow .22s}.scard:hover{box-shadow:0 18px 40px #00000059}.scard:active{transform:translateY(-1px)scale(.99)}.scard .cover{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.scard .cover img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.scard:hover .cover img{transform:scale(1.06)}.scard .cover:after{content:"";opacity:0;background:linear-gradient(#0000 60%,#00000059);transition:opacity .2s;position:absolute;inset:0}.scard:hover .cover:after{opacity:1}.mtable tbody tr td{transition:background .12s}.mtable td.q .cover{transition:transform .2s}.mtable tbody tr:hover td.q .cover{transform:scale(1.12)}.chart-top{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.chart-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font:10px DM Mono,monospace}.chart-price{letter-spacing:-.05em;font-size:26px}.chart svg{cursor:crosshair}.chart-line{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:1.2s ease-out forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.pulse{animation:1.8s ease-out infinite pulse}@keyframes pulse{0%{opacity:1}70%{opacity:.35}to{opacity:1}}.filters.outcome-tabs{background:#ffffff0d;border-radius:99px;gap:0;padding:3px;display:inline-flex}.filters.outcome-tabs button{color:#aab7ae;border:0;border-radius:99px;padding:8px 22px}.filters.outcome-tabs .selected{color:#121812;background:#e7e8e2}.ticket-tabs button{transition:background .15s,color .15s}.quick{gap:6px;margin:-4px 0 14px;display:flex}.quick button{border:1px solid var(--line);color:#aab7ae;background:0 0;border-radius:8px;flex:1;padding:6px 0;font:11px DM Mono,monospace;transition:all .12s}.quick button:hover{color:#e7e8e2;border-color:#5a675f}.quick button.on{color:var(--accent);background:#bdff6b1f;border-color:#bdff6b73}.detail-side{position:sticky;top:84px}.big-prob strong{animation:.5s .1s both fadeUp}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{color:#e7e8e2;background:#1c2420;border:1px solid #ffffff1a;border-radius:12px;max-width:min(520px,90vw);padding:12px 18px;font-size:13px;animation:.25s cubic-bezier(.2,.8,.2,1) both toastIn;box-shadow:0 20px 40px #00000073}.toast.ok{border-color:#bdff6b66}.toast.err{border-color:#ff8f6b80}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (hover:none){.shelf-nav{opacity:1}.shelf-row{-webkit-mask-image:none;mask-image:none}}html{scroll-padding-top:130px}.mtable tbody tr{scroll-margin-top:130px}.scard,.detail{scroll-margin-top:90px}
