/* The greeting dissolves into square pixels over a stationary homepage. */
.entry-screen[hidden]{display:none!important}
html.entry-pending #site{visibility:hidden}
html.entry-pending::before{content:"";position:fixed;inset:0;z-index:39;background:#e8e8e8}
.entry-screen{position:fixed;inset:0;z-index:40;isolation:isolate;overflow:hidden;color:#262626}
.entry-surface{position:absolute;inset:0;background:#e8e8e8}
.entry-pixels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.entry-center{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}
.entry-greeting{position:relative;width:100%;height:1.6em;font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.6;letter-spacing:.03em}
.entry-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap}
.entry-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
.entry-name{opacity:0}
.entry-playing .entry-hello{animation:entry-hello 1000ms ease both}
.entry-playing .entry-name{animation:entry-name 680ms cubic-bezier(.22,1,.36,1) 940ms both}
.entry-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#5d5d5d;font-size:14px;line-height:1.5}
.entry-skip:hover{color:#262626;background:#0000000d}
.entry-skip:focus-visible{outline:2px solid #5d5d5d;outline-offset:3px}
.entry-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes entry-hello{0%{opacity:0;transform:translateY(8px)}25%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-6px)}}
@keyframes entry-name{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.entry-word{gap:12px}.entry-skip{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html.entry-pending #site{visibility:visible}html.entry-pending::before{display:none}.entry-screen{display:none}.entry-screen *{animation:none!important}}