:root{color:#eef0ed;font-synthesis:none;--bg:#0b0d0e;--surface:#15191a;--surface-raised:#101314;--surface-hover:#1c2020;--border:#2a2e2e;--text:#eef0ed;--muted:#8b9393;--gold:#d6a936;--green:#55c883;--red:#e06161;--header-height:66px;--bottom-nav-height:68px;--safe-bottom:env(safe-area-inset-bottom,0px);--sheet-radius:22px;background:#0b0d0e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}main,.content,.panel{min-width:0}.app-shell{grid-template-columns:232px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{background:var(--surface-raised);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{appearance:none;width:100%;color:var(--text);text-align:left;letter-spacing:.06em;background:0 0;border:0;align-items:center;gap:8px;margin:0 8px 34px;padding:0;display:flex}.brand span{background:var(--gold);color:#111;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:29px;height:29px;font-weight:900;display:grid}.brand b{font-size:14px}.brand small{color:#929a9b;letter-spacing:.15em;font-size:9px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#9aa1a2;text-align:left;background:0 0;border:0;border-left:2px solid #0000;border-radius:2px;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:var(--text);background:var(--surface-hover);border-left-color:var(--gold)}.sidebar i,.bottom-nav i{text-align:center;width:16px;font-size:17px;font-style:normal}.sidebar-footer{border-top:1px solid var(--border);color:#c3c8c7;margin-top:auto;padding:18px 8px 0;font-size:12px}.sidebar-footer p{margin:0 0 8px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer small{color:#7f8788;margin-top:3px}.signal{background:#4bb879;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.topbar{height:var(--header-height);border-bottom:1px solid var(--border);background:var(--surface-raised);justify-content:flex-end;align-items:center;padding:0 30px;display:flex}.top-status{color:#aeb4b3;align-items:center;gap:20px;font-size:12px;display:flex}.avatar{color:#d7dbd8;border:1px solid #575d5d;place-items:center;width:30px;height:30px;font-size:9px;display:grid;overflow:hidden}.mobile-brand{display:none}.content{width:min(100%,1500px);margin:auto;padding:30px}.page-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#c99c2d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700}.page-title h1,h2{letter-spacing:-.025em;margin:0;font-weight:650}.page-title h1{font-size:27px}.muted,small{color:var(--muted);font-size:12px}.safety-stamp{color:#d8dcda;border-left:2px solid #4bb879;padding:5px 0 5px 12px;font-size:12px;line-height:1.5}.badge{color:#e2ba4f;letter-spacing:.08em;background:#211d13;border:1px solid #4d4222;padding:4px 7px;font-size:10px;font-weight:700;display:inline-block}.badge.positive{background:#11251a;border-color:#285a3d}.badge.negative{background:#2a1616;border-color:#683030}.metric-grid{border:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.metric{border-right:1px solid var(--border);background:var(--surface);min-height:109px;padding:17px 18px;overflow:hidden}.metric:last-child{border:0}.metric p{color:#929a9a;margin:0 0 14px;font-size:12px}.metric strong{letter-spacing:-.03em;margin-bottom:6px;font-size:22px;display:block}.panel{border:1px solid var(--border);background:var(--surface)}.unavailable-view{border-left:2px solid var(--gold);align-content:center;min-height:150px;padding:26px;display:grid}.unavailable-view h2{font-size:18px}.unavailable-view p{color:#9da5a3;max-width:660px;font-size:13px;line-height:1.65}.bottom-nav{display:none}.page-intro{margin:-15px 0 20px}.market-layout{grid-template-columns:1.2fr .8fr;grid-template-areas:"chart watch";gap:20px;margin-bottom:20px;display:grid}.chart-panel{grid-area:chart}.watchlist{grid-area:watch;padding-bottom:4px}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 18px;display:flex}.panel-heading h2{font-size:16px}.chart-wrap{outline-offset:-4px;height:220px;padding:16px 18px 0}.chart-wrap svg{width:100%;height:100%;overflow:visible}.grid{stroke:#2a3030;stroke-width:.45px}.axis{color:#737b7b;justify-content:space-between;gap:12px;padding:0 18px 13px;font-size:10px;display:flex}.chart-empty{color:#858e8d;text-align:center;place-items:center;height:100%;font-size:12px;display:grid}.candle line{stroke-width:.35px}.candle rect{stroke-width:.15px}.candle.up{stroke:var(--green);fill:var(--green)}.candle.down{stroke:var(--red);fill:var(--red)}.market-path{fill:none;stroke:var(--gold);stroke-width:1.8px;vector-effect:non-scaling-stroke}.market-path.area{fill:#d6a9362e}.chart-switch{gap:5px;display:flex}.chart-switch button{color:#9da5a3;text-transform:capitalize;background:#101314;border:1px solid #353b3b;min-height:36px;padding:5px 9px;font-size:11px}.chart-switch button.active{background:var(--gold);color:#17130a;border-color:#e5bc55}.market-row{color:#d7dbd8;text-align:left;background:0 0;border:0;border-bottom:1px solid #292d2e;grid-template-columns:1fr auto 9px;align-items:center;gap:14px;width:100%;padding:13px 18px;display:grid}.market-row:last-child{border-bottom:0}.market-row.active,.market-row:hover{background:#1b1f20}.market-row strong,.market-row small{display:block}.market-row small{margin-top:3px}.market-row>span:nth-child(2){text-align:right}.dot-live,.dot-stale{background:#54c981;border-radius:50%;width:7px;height:7px}.dot-stale{background:#c19b43}.feed-state{color:#e2ba4f;letter-spacing:.09em;background:#211d13;border:1px solid #4d4222;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.feed-state i{font-size:8px}.feed-state.live{color:var(--green);background:#11251a;border-color:#285a3d}.feed-state.stale,.feed-state.error{color:var(--red);background:#2a1616;border-color:#683030}.error-state{border-left:2px solid var(--red);color:#ecc4c4;background:#251617;margin-bottom:20px;padding:11px 14px;font-size:12px}.sheet-backdrop{display:none}.login-page,.loading-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,390px);padding:28px}.login-card h1{font-size:24px}.login-card form{gap:14px;margin:24px 0 16px;display:grid}.login-card label{color:#9aa2a1;letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:11px;display:grid}.login-card input{color:var(--text);background:#101314;border:1px solid #353b3b;border-radius:0;padding:10px}.sign-in{background:var(--gold);color:#17130a;border:1px solid #e5bc55;border-radius:0;min-height:44px;font-weight:800}.sign-in:disabled{opacity:.6}.form-message{color:var(--red);margin:0;font-size:12px}@media (width<=900px){:root{--header-height:58px;--bottom-nav-height:68px}.app-shell{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{justify-content:space-between;padding:0 16px}.mobile-brand{letter-spacing:.06em;gap:2px;display:grid}.mobile-brand b{font-size:12px}.mobile-brand span{color:var(--muted);font-size:10px}.desktop-feed{display:none}.top-status{gap:10px}.content{padding:20px 15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.market-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart""watch";gap:14px}.chart-wrap{height:240px}.bottom-nav{z-index:20;width:100%;min-height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#101314;border-top:1px solid #303535;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;box-shadow:0 -8px 24px #0000002e}.bottom-nav button{min-width:0;min-height:var(--bottom-nav-height);color:#909897;background:0 0;border:0;place-content:center;gap:4px;padding:7px 2px;font-size:10px;line-height:1.1;display:grid}.bottom-nav button.active{color:#e1b342}.bottom-nav i{width:auto;font-size:16px}.sheet-backdrop{z-index:30;background:#0000008f;align-items:flex-end;display:flex;position:fixed;inset:0}.more-sheet{width:100%;max-height:min(78vh,620px);padding:10px 16px calc(16px + var(--safe-bottom));border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:#121617;border:1px solid #454b4a;border-bottom:0;overflow:auto;box-shadow:0 -16px 48px #0006}.sheet-handle{background:#555d5c;border-radius:99px;width:38px;height:4px;margin:0 auto 12px}.sheet-heading{justify-content:space-between;align-items:flex-start;padding:2px 4px 14px;display:flex}.sheet-heading h2{font-size:19px}.sheet-close{width:44px;height:44px;color:var(--text);background:#191d1d;border:1px solid #383f3e;font-size:24px;line-height:1}.more-sheet nav{gap:6px;display:grid}.more-sheet nav button{color:#e1e4e1;text-align:left;background:#181c1d;border:1px solid #2d3333;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 12px;display:grid}.more-sheet nav button.active{background:#211d13;border-color:#765b1c}.more-sheet nav i{color:var(--gold);text-align:center;font-style:normal}.more-sheet nav span{gap:3px;display:grid}.more-sheet nav small{line-height:1.25}.more-sheet nav b{color:#8e9695;font-size:22px;font-weight:400}.unavailable-view{min-height:136px;padding:20px}}@media (width<=520px){.top-status .avatar{display:none}.page-title{margin-bottom:18px;display:block}.page-title>.badge,.page-title>.safety-stamp,.page-title>.feed-state{margin-top:13px;display:inline-flex}.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--border);min-height:100px;padding:14px}.metric:last-child{border-bottom:0}.metric strong{font-size:19px}.page-intro{margin:-8px 0 16px}.panel-heading{padding:14px}.chart-switch{width:100%}.chart-switch button{flex:1}.chart-wrap{height:232px;padding:14px 14px 0}.axis{padding:0 14px 12px}.market-row{gap:9px;padding:13px 14px}.market-row>span:nth-child(2){text-overflow:ellipsis;max-width:118px;overflow:hidden}.unavailable-view h2{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}