.account-area{display:flex;align-items:center;gap:10px}.user-chip{border:2px solid var(--ink);border-radius:99px;background:white;padding:8px 15px;font-weight:800;cursor:pointer}.user-chip span{margin-right:5px}.user-chip b{font-size:13px}.login-screen{position:fixed;inset:0;z-index:100;background:rgba(32,34,37,.55);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.login-screen.hidden{display:none}.login-card{width:min(440px,100%);background:#fffdf8;border:3px solid var(--ink);border-radius:20px;box-shadow:10px 10px 0 var(--ink);padding:34px 40px;text-align:center}.login-art{width:82px;height:82px;margin:-76px auto 22px;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);font-size:35px;font-weight:900;transform:rotate(-4deg)}.login-art span{color:var(--pink)}.login-card h2{font-size:34px;margin:8px 0}.login-card>p:not(.eyebrow){color:#777}.login-card form{text-align:left;margin-top:25px}.login-card label{font-weight:900;font-size:14px}.phone-field{display:flex;align-items:center;border:2px solid var(--ink);border-radius:10px;margin-top:8px;overflow:hidden;background:white}.phone-field span{padding:13px;border-right:2px solid #ddd;font-weight:900}.phone-field input{border:0;outline:0;width:100%;padding:13px;font:inherit;font-weight:800}.login-error{min-height:20px;color:#db4963;font-size:13px;margin:6px 0}.login-btn{width:100%}.login-card small{display:block;color:#aaa;margin-top:18px}.account-menu{position:fixed;right:max(5vw,24px);top:70px;z-index:60;background:white;border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);padding:14px;min-width:180px}.account-menu p{font-weight:900;margin:0 0 10px}.account-menu button{width:100%;border:0;background:#ffe5e9;color:#c93650;padding:8px;border-radius:6px;font-weight:900;cursor:pointer}@media(max-width:520px){.streak{display:none}.user-chip{padding:7px 10px}.login-card{padding:30px 24px}.login-card h2{font-size:29px}}