: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;box-sizing:border-box}.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;top:0;min-height:220px}.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}.close-page-button{background:#2196f3;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:.5px;width:100%;box-shadow:0 4px 15px #2196f34d}.close-page-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2196f366;background:#1976d2}.footer-links{display:flex;justify-content:center;gap:1rem;margin-top:0;flex-wrap:wrap;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:1000;padding:0 1rem}.footer-link{color:#0a6ebd;text-decoration:underline;font-size:.9rem;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#1976d2}.menu-icon{position:fixed;top:1rem;right:1rem;z-index:1001;cursor:pointer;padding:.5rem;border-radius:4px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}.hamburger-line{width:25px;height:3px;background-color:#0a6ebd;margin:4px 0;transition:.4s;border-radius:2px}.mobile-menu-content{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:280px;height:100%;padding:1rem;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-in-out;margin-left:auto}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1002;opacity:0;transition:opacity .3s ease-in-out}.mobile-menu-overlay.active{opacity:1}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(10,110,189,.1)}.close-menu{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#0a6ebd;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.mobile-menu-link{color:#0a6ebd;text-decoration:none;font-size:1.1rem;font-weight:500;padding:1rem 0;border-bottom:1px solid rgba(10,110,189,.1);transition:color .3s ease;display:block}.mobile-menu-link:hover{color:#1976d2}.clean-auth{width:100%;box-sizing:border-box}.clean-auth-header{margin-bottom:2rem;text-align:center}.clean-auth-header h3{font-size:1.2rem;font-weight:600}.clean-auth-subtitle{color:#666;font-size:1rem;margin:0;text-align:center}.clean-features{display:flex;gap:1rem;margin:2rem 0;justify-content:center;flex-wrap:wrap;width:100%;box-sizing:border-box}.clean-feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:12px;background:#ffffff40;flex:1;min-width:120px;max-width:150px;transition:transform .2s ease;box-sizing:border-box}.clean-feature:hover{transform:translateY(-3px);background:#ffffff59}.clean-feature-icon{font-size:1.8rem;margin-bottom:.8rem}.clean-feature-text h3{margin:0 0 .3rem;color:#0a6ebd;font-size:1rem}.clean-feature-text p{margin:0;color:#666;font-size:.85rem}.clean-auth-button{background:linear-gradient(45deg,#0a6ebd,#2196f3);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;margin:1.5rem auto;display:block;width:100%;max-width:300px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px #0a6ebd4d;box-sizing:border-box}.clean-auth-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #0a6ebd66;background:linear-gradient(45deg,#0d47a1,#1976d2)}@media (max-width: 768px){.container{padding:1.5rem 1.5rem 3rem;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}.clean-features{flex-direction:column;align-items:center}.clean-feature{max-width:100%;width:100%}.menu-icon{display:block}.fixed-footer-links{display:none}}