.user-info{align-items:center;gap:1rem;display:flex}.user-info i{color:var(--text);font-weight:500}.login-modal button{cursor:pointer;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:4px;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:1px 2px 4px #0000001a}.login-modal button:hover{opacity:.9}.modal-overlay{z-index:5;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);width:100%;max-width:400px;color:var(--text);box-sizing:border-box;border:1px solid #ff474280;border-radius:8px;flex-direction:column;align-items:center;padding:2rem;display:flex;box-shadow:0 4px 12px #ff474226}.modal-content h2{text-align:center;width:100%;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.modal-content input{width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;border:1px solid #ff47424d;border-radius:4px;margin:.75rem auto;padding:.75rem;font-size:1rem}.modal-content input:focus{border-color:#ff474280;outline:none;box-shadow:0 0 0 2px #ff47421a}.modal-buttons{gap:1rem;width:100%;margin-top:1.5rem;display:flex}.error-message{color:#ff4742;text-align:center;background-color:#ff47421a;border:1px solid #ff474280;border-radius:4px;width:100%;margin:.75rem 0;padding:.75rem;font-size:.875rem}@media (max-width:768px){.user-info{display:none}}