.auth-shell{min-height:100vh;background:#10120f;color:#fff;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);border:1px solid #4d4a27;border-radius:24px;padding:32px;background:#191c17;text-align:center}.auth-card img{object-fit:contain}.auth-card h1{font-size:32px;margin:15px 0}.auth-card p{line-height:1.6;color:#d6d8cf;margin:16px 0}.auth-card label,.online-user-form label{display:block;text-align:left;margin:16px 0}.auth-card input{display:block;margin-top:8px;background:#fff;color:#10120f}.auth-card .btn.primary{width:100%;margin-top:12px}.auth-card .eyebrow{color:#ffe027;margin-top:14px}.auth-card #auth-message{color:#ffe027;min-height:24px}.online-alert{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(700px,94vw);padding:18px;border:2px solid #f5ce16;border-radius:12px;background:#151814;color:white;z-index:1000;box-shadow:0 4px 20px #0008}.online-alert p{margin:8px 0}.online-user-form{border-bottom:1px solid #c4c4b8;padding:16px 0}.settings-grid label{display:block;margin:12px 0}.settings-grid textarea,.settings-grid input{display:block;width:100%}.saved-state{max-width:230px}.auth-card .btn.ghost{color:#ffe027}@media(max-width:650px){.auth-card{padding:24px}.topbar-right{gap:5px}.saved-state{max-width:100px;font-size:10px}.topbar .avatar{display:none}} 
@media(max-width:650px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:7px}.topbar-right{flex:1 0 100%;justify-content:space-between;min-width:0}.topbar-right .saved-state{flex:1;min-width:0;max-width:none;font-size:11px;white-space:normal}.mobile-brand{max-width:100%}}