#loginScreen { position: fixed; inset: 0; background: var(--ink); display: flex; align-items: center; justify-content: center; z-index: 500; transition: opacity 0.3s; }
.login-card { background: var(--paper); border-radius: var(--radius-xl); padding: 3rem 3.5rem; max-width: 420px; width: 90%; box-shadow: var(--shadow-lg); animation: loginPop 0.5s cubic-bezier(0.34,1.56,0.64,1); }
@keyframes loginPop { from { opacity:0; transform: scale(0.85) translateY(20px); } to { opacity:1; transform: scale(1) translateY(0); } }
.login-logo { font-family: var(--font-serif); font-size: 2.2rem; margin-bottom: 0.3rem; }
.login-logo span { color: var(--rust); font-style: italic; }
.login-tagline { font-size: 0.75rem; color: var(--warm-gray); letter-spacing: 0.08em; margin-bottom: 2rem; }
.login-label { font-size: 0.68rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--warm-gray); margin-bottom: 0.5rem; display: block; }
.login-input { width: 100%; padding: 0.9rem 1rem; border: 2px solid var(--aged); border-radius: var(--radius-md); font-size: 1rem; background: white; color: var(--ink); outline: none; transition: border-color var(--transition); margin-bottom: 1.2rem; }
.login-input:focus { border-color: var(--rust); }
.login-btn { width: 100%; padding: 0.9rem; background: var(--ink); color: var(--paper); border: none; border-radius: var(--radius-md); font-size: 0.8rem; letter-spacing: 0.15em; text-transform: uppercase; transition: all var(--transition); }
.login-btn:hover { background: var(--rust); }
.login-users { margin-top: 1.5rem; }
.login-users-label { font-size: 0.65rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mist); margin-bottom: 0.6rem; }
.user-pills { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.user-pill { padding: 0.3rem 0.8rem; border: 1px solid var(--aged); border-radius: var(--radius-full); font-size: 0.72rem; cursor: pointer; background: white; color: var(--warm-gray); transition: all var(--transition); }
.user-pill:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }