@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");
:root { --bg: #0a0e14; --bg-pane: #0d1117; --fg: #cdd9e5; --fg-muted: #7d8590; --accent: #7ee787; --accent-secondary: #39c5cf; --border: #30363d; --titlebar: #161b22; --dot-red: #ff5f56; --dot-yellow: #ffbd2e; --dot-green: #27c93f; --code-bg: #161b22; --selection: rgba(126, 231, 135, 0.25); }

@media (prefers-color-scheme: light) { :root { --bg: #f6f8fa; --bg-pane: #ffffff; --fg: #24292f; --fg-muted: #57606a; --accent: #116329; --accent-secondary: #0a6e78; --border: #d0d7de; --titlebar: #e9ecef; --dot-red: #ff5f56; --dot-yellow: #ffbd2e; --dot-green: #27c93f; --code-bg: #f0f2f5; --selection: rgba(17, 99, 41, 0.15); } }

* { box-sizing: border-box; }

::selection { background: var(--selection); }

body { margin: 0; background: var(--bg); color: var(--fg); font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 16px; line-height: 1.65; }

#skip-to-content { position: absolute; left: -9999px; top: 0; background: var(--accent); color: var(--bg); padding: 0.5em 1em; z-index: 100; }

#skip-to-content:focus { left: 1em; top: 1em; }

a { color: var(--accent-secondary); text-decoration: underline dotted; text-underline-offset: 3px; }

a:hover, a:focus { text-decoration-style: solid; }

.page-header, .main-content, .site-footer { max-width: 800px; margin: 0 auto; padding: 0 20px; }

.page-header { padding-top: 40px; }

.terminal-window { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--bg-pane); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); }

@media (prefers-color-scheme: light) { .terminal-window { box-shadow: 0 8px 24px rgba(140, 149, 159, 0.2); } }

.terminal-titlebar { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--titlebar); border-bottom: 1px solid var(--border); }

.dot { width: 11px; height: 11px; border-radius: 50%; display: inline-block; }

.dot-red { background: var(--dot-red); }

.dot-yellow { background: var(--dot-yellow); }

.dot-green { background: var(--dot-green); }

.terminal-titlebar-label { margin-left: 8px; color: var(--fg-muted); font-size: 0.8em; }

.terminal-body { padding: 20px 24px 26px; }

.terminal-line { margin: 0 0 6px; color: var(--fg-muted); font-size: 0.9em; }

.prompt { color: var(--accent); margin-right: 0.5em; }

.project-name { margin: 0 0 18px; font-size: 1.8em; font-weight: 700; color: var(--fg); }

.cursor { display: inline-block; width: 0.55em; margin-left: 2px; background: var(--accent); animation: blink 1s steps(1) infinite; }

@media (prefers-reduced-motion: reduce) { .cursor { animation: none; } }

@keyframes blink { 50% { opacity: 0; } }

.project-tagline { margin: 0; font-size: 1em; font-weight: 400; color: var(--fg-muted); }

.main-content { padding-top: 28px; padding-bottom: 60px; }

.main-content h2 { margin-top: 2em; font-size: 1.15em; font-weight: 700; color: var(--fg); }

.main-content h2::before { content: "## "; color: var(--accent); }

.main-content h3 { margin-top: 1.6em; font-size: 1em; font-weight: 700; color: var(--fg); }

.main-content h3::before { content: "> "; color: var(--accent-secondary); }

.main-content p { color: var(--fg); }

.main-content code { font-family: inherit; background: var(--code-bg); border: 1px solid var(--border); border-radius: 4px; padding: 0.15em 0.4em; font-size: 0.9em; }

.main-content pre { background: var(--code-bg); border: 1px solid var(--border); border-radius: 6px; padding: 14px 16px; overflow-x: auto; }

.main-content pre code { background: none; border: none; padding: 0; }

.main-content hr { border: none; border-top: 1px dashed var(--border); margin: 2.5em 0; }

.site-footer { padding-bottom: 40px; color: var(--fg-muted); font-size: 0.8em; }

.site-footer p { margin: 0; padding-top: 16px; border-top: 1px dashed var(--border); }

/*# sourceMappingURL=style.css.map */