body,html{margin:0;padding:0}.App{background-color:#282c34;text-align:center}.App,.App-header{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:center;color:#fff;flex:1 1;font-size:calc(10px + 2vmin);justify-content:center;overflow-y:auto;padding:1rem}.input-container{display:flex;gap:.5rem;margin-top:1rem;max-width:720px;width:100%}.input-container input{background:#1f232b;border:1px solid #3a3f4b;border-radius:8px;color:#e6e6e6;flex:1 1;outline:none;padding:.6rem .8rem}.input-container input::placeholder{color:#9aa4b2}.input-container button{background:#61dafb;border:0;border-radius:8px;color:#0b1a22;cursor:pointer;font-weight:600;padding:.6rem 1rem}.input-container button:disabled{cursor:not-allowed;opacity:.6}.error-message{color:#ff7a7a;margin-top:.75rem}.image-container{margin-top:1.25rem}.image-container img{border-radius:10px;box-shadow:0 10px 30px #0006;max-height:65vh;max-width:90vw}.footer{background:#1f232b;border-top:1px solid #ffffff0f;color:#9aa4b2;font-size:.875rem;padding:.75rem 1rem;text-align:center}.footer a{color:#61dafb;text-decoration:none}.footer a:hover{text-decoration:underline}.username{color:#9aa4b2;font-size:.95rem;margin-top:.25rem}.login-form{display:flex;flex-direction:column;gap:.6rem;max-width:360px;width:100%}.login-form input{background:#1f232b;border:1px solid #3a3f4b;border-radius:8px;color:#e6e6e6;outline:none;padding:.6rem .8rem}.login-form button{background:#61dafb;border:0;border-radius:8px;color:#0b1a22;cursor:pointer;font-weight:600;padding:.6rem 1rem}.user-info{align-items:center;color:#9aa4b2;display:flex;font-size:.95rem;gap:1rem;margin-top:.25rem}.logout-button{background:#4a505c;border:none;border-radius:5px;color:#e6e6e6;cursor:pointer;font-size:.8rem;padding:.25rem .6rem}.logout-button:hover{background:#5a606c}@media (max-width:768px){.App-header{font-size:calc(8px + 2vmin);padding:1rem}.input-container{max-width:90%}}@media (max-width:480px){.App-header{padding:.5rem}h1{font-size:1.5rem}.input-container{flex-direction:column;gap:.75rem;width:90%}.user-info{flex-direction:column;font-size:.9rem;gap:.5rem}.image-container img{max-height:40vh}}
/*# sourceMappingURL=main.7c245489.css.map*/