:root{color-scheme:dark;--bg:#10151e;--panel:#151d29;--border:#2c3748;--text:#ecf1f7;--muted:#a1adc0;--accent:#f5b44f;--up:#4bd3ae;--down:#ff8186;font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{border-bottom:1px solid var(--border)}.header-inner,main{width:min(100%,1480px);margin:auto;padding:0 clamp(14px,3vw,46px)}.header-inner{height:60px;display:flex;align-items:center;gap:15px}.brand{font-size:15px;font-weight:800;letter-spacing:.13em}.site-label{color:var(--muted);font-size:13px;border-left:1px solid var(--border);padding-left:15px}.market{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(22px,3vw,38px) 0}.instrument,.quote{display:flex;align-items:center;gap:13px}.instrument h1{font-size:clamp(22px,3vw,32px);line-height:1.2;letter-spacing:-.05em;margin:0}.instrument p{font-size:13px;color:var(--muted);margin:6px 0 0}.instrument p span{margin:0 4px;color:#73839b}.coin{width:43px;height:43px;border-radius:50%;background:var(--accent);color:#292016;text-align:center;font:bold 30px/43px Georgia,serif}.quote{gap:6px;align-items:baseline;font-variant-numeric:tabular-nums}.quote strong{font-size:clamp(23px,3vw,36px);letter-spacing:-.045em}.quote span{font-size:12px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.toolbar,.status-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.toolbar{padding:10px 15px;border-bottom:1px solid var(--border)}.periods{display:flex;align-items:center;gap:3px;flex-wrap:wrap}button{appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);font:600 13px/1.2 inherit;font-family:inherit;padding:7px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}button:hover{background:#253246;color:var(--text)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.periods button[aria-pressed=true]{background:#423727;color:#ffca78}.legend{padding:10px 16px;display:flex;gap:9px 16px;flex-wrap:wrap;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);border-bottom:1px solid #212c3c}.legend b{font-weight:600;color:#d4dce8}.legend time{color:#d4dce8}.plot{position:relative;height:clamp(340px,64vh,840px)}#chart{width:100%;height:100%}#notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 16px;background:#10151eea;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:14px;text-align:center;max-width:85%}#notice[hidden]{display:none}.status-line{border-top:1px solid var(--border);padding:7px 14px;color:var(--muted);font-size:12px}.status-line div{display:flex;align-items:center;gap:8px}.zone{letter-spacing:.08em;font-size:11px}footer{padding:14px 2px 22px;display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;color:var(--muted);font-size:12px}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:640px){.header-inner{height:46px}.market{align-items:flex-start;flex-direction:column;gap:10px}.instrument{gap:10px}.coin{width:35px;height:35px;font-size:25px;line-height:35px}.toolbar{padding:8px 6px;align-items:flex-start}.periods{gap:0}button{padding:7px 6px}.legend{padding:8px 10px;gap:5px 9px}.plot{height:clamp(340px,54vh,620px)}.status-line{padding:6px 9px}.zone{display:none}footer{font-size:11px}}
:root #venue{background:#1b2736;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:3px 4px;font-family:inherit}