.auth-gate{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:480px;margin:0 auto;padding:80px 32px 48px;display:flex}@media (width<=768px){.auth-gate{padding:64px 24px 32px}}.auth-gate__icon{color:#000;justify-content:center;align-items:center;display:flex}.auth-gate__icon .icon,.auth-gate__icon .icon svg{width:48px;height:48px}.auth-gate__title{letter-spacing:-.4px;color:#000;margin:0;font-size:28px;font-weight:800;line-height:1.2}.auth-gate__desc{color:gray;max-width:280px;margin:0;font-size:14px;line-height:1.6}.auth-gate__actions{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.auth-gate__actions .btn{justify-content:center;width:100%}.login-page{flex-direction:column;gap:24px;max-width:480px;margin:0 auto;padding:48px 24px;display:flex}.login-page__title{letter-spacing:-.5px;color:#000;text-align:center;margin:0;font-size:32px;font-weight:800;line-height:1.2}.login-page__social{flex-direction:column;gap:12px;display:flex}.login-page__social .social-auth-btn{justify-content:center;width:100%}.email-divider{align-items:center;gap:12px;display:flex}.email-divider__line{background:#e6e6e6;flex:1;height:1px}.email-divider__label{letter-spacing:.8px;color:gray;white-space:nowrap;font-size:11px;font-weight:500}.email-form{flex-direction:column;gap:12px;display:flex}.email-form .text-input{width:100%}.email-form .btn{justify-content:center;width:100%}.login-page__terms{color:gray;text-align:center;margin:0;font-size:12px;line-height:1.5}.login-page__terms a{color:#000;text-decoration:underline}.community-create-page{flex-direction:column;gap:0;max-width:480px;margin:0 auto;padding:16px 16px 32px;display:flex}.avatar-upload{flex-direction:column;align-items:center;gap:8px;padding:24px 0 32px;display:flex}.avatar-upload__circle{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:128px;height:128px;display:flex}.avatar-upload__circle .icon{color:#b0b0b0}.avatar-upload__label{color:gray;margin:0;font-size:13px}.community-form{flex-direction:column;gap:24px;display:flex}.community-form__field{flex-direction:column;gap:8px;display:flex}.community-form__label{letter-spacing:.8px;color:#000;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.community-form__field .text-input{width:100%}.toggle-row{flex-direction:column;gap:4px;display:flex}.toggle-row__header{align-items:center;gap:12px;display:flex}.toggle-row__title{letter-spacing:.5px;color:#000;text-transform:uppercase;margin:0;font-size:14px;font-weight:600}.toggle-row__desc{color:gray;margin:0;font-size:12px;line-height:1.4}.community-form .btn{justify-content:center;width:100%;margin-top:8px}.screen-index{max-width:480px;margin:64px auto;padding:0 24px}.screen-index__eyebrow{letter-spacing:.8px;text-transform:uppercase;color:#b3b3b3;margin:0 0 8px;font-size:11px;font-weight:600}.screen-index__title{letter-spacing:-.4px;color:#000;margin:0 0 8px;font-size:28px;font-weight:800}.screen-index__date{color:#b3b3b3;margin:0 0 40px;font-size:12px}.screen-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.screen-list a{color:#000;border:1px solid #e6e6e6;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.screen-list a:hover{background:#f5f5f5}.screen-list__badge{color:#8c8c8c;background:#f2f2f2;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:400}[data-theme=dark] .auth-gate__title,[data-theme=dark] .login-page__title,[data-theme=dark] .community-form__label,[data-theme=dark] .toggle-row__title,[data-theme=dark] .screen-index__title,[data-theme=dark] .screen-list a,[data-theme=dark] .auth-gate__icon,[data-theme=dark] .login-page__terms a{color:#fff}[data-theme=dark] .avatar-upload__circle{background:#2c2c2e}[data-theme=dark] .avatar-upload__circle .icon{color:#666}[data-theme=dark] .email-divider__line{background:#333}[data-theme=dark] .screen-list a{border-color:#333}[data-theme=dark] .screen-list a:hover{background:#2c2c2e}[data-theme=dark] .screen-list__badge{color:#999;background:#333}