:root{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background:linear-gradient(135deg,#87ceeb,#e0f7fa,#b0e2ff);background-size:400% 400%;animation:gradientBG 15s ease infinite;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0a6ebd;text-decoration:inherit}a:hover{color:#1976d2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;display:flex;justify-content:center;align-items:center}h1{font-size:3.2em;line-height:1.1;margin:0}button{border-radius:50px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s;box-shadow:0 2px 10px #0000001a}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}button:focus,button:focus-visible{outline:2px solid #2196F3;outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background:linear-gradient(135deg,#87ceeb,#e0f7fa,#b0e2ff);background-size:400% 400%}a:hover{color:#1976d2}button{background-color:#f9f9f9}}body{margin:0;overflow-x:hidden;background:linear-gradient(135deg,#87ceeb,#e0f7fa,#b0e2ff);background-size:400% 400%;animation:gradientBG 15s ease infinite;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-icon{position:absolute;opacity:.25;z-index:1;animation:float 15s infinite linear;font-size:2rem;color:#0a6ebd}.floating-icon.icon-1{top:10%;left:5%;font-size:3rem;animation-duration:20s;color:#4285f4}.floating-icon.icon-2{top:20%;right:10%;font-size:2.5rem;animation-duration:25s;animation-direction:reverse;color:#34a853}.floating-icon.icon-3{bottom:15%;left:15%;font-size:2rem;animation-duration:30s;color:#0061ff}.floating-icon.icon-4{bottom:25%;right:20%;font-size:3.5rem;animation-duration:35s;animation-direction:reverse;color:#fabb05}.floating-icon.icon-5{top:15%;right:25%;font-size:2.2rem;animation-duration:28s;color:#ea4335}.floating-icon.icon-6{top:70%;left:20%;font-size:1.8rem;animation-duration:32s;animation-direction:reverse;color:#34a853}.floating-icon.icon-7{top:40%;left:10%;font-size:2.7rem;animation-duration:22s;color:#4285f4}.floating-icon.icon-8{bottom:30%;right:15%;font-size:2.3rem;animation-duration:27s;animation-direction:reverse;color:#ea4335}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,15px) rotate(5deg)}50%{transform:translate(40px) rotate(0)}75%{transform:translate(20px,-15px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.app{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;width:100%;margin:0 auto;left:0;top:0}.container{background:#ffffff26;border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #1f268733;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);max-width:550px;width:100%;text-align:center;position:relative;z-index:2;overflow:hidden;margin:0 auto;left:0}.container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(135,206,235,.1) 0%,transparent 70%);z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{color:#0a6ebd;font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(to right,#0a6ebd,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.app-description{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center;max-width:80%;margin-left:auto;margin-right:auto}.auth-button,.select-photos-button,.completed-button{background:linear-gradient(45deg,#2196f3,#21cbf3);color:#fff;border:none;padding:15px 30px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;margin:1.5rem 0;display:block;width:100%;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px #2196f34d;position:relative;overflow:hidden}.auth-button:hover:not(:disabled),.select-photos-button:hover:not(:disabled),.completed-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #2196f366;background:linear-gradient(45deg,#1976d2,#03a9f4)}.auth-button:disabled,.select-photos-button:disabled,.completed-button:disabled{background:linear-gradient(45deg,#bbdefb,#b3e5fc);cursor:not-allowed;transform:none;box-shadow:0 2px 10px #2196f333}.auth-button:after,.select-photos-button:after,.completed-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:rotate(30deg);transition:all .6s ease}.auth-button:hover:after,.select-photos-button:hover:after,.completed-button:hover:after{transform:rotate(30deg) translate(20%,20%)}.loading{color:#0a6ebd;font-style:italic;font-weight:500;margin:1rem 0}.error{color:#ff5252;padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500;animation:shake .5s;background-color:#ff52521a;border:1px solid #FF5252}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success{color:#4caf50;padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500;background-color:#4caf501a;border:1px solid #4CAF50}.success h2{margin-top:0;font-size:1.8rem}.success-text{color:#4caf50;margin-bottom:1.5rem;font-weight:600}.transfer-message{background:linear-gradient(45deg,#2196f3,#21cbf3);color:#fff;padding:1.5rem;border-radius:15px;margin:1.5rem 0;box-shadow:0 4px 15px #2196f34d;font-weight:500;text-align:center}.transfer-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.go-to-files-button,.logout-button{background:transparent;color:#2196f3;border:2px solid #2196F3;padding:12px 24px;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:.5px}.go-to-files-button:hover,.logout-button:hover{transform:translateY(-3px);background:#2196f31a;box-shadow:0 6px 20px #2196f333}.logout-button{color:#ff5252;border-color:#ff5252}.logout-button:hover{background:#ff52521a;box-shadow:0 6px 20px #ff525233}@media (max-width: 768px){.container{padding:1.5rem;margin:1rem;border-radius:15px}.app{padding:10px}h1{font-size:2rem}.auth-button,.select-photos-button,.completed-button{padding:12px 24px;font-size:1.1rem}.floating-icon{font-size:1.5rem}.floating-icon.icon-1{font-size:2rem}.floating-icon.icon-2{font-size:1.8rem}.floating-icon.icon-3{font-size:1.5rem}.floating-icon.icon-4{font-size:2.2rem}}