:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.hero-text{font-size:clamp(2rem,5vw + 1rem,3.2rem);line-height:1.1;display:flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:.2em}.static-text{white-space:nowrap}.dynamic-text{white-space:nowrap;min-width:0}.typewriter{position:relative;padding-block:.1em;padding-inline:.3em;border-radius:4px;transition:all .3s ease;will-change:background-color}.typewriter-char{display:inline-block;animation:fadeIn .3s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cursor{display:inline-block;animation:blink 1s infinite;font-weight:300;margin-inline-start:2px;opacity:.8;position:relative;inset-block-start:-.1em}@keyframes blink{0%,49%{opacity:.8}50%,to{opacity:.3}}.read-the-docs{color:#ffffff1a;font-size:.9em;margin-block-start:3rem;font-family:monospace;letter-spacing:.05em}@media (hover: hover){.static-text:hover,.dynamic-text:hover{filter:drop-shadow(0 0 2em rgb(100 108 255 / .67));transition:filter .3s}}@media (max-width: 768px){.hero-text{font-size:clamp(1.75rem,4vw + .5rem,2.5rem)}}@media (max-width: 480px){.hero-text{flex-direction:column;align-items:center;gap:.1em}}.user-info{position:fixed;top:2rem;right:2rem;display:flex;align-items:center;gap:1rem;color:#fffc;font-size:.9rem}.logout-button,.login-button{padding:.5rem 1rem;background-color:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.85rem}.logout-button:hover,.login-button:hover{background-color:#ffffff1a;border-color:#ffffff80}.login-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:500}.login-button:hover{transform:translateY(-1px);background:#ffffff26;border-color:#ffffff4d}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}@media (prefers-reduced-motion: reduce){.cursor,.typewriter-char{animation:none;opacity:1}@media (hover: hover){.static-text:hover,.dynamic-text:hover{filter:none}}}@media (max-width: 768px){.user-info{top:1rem;right:1rem;font-size:.8rem}.logout-button{padding:.4rem .8rem;font-size:.8rem}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:999}.login-dropdown{position:fixed;top:4.5rem;right:2rem;background:#1a1a1afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;width:320px;z-index:1000;box-shadow:0 10px 40px #00000080;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dropdown-header h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.dropdown-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.dropdown-close:hover{color:#fffc;background:#ffffff1a}.dropdown-subtitle{font-size:.875rem;color:#fff9;margin-bottom:1.5rem;line-height:1.4}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s}.google-signin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.loading-text{color:#666}.error-message{margin-top:1rem;padding:.75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:6px;color:#ff6b6b;font-size:.813rem;line-height:1.4}@media (max-width: 480px){.login-dropdown{right:1rem;left:1rem;width:auto;top:3.5rem}}.login-dropdown:before{content:"";position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#1a1a1afa;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}