* { margin: 0; padding: 0; }
body { 
    color: #a0c4ff; 
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0px;
    padding: 0px; 
}
.wrap { 
    max-width: 100%; 
    margin: 0px; 
}
.chart-wrap { 
    position: relative; 
    background: #040b1b; 
    border: 1px solid #2a3458; 
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    overflow: hidden; 
}
canvas#whaleChart { 
    display: block; 
    width: 100%;
    cursor: grab;
}
canvas#whaleChart:active { 
    cursor: grabbing;
}
#tooltip { 
    position: absolute; 
    background: rgba(4,11,27,0.95); 
    border: 1px solid #1e3a5f; 
    color: #a0c4ff; 
    font-size: 13px; 
    padding: 6px 14px; 
    border-radius: 6px; 
    pointer-events: none; 
    display: none; 
    white-space: nowrap; 
}
.info-area { 
    display: flex;
    background: #060f1f; 
    border: 1px solid #2a3458; 
    border-top: 0px;
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
    padding: 16px 20px; 
    font-size: 13px; 
    color: #4a6a8a; 
    line-height: 1.8; 
    justify-content: center; 
    gap: 20px; 
}
.info-area span { color: #6a9aaa; }