:root{--bg: #000000;--ink: #f4f6f8;--muted: #9aa5af;--line: #2a3644;--violet: #7b61ff;--violet-light: #9a8aff;--violet-glow: rgba(123, 97, 255, .32);--down: #ff6b6b;--chrome: linear-gradient(160deg, #f1eeff 0%, #cfc9e6 26%, #7c7894 52%, #4a4659 64%, #a9a3c4 86%, #e8e4ff 100%);--chrome-ring: inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 1px rgba(123, 97, 255, .22), 0 0 18px -8px rgba(123, 97, 255, .35);--accent-ink: #120f1d;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font:400 16px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(60vmax 60vmax at 50% 30%,rgba(106,82,255,.14),transparent 60%),var(--bg)}.wl{min-height:100svh;max-width:640px;margin:0 auto;padding:clamp(32px,7vh,72px) 20px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.mark{position:relative;width:min(92vw,560px);touch-action:pan-y;aspect-ratio:1;margin-bottom:clamp(4px,1.5vh,16px)}.mark-field{width:100%;height:100%;display:block}.window{position:absolute;left:50%;top:50%;width:38.7%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;justify-items:center;gap:2px}.days{font-family:Michroma,Inter,sans-serif;font-size:clamp(34px,11vw,52px);line-height:1;color:var(--ink);text-shadow:0 0 22px var(--violet-glow);font-variant-numeric:tabular-nums}.days-label{font-size:12px;color:var(--muted)}.clock{margin-top:6px;font-family:Michroma,Inter,sans-serif;font-size:clamp(10px,2.9vw,13px);letter-spacing:.04em;color:var(--violet-light);font-variant-numeric:tabular-nums}.title{margin:0 0 14px;font-family:Michroma,Inter,sans-serif;font-weight:400;font-size:clamp(22px,5.2vw,34px);line-height:1.25;letter-spacing:-.01em;max-width:18ch}.lede{margin:0 0 28px;max-width:46ch;color:var(--muted);font-size:16px}.join{width:100%;max-width:520px;display:flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#0d1218cc;transition:border-color .15s,box-shadow .15s}.join:focus-within{border-color:var(--violet-light);box-shadow:0 0 0 3px #7b61ff2e}.join-input{flex:1;min-width:0;height:46px;padding:0 12px;border:0;background:transparent;color:var(--ink);font:500 15px Inter,system-ui,sans-serif;outline:none}.join-input::placeholder{color:#5b6773}.join-btn{flex:none;height:46px;padding:0 20px;border:1px solid rgba(155,138,255,.85);border-radius:11px;background:var(--chrome);box-shadow:var(--chrome-ring);color:var(--accent-ink);font:600 15px Inter,system-ui,sans-serif;cursor:pointer}.join-btn:hover{filter:brightness(1.06)}.join-btn:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}.join-btn:disabled{filter:grayscale(.6) brightness(.8);cursor:default}.status{min-height:24px;margin:14px 0 0;font-size:14px;color:var(--muted)}.status.ok{color:var(--ink)}.status.err{color:var(--down)}.share{display:inline-flex;align-items:center;gap:10px;margin-top:6px;height:44px;padding:0 20px;border:1px solid rgba(155,138,255,.85);border-radius:11px;background:var(--chrome);box-shadow:var(--chrome-ring);color:var(--accent-ink);font:600 15px Inter,system-ui,sans-serif;text-decoration:none}.share[hidden]{display:none}.share:hover{filter:brightness(1.06)}.share:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}.foot{margin-top:auto;padding-top:40px;font-size:13px;color:#5b6773;max-width:44ch}.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}.window{pointer-events:none}@media (max-width: 420px){.join{flex-direction:column}.join-btn{width:100%}}