.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);animation:modal-fade var(--motion-base) var(--ease-out)}.modal__dialog{position:relative;width:100%;max-width:24rem;max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:0 12px 40px #00000047;animation:modal-rise var(--motion-base) var(--ease-out)}.modal__dialog:focus{outline:none}.modal__body{overflow-y:auto;flex:1 1 auto;min-height:0;padding:26px 22px 22px}.modal__close{position:absolute;top:10px;right:10px;width:44px;height:44px;z-index:2;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--motion-base) var(--ease-out),background-color var(--motion-base) var(--ease-out)}.modal__close:hover{color:var(--color-text);background:var(--color-border)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)}}.turnstile{display:flex;justify-content:center}.turnstile:not(:empty){margin:10px 0 2px}.auth__title{margin:0;text-align:center;font-size:1.375rem;font-weight:800;letter-spacing:-.01em}.auth__blurb{margin:8px auto 22px;max-width:19rem;text-align:center;font-size:.8125rem;line-height:1.45;color:var(--color-text-sub);text-wrap:balance}.auth__google{min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-pill);border:2px solid var(--oauth-border);background:var(--oauth-bg);color:var(--oauth-text);font-family:inherit;font-size:.9375rem;font-weight:700;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.auth__google:not(:disabled):active{transform:scale(.98)}.auth__google:disabled{opacity:.5;cursor:default}.auth__google-icon{display:inline-flex}.auth__divider{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth__form{display:flex;flex-direction:column}.auth__field{display:flex;flex-direction:column;margin-bottom:14px}.auth__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:6px}.auth__input{min-height:46px;padding:0 12px;font-family:inherit;font-size:1rem;font-weight:500;background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.auth__input:focus,.auth__input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-input-ring)}.auth__hint{margin:6px 0 0;font-size:.6875rem;color:var(--color-text-sub)}.auth__error{margin:0 0 12px;font-size:.8125rem;font-weight:500;color:var(--color-danger)}.auth__notice{margin:0 0 12px;font-size:.8125rem;font-weight:500;color:var(--color-valid)}.auth__submit{min-height:48px;margin-top:8px;border-radius:var(--radius-md);border:2px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-text);font-size:.9375rem;font-weight:700;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.auth__submit:not(:disabled):active{transform:scale(.98)}.auth__submit:disabled{opacity:.5;cursor:default}.auth__switch{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--color-border);text-align:center;font-size:.8125rem;color:var(--color-text-muted)}.auth__switch-button{margin-left:5px;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;font-weight:700;color:var(--color-text);cursor:pointer;text-decoration:none;border-bottom:2px solid var(--color-border-strong);transition:border-color var(--motion-base) var(--ease-out)}.auth__switch-button:hover{border-bottom-color:var(--color-text)}.auth__alt{display:block;margin:0 auto;padding:6px 4px;border:none;background:none;color:var(--color-text-muted);font-family:inherit;font-size:.8125rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth__alt:hover,.auth__alt:focus-visible{color:var(--color-text)}.modal__title--display{font-family:var(--font-wordmark);letter-spacing:.01em}.username__current{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 18px;text-align:center}.username__current-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-sub)}.username__current-name{--room: 340px;--glyph: .86;font-family:var(--font-wordmark);font-size:clamp(1rem,calc(var(--room) / (var(--len, 8) * var(--glyph))),1.5rem);font-weight:800;line-height:1.15;letter-spacing:.01em;color:var(--color-accent);overflow-wrap:anywhere}.username__notice{margin:0 0 14px;font-size:.8125rem;line-height:1.5;color:var(--color-text-sub);text-align:center}.username__locked{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--color-accent) 8%,transparent);font-size:.8125rem;line-height:1.45;color:var(--color-text-sub);text-align:left}.username__locked-icon{flex:0 0 auto;margin-top:2px;color:var(--color-accent)}.username__locked strong{font-weight:700;white-space:nowrap;color:var(--color-accent)}.username__skip{display:block;width:100%;margin-top:12px;padding:6px;border:none;background:none;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer}.username__skip:hover:not(:disabled){color:var(--color-text)}.username__skip:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.username__skip:disabled{opacity:.5;cursor:default}.account{position:relative;display:flex;align-items:center}.account__placeholder{display:inline-block;width:30px;height:30px}.account__signin{min-height:30px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap}.account__signin:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.account__avatar{width:30px;height:30px;border-radius:50%;border:none;background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.account__icon{width:64%;height:64%;display:block}.account__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.account__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:max-content;max-width:15rem;padding:12px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000003d}.account__card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0 16px;text-align:center}.account__card-avatar{width:48px;height:48px;margin-bottom:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-text);flex:0 0 auto}.account__username{--room: 216px;--glyph: .86;margin:0;font-family:var(--font-wordmark);font-weight:800;font-size:clamp(.75rem,calc(var(--room) / (var(--len, 8) * var(--glyph))),1.125rem);line-height:1.2;letter-spacing:.01em;color:var(--color-text);overflow-wrap:anywhere}.account__username+.account__email{margin-top:1px;font-size:.75rem;font-weight:500;color:var(--color-text-sub)}.account__email{margin:0;font-size:.8125rem;font-weight:600;overflow-wrap:anywhere}.account__sync{margin:12px 0;font-size:.75rem;color:var(--color-text-sub);text-align:center}.account__action,.account__signout{width:100%;min-height:38px;border-radius:var(--radius-pill);font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;touch-action:manipulation}.account__action{margin-bottom:8px;border:none;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.account__action:hover{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.account__signout{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text)}.account__signout:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.account__action:focus-visible,.account__signout:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.theme-toggle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--motion-base) var(--ease-out),background-color var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.theme-toggle:hover{color:var(--color-text);background:var(--color-border)}.theme-toggle:active{transform:scale(.9)}