:root{
  --bg:#0b1220; --fg:#dbe8ff; --muted:#0f1724; --br:#1f2a3b;
  --pos:#a7f3c3; --neg:#ffb3b3; --sub:#9fb0c3; --tag:#102132; --tag2:#1a2740;
}
*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,AppleSDGothicNeo,Segoe UI,Roboto,Helvetica,Arial;line-height:1.55;margin:0;font-size:14px}
.wrap{max-width:1200px;margin:0 auto;padding:16px}
.badge{background:#0f1724;border:1px solid var(--br);border-radius:999px;padding:6px 12px;font-size:13px;color:#cfe0ff}
.spacer{flex:1}
.card{background:var(--muted);border:1px solid var(--br);border-radius:14px;padding:14px;margin:10px 0}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:1100px){.grid4{grid-template-columns:repeat(2,1fr)} .grid2{grid-template-columns:1fr}}
.box{background:#0f1724;border:1px solid var(--br);border-radius:12px;padding:12px}
.label{font-size:13px;color:var(--sub)} .value{font-size:24px;font-weight:800} .sub{color:var(--sub)}
select,btn{background:#0f1724;border:1px solid var(--br);color:#cfe0ff;border-radius:10px;padding:6px 10px}
.btn{cursor:pointer} input[type=file]{display:none}
h2{margin:0 0 8px 0;font-size:18px}
.controls{display:flex;gap:10px;align-items:center;margin-bottom:8px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid var(--br);white-space:nowrap;font-size:14px}
th{font-weight:700;color:#cfe0ff;text-align:center;user-select:none}
td{vertical-align:middle} td.left{text-align:left} td.center{text-align:center} td.right{text-align:right}
tfoot td{font-weight:700;border-top:1px solid var(--br)}
.sum{background:rgba(255,255,255,.03)}
.good{color:var(--pos)} .bad{color:var(--neg)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0b1322;border:1px solid #253044;color:#dbe8ff;padding:8px 12px;border-radius:10px;display:none;z-index:10}

/* ====== DiviTracker 푸터 경고문(A형) ====== */

.site-footer-wrapper {
  max-width: 920px;
  margin: 0 auto;
  padding: 32px 20px 20px;
  text-align: left;
  line-height: 1.65;
  color: #9aa4b2;
}

.footer-intro {
  font-size: 14px;
  margin-bottom: 24px;
  color: #cdd4e0;
}

.site-disclaimer {
  background: #0f1b2b;
  padding: 22px;
  border-radius: 10px;
  border: 1px solid #253044;
  font-size: 13px;
  color: #9aa4b2;
  line-height: 1.7;
}

.site-disclaimer strong {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  color: #dbe4f0;
}

@media (max-width: 600px) {
  .site-footer-wrapper {
    padding: 24px 16px;
  }
  .site-disclaimer {
    padding: 18px;
  }
}