.drop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(91,160,242,.95);display:none;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px);pointer-events:all}.drop-overlay.active{display:flex}.drop-overlay-content{text-align:center;color:#fff;animation:pulse 1.5s infinite}.drop-overlay-icon{width:120px;height:120px;margin:0 auto 30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(0,0,0,.2)}.drop-overlay-icon svg{width:60px;height:60px;fill:#5ba0f2}.drop-overlay-text{font-size:2em;font-weight:700;margin-bottom:10px}.drag-overlay-subtext{font-size:1.1em;opacity:.9}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.upload-header{text-align:center;margin-bottom:2rem}.upload-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:0;font-weight:700}.upload-success-page{position:relative;margin-top:2rem}.success-card{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 20px 60px rgba(0,0,0,.15);position:relative}.close-success-btn{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:2rem;color:#718096;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .3s}.close-success-btn:hover{background:#f7fafc;color:#2d3748}.success-header{text-align:center;margin-bottom:2rem}.success-animation{margin-bottom:1.5rem}.checkmark{width:80px;height:80px}.checkmark-circle{stroke:#48bb78;stroke-width:2;stroke-miterlimit:10;animation:circle .6s ease-in-out}.checkmark-check{stroke:#48bb78;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:check .3s .6s ease-out forwards}@keyframes circle{0%{stroke-dasharray:0,150;stroke-dashoffset:0}100%{stroke-dasharray:150,150;stroke-dashoffset:0}}@keyframes check{to{stroke-dashoffset:0}}.success-title{color:#15803d;font-size:2rem;font-weight:700;margin-bottom:.5rem}.success-message{color:#718096;font-size:1.1rem;margin:0}.file-details-card{background:#f7fafc;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.detail-list{display:grid;gap:1rem;margin:0}.detail-list dt{color:#718096;font-size:.875rem;margin-bottom:.25rem}.detail-list dd{color:#2d3748;font-weight:600;margin:0}.share-section{margin-bottom:2rem}.share-link-container{display:flex;gap:.75rem;align-items:center;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem}.share-link-container input{flex:1;border:none;background:0 0;font-family:monospace;font-size:.95rem;color:#2d3748}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#5ba0f2;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-button:hover{background:#4a90e2}.copy-button.copied{background:#48bb78}.copy-icon{width:20px;height:20px;fill:currentColor}.encryption-notice{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;background:#f0f9ff;border-left:4px solid #5ba0f2;border-radius:.5rem;margin-bottom:2rem}.lock-icon{font-size:1.25rem;flex-shrink:0}.encryption-text{flex:1;color:#1e40af;font-size:.95rem}.upload-success-page.hidden{display:none}.upload-success-page.show{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;flex:1}.detail-icon{width:20px;height:20px;fill:#9ca3af}.detail-value{color:#1f2937;font-weight:600;font-size:1rem}.share-label{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.share-link-input{flex:1;border:none;background:0 0;font-family:monospace;font-size:.9rem;color:#374151;outline:0}.copy-link-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.95rem}.copy-link-btn:hover{background:#2563eb;transform:translateY(-1px)}.copy-link-btn.copied{background:#10b981}.copy-link-btn.copied .copy-icon{animation:checkmarkPop .3s ease-out}@keyframes checkmarkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.security-note{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef3c7;border-radius:.5rem;margin-top:1rem}.security-icon{width:20px;height:20px;fill:#f59e0b;flex-shrink:0}.security-text{color:#92400e;font-size:.875rem;line-height:1.4}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-size:1rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-icon{width:20px;height:20px;fill:currentColor}.upload-another-btn{padding:.75rem 2rem;background:0 0;color:#5ba0f2;border:2px solid #5ba0f2;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.upload-another-btn:hover{background:rgba(91,160,242,.1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.csrf-warning{color:#dc2626;padding:10px;background:#fee;margin:10px 0;border-radius:5px;border:1px solid #fecaca;font-weight:500;text-align:center}.auto-encryption-notice{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#dbeafe 0,#e0e7ff 100%);border-radius:.75rem;margin-bottom:2rem;align-items:flex-start}.auto-encryption-icon{font-size:1.5rem;flex-shrink:0}.auto-encryption-text{flex:1}.auto-encryption-text strong{display:block;color:#1e40af;margin-bottom:.25rem}.auto-encryption-text p{color:#3730a3;margin:0;font-size:.95rem}.drop-zone{border:3px dashed #cbd5e0;border-radius:1rem;padding:3rem 2rem;text-align:center;transition:all .3s;cursor:pointer;background:#f7fafc;position:relative;margin-bottom:1rem}.drop-zone:hover{border-color:#5ba0f2;background:#eff6ff}.drop-zone.drag-over{border-color:#5ba0f2;background:#dbeafe;transform:scale(1.02)}.drop-zone-icon{font-size:3rem;margin-bottom:1rem}.drop-zone-text{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.drop-zone-subtext{color:#718096;margin-bottom:1.5rem}.drop-zone-button{padding:.75rem 2rem;background:#5ba0f2;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.drop-zone-button:hover{background:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 20px rgba(91,160,242,.3)}.drop-zone-size-limit{margin-top:1rem;font-size:.875rem;color:#64748b}.file-preview{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f7fafc;border-radius:.75rem;margin-bottom:2rem}.file-preview.hidden{display:none}.drop-zone.hidden{display:none}.file-preview-icon{font-size:2.5rem;flex-shrink:0}.file-preview-info{flex:1}.file-preview-name{font-weight:600;color:#2d3748;margin-bottom:.25rem;word-break:break-word}.file-preview-size{color:#718096;font-size:.875rem}.file-preview-remove{padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .3s}.file-preview-remove:hover{background:#fecaca}.file-input-hidden{display:none}.file-size-warning{display:none;padding:1.5rem;background:#fef3c7;border:2px solid #fde68a;border-radius:.75rem;margin-bottom:2rem}.file-size-warning.show{display:block}.file-size-warning h4{color:#92400e;margin-top:0;margin-bottom:.5rem}.file-size-warning p{color:#78350f;margin-bottom:.5rem}.encryption-time-estimate{font-weight:600;color:#92400e}.expiration-section{padding:1.5rem;background:#f7fafc;border-radius:.75rem;margin-bottom:2rem}.expiration-warning{margin-top:1rem;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;color:#92400e;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.expiration-warning.hidden{display:none!important}.expiration-label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem}.expiration-description{color:#718096;margin-bottom:1rem;font-size:.875rem}.expiration-controls{display:flex;align-items:center;gap:1rem}.expiration-input-group{display:flex;gap:.5rem;align-items:center}.expiration-number{width:80px;padding:.5rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1rem;text-align:center}.expiration-unit{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1rem;background:#fff;cursor:pointer}.upload-actions{text-align:center}.upload-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:#5ba0f2;color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(91,160,242,.3)}.upload-btn:hover:not(:disabled){background:#4a90e2;transform:translateY(-2px);box-shadow:0 6px 25px rgba(91,160,242,.4)}.upload-btn.disabled,.upload-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.upload-icon{width:24px;height:24px;fill:currentColor}.progress-section-hidden{display:none}.progress-container{margin-top:2rem;padding:1.5rem;background:#f7fafc;border-radius:.75rem}.progress-hidden{display:none}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-weight:600;color:#2d3748}.progress-percentage{font-weight:600;color:#5ba0f2}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#5ba0f2;border-radius:4px;transition:width .3s ease;width:0}.upload-fill{background:linear-gradient(90deg,#5ba0f2,#4a90e2)}.progress-text{font-size:.875rem;color:#718096}.paste-notification{position:fixed;top:80px;right:20px;background:#fff;padding:15px 25px;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;align-items:center;gap:10px;z-index:1000;animation:slideInRight .3s ease}.paste-notification.active{display:flex}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.file-size-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center}.file-size-modal-overlay.hidden{display:none}.file-size-modal{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.file-size-modal .modal-header{text-align:center;margin-bottom:1.5rem}.file-size-modal .modal-icon{font-size:3rem;margin-bottom:1rem}.file-size-modal h2{color:#2d3748;margin:0;font-size:1.75rem}.file-size-modal .modal-content{text-align:center;color:#718096;margin-bottom:1.5rem}.file-size-modal .size-comparison{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:2rem 0;padding:1.5rem;background:#fef2f2;border-radius:.75rem;border:1px solid #fecaca}.file-size-modal .size-item{text-align:center}.file-size-modal .size-label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.file-size-modal .size-value{display:block;font-size:1.75rem;font-weight:700;color:#2d3748}.file-size-modal .size-item.your-file .size-value{color:#dc2626}.file-size-modal .size-item.max-allowed .size-value{color:#059669}.file-size-modal .size-divider{font-size:1.5rem;color:#dc2626;font-weight:700}.file-size-modal .modal-message{text-align:center;margin:1.5rem 0}.file-size-modal .modal-message p{color:#4b5563;font-size:1rem;margin:0}.file-size-modal .modal-options h3{font-size:1rem;color:#374151;margin-bottom:1rem;font-weight:600}.file-size-modal .modal-content .file-info{background:#f7fafc;padding:1rem;border-radius:.5rem;margin:1rem 0}.file-size-modal .modal-content strong{color:#2d3748;font-weight:600}.file-size-modal .option-list{text-align:left;margin:1.5rem 0}.file-size-modal .option-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.file-size-modal .option-icon{font-size:1.25rem;flex-shrink:0}.file-size-modal .option-text{flex:1}.file-size-modal .option-text strong{display:inline;margin-right:.25rem}.file-size-modal .option-text p{margin:.25rem 0 0 0;font-size:.9rem;color:#718096}.file-size-modal .modal-footer{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem;margin-top:1rem;border-top:1px solid #e5e7eb}#file-size-dismiss-btn,.file-size-modal .btn-understand,.file-size-modal .modal-dismiss-btn{padding:.75rem 2rem;background:#5ba0f2;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-block;font-size:1rem}#file-size-dismiss-btn:hover,.file-size-modal .btn-understand:hover,.file-size-modal .modal-dismiss-btn:hover{background:#4a90e2;box-shadow:0 4px 20px rgba(91,160,242,.4)}.email-modal.modal-centered{display:none}.email-modal.modal-centered.show{display:flex}@media (max-width:768px){.card{padding:2rem}.header h1{font-size:2rem}.drop-zone{padding:2rem 1rem}.drop-zone-icon{font-size:2.5rem}.drop-zone-text{font-size:1.1rem}.expiration-controls{flex-direction:column;align-items:stretch}.expiration-input-group{width:100%}.expiration-number{flex:1}.modal-input-group{flex-direction:column}.modal-input,.modal-submit{width:100%}}