:root { color-scheme: dark; background: #000; color: #d3ccde; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: #000; }
body { min-height: 100svh; overflow: hidden; }
.entry { position: fixed; inset: 0; display: grid; place-content: center; justify-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity .7s ease; }
.entry.is-ready { opacity: 1; visibility: visible; }
.enter-eye { display: grid; gap: 22px; padding: 24px 48px; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.entry-mark { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(56px, 12vw, 108px); font-weight: 400; letter-spacing: -.055em; line-height: 1; }
.entry-action { color: #8f879d; font-size: 11px; letter-spacing: .25em; text-transform: uppercase; transition: color .25s ease; }
.enter-eye:hover .entry-action { color: #eee6fa; }
.enter-eye:focus-visible, .home:focus-visible { outline: 1px solid #aaa0ba; outline-offset: 8px; border-radius: 2px; }
#entryStatus { max-width: 34ch; min-height: 1.5em; margin: 22px 0; font-size: 12px; line-height: 1.7; text-align: center; color: #ab9ab8; }
.home { position: absolute; bottom: max(32px, env(safe-area-inset-bottom)); color: #756c82; text-decoration: none; font-size: 11px; letter-spacing: .12em; transition: color .25s ease; }
.home:hover { color: #c9bed9; }
.no-script { position: fixed; inset: 45% 24px auto; margin: 0; text-align: center; font-size: 14px; }
@media (prefers-reduced-motion: reduce) { .entry, .entry-action, .home { transition: none; } }