/* Starblind Studios — public site styles. Minimalist / futuristic, dark + neutral gray accent. */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; background: var(--bg); overscroll-behavior: none; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; min-height: 100vh; display: flex; flex-direction: column; overscroll-behavior: none; /* no rubber-band / bounce when the scroll hits the top or bottom */ } img { max-width: 100%; display: block; } a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3 { font-family: var(--display); line-height: 1.15; font-weight: 700; } :focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); } /* text fields show focus via border-color only — no double focus ring/box */ input:focus, select:focus, textarea:focus, [contenteditable="true"]:focus, input:focus-visible, select:focus-visible, textarea:focus-visible, [contenteditable="true"]:focus-visible { box-shadow: none; } /* Terminal-style text caret in every input: tinted block cursor, native blink. caret-shape is progressive — a real block where supported, a tinted line elsewhere. */ input, textarea, [contenteditable="true"], .rte { caret-color: var(--accent-bright); caret-shape: block; } .tw-caret { display: inline-block; color: var(--accent-bright); margin-left: 1px; animation: twblink 1s steps(1) infinite; } @keyframes twblink { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } } .wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 24px; } .wrap-narrow { max-width: var(--wrap-narrow); } .site-main { flex: 1 0 auto; position: relative; z-index: 1; } /* ── Page transitions ────────────────────────────────────── Handled by reveal.js: cards build IN left-to-right as a plexus-style graph mesh (matching the background), and dissolve OUT the same way on navigation. The critical inline