.friend-card.svelte-1gvacx1{max-width:800px;width:100%}#friend-list.svelte-k9xj87{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;max-width:1000px;width:100%;margin:5%;box-sizing:border-box}#user-score.svelte-17mrubk{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1000px;width:100%;transition:all .3s ease-in-out;margin:5%;box-sizing:border-box}.score-container.svelte-17mrubk{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;box-sizing:border-box;transition:all .3s ease-in-out}.full.svelte-17mrubk{width:100%}.streak-button.svelte-17mrubk{padding:.5rem 1rem;border:none;border-radius:25px;background-color:#1f1f1f;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}.streak-button.svelte-17mrubk:disabled{height:50px;background-color:#d0d0d0}.streak-button.svelte-17mrubk:not(:disabled){height:50px}#add-friend.svelte-17nnq58{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:1000px;width:100%}#friend-input.svelte-17nnq58{width:95%;padding:.5rem;margin:auto;font-size:1rem;box-sizing:border-box}#add-friend-button.svelte-17nnq58{padding:.5rem;font-size:1rem;border:none;border-radius:.5rem;background-color:#000;color:#fff;cursor:pointer}#add-friend-button.svelte-17nnq58:disabled{background-color:#d0d0d0;cursor:not-allowed;font-size:.5rem}#login.svelte-18qt05u{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:1000px;width:100%}#login-input.svelte-18qt05u{width:95%;padding:.5rem;margin:auto;font-size:1rem;box-sizing:border-box}#login-button.svelte-18qt05u,#logout-button.svelte-18qt05u{padding:.5rem;font-size:1rem;border:none;border-radius:.5rem;background-color:#000;color:#fff;cursor:pointer}#login-button.svelte-18qt05u:disabled,#logout-button.svelte-18qt05u:disabled{background-color:#d0d0d0;cursor:not-allowed;font-size:.5rem}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left)}html{margin:0;font-family:Roboto,sans-serif}body{margin:0;padding:0}#notch{width:100%;height:var(--sat)}.row-between{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}header{position:sticky;z-index:100;top:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background-color:#ffffff1a;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box}main{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:1rem;gap:1rem;padding:0 var(--sar) var(--sab) var(--sal)}.nav-button{width:40px;height:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:transparent;border:none}.nav-button:nth-of-type(2){background-color:transparent}.nav-button svg{fill:#000}.nav-button:nth-of-type(2) svg{fill:#fff}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:start;animation:fadeIn .3s ease-in-out;z-index:100;padding-top:calc(var(--sat) + 5%);padding-left:var(--sal);padding-right:var(--sar);padding-bottom:var(--sab)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass{background:#ffffff1a;border-radius:15px;padding:2rem;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);text-align:center;color:#fff;max-width:300px;margin:0 auto;box-sizing:border-box;position:relative}h2{margin:0;font-size:2rem;color:#000}p{font-size:1.5rem;color:#000}strong{font-size:2rem;color:#000}