.login-section{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.login-section__wrapper{background:var(--color-accent);display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}.login-section--open .login-section__wrapper{grid-template-rows:1fr}.login-section__inner{overflow:hidden}.login-section__content{position:relative;max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4);opacity:0;transition:opacity .15s ease}.login-section--open .login-section__content{opacity:1;transition:opacity .2s ease 275ms}.login-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.login-section__title{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-background);margin:0}.login-section__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--color-background);cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease}.login-section__close:hover{background:rgba(0,0,0,.1)}.login-section__field{margin-bottom:var(--space-4)}.login-section__label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.login-section__label{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-background)}.login-section__label-hint{font-weight:var(--font-normal);opacity:.7}.login-section__input{flex:1;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:16px;color:var(--color-accent);background:var(--color-background);border:none;border-radius:var(--radius-md);outline:none}.login-section__input:disabled{opacity:.7}.login-section__submit{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.login-section__submit:hover{opacity:.85}.login-section__submit:disabled{opacity:.5;cursor:not-allowed}.login-section__submit--full{width:100%;margin-top:var(--space-4)}.login-section__submit--full,.login-section__submit--wide{gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium)}.login-section__submit--wide{width:auto;padding:0 var(--space-4)}.login-section__error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}.login-section--inline{margin-left:0;margin-right:0;width:100%}.login-section--inline .login-section__wrapper{background:rgba(0,0,0,0);grid-template-rows:1fr}.login-section--inline .login-section__content{padding:0 var(--space-4);opacity:1;transition:none}.login-section--inline .login-section__label,.login-section--inline .login-section__welcome-text{color:var(--color-accent)}.login-section--inline .login-section__label-hint{opacity:.5}.login-section--inline .login-section__char-count{color:var(--color-accent);opacity:.4}.login-section--inline .login-section__input{background:rgba(24,41,82,.08);border:1px solid rgba(24,41,82,.15)}.login-section--inline .login-section__next{background:var(--color-accent);color:var(--color-background)}.login-section--inline .login-section__color-btn--selected{border-color:var(--color-accent)}.login-section--inline .login-section__pin-input{background:rgba(24,41,82,.08);border:1px solid rgba(24,41,82,.15)}.login-section--inline .login-section__pin-input:focus{box-shadow:0 0 0 2px rgba(24,41,82,.15)}.login-section--inline .login-section__pin-check{color:var(--color-accent)}.login-section--inline .login-section__submit{background:var(--color-accent);color:var(--color-background)}.login-section--inline .login-section__attempts{color:#c60}.login-section--inline .login-section__email-row{background:rgba(24,41,82,.08);border:1px solid rgba(24,41,82,.15)}.login-section--inline .login-section__terms-link{color:var(--color-accent)!important;opacity:.6}.login-section--inline .login-section__terms-link:hover{opacity:1}.login-section--inline .login-section__emoji-box .EmojiPickerReact{--epr-bg-color:rgba(24,41,82,0.05);--epr-category-label-bg-color:rgba(24,41,82,0.05);--epr-search-input-bg-color:rgba(24,41,82,0.1);--epr-hover-bg-color:rgba(24,41,82,0.1);--epr-focus-bg-color:rgba(24,41,82,0.15);--epr-highlight-color:var(--color-accent);--epr-search-input-text-color:var(--color-accent);--epr-search-input-placeholder-color:rgba(24,41,82,0.4);--epr-text-color:var(--color-accent);--epr-category-icon-active-color:var(--color-accent)}.login-section__username-row{display:flex;align-items:center;gap:var(--space-3)}.login-section__char-count{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-background);opacity:.6}.login-section__next{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.login-section__next:hover{opacity:.85}.login-section__pin-row{display:flex;align-items:center;gap:var(--space-3)}.login-section__pin-inputs{display:flex;gap:var(--space-2);flex:1}.login-section__pin-input{width:100%;max-width:48px;aspect-ratio:1;padding:0;font-family:var(--font-sans);font-size:16px;font-weight:var(--font-bold);color:var(--color-accent);text-align:center;background:var(--color-background);border:none;border-radius:var(--radius-md);outline:none}.login-section__pin-input:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.login-section__pin-check{color:var(--color-background)}.login-section__pin-check,.login-section__pin-x{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.login-section__pin-x{color:#ff6b6b}.login-section__attempts{color:#ffaa6b;font-weight:var(--font-medium)}.login-section__attempts,.login-section__lock-timer{font-family:var(--font-sans);font-size:var(--text-sm)}.login-section__lock-timer{color:#ff6b6b;font-weight:var(--font-bold)}@media(max-width:480px){.login-section__pin-input{max-width:40px}}.login-section__register{margin-bottom:var(--space-6)}.login-section__welcome-text{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-background);margin:0 0 var(--space-4)}.login-section__avatar-controls{display:flex;flex-wrap:wrap;gap:var(--space-3)}.login-section__color-grid{flex:1 1 200px;min-width:200px;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);align-content:start}.login-section__color-btn{aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:flex;align-items:center;justify-content:center}.login-section__color-btn:hover{transform:scale(1.1)}.login-section__color-btn--selected{border-color:var(--color-background)}.login-section__color-emoji{font-size:36px;line-height:1;margin-bottom:-8px}.login-section__emoji-box{flex:1 1 200px;min-width:200px;max-width:100%;border-radius:var(--radius-md);overflow:hidden}.login-section__emoji-box .EmojiPickerReact{width:100%!important;max-width:100%!important;--epr-bg-color:var(--color-accent);--epr-category-label-bg-color:var(--color-accent);--epr-search-input-bg-color:rgba(255,255,255,0.15);--epr-hover-bg-color:rgba(255,255,255,0.15);--epr-focus-bg-color:rgba(255,255,255,0.2);--epr-highlight-color:var(--color-background);--epr-search-input-text-color:var(--color-background);--epr-search-input-placeholder-color:rgba(217,205,191,0.5);--epr-text-color:var(--color-background);--epr-category-icon-active-color:var(--color-background);--epr-emoji-size:24px;font-size:12px;border:none}.login-section__emoji-box .EmojiPickerReact .epr-category-nav,.login-section__emoji-box .EmojiPickerReact .epr-emoji-category:first-child,.login-section__emoji-box .EmojiPickerReact .epr-preview{display:none}.login-section__email-row{display:flex;align-items:center;background:var(--color-background);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto;overflow-y:hidden;cursor:text}.login-section__email-input{padding:0;font-family:monospace;font-size:16px;color:var(--color-accent);background:rgba(0,0,0,0);border:none;outline:none;text-align:left}.login-section__email-input::placeholder{color:var(--color-accent);opacity:.4}.login-section__email-input--local{width:auto;min-width:3ch}.login-section__email-input--domain{width:auto;min-width:6ch}.login-section__email-at{font-family:monospace;font-size:16px;color:var(--color-accent);opacity:.6;flex-shrink:0;margin:0 4px}.login-section__terms-link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-background)!important;text-decoration:none!important}.login-section__terms-link:active,.login-section__terms-link:hover,.login-section__terms-link:visited{color:var(--color-background)!important;text-decoration:none!important;filter:brightness(1.25)}