@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--ui-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--geist-background: #000;--geist-foreground: #fff;--geist-border: #333;--geist-selection: rgba(255, 255, 255, .99);--accents-1: #111;--accents-2: #222;--accents-3: #333;--accents-4: #444;--accents-5: #666;--accents-6: #888;--accents-7: #999;--accents-8: #eaeaea;--shadow-small: 0 0 0 1px var(--accents-2);--shadow-medium: 0 0 0 1px var(--accents-2), 0 2px 4px rgba(0, 0, 0, .12);--shadow-large: 0 0 0 1px var(--accents-2), 0 8px 16px rgba(0, 0, 0, .12);--primary: #3caea3;--primary-hover: #2d8c85;--error: #f44336;--success: #0070f3;font-family:var(--ui-font);line-height:1.6;font-weight:400;color-scheme:dark;color:var(--geist-foreground);background-color:var(--geist-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--geist-background)}#root{max-width:480px;margin:0 auto;padding:1.5rem 1rem;text-align:center}.container{margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.logo{width:90px;height:90px}.card{padding:2rem;background-color:var(--accents-1);border-radius:5px;box-shadow:var(--shadow-medium);margin-bottom:2rem;border:1px solid var(--accents-2);width:100%}h1{font-size:1.8em;line-height:1.1;margin-bottom:1.5rem;color:var(--primary);font-weight:700;letter-spacing:-.02em}button{border-radius:6px;border:1px solid var(--accents-2);padding:.6em 1.2em;font-size:.875rem;font-weight:500;font-family:inherit;background-color:var(--accents-1);color:var(--geist-foreground);cursor:pointer;transition:all .2s ease;margin:.5rem .5rem 0}button:hover{border-color:var(--accents-3);background-color:var(--accents-2)}button:focus,button:focus-visible{outline:none;border-color:var(--primary)}.form-actions{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:1.5rem}button[type=submit]{width:100%;max-width:260px;padding:.75em 1em;font-size:.875rem;background-color:var(--primary);color:#fff;font-weight:500;border:none;margin-top:.5rem}button[type=submit]:hover{background-color:var(--primary-hover)}button[type=submit]:disabled{background:var(--accents-2);color:var(--accents-5);cursor:not-allowed}.auth-toggle{position:relative;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%;background-color:var(--accents-1);border-radius:5px;padding:2px;border:1px solid var(--accents-2)}.auth-toggle:before{content:"";position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background-color:var(--accents-2);border-radius:4px;transition:transform .2s ease;z-index:0;box-shadow:0 0 0 1px var(--primary)}.auth-toggle.token-active:before{transform:translate(calc(100% + 4px))}.auth-toggle button{flex:0 0 50%;position:relative;z-index:1;background-color:transparent;color:var(--accents-7);border:none;margin:0;transition:color .2s ease;font-weight:400;border-radius:4px;padding:.5em 0;font-size:.875rem}.auth-toggle button.active{background-color:transparent;color:var(--primary);font-weight:500}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}label{margin-bottom:.125rem;display:block;text-align:left;font-weight:400;color:var(--accents-7);font-size:.875rem}input,textarea{padding:.5rem .75rem;border:1px solid var(--accents-2);border-radius:5px;width:100%;font-size:.875rem;background-color:var(--accents-1);color:var(--geist-foreground);transition:all .2s ease;box-sizing:border-box;min-height:2.5rem}input:hover,textarea:hover{border-color:var(--accents-3)}input:focus,textarea:focus{border-color:var(--primary);outline:none;background-color:var(--accents-1)}input::placeholder,textarea::placeholder{color:var(--accents-5)}.spinner{border:1px solid var(--accents-2);width:20px;height:20px;border-radius:50%;border-top-color:var(--primary);margin:1rem auto;animation:spin .8s linear infinite}.error-message{color:var(--error);margin:0 auto 1.5rem;padding:.6rem .75rem;background-color:var(--accents-1);border:1px solid var(--accents-2);border-radius:5px;text-align:left;font-size:.875rem;display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - .5rem);max-width:100%}.success-message{color:var(--primary);margin:1.5rem auto;padding:.6rem .75rem;background-color:var(--accents-1);border:1px solid var(--accents-2);border-radius:5px;text-align:left;font-size:.875rem;display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - .5rem);max-width:100%}.instructions{margin-top:1.5rem;font-size:.875rem;color:var(--accents-6);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6;text-align:center}.instructions p{margin:.5rem 0}.social-links{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:2rem}.social-link{display:flex;align-items:center;color:var(--accents-6);text-decoration:none;font-size:.875rem;transition:color .2s ease}.social-link:hover{color:var(--primary)}.social-link svg{margin-right:.4rem}.footer{margin-top:2rem;color:var(--accents-5);font-size:.75rem;text-align:center}.env-indicator{position:fixed;bottom:10px;right:10px;font-size:.7rem;padding:2px 6px;border-radius:4px;background-color:var(--accents-2);color:var(--accents-6);opacity:.7;z-index:100}@media (max-width: 480px){#root{padding:1rem .75rem}.card{padding:1.5rem}.logo{width:70px;height:70px}h1{font-size:1.5em;margin-bottom:1rem}.social-links{flex-direction:column;gap:.75rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){:root{color:#ffffffe6;background-color:#121212}}
