:root {
  --bg: #0f1115; --panel: #181b22; --line: #2a2f3a; --text: #eef0f4; --dim: #8a92a3;
  --open: #f5b942; --doing: #5aa9ff; --solved: #3ccf8e; --live: #ff6b8b;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif; }
button, input, select, textarea { font: inherit; }
.tag { display: inline-block; font-size: .72em; padding: .15em .55em; border-radius: 99px; border: 1px solid var(--line); color: var(--dim); }
.tag.open { color: var(--open); border-color: var(--open); }
.tag.doing { color: var(--doing); border-color: var(--doing); }
.tag.solved { color: var(--solved); border-color: var(--solved); }
.tag.live { color: var(--live); border-color: var(--live); }