:root {
  --rn-bg: #07111f;
  --rn-bg-2: #0b1d31;
  --rn-panel: rgba(14, 31, 51, .88);
  --rn-panel-strong: #112943;
  --rn-line: rgba(149, 184, 213, .18);
  --rn-text: #e7f0f7;
  --rn-muted: #91a8bd;
  --rn-cyan: #67e8f9;
  --rn-blue: #8cbcff;
  --rn-green: #54dfac;
  --rn-t-xs: 11px;
  --rn-t-sm: 13px;
  --rn-t-md: 15px;
  --rn-t-lg: 20px;
  --rn-t-xl: 34px;
}
html { background: var(--rn-bg); color-scheme: dark; }
body {
  color: var(--rn-text) !important;
  background: radial-gradient(circle at 8% -10%, rgba(84,223,172,.12), transparent 30rem), radial-gradient(circle at 96% 0%, rgba(75,130,255,.16), transparent 34rem), linear-gradient(180deg, var(--rn-bg-2), var(--rn-bg)) !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif !important;
}
body::before { opacity: .22 !important; background-image: linear-gradient(rgba(103,232,249,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(103,232,249,.08) 1px, transparent 1px) !important; background-size: 34px 34px !important; }
.site-head { background: rgba(7,17,31,.82) !important; border-bottom-color: var(--rn-line) !important; box-shadow: 0 14px 34px rgba(0,0,0,.18); }
.site-head-inner { width: min(1180px, calc(100% - 36px)) !important; min-height: 68px; }
.site-name { color: var(--rn-text) !important; font-family: Inter, ui-sans-serif, sans-serif !important; letter-spacing: .08em !important; }
.site-actions { color: var(--rn-muted) !important; }
.site-current { color: var(--rn-cyan) !important; }
.site-nav { gap: 7px !important; }
.site-nav { flex-wrap: wrap !important; align-items: center !important; width: 100%; }
.site-nav a { padding: 7px 10px !important; border: 1px solid transparent; border-radius: 999px; color: var(--rn-muted) !important; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.site-nav a, .site-nav span { white-space: nowrap; word-break: keep-all; }
.site-nav a:hover, .site-nav a:focus-visible, .site-nav a.is-active { color: var(--rn-text) !important; border-color: rgba(103,232,249,.35); background: rgba(103,232,249,.09); }
.shell { width: min(1180px, calc(100% - 36px)) !important; }
.hero { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--rn-line) !important; border-radius: 22px !important; background: linear-gradient(145deg, rgba(18,48,76,.92), rgba(8,24,42,.90)) !important; box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(103,232,249,.10), transparent 38%), radial-gradient(circle at 84% 12%, rgba(84,223,172,.14), transparent 13rem); }
.eyebrow, .card-kicker, .section-count, .section-dock-label { color: var(--rn-cyan) !important; }
.hero h1, .hero h2, .section-title, .section-head h2, h1, h2, h3 { color: var(--rn-text) !important; letter-spacing: -.035em; }
.hero-copy, .hero-copy p, .hero-side, .subhead, .summary, .context-summary, .site-note { color: var(--rn-muted) !important; }
.hero-actions a, .hero-cta { border-radius: 999px !important; }
.hero-cta-primary { color: #06151c !important; background: var(--rn-cyan) !important; box-shadow: 0 8px 20px rgba(103,232,249,.16); }
.hero-cta-secondary { color: var(--rn-text) !important; border-color: rgba(149,184,213,.28) !important; background: rgba(255,255,255,.05) !important; }
.hero-art { border-color: rgba(103,232,249,.25) !important; background: rgba(4,14,25,.32) !important; }
.hero-art-grid { opacity: .7 !important; background-image: linear-gradient(rgba(103,232,249,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(103,232,249,.15) 1px, transparent 1px) !important; }
.hero-core { box-shadow: 0 0 0 12px rgba(103,232,249,.08), 0 0 45px rgba(103,232,249,.32) !important; }
.stats { gap: 9px !important; }
.stat { border: 1px solid var(--rn-line) !important; border-radius: 12px !important; background: rgba(5,17,30,.42) !important; }
.stat strong { color: var(--rn-cyan) !important; }
.stat span, .mode-line, .muted, .provenance, .source-line, .source-note { color: var(--rn-muted) !important; }
.content-nav-card, .note-index-card, .knowledge-card, .music-card, .quote-card, .understanding-card, .review-card, .relation-card, .event-card, .source-card, .connection-card, .diary-entry, .panel, .section, .context-grid, .research-entry, .completion-card, .proof-card, .update-card, .keyword-card {
  border: 1px solid var(--rn-line) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(17,40,64,.92), rgba(9,25,43,.90)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.12) !important;
}
.content-nav-card:hover, .note-index-card:hover, .knowledge-card:hover, .music-card:hover, .quote-card:hover, .relation-card:hover, .source-card:hover, .connection-card:hover { border-color: rgba(103,232,249,.45) !important; background: linear-gradient(145deg, rgba(22,53,82,.96), rgba(10,29,48,.94)) !important; }
.section-head, .catalog-head, .entry-head, .research-toolbar, .library-subhead { border-color: var(--rn-line) !important; }
.section-dock { border: 1px solid var(--rn-line) !important; border-radius: 999px !important; background: rgba(7,17,31,.72) !important; box-shadow: 0 10px 30px rgba(0,0,0,.14); }
.section-dock a, .tag, .badge, .status-badge { border-radius: 999px !important; }
.section-dock a.is-active, .category-filter.is-active { color: #06151c !important; background: var(--rn-cyan) !important; }
input, select, textarea { border: 1px solid var(--rn-line) !important; border-radius: 9px !important; color: var(--rn-text) !important; background: rgba(3,10,19,.48) !important; }
button { border-radius: 9px !important; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--rn-cyan) !important; outline-offset: 3px; }
table { border-color: var(--rn-line) !important; }
th { color: var(--rn-cyan) !important; background: rgba(103,232,249,.07) !important; }
td { border-color: var(--rn-line) !important; }
a { color: var(--rn-blue); }
.back-to-top { color: #06151c !important; background: var(--rn-cyan) !important; }
@media (max-width: 700px) {
  .site-head-inner, .shell { width: min(100% - 20px, 560px) !important; }
  .site-head-inner { min-height: 64px; }
  .site-actions { align-items: flex-start !important; }
  .site-nav { gap: 7px 8px !important; line-height: 1.4 !important; }
  .hero { border-radius: 16px !important; }
  .section-dock { border-radius: 12px !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }