:root {
  --yt-bg: #0f0f0f;
  --yt-card: #272727;
  --yt-card-hover: #3f3f3f;
  --yt-border: #303030;
  --yt-text: #f1f1f1;
  --yt-text-secondary: #aaa;
  --yt-accent: #3ea6ff;
  --yt-radius: 12px;
  --yt-radius-sm: 8px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--yt-bg);
  color: var(--yt-text);
  font-family: "Roboto", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font-family: inherit; }

.yt-container {
  max-width: 1800px;
  margin: 0 auto;
  padding: 24px;
}