@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:150px;height:150px;border:20px solid #f3f3f3;border-top:20px solid #0083ff;border-radius:50%;animation:spinner .5s linear infinite}.spinner-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0009;z-index:9999}.glass-container{min-height:calc(100vh - var(--navbar-height));display:flex;justify-content:center;align-items:center;padding:2rem}.glass-card{width:100%;max-width:600px;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);padding:2.5rem;color:#fff;text-align:center}.glass-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.glass-subtitle{font-size:1rem;margin-bottom:2rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.1)}.glass-alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem}.glass-alert.error{background-color:#e53e3e33;color:#fff;border:1px solid rgba(254,215,215,.3)}.glass-form{display:flex;flex-direction:column;gap:1.5rem}.glass-form.drag-active .glass-dropzone{border-color:#ffffff80;background-color:#ffffff26}.glass-dropzone{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:2.5rem 1.5rem;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a}.glass-dropzone:hover{border-color:#ffffff80}.upload-icon{color:#ffffffb3;margin-bottom:1rem}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;cursor:pointer}.drag-text{font-size:1rem;color:#fffc;margin-bottom:.5rem}.browse-text{color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:6px;background:#fff3;transition:all .3s}.browse-text:hover{background:#ffffff4d}.file-name{font-weight:500;color:#fff;margin-bottom:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-change{font-size:.875rem;color:#ffffffb3}.glass-input{width:100%;height:40px;padding:0 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px 0 0 5px;color:#fff;font-size:.9rem;border-right:0;transition:all .3s}.glass-input::placeholder{color:#ffffff80}.glass-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.glass-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;border:none;font-size:.9rem}.glass-button.primary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.glass-button.primary:hover:not(:disabled){background:#ffffff4d}.glass-button.primary:disabled{opacity:.7;cursor:not-allowed}.glass-button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.glass-button.secondary:hover{background:#ffffff1a}.password-section{text-align:left;width:100%}.password-label{display:block;font-size:.875rem;color:#fffc;margin-bottom:.5rem;font-weight:500}.password-input-container{position:relative}.password-icon{color:#ffffffb3;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);height:40px;width:40px;border-left:0;cursor:pointer}.password-icon:hover{color:#fff}.upload-info{font-size:.75rem;color:#ffffffb3;margin-top:1rem}.upload-info p{margin:.25rem 0}.glass-success{display:flex;flex-direction:column;align-items:center}.success-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#4ade80}.share-instruction{color:#fffc;margin:.5rem 0 1rem}.link-container{display:flex;width:100%;margin-bottom:1.5rem}.share-link{flex-grow:1;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px 0 0 8px;font-size:.875rem;color:#fff;overflow:hidden;text-overflow:ellipsis}.copy-button{position:relative;padding:0 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-left:none;border-radius:0 8px 8px 0}.copy-button:hover{background:#fff3}.tooltip{position:absolute;top:-35px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap}.tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-style:solid;border-color:rgba(0,0,0,.7) transparent transparent}.file-actions{display:flex;gap:1rem;width:100%}@media (max-width: 640px){.glass-card{padding:1.5rem}.file-actions{flex-direction:column}.glass-dropzone{padding:1.5rem}.glass-title{font-size:1.5rem}}.glass-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.password-modal{max-width:450px;text-align:center;padding:2.5rem}.password-modal h3{margin-bottom:.5rem}.lock-icon{margin-bottom:1.5rem;color:#fffc}.modal-subtitle{color:#ffffffb3;margin-bottom:1.5rem;font-size:.9rem}.download-card{position:relative;width:100%;max-width:600px}.back-button{position:absolute;top:1.5rem;left:1.5rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem}.file-details{margin-top:2rem}.file-info{background:#ffffff1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-label{color:#ffffffb3;font-weight:500}.info-value{color:#fff;text-align:right}.download-button{width:100%;padding:1rem;font-size:1rem}.not-found{text-align:center;margin-top:2rem}#not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;text-align:center}#not-found h1{font-size:6em;margin-bottom:1em}#not-found p{font-size:2em;margin-bottom:1em}#not-found a{font-size:1.5em;color:#007bff;text-decoration:none}#not-found a:hover{text-decoration:underline}nav{height:var(--navbar-height);display:flex;align-items:center}nav ul{max-width:1200px;width:100%;padding-inline-start:0;margin:50px auto;padding:0 30px;display:flex;align-items:center}nav li{display:flex;align-items:center;cursor:pointer}nav a{font-size:1.5rem;color:#ececec;font-weight:700;margin-left:10px;transition:var(--transition)}nav a:hover{color:#fff}@media (max-width: 691px){nav a{font-size:1.2rem}}.logoWrapper{width:50px;height:50px}*,*:before,*:after{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{--primary-light-hsl: 200, 100%, 91%;--primary-hsl: 200, 100%, 50%;--primary-dark-hsl: 200, 100%, 6%;--success-hsl: 100, 60%, 50%;--error-hsl: 0, 0%, 50%;--min-screen-width: 320px;--white: #fff;--white-faint: #c9c9c9;--navbar-height: 70px;--transition: all .5s ease-out}body{margin:0}a{text-decoration:none}li{list-style:none}.app{background-image:url(/assets/backgroundImage-CBddn7aK.jpg);height:100vh;width:100vw;background-size:cover;background-position:center}.page-wrapper{--color: hsl(var(--primary-dark-hsl), .7);background-color:hsl(var(--primary-dark-hsl),.4);box-shadow:0 0 15px 0 var(--color);padding:40px 30px;width:95%;border-radius:20px}.page-title{margin:0;color:#fff;text-align:center;font-size:1.8rem;font-weight:400}.errorText{text-align:center;color:red}@media (max-width: 730px){.page-title{font-size:1.5rem}}:root{font-family:Inter,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}}