:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7e7c9;background:#070c07;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 43%,transparent 13%,#0004 57%,#000e 100%),radial-gradient(ellipse at 53% 37%,#5b5b2e 0%,#343f25 34%,#162b21 67%,#06110b 100%);background-attachment:fixed;display:flex;flex-direction:column;align-items:center}
.entrance{width:min(100% - 48px,480px);min-height:calc(100svh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0 26px}
form{width:100%;position:relative}
.code-form{display:grid;grid-template-columns:1fr auto;width:340px;max-width:100%;border-bottom:1px solid #bfccb040;margin-bottom:10px}
input,select,textarea,button{font:inherit;font-size:13px;color:inherit;outline:none}
input,select,textarea{width:100%;min-width:0;background:#0b18152b;border:1px solid #c6d4ae30;border-radius:3px;padding:15px 18px;transition:border-color .2s,background .2s}
input::placeholder,textarea::placeholder{color:#d2d7bdbb;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#cbd6a5aa;background:#0b181555}
button{cursor:pointer;border:1px solid #c6d4ae45;background:#bbce9b0c;border-radius:3px;padding:15px 18px;transition:background .2s,border-color .2s;display:flex;align-items:center;justify-content:space-between;gap:16px}
button:hover{background:#bbce9b1c;border-color:#d7e2ad99}
button:focus-visible,a:focus-visible{outline:2px solid #d7e2ad;outline-offset:5px}
button:disabled{opacity:.5;cursor:wait}
.code-form input{background:transparent;border:0;padding:12px 4px;font-size:12px;letter-spacing:.04em}
.code-form button{border:0;background:transparent;font-size:12px;padding:12px 4px 12px 16px;color:#d7d9ba}
.code-form:focus-within{border-color:#cbd6a5aa}
.lemur{display:block;width:390px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:14px 0 22px;filter:drop-shadow(0 14px 32px #0003)}
.invitation-form{width:340px;max-width:100%;display:grid;gap:10px}
.invitation-form button{margin-top:4px;color:#e8e9ce}
.select-wrap{position:relative}.select-wrap:after{content:'⌄';position:absolute;right:19px;top:12px;pointer-events:none;color:#cdd6b1}select{appearance:none;padding-right:35px;color:#d2d7bdbb}option{background:#19291e;color:#eeeeda}
.response{font-size:12px;line-height:1.6;color:#e4e6ca;margin:2px 0 0;text-align:center;white-space:normal}
.response:empty{display:none}.code-form .response{grid-column:1/-1;padding-bottom:10px}
footer{height:48px;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.06em;color:#b5c3a277}a{color:inherit;text-decoration:none}a:hover{color:#e1e8cf}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.document{max-width:620px;padding:80px 24px;line-height:1.8}.document h1{font-size:24px;font-weight:400}.document a{text-decoration:underline}
@media(max-height:780px) and (min-width:600px){.entrance{padding-top:25px}.lemur{width:310px;margin:4px 0 14px}}
@media(max-width:480px){.entrance{padding-top:30px}.lemur{width:340px;margin:18px 0}.code-form,.invitation-form{width:100%}}

/* Mores bark: a faint surface, fading completely behind the central content. */
body{isolation:isolate;position:relative}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/mores-texture.png') center/cover no-repeat;filter:grayscale(1) contrast(.85);mix-blend-mode:soft-light;opacity:.24;mask-image:linear-gradient(to right,#000 0%,#000 calc(50% - 420px),transparent calc(50% - 200px),transparent calc(50% + 200px),#000 calc(50% + 420px),#000 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(50% - 420px),transparent calc(50% - 200px),transparent calc(50% + 200px),#000 calc(50% + 420px),#000 100%)}
@media(max-width:600px){body::before{mask-image:linear-gradient(to right,#000,transparent 16%,transparent 84%,#000);-webkit-mask-image:linear-gradient(to right,#000,transparent 16%,transparent 84%,#000)}}

textarea{resize:vertical;min-height:86px;max-height:340px;line-height:1.5}.form-intro{font-size:12px;line-height:1.7;text-align:center;margin:0 0 8px;color:#d2d7bd}.form-note{font-size:10px;color:#bdc8a8;margin-top:-4px}