*{box-sizing:border-box}.app-container{min-height:100vh;background:linear-gradient(135deg,#e0e7ff,#f3e8ff,#fce7f3);padding:2rem;font-family:system-ui,-apple-system,sans-serif}.max-width{max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:3rem}.title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#9333ea,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.subtitle{font-size:1.25rem;color:#4b5563;max-width:600px;margin:0 auto}.mode-selector{display:flex;gap:.75rem;background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 15px -3px #0000001a;max-width:500px;margin:0 auto 2rem}@media(max-width:480px){.mode-selector{flex-direction:column;gap:.5rem;padding:12px}.mode-btn{width:100%;font-size:1rem;padding:.75rem}}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#6b7280}.mode-btn.active{background:linear-gradient(135deg,#6366f1,#9333ea);color:#fff;box-shadow:0 10px 15px -3px #6366f14d;transform:scale(1.05)}.card{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a;padding:2.5rem;margin-bottom:2rem;border:1px solid #f3f4f6}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.card-icon-badge{padding:.75rem;border-radius:16px;display:flex;align-items:center;justify-content:center}.card-icon-badge.send{background:#eef2ff}.card-icon-badge.receive{background:#faf5ff}.card-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.form-group{margin-bottom:1.5rem}.label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.input{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:16px;font-size:1rem;transition:all .2s ease;outline:none}.input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.input.mono{font-family:Courier New,monospace;font-size:1.125rem}.file-input{width:100%;padding:1rem;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;transition:border-color .2s ease}.file-info{margin-top:1rem;padding:1rem;background:#eef2ff;border-radius:12px;display:flex;align-items:center;gap:.75rem}.file-info-text{flex:1;min-width:0}.file-name{font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.875rem;color:#6b7280}.btn{width:100%;padding:1.25rem;border:none;border-radius:16px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 15px -3px #0000001a}.btn.primary{background:linear-gradient(135deg,#6366f1,#9333ea);color:#fff}.btn.receive-btn{background:linear-gradient(135deg,#9333ea,#ec4899);color:#fff}.btn.delete-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn:disabled{background:#d1d5db;cursor:not-allowed}.btn:not(:disabled):hover{transform:scale(1.02)}.btn:not(:disabled):active{transform:scale(.98)}.success-box{padding:1.5rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #86efac;border-radius:16px;margin-top:1.5rem;animation:slideIn .5s ease}.success-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.success-title{font-size:1.125rem;font-weight:700;color:#065f46;margin:0}.input-group{display:flex;gap:.75rem}.passphrase-input{flex:1;padding:1rem 1.25rem;background:#fff;border:2px solid #a78bfa;border-radius:12px;font-family:Courier New,monospace;font-size:1.125rem;font-weight:700;color:#6366f1}.copy-button{padding:1rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 10px 15px -3px #6366f14d}.copy-button:hover{transform:scale(1.02)}.copy-button:active{transform:scale(.98)}.warning-box{margin-top:1.5rem;padding:1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px}.warning-text{font-size:.875rem;color:#78350f;margin:0}.alert{padding:1rem;border-radius:12px;margin-top:1.5rem;background:#fee2e2;border:2px solid #fca5a5;color:#991b1b}.info-card{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;padding:2rem;border:1px solid #f3f4f6}.info-title{font-size:1.5rem;font-weight:700;color:#1f2937}.step-list{list-style:none;padding:0;margin:0}.step-item{display:flex;align-items:center;gap:1rem}.step-badge{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-badge.step-1{background:#eef2ff;color:#6366f1}.step-badge.step-2{background:#faf5ff;color:#9333ea}.step-badge.step-3{background:#fce7f3;color:#ec4899}.step-badge.step-4{background:#d1fae5;color:#059669}.step-text{padding-top:.25rem;color:#374151;line-height:1.6}.security-note{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#eef2ff,#f3e8ff);border:1px solid #c7d2fe;border-radius:16px}.security-text{font-size:.875rem;color:#4338ca;margin:0}.spinner{width:20px;height:20px;border:3px solid white;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.decrypted-info{margin-bottom:1rem}.decrypted-info p{color:#374151;margin-bottom:.5rem}.decrypted-info .timestamp{font-size:.875rem;color:#6b7280}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toggle-container{margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;position:relative}.toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:48px;height:26px;background:#cbd5e0;border-radius:34px;transition:background .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-checkbox:checked+.toggle-slider{background:#6366f1}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(22px)}.toggle-text{font-size:.875rem;font-weight:600;color:#374151}.toggle-description{margin-top:.5rem;font-size:.8rem;color:#6b7280;margin-left:3.5rem}.btn-reset{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;margin-top:1rem}.btn-reset:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151)}.btn-reset:active:not(:disabled){transform:scale(.98)}.slider-container{margin-top:1rem}.slider{width:100%}.textarea{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:16px;font-size:1rem;font-family:inherit;transition:all .2s ease;outline:none;resize:vertical}.textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.char-count{margin-top:.5rem;font-size:.8rem;color:#6b7280;text-align:right}.decrypted-textarea{margin-bottom:.75rem;background:#fff}.send-type-selector{display:flex;gap:.5rem;background:#f3f4f6;border-radius:12px;padding:6px;margin-bottom:1.5rem;max-width:280px}.send-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border:none;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:#6b7280}.send-type-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}