@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f0f0e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#10120f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:#10120f;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}::selection{color:#14150f;background:#e7cd69}#root{min-height:100vh}.app-shell{--bg:#10120f;--surface:#171a16;--line:#2b2f28;--text:#f0f0e9;--muted:#8d9387;--subtle:#646b60;--accent:#e7cd69;--green:#78d4a0;--sidebar-width:236px;min-height:100vh;color:var(--text);background:var(--bg);font-family:DM Sans,sans-serif;font-size:13px;line-height:1.45}.app-shell *{box-sizing:border-box}.app-shell button{color:inherit;font:inherit}.app-shell button:focus-visible,.app-shell a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar{z-index:5;width:var(--sidebar-width);border-right:1px solid var(--line);background:#131511;flex-direction:column;padding:25px 15px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text);align-items:center;gap:10px;margin:1px 6px 42px;font:700 22px/1 Space Grotesk,sans-serif;text-decoration:none;display:flex}.brand-mark{width:31px;height:31px;color:var(--accent);background:#262419;border:1px solid #675c31;border-radius:8px;place-items:center;display:grid}.brand-period,.heading-period{color:var(--accent)}.sidebar-label,.eyebrow,.feed-strip-label,.available-badge{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;font:500 9px/1.3 DM Mono,monospace}.sidebar-label{margin:0 9px 10px}.primary-nav{gap:3px;display:grid}.mobile-nav{display:none}.nav-item{color:#aeb2a8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:39px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.nav-item.active{color:var(--accent);background:#242319;border-color:#373525}.sidebar-bottom{margin-top:auto}.sidebar-live{color:var(--muted);align-items:center;gap:8px;padding:13px 9px;font-size:10px;display:flex}.live-dot{background:#72796e;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.live-dot.connected{background:var(--green);box-shadow:0 0 9px #78d4a050}.profile-chip{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:2px;padding:12px 3px 1px;display:flex}.profile-avatar{width:30px;height:30px;color:var(--accent);background:#454636;border-radius:50%;place-items:center;font:600 12px Space Grotesk,sans-serif;display:grid}.profile-copy{flex:1;gap:1px;display:grid}.profile-copy strong{color:var(--text);font-size:11px;font-weight:600}.profile-copy small{color:var(--muted);font-size:10px}.profile-live{background:var(--green);border-radius:50%;width:6px;height:6px}.workspace{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:4;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10120ff2;justify-content:space-between;align-items:center;height:61px;padding:0 37px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb strong{color:#d8dbd1;font-weight:500}.breadcrumb-slash{color:#454a41}.topbar-actions{align-items:center;gap:19px;display:flex}.sample-status{color:#b4b9ae;letter-spacing:.05em;align-items:center;gap:8px;font:10px DM Mono,monospace;display:flex}.sample-status.connected{color:var(--green)}.page-content{width:min(100%,1350px);margin:0 auto;padding:45px 48px 22px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--accent);align-items:center;gap:8px;margin-bottom:9px;display:flex}.eyebrow-line{background:var(--accent);width:16px;height:1px}.page-heading h1{color:var(--text);letter-spacing:0;margin:0;font:600 31px/1.16 Space Grotesk,sans-serif}.page-subtitle{color:var(--muted);margin:8px 0 0;font-size:12px}.refresh-button,.empty-refresh{border:1px solid var(--line);background:var(--surface);color:#c3c7bc;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 11px;display:inline-flex;font-size:10px!important}.refresh-button:hover:not(:disabled),.empty-refresh:hover{color:var(--accent);border-color:#71663a}.refresh-button:disabled{opacity:.65;cursor:progress}.refresh-spinning{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feed-strip{border:1px solid var(--line);background:linear-gradient(105deg,#1a1a14,#181a16 55%,#161a17);border-radius:5px;align-items:center;gap:17px;min-height:49px;padding:0 14px;display:flex}.feed-strip-label{color:#aaa991;align-items:center;gap:8px;font-size:8px;display:flex}.feed-strip-label .live-dot{flex-basis:5px;width:5px;height:5px}.feed-strip-divider{background:var(--line);width:1px;height:18px}.feed-strip-value{color:#c5c9bf;font-size:10px}.feed-strip-updated{color:var(--subtle);margin-left:auto;font:9px DM Mono,monospace}.feed-alert{color:#bcb9a2;background:#211f17;border:1px solid #39372a;border-radius:4px;align-items:center;gap:8px;min-height:39px;margin-top:11px;padding:0 11px;font-size:10px;display:flex}.feed-alert svg{color:var(--accent);flex:none}.feed-alert strong{color:#e5e2d3;font:500 9px DM Mono,monospace}.error-alert{color:#e1a39b;background:#271d1c;border-color:#583c3a}.error-alert svg{color:#e1a39b}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px;display:grid}.prediction-card{border:1px solid var(--line);background:linear-gradient(145deg,#1a1d18,#161814 72%);border-radius:5px;min-height:236px;padding:17px 18px 13px;animation:.26s both card-in;position:relative;overflow:hidden}.prediction-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#e7cd6910,#0000 70%);border-radius:50%;width:115px;height:115px;position:absolute;top:0;right:0}.asset-card-eth:after{background:radial-gradient(circle,#8e9ed610,#0000 70%)}.asset-card-other:after{background:radial-gradient(circle,#78d4a010,#0000 70%)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.prediction-card-top{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.asset-heading{align-items:center;gap:10px;display:flex}.asset-heading>span:last-child{gap:1px;display:grid}.asset-heading strong{color:#e6e9df;font:600 13px Space Grotesk,sans-serif}.asset-heading small{color:var(--muted);font:9px DM Mono,monospace}.asset-badge{color:#e8bd62;background:#292419;border:1px solid #51452d;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font:600 17px Space Grotesk,sans-serif;display:grid}.asset-eth{color:#aab7f0;background:#202432;border-color:#3c435d;font-size:14px}.asset-other{color:#a4c79b;background:#20251e;border-color:#3d4938;font-size:11px}.hour-open{text-align:right;justify-items:end;gap:3px;min-width:0;display:grid}.hour-open span{color:var(--muted);white-space:nowrap;font:8px DM Mono,monospace}.hour-open strong{color:#c7cbbf;white-space:nowrap;font:500 12px DM Mono,monospace}.prediction-rule{z-index:1;background:var(--line);height:1px;margin:16px 0 20px;position:relative}.prediction-price-label{overflow-wrap:anywhere;color:var(--muted);font:9px DM Mono,monospace}.prediction-price{color:#f0f0e9;margin-top:5px;font:600 clamp(27px,3vw,38px)/1.25 Space Grotesk,sans-serif}.prediction-card-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding-top:11px;font:9px DM Mono,monospace;display:flex}.prediction-card-bottom span:first-child{align-items:center;gap:6px;display:flex}.prediction-card-bottom svg{color:var(--accent)}.prediction-skeleton{border:1px solid var(--line);background:var(--surface);border-radius:5px;align-content:start;gap:17px;min-height:236px;padding:19px;display:grid}.prediction-skeleton span{background:linear-gradient(90deg,#242720,#30332a,#242720) 0 0/200% 100%;border-radius:3px;height:11px;animation:1.4s infinite shimmer}.prediction-skeleton span:first-child{width:42%;height:31px}.prediction-skeleton span:nth-child(2){width:32%;margin-top:13px}.prediction-skeleton span:nth-child(3){width:62%;height:35px}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{text-align:center;background:#151713;border:1px dashed #34382f;border-radius:5px;align-content:center;justify-items:center;min-height:260px;margin-top:19px;padding:25px;display:grid}.empty-icon{width:43px;height:43px;color:var(--accent);background:#232117;border:1px solid #48432a;border-radius:50%;place-items:center;display:grid}.empty-state h2{color:var(--text);margin:13px 0 4px;font:600 15px Space Grotesk,sans-serif}.empty-state p{color:var(--muted);margin:0;font-size:10px}.empty-refresh{margin-top:14px}.page-footer{color:#80867b;padding:27px 1px 4px;font-size:10px;line-height:1.6}@media (width<=980px){.page-content,.topbar{padding-inline:30px}}@media (width<=680px){.app-shell{--sidebar-width:0px}.sidebar{display:none}.workspace{margin-left:0}.topbar{height:53px;padding-inline:17px}.page-content{padding:29px 17px 20px}.mobile-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.mobile-nav .nav-item{justify-content:center;gap:7px;min-height:44px;padding-inline:5px;font-size:10px}.page-heading{align-items:center;margin-bottom:18px}.page-heading h1{font-size:25px}.eyebrow{font-size:8px}.page-subtitle{max-width:245px;font-size:10px}.refresh-button{width:34px;min-width:34px;padding:0;font-size:0!important}.refresh-button svg{width:15px;height:15px}.feed-strip{gap:9px;min-height:47px;padding-inline:9px}.feed-strip-label{letter-spacing:.04em;gap:5px;font-size:7px}.feed-strip-value{white-space:nowrap;font-size:8px}.feed-strip-updated{white-space:nowrap;font-size:7px}.prediction-grid{grid-template-columns:1fr;gap:9px;margin-top:13px}.prediction-card{min-height:216px;padding:15px}.prediction-price{font-size:32px}.prediction-card-bottom{margin-top:16px}.prediction-skeleton{min-height:216px}.page-footer{padding-top:20px;font-size:9px}}@media (width<=370px){.topbar,.page-content{padding-inline:11px}.page-heading h1{font-size:22px}.feed-strip{flex-wrap:wrap;padding-block:9px}.feed-strip-updated{margin-left:auto}}