@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;--bg:#f6f8fb;--panel:#fff;--secondary:#f8fafc;--line:#e9eef4;--text:#162135;--muted:#8491a4;--green:#0aa58f;--red:#e35d6a;--shadow:0 8px 28px #20345806;--hover:#f2f6f9;--select:#e6f7f2;--blue:#3b75e8}
html[data-theme=dark]{color-scheme:dark;--bg:#0b121d;--panel:#121c29;--secondary:#172331;--line:#243345;--text:#e7eef6;--muted:#90a2b4;--green:#21c5aa;--red:#ff7681;--shadow:none;--hover:#1c2c3a;--select:#163e3b;--blue:#78aaff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;gap:32px;padding:0 28px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:18px;letter-spacing:-.6px;font-weight:800}.logo{background:#112e39;color:#5be9c7;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-size:23px}html[data-theme=dark] .logo{background:#153d41}.brand small{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--muted);display:block}.navigation{display:flex;align-items:stretch;gap:26px;height:100%}.navitem{padding:0 2px;border:none;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:13px;font-weight:700}.navitem.active{border-bottom-color:var(--green);color:var(--text)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.iconbutton{background:var(--secondary);border:1px solid var(--line);color:var(--text);min-width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.iconbutton:hover,.softbutton:hover{background:var(--hover)}.searchbox{background:var(--secondary);border:1px solid var(--line);border-radius:10px;height:37px;padding:0 11px;display:flex;align-items:center;gap:8px;color:var(--muted)}.searchbox input{border:0;outline:none;background:none;width:174px;color:var(--text);font-size:13px}.searchbox input::placeholder{color:var(--muted)}.search-pop{position:absolute;right:91px;top:63px;max-width:min(430px,90vw);width:380px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 50px #101c2733;overflow:hidden;z-index:30}.search-row{padding:12px 15px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);cursor:pointer}.search-row:hover{background:var(--hover)}.search-row strong{font-size:13px}.search-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700;color:var(--green);background:var(--select)}.layout{max-width:1920px;display:grid;grid-template-columns:266px minmax(420px,1fr) 284px;gap:18px;padding:20px 24px;margin:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);min-width:0}.left-panel{overflow:hidden;align-self:start;position:sticky;top:92px}.panelheading{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 13px}.panelheading h2,.sectionheading h2{font-size:14px;margin:0;font-weight:800}.tiny{font-size:11px;color:var(--muted)}.market-tabs{display:flex;gap:5px;padding:0 12px 13px}.market-tab{background:none;color:var(--muted);border:0;border-radius:7px;padding:8px 9px;font-size:11px;font-weight:750;white-space:nowrap}.market-tab.active{background:var(--select);color:var(--green)}.watch-row{width:100%;background:transparent;border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;gap:8px;border-top:1px solid var(--line);color:var(--text)}.watch-row:hover{background:var(--hover)}.watch-row.active{background:var(--select)}.watch-row strong{display:block;font-size:12px;font-weight:800}.watch-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.watch-value{text-align:right}.watch-value strong{font-size:12px}.watch-value small{font-size:10px}.blank{color:var(--muted)!important}.leftfooter{padding:16px;border-top:1px solid var(--line)}.softbutton{border:1px solid var(--line);border-radius:9px;background:var(--secondary);color:var(--text);padding:9px 13px;font-weight:700;font-size:12px}.softbutton.full{width:100%}.maincol,.rightcol{display:flex;flex-direction:column;gap:17px;min-width:0}.summary{padding:22px 23px 17px}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.4px}.assettitle{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:9px}.assettitle h1{font-size:28px;line-height:1.18;letter-spacing:-1px;margin:0}.assettitle .sub{font-size:12px;color:var(--muted);margin-top:8px}.price{font-size:36px;font-weight:800;letter-spacing:-1.6px;margin-top:22px}.price small{font-size:14px;font-weight:600;color:var(--muted)}.pricedetail{color:var(--muted);font-size:11px;margin-top:7px}.subtitle{font-size:12px;color:var(--muted)}.status{font-size:10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);padding:7px 10px;white-space:nowrap}.status.live{color:var(--green);border-color:var(--green)}.chartpanel{overflow:hidden}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:17px 21px;border-bottom:1px solid var(--line)}.periods{display:flex;gap:5px;flex-wrap:wrap}.period{padding:8px 11px;font-size:11px;font-weight:700;border:0;background:transparent;color:var(--muted);border-radius:7px}.period.active{background:var(--select);color:var(--green)}.chart-actions{display:flex;gap:7px}.chartstage{height:347px;position:relative;margin:8px 16px 0;display:flex;align-items:center;justify-content:center}.emptychart{text-align:center;max-width:350px;color:var(--muted);padding:20px}.emptychart .illustration{width:72px;height:72px;margin:auto auto 16px;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;font-size:30px;background:var(--secondary);color:var(--green)}.emptychart h3{font-size:15px;color:var(--text);margin:0 0 10px}.emptychart p{font-size:12px;line-height:1.7;margin:0 0 14px}.chartsvg{width:100%;height:100%;overflow:visible}.chart-caption{border-top:1px solid var(--line);padding:13px 18px;font-size:11px;color:var(--muted);display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.stat{padding:17px 21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat:nth-child(4n){border-right:none}.stat small{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.stat strong{font-size:14px}.sectionheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.belowpanel{padding:20px}.indicatorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.indicator{border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--secondary)}.indicator strong{font-size:12px}.indicator p{font-size:11px;color:var(--muted);margin:7px 0 0}.rightpanel{padding:18px}.rightpanel h2{font-size:14px;margin:0 0 16px}.analysischip{font-size:10px;font-weight:700;padding:6px 8px;border-radius:5px;background:var(--secondary);color:var(--muted)}.analysistile{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.analysistile strong{font-size:12px}.analysistile small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.notice{background:var(--secondary);border-radius:10px;padding:13px;font-size:11px;color:var(--muted);line-height:1.7}.notice strong{color:var(--text)}.settinglabel{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.field{width:100%;background:var(--secondary);border:1px solid var(--line);border-radius:9px;padding:11px;color:var(--text);font-size:12px}.settingsform{display:grid;gap:10px}.footer{padding:12px 25px 90px;color:var(--muted);font-size:11px;text-align:center}.mobile-nav{display:none}.snackbar{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#172938;color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;z-index:60;box-shadow:0 12px 30px #0004}.hidden{display:none!important}.up{color:var(--green)}.down{color:var(--red)}.favourite{color:var(--green)}
@media(max-width:1200px){.layout{grid-template-columns:224px minmax(380px,1fr);gap:13px;padding:16px}.rightcol{grid-column:2;display:grid;grid-template-columns:1fr 1fr;align-items:start}.navigation{gap:14px}.topbar{gap:16px;padding:0 18px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2n){border-right:none}.stat:nth-child(4n){border-right:none}}
@media(max-width:760px){.topbar{height:62px;padding:0 16px;gap:10px}.brand{font-size:15px}.brand small{font-size:8px}.logo{height:32px;width:32px}.navigation{display:none}.header-right{gap:7px}.searchbox{height:34px;padding:0 9px}.searchbox input{width:90px}.header-right .iconbutton{height:34px;min-width:34px}.search-pop{right:12px;top:55px;width:calc(100vw - 24px);max-width:none}.layout{display:flex;flex-direction:column;gap:11px;padding:12px 10px}.left-panel{position:static;display:none}.maincol,.rightcol{gap:11px}.rightcol{display:flex}.summary{padding:18px 17px}.assettitle h1{font-size:23px}.price{font-size:32px;margin-top:17px}.chart-toolbar{padding:11px;gap:8px}.period{padding:8px 9px}.chartstage{height:275px;margin:6px 8px 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:15px}.indicatorgrid{grid-template-columns:repeat(2,1fr)}.belowpanel{padding:16px}.rightpanel{padding:16px}.footer{padding-bottom:105px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(67px + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);justify-content:space-around;background:var(--panel);border-top:1px solid var(--line);z-index:25}.mobilenavbtn{border:0;background:none;color:var(--muted);min-width:53px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;font-size:10px}.mobilenavbtn span{font-size:19px}.mobilenavbtn.active{color:var(--green)}.mobile-watch-visible .left-panel{display:block}.mobile-watch-visible .maincol,.mobile-watch-visible .rightcol{display:none}.mobile-settings-visible .maincol,.mobile-settings-visible .left-panel{display:none}.mobile-market-visible .left-panel{display:block}.mobile-market-visible .maincol,.mobile-market-visible .rightcol{display:none}.snackbar{bottom:85px;width:max-content;max-width:90vw}.chart-caption{font-size:10px}}