*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;min-height:100%}body,#root{min-height:100vh;min-height:100dvh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{font-family:inherit}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fafafa}a:hover{color:#747bff}}.health-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;background:#ffffff1a;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.health-indicator:hover{background:#ffffff26}.health-indicator:active{background:#fff3}.health-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.health-indicator.checking .health-dot{background:#f59e0b;animation:pulse 1s ease-in-out infinite}.health-indicator.healthy .health-dot{background:#10b981;box-shadow:0 0 8px #10b98180}.health-indicator.unhealthy .health-dot{background:#ef4444;box-shadow:0 0 8px #ef444480}.health-label{font-size:.875rem;font-weight:500}.health-time{font-size:.75rem;opacity:.6;margin-left:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-color-scheme:light){.health-indicator{background:#0000000d}.health-indicator:hover{background:#00000014}.health-indicator:active{background:#0000001f}}.auth-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.login{background:#646cff;color:#fff}.auth-button.login:hover:not(:disabled){background:#535bf2}.auth-button.logout{background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit}.auth-button.logout:hover:not(:disabled){background:#ffffff1a}@media(min-width:640px){.auth-button{width:auto;padding:.75rem 1.5rem}}@media(prefers-color-scheme:light){.auth-button.logout{border-color:#0003}.auth-button.logout:hover:not(:disabled){background:#0000000d}}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em}.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;text-align:center}.loading{opacity:.6}.profile{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.welcome{margin:0;font-size:1.5rem;font-weight:600}.email{margin:0;opacity:.6;font-size:.875rem}.welcome-guest{display:flex;flex-direction:column;gap:.5rem}.welcome-guest h2{margin:0;font-size:1.75rem;font-weight:700}.welcome-guest p{margin:0;opacity:.6}.footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media(min-width:640px){.app{padding:1.5rem;max-width:600px;margin:0 auto}.logo{font-size:1.75rem}.avatar{width:100px;height:100px}.welcome{font-size:2rem}.welcome-guest h2{font-size:2.5rem}.footer{display:flex;justify-content:center}}@media(min-width:1024px){.app{max-width:800px}}@media(prefers-color-scheme:light){.header{border-bottom-color:#0000001a}.footer{border-top-color:#0000001a}}