* { margin:0; padding:0; box-sizing:border-box; }

body {
  background: var(--bg);
  font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  display: flex; justify-content: center; align-items: center;
  min-height: 100vh; padding: 20px;
  color: var(--text); transition: background 0.3s, color 0.3s;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); border-radius: 3px; }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; transition: background 0.2s; }
::-webkit-scrollbar-thumb:hover { background: #999; }
textarea::-webkit-scrollbar, .log-content::-webkit-scrollbar { width: 6px; }

.app-wrapper {
  display: flex; flex-direction: column; align-items: center;
  width: 100%; max-width: 780px; gap: 16px;
}

.footer-note { font-size: 0.7rem; color: var(--footer-text); letter-spacing: 0.08em; text-align: center; }