/* 🐷 Chokdi Dark Premium theme — BroadcastChannel override */
/* Dark navy + orange accent + cyan — ala panel.ano99.com! */
:root {
  --width: 820px;
  --body-padding-inline: 1.25rem;
  --font-main: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-secondary: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-scale: 1em;

  --background-color: #0a0e1a;
  --heading-color: #f3f4f6;
  --text-color: #e5e7eb;
  --link-color: #60a5fa;
  --visited-color: #a78bfa;
  --code-background-color: #111827;
  --code-color: #7dd3fc;
  --blockquote-color: #d1d5db;

  --accent-color: #ff6b35;
  --border-color: rgba(255, 255, 255, 0.08);
  --link-hover-color: #22d3ee;
  --muted-color: #9ca3af;
  --surface-color: #111827;
  --reaction-paid-color: #fbbf24;
  --reaction-paid-border-color: rgba(251, 191, 36, 0.3);
  --reaction-paid-background-color: #1a2332;

  --shadow-soft:
    0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3),
    0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Extra polish — dark premium */
body {
  background: linear-gradient(180deg, #0a0e1a 0%, #0d1526 100%);
  background-attachment: fixed;
}

header, .site-header, nav {
  background: #0d1526 !important;
  border-bottom: 1px solid rgba(255, 107, 53, 0.2) !important;
}

a {
  transition: color 0.2s ease;
}
a:hover {
  color: var(--link-hover-color);
}

.post, article, .feed-item, .message {
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: #111827 !important;
}

img {
  border-radius: 10px;
}

code, pre {
  border-radius: 8px;
}

blockquote {
  border-left: 3px solid var(--accent-color) !important;
  background: rgba(255, 107, 53, 0.06);
  border-radius: 0 8px 8px 0;
}

::selection {
  background: rgba(255, 107, 53, 0.35);
}

/* 🗂️ Sidebar kanan (menu sayasuka99!) */
.chokdi-sidebar {
  position: fixed;
  top: 90px;
  right: 20px;
  width: 200px;
  background: #111827;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 16px;
  z-index: 50;
}
.chokdi-sidebar a {
  display: block;
  color: #9ca3af;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 2px;
  transition: all 0.2s;
}
.chokdi-sidebar a:hover {
  background: rgba(255,107,53,0.12);
  color: #ff6b35;
}
.chokdi-sidebar .search-box {
  margin-top: 10px;
}
.chokdi-sidebar .search-box input {
  width: 100%;
  background: #0a0e1a;
  border: 1px solid rgba(255,255,255,0.1);
  color: #e5e7eb;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  outline: none;
}
.chokdi-sidebar .search-box input:focus {
  border-color: #ff6b35;
}
.chokdi-sidebar .powered {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  color: #6b7280;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  .chokdi-sidebar { display: none; }
}