.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg)}@media(min-width:768px){.auth-page{display:grid;grid-template-columns:1fr minmax(380px,420px) 1fr;gap:var(--space-xl);align-items:start;padding-top:8vh}}.auth-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh}@media(min-width:768px){.auth-center{min-height:auto;padding-top:var(--space-xl)}}.auth-masonry{display:none}@media(min-width:768px){.auth-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:100dvh;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 88%,transparent 100%)}}.masonry-col{overflow:hidden;position:relative}.masonry-track{animation:masonry-scroll-up var(--scroll-duration, 25s) linear infinite}.masonry-track.scroll-down{animation-name:masonry-scroll-down}@keyframes masonry-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes masonry-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.masonry-card{display:block;border-radius:var(--radius-sm);overflow:hidden;opacity:.5;transition:opacity .3s;margin-bottom:6px}.masonry-card:hover{opacity:.9}.masonry-track:has(.masonry-card:hover){animation-play-state:paused}.masonry-card img{width:100%;display:block}.masonry-placeholder{width:100%;padding-bottom:140%;border-radius:var(--radius-sm);border:2px dashed rgba(255,255,255,.18);background:#ffffff05;position:relative;overflow:hidden;margin-bottom:6px;box-sizing:border-box}.masonry-placeholder:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(255,255,255,.1);border-radius:calc(var(--radius-sm) - 2px)}.masonry-placeholder:after{content:"";position:absolute;top:50%;left:50%;width:30%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.12);border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}.auth-logo{margin-bottom:var(--space-xl);text-align:center}.auth-logo-icon{width:64px;height:64px;margin:0 auto var(--space-md)}.auth-logo-text{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.5px}.auth-logo-sub{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.auth-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.auth-tabs{display:flex;margin-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:var(--space-sm) 0;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form .form-group{margin-bottom:0}.auth-form .form-group label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-xs)}.auth-form input{width:100%;padding:var(--space-sm) var(--space-md)}.auth-submit{width:100%;padding:var(--space-md);margin-top:var(--space-sm)}.auth-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--loss-bg);color:var(--loss);font-size:var(--font-size-sm);display:none}.auth-error.show{display:block}.auth-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.auth-footer a{color:var(--accent);font-weight:500}.auth-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.forgot-link{text-align:right;font-size:var(--font-size-xs)}.forgot-link a{color:var(--text-muted)}.forgot-link a:hover{color:var(--accent)}.auth-confirm{width:100%;max-width:380px;text-align:center}.confirm-icon{margin-bottom:var(--space-lg)}.confirm-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-md)}.confirm-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.username-input-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.username-input-wrapper:focus-within{border-color:var(--accent)}.username-prefix{padding:var(--space-sm) 0 var(--space-sm) var(--space-md);color:var(--text-muted);font-weight:600;-webkit-user-select:none;user-select:none}.username-input-wrapper input{border:none!important;outline:none!important;box-shadow:none!important;padding-left:2px!important;background:transparent}.username-feedback{font-size:var(--font-size-xs);margin-top:var(--space-xs);min-height:1.2em}