.arrival{--gr-paper:#f4e0a4;--gr-ink:#3b2f12;--gr-rule:#d9c37f;--ease-out:cubic-bezier(.23, 1, .32, 1);max-width:26rem;margin:0 auto}.arrival:not([data-door]){max-width:none}.arrival:not([data-door]) .ar-sheet{max-width:30rem}@media (prefers-color-scheme:dark){.arrival{--gr-paper:#2e2716;--gr-ink:#efdca6;--gr-rule:#514526}}main:has(>.arrival[data-door]){flex-direction:column;justify-content:center;min-height:100svh;padding:2rem 1.25rem;display:flex}.arrival .ar-sheet{background:var(--paper);border:1px solid var(--rule);transition:background-color .42s var(--ease-out), border-color .42s var(--ease-out), color .42s var(--ease-out);border-radius:4px;padding:1.75rem 1.6rem;position:relative}.arrival .ar-sheet[data-revised=true]{background:var(--gr-paper);border-color:var(--gr-rule);color:var(--gr-ink)}.arrival .ar-sheet[data-revised=true]:after{content:"*";color:var(--gr-ink);opacity:.55;animation:arrival-mark .3s .14s var(--ease-out) both;font:700 1.1rem/1 Courier Prime,Courier New,monospace;position:absolute;top:1.55rem;right:.85rem}@keyframes arrival-mark{0%{opacity:0}to{opacity:.55}}.arrival .ar-sheet[data-revised=true] label,.arrival .ar-sheet[data-revised=true] .meta{color:color-mix(in srgb, var(--gr-ink) 72%, transparent)}.arrival .title-page{text-align:center;padding:1rem 0 2.5rem}.arrival .title-page h1{letter-spacing:.22em;text-indent:.22em;margin:0 0 1.5rem;font:400 1.75rem/1.2 Courier Prime,Courier New,monospace}.arrival .title-page .sub{font-family:var(--compose-face);max-width:22rem;color:var(--muted);margin:0 auto 2rem;font-size:1rem;line-height:1.6}.arrival input{width:100%}.arrival[data-door] form button[type=submit],.arrival .button-link{width:100%;padding:.6rem .7rem}.arrival .button-link{text-align:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;transition:transform .16s var(--ease-out);border-radius:6px;text-decoration:none;display:block}.arrival .button-link:active{opacity:.82;transform:scale(.97)}.arrival button{transition:transform .16s var(--ease-out)}.arrival button:active{transform:scale(.97)}.arrival .notice{opacity:1;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);transform:translateY(0)}@starting-style{.arrival .notice{opacity:0;transform:translateY(6px)}}.arrival .ar-sheet[data-revised=true] .notice{border-left-color:var(--gr-ink);color:var(--gr-ink)}.arrival [data-enter]{animation:arrival-enter .38s var(--ease-out) both}.arrival [data-enter="1"]{animation-delay:60ms}.arrival [data-enter="2"]{animation-delay:.12s}.arrival [data-enter="3"]{animation-delay:.18s}@keyframes arrival-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.arrival [data-enter],.arrival .ar-sheet[data-revised=true]:after{animation:arrival-fade .24s var(--ease-out) both}.arrival button{transition:none}.arrival button:active{transform:none}.arrival .notice{transition:opacity .24s var(--ease-out);transform:none}@starting-style{.arrival .notice{transform:none}}}@keyframes arrival-fade{0%{opacity:0}to{opacity:1}}
.composing .ProseMirror{--rev-paper:#f4e0a4;--rev-ease-out:cubic-bezier(.23, 1, .32, 1)}@media (prefers-color-scheme:dark){.composing .ProseMirror{--rev-paper:#3a3018}}.composing .ProseMirror>p.is-revised{animation:revision-reprint 1.6s var(--rev-ease-out);border-radius:2px}.revision-mark{text-align:center;width:1rem;color:var(--accent);-webkit-user-select:none;user-select:none;animation:revision-mark-hold 1.6s var(--rev-ease-out);margin-inline-start:-1.5rem;font-family:Courier Prime,Courier New,Courier,monospace;font-size:.875rem;font-weight:700;line-height:1.6;position:absolute}@keyframes revision-reprint{0%{background-color:#0000;box-shadow:0 0 #0000,-1.6rem 0 #0000}8%{background-color:var(--rev-paper);box-shadow:0 0 0 .28rem var(--rev-paper), -1.6rem 0 0 .28rem var(--rev-paper);animation-timing-function:linear}45%{background-color:var(--rev-paper);box-shadow:0 0 0 .28rem var(--rev-paper), -1.6rem 0 0 .28rem var(--rev-paper);animation-timing-function:linear}to{background-color:#0000;box-shadow:0 0 0 .28rem #0000,-1.6rem 0 0 .28rem #0000}}@keyframes revision-mark-hold{0%{opacity:0}8%{opacity:1;animation-timing-function:linear}45%{opacity:1;animation-timing-function:linear}to{opacity:0}}@media (prefers-reduced-motion:reduce){.composing .ProseMirror>p.is-revised{animation:1.1s linear revision-reprint-quiet}.revision-mark{animation:1.1s linear revision-mark-hold}@keyframes revision-reprint-quiet{0%,45%{background-color:var(--rev-paper)}to{background-color:#0000}}}
.presence-ghosts{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;height:1.6em;margin-inline-start:1.25ch;display:inline-flex;position:absolute}.presence-ghost{color:var(--ghost-ink,currentColor);align-items:center;gap:.4rem;animation:.45s cubic-bezier(.23,1,.32,1) backwards presence-arrive;display:inline-flex}.presence-ghost:before{content:"";width:.4rem;height:.4rem;animation:.45s cubic-bezier(.23,1,.32,1) backwards presence-blot;animation-delay:inherit;background:currentColor;border-radius:50%}.presence-name{letter-spacing:.09em;text-transform:uppercase;opacity:.78;font-size:.6875rem;font-weight:600}@media (max-width:719px){.presence-name{display:none}}.presence-ghost.is-leaving,.presence-ghost.is-leaving:before{animation:.7s linear forwards presence-dry}@keyframes presence-arrive{0%{opacity:0}to{opacity:1}}@keyframes presence-blot{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes presence-dry{0%{opacity:1}to{opacity:0}}@media (prefers-color-scheme:dark){.presence-ghost{color:color-mix(in oklab, var(--ghost-ink,currentColor) 55%, #e8e4d8)}}@media (prefers-reduced-motion:reduce){.presence-ghost{animation:.25s linear backwards presence-arrive}.presence-ghost:before{animation:none}.presence-ghost.is-leaving,.presence-ghost.is-leaving:before{animation:.4s linear forwards presence-dry}}
