:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1a2735;background:#eef1f4;font-synthesis:none;--panel:#fff;--line:#e9edf1;--muted:#83909c;--green:#17836c;--red:#d34f62;--accent:#e9f6f0;--canvas:#fff}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #258d77;outline-offset:3px}button:hover{background:#edf2f5}button[hidden]{display:none}a{color:inherit;text-decoration:none}.workspace{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;flex-shrink:0;background:#101b27;color:#f7f9fa;display:flex;align-items:center;padding:0 28px;gap:24px}.brand{font-size:26px;font-weight:750;letter-spacing:1px;display:flex;align-items:center;gap:11px}.brand-icon{width:31px;height:34px;background:#a8e9cf;color:#142a2c;border-radius:9px;font-size:30px;line-height:30px;text-align:center;letter-spacing:-3px;padding-right:3px}.brand-dot{color:#a8e9cf}.divider{width:1px;height:25px;background:#34404c}.workspace-name{font-size:13px;letter-spacing:1px}.workspace-name small{display:block;font-size:8px;color:#8d9bab;letter-spacing:1.7px;margin-top:5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.source-badge{font-size:11px;color:#b8c8cf;display:flex;align-items:center;gap:8px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52b495}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:7px;font-size:21px;display:inline-grid;place-items:center;flex-shrink:0}.topbar .icon-button{border-color:#34404c}.topbar button:hover{background:#253343}.help-button{font-size:12px;color:#cbd4dd}.help-button span{padding-left:8px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1px;background:#e3e8ed;flex:1;min-height:0;margin:16px 16px 18px;border:1px solid #e0e6ea;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #25374a05}.chart-panel{display:flex;flex-direction:column;min-width:0;background:var(--panel)}.instrument-header{display:flex;gap:30px;align-items:center;padding:22px 24px;min-height:100px;border-bottom:1px solid var(--line)}.instrument{display:flex;align-items:center;gap:11px;flex-shrink:0}.coin-icon{height:42px;width:42px;display:grid;place-items:center;background:#fff3df;color:#d39436;border-radius:50%;font-size:26px}.instrument h1{font-size:19px;margin:0 0 6px;font-weight:650;letter-spacing:-.5px}.instrument div>span{font-size:11px;color:var(--muted)}.current-quote{display:flex;flex-direction:column;gap:5px;min-width:120px}.current-quote strong{font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px}.current-quote>span{font-size:11px;color:var(--muted)}.up{color:var(--green)!important}.down{color:var(--red)!important}.quote-stat{display:flex;flex-direction:column;gap:9px;font-size:11px;white-space:nowrap}.quote-stat span{color:var(--muted)}.quote-stat strong{font-weight:500;font-variant-numeric:tabular-nums}.instrument-header>.icon-button{margin-left:auto;color:var(--muted)}.interval-bar{display:flex;align-items:center;gap:5px;padding:12px 20px;border-bottom:1px solid var(--line);min-height:55px}.interval-label{font-size:11px;color:var(--muted);margin-right:12px}.interval-bar button{font-size:12px;padding:7px 11px;border-radius:5px;color:#667481;white-space:nowrap}.interval-bar button.active{color:#18715e;background:var(--accent);font-weight:650}.interval-tail{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.interval-tail span{margin:0 10px;color:#c9d0d6}.chart-stage{position:relative;flex:1;min-height:0;background:var(--canvas)}#chart-container{height:100%;width:100%}#loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--panel);font-size:12px;color:var(--muted)}#loading[hidden]{display:none}#loading strong{color:inherit;font-weight:500}.loader{height:28px;width:28px;border:2px solid var(--line);border-top-color:#24846c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-status{display:flex;align-items:center;gap:12px;min-height:33px;border-top:1px solid var(--line);padding:0 14px;font-size:10px;color:var(--muted)}#connection-status{display:flex;gap:7px;align-items:center}.status-right{margin-left:auto;white-space:nowrap}#retry-button{color:var(--green);font-size:11px}.watchlist{background:var(--panel);display:flex;flex-direction:column;padding:25px 18px;min-height:0;overflow:auto}.watchlist-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}.watchlist h2{font-size:17px;font-weight:600;margin:8px 0 0}#close-watchlist{display:none}.list-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:12px;padding:0 7px}.market-row{width:100%;display:flex;align-items:center;text-align:left;justify-content:space-between;padding:17px 10px;border-radius:7px;margin-bottom:5px;border:1px solid transparent}.market-row.selected{background:var(--accent);border-color:#d7ebdf}.market-row strong{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.market-row small{font-size:10px;color:var(--muted)}.market-row>span:last-child{text-align:right}.market-row .market-price{font-variant-numeric:tabular-nums}.watchlist-note{margin-top:auto;padding:30px 10px 20px}.note-icon{color:#608477;font-size:28px}.watchlist-note h3{font-size:13px;font-weight:500;margin:13px 0 9px}.watchlist-note p{color:var(--muted);font-size:11px;line-height:1.9}.note-tag{font-size:8px;letter-spacing:.8px;color:#8e9aa3}.data-caption{border-top:1px solid var(--line);padding:22px 7px 0;display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#697783}.data-caption i{margin-top:5px}.data-caption small{font-size:9px;color:var(--muted)}.mobile-nav{display:none}dialog{width:min(470px,calc(100vw - 32px));border:1px solid var(--line);border-radius:14px;padding:25px;background:var(--panel);color:inherit;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#101b2777;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:23px}dialog p,dialog li{font-size:13px;line-height:1.9;color:var(--muted)}dialog ul{padding-left:19px}.dialog-note{padding:14px;background:var(--accent);border-radius:8px}body.dark{--panel:#15212e;--canvas:#15212e;--line:#283747;--muted:#96a6b6;--green:#65c7a2;--red:#f08292;--accent:#233c3b;background:#0c1621;color:#d7e0e9}.dark .main-layout{background:#283747;border-color:#283747}.dark button:hover{background:#293c4e}.dark .market-row.selected{border-color:#31544c}.dark .interval-bar button.active{color:#97d7bf}.dark .coin-icon{background:#3c3428}.dark .interval-bar button{color:#a6b6c6}
@media(max-width:1100px){.main-layout{grid-template-columns:minmax(0,1fr) 238px}.instrument-header{gap:22px;padding:20px 16px}.quote-stat{display:none}.interval-tail{display:none}.watchlist{padding:24px 12px}}
@media(max-width:767px){.topbar{height:57px;padding:0 16px;gap:13px}.brand{font-size:22px;gap:7px}.brand-icon{width:26px;height:29px;font-size:26px;line-height:25px}.workspace-name{font-size:11px}.workspace-name small{display:none}.divider{height:20px}.top-actions{gap:8px}.source-badge{font-size:9px}.help-button{display:none}.topbar .icon-button{width:29px;height:29px;font-size:18px}.main-layout{display:flex;flex-direction:column;margin:0;border:0;border-radius:0}.chart-panel{flex:1;min-height:0}.instrument-header{min-height:79px;padding:14px 14px;gap:12px}.coin-icon{height:33px;width:33px;font-size:21px}.instrument{gap:8px}.instrument h1{font-size:15px;margin-bottom:5px}.instrument div>span{font-size:9px}.current-quote{margin-left:auto;min-width:0;align-items:flex-end}.current-quote strong{font-size:20px}.current-quote>span{font-size:10px}.instrument-header>.icon-button{display:none}.interval-bar{padding:8px 10px;gap:3px;min-height:45px;justify-content:space-between}.interval-label{display:none}.interval-bar button{font-size:11px;padding:7px 9px}.chart-status{padding:0 10px;font-size:9px;min-height:27px}.status-right{font-size:8px}.watchlist{display:none;position:fixed;z-index:5;top:57px;bottom:calc(54px + env(safe-area-inset-bottom));left:0;right:0;padding:23px}.watchlist.open{display:flex}#close-watchlist{display:grid}.watchlist-title{margin-bottom:22px}.watchlist-note{padding-top:20px}.mobile-nav{display:flex;flex-shrink:0;justify-content:space-around;align-items:center;background:var(--panel);border-top:1px solid var(--line);height:calc(54px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{display:flex;align-items:center;justify-content:center;gap:7px;width:30%;height:38px;color:var(--muted);font-size:19px;border-radius:7px}.mobile-nav button span{font-size:11px}.mobile-nav button.active{color:var(--green);background:var(--accent)}}
@media(max-height:520px) and (max-width:950px){.topbar{height:44px}.instrument-header{padding:8px 14px;min-height:56px}.interval-bar{min-height:36px;padding:3px 12px}.watchlist-note{display:none}.mobile-nav{height:40px}.watchlist{top:44px;bottom:40px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}