body { margin: 0px; padding: 0px; }
    .upbit-vp-wrapper {
        --card-bg: #040b1b;
        --border-color: rgba(255,255,255,0.08);
        --text-main: #f8fafc;
        --text-muted: #94a3b8;
        --accent-blue: #38bdf8;
        --bull-color: #a7f365;
        --bear-color: #ff5959;
        font-family: 'Inter', -apple-system, sans-serif;
        background-color: var(--bg-color);
        color: var(--text-main);
        box-sizing: border-box;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }
    .upbit-vp-wrapper *, .upbit-vp-wrapper *::before, .upbit-vp-wrapper *::after { box-sizing: border-box; }
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to   { opacity: 1; transform: translateY(0); }
    }
    .upbit-vp-wrapper.reveal { 
        border:1px solid #2a3458;
        border-radius: 4px;
        animation: fadeInUp 0.8s cubic-bezier(0.2,0.8,0.2,1) forwards;
    }
    .upbit-vp-wrapper #coin-select {
        background: #1e293b; color: #fff; border: 1px solid var(--border-color);
        padding: 10px 20px; border-radius: 5px; font-size: 15px;
        font-weight: 700; cursor: pointer; outline: none; transition: all 0.3s;
    }
    .upbit-vp-wrapper #coin-select:hover { border-color: var(--accent-blue); }
    .upbit-vp-wrapper .wrapper { display: flex; gap: 20px; height: 140px; }
    .upbit-vp-wrapper #price-box { width: 110px; height: 100%; position: relative; border-right: 1px solid var(--border-color); margin-top: 10px; }
    .upbit-vp-wrapper .price-label {
        position: absolute; right: 15px; font-size: 11px; color: var(--text-muted);
        font-family: 'JetBrains Mono', monospace; font-weight: 500;
        white-space: nowrap; height: 14px; line-height: 14px; margin-top: -7px; z-index: 2;
    }
    .upbit-vp-wrapper #vp-box {
        position: relative; flex: 1; height: 100%;
        background: var(--card-bg); border: 1px solid var(--border-color);
        border-radius: 5px; overflow: hidden; box-shadow: inset 0 0 40px rgba(0,0,0,0.2);
    }
    .upbit-vp-wrapper .vp-bar {
        position: absolute; left: 0; border-radius: 0 4px 4px 0;
        transition: width 0.1s ease; opacity: 0.7;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .upbit-vp-wrapper .vp-bar:hover { opacity: 1; filter: brightness(1.2); z-index: 10; }
    .upbit-vp-wrapper #current-price-line {
        position: absolute; left: 0; width: 100%; height: 2px;
        background: var(--accent-blue); z-index: 50; pointer-events: none;
        transition: top 0.1s ease; box-shadow: 0 0 15px rgba(58,143,255,0.6);
    }
    .upbit-vp-wrapper #current-price-tag {
        position: absolute; right: 10px; top: -12px;
        background: var(--accent-blue); color: #000;
        padding: 4px 10px; font-size: 12px;
        font-family: 'JetBrains Mono', monospace;
        border-radius: 4px; 
        font-weight: 800;
        box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    }

    .wrapper_box {
        background: #1a1f3a;
    }
    .box_Title {
        color: #818cec;
        font-weight: 700;
        margin: 0px;
        padding: 10px 20px;
    }
    .wrapper { 
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 10px 10px 20px rgba(59, 130, 246, 0.3);
        padding: 5px 10px 10px 0px;
        
    }
    .upbit-vp-wrapper.reveal:hover { 
        box-shadow: 10px 10px 20px rgba(59, 130, 246, 0.3);
        transition: all 0.3s ease;
    }
    .upbit-vp-wrapper.reveal:hover { 
        border: 1px solid #3b82f6;
        border-radius: 4px;
        transition: all 0.3s ease;
    }