:root{
  --bg:#10151b; --panel:#161d25; --panel2:#1c242e; --line:#2a3541;
  --txt:#cfd8e0; --dim:#7d8b98; --accent:#39c5e6; --mark:#e6a839;
  --mono:'Consolas','D2Coding',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font:14px/1.5 'Malgun Gothic','Noto Sans KR',sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden}
.overlay{position:absolute;inset:0;background:rgba(5,8,11,.55);display:none;z-index:30}
.overlay.open{display:block}
.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,92%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;max-height:86%;overflow-y:auto}
.card h3{font-size:16px}
.card h3 .pn{font:11px var(--mono);color:var(--dim)}
.card table{width:100%;margin-top:12px;border-collapse:collapse;font-size:12.5px}
.card td,.card th{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left}
.card td:first-child{color:var(--dim)}
.card th{color:var(--dim);font-weight:400;font-size:11px}
.card .note{margin-top:12px;font-size:12px;color:var(--dim)}
.closeX{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer}
.closeX:hover{color:#fff}