@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=JetBrains+Mono:wght@500;800&family=Noto+Sans+KR:wght@300;700;900&display=swap');

:root {
    --neon-cyan: #5197f3; 
    --neon-pink: #ff2d55; 
    --n-green: #00ff00; 
    --neon-gold: #ffcc00;
    --bg-dark: #0f172a; 
    --panel-bg: #161b22; 
    --border-dark: #161e38;
}

body { 
    background: var(--bg-dark); 
    color: #e6edf3; 
    font-family: 'Noto Sans KR', sans-serif; 
    margin: 0; 
}
.coin_list { padding:50px; }

h2 {
    text-align: center; 
    color: var(--neon-cyan); 
    font-family: 'Orbitron', sans-serif;
    font-size: 50px; 
    margin-bottom: 30px; 
    letter-spacing: 5px; 
    font-weight: 900;
    text-transform: uppercase; 
    border-bottom: 1px solid #1a2344; 
    padding-bottom: 20px;
}

h2 img {
    height: 80px;
}

table {
    width: 100%; 
    border-collapse: separate; 
    border-spacing: 0;
    background: var(--panel-bg); 
    border-radius: 5px; 
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0,0,0,0.7);
}
th {
    background: #040b1b; color: #8b949e; padding: 18px 5px; font-size: 12px;
    font-weight: 700; border-bottom: 1px solid var(--border-dark); text-transform: uppercase;
    text-align: center;
}
td { padding: 12px 8px; border-bottom: 1px solid #21262d; vertical-align: middle; }

.font-mono { font-family: 'JetBrains Mono', monospace; }
.text-right { text-align: right; } .text-center { text-align: center; } .text-left { text-align: left; }
.col-symbol { color: var(--n-green); font-weight: 800; font-size: 13px; }
.col-name { color: #fff; font-size: 13px; font-weight: 500; }
.score-box { font-size: 18px; font-weight: 800; border-radius: 4px; }
.score-hot { color: var(--neon-pink); text-shadow: 0 0 10px var(--neon-pink); }
.score-warm { color: var(--neon-gold); }
.score-cold { color: #484f58; }
.pulse-up { color: var(--neon-pink); animation: beat 0.8s infinite alternate; }
.pulse-down { color: var(--neon-cyan); opacity: 0.7; }
@keyframes beat { from { transform: scale(1); } to { transform: scale(1.2); } }

/* 페이지네이션 */
.paging { display:flex; justify-content:center; align-items:center; gap:6px; margin-top:20px; flex-wrap:wrap; }
.paging button {
    height:34px; padding:0 14px; border-radius:4px; border:1px solid var(--border-dark);
    background:#21262d; color:#8b949e; font-size:13px; cursor:pointer; transition:0.2s;
    font-family:'JetBrains Mono',monospace;
}
.paging button:hover { border-color:var(--neon-cyan); color:var(--neon-cyan); }
.paging button.cur { background:#0e3a56; border-color:var(--neon-cyan); color:var(--neon-cyan); font-weight:700; }
.paging button:disabled { opacity:0.3; cursor:default; }

.manual-section {
    margin-top: 40px; background: #0d1117; border: 1px dashed var(--border-dark);
    padding: 25px; border-radius: 5px; line-height: 1.8;
}
.manual-title { color: var(--neon-cyan); font-weight: 900; font-size: 1.1rem; margin-bottom: 15px; }
.manual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; font-size: 0.85rem; color: #8b949e; }
.manual-content b { color: var(--neon-pink); }
.up { color: var(--neon-pink); } .down { color: var(--neon-cyan); }
.dim { opacity: 0.55; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; border: 2px solid #0d1117; }
::-webkit-scrollbar-thumb:hover { background: #8b949e; }