/* A normal first section, not a loading overlay. Content is readable without JavaScript. */
.opening-screen{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100svh;box-sizing:border-box;padding:84px max(24px,env(safe-area-inset-right)) 96px max(24px,env(safe-area-inset-left));background:var(--paper,#f5f5f5);color:var(--ink,#171918)}
.opening-lockup{display:flex;align-items:center;justify-content:center;gap:24px;max-width:100%;opacity:1;transform:none;animation:ikd-opening-in .95s cubic-bezier(.22,.61,.36,1) both}
.opening-logo{display:block;width:36px;height:27px;object-fit:contain;flex:none}
.opening-name{margin:0;max-width:min(70vw,620px);font:400 17px/1.6 IKMono,IKInterface,monospace;letter-spacing:.24em;overflow-wrap:anywhere}
.opening-scroll{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:72px;min-height:52px;padding:8px 12px;color:var(--muted,#555555);font:400 9px/1.5 IKMono,monospace;letter-spacing:.12em;text-decoration:none}
.opening-scroll-line{display:block;width:1px;height:24px;background:currentColor;position:relative}
.opening-scroll-line:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.opening-scroll:hover{color:var(--ink,#171918)}
#site-start:focus-visible{outline:2px solid var(--ink,#171918);outline-offset:-3px}
@keyframes ikd-opening-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.admin-bar .opening-screen{min-height:calc(100vh - 32px);min-height:calc(100svh - 32px)}
@media(max-width:782px){.admin-bar .opening-screen{min-height:calc(100vh - 46px);min-height:calc(100svh - 46px)}}
@media(max-width:700px){.opening-lockup{gap:19px}.opening-logo{width:32px;height:24px}.opening-name{font-size:15px;letter-spacing:.2em}.opening-scroll{bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-height:480px){.opening-screen{padding-top:48px;padding-bottom:84px}.opening-scroll{bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.opening-scroll-line{height:18px}}
@media(prefers-reduced-motion:reduce){.opening-lockup{animation:none;opacity:1;transform:none}}