*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#141414;--border:#222;--text:#e5e5e5;--text-dim:#666;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--error:#ef4444}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex}.header{text-align:center;padding:48px 20px 12px}.header h1{letter-spacing:-.03em;font-size:2rem;font-weight:700}.header h1 span{color:var(--accent)}.header p{color:var(--text-dim);margin-top:8px;font-size:.95rem}.badges{flex-wrap:wrap;justify-content:center;gap:16px;padding:16px 20px 32px;display:flex}.badge{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex}.badge-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.container{width:100%;max-width:520px;padding:0 20px}.tabs{background:var(--surface);border-radius:12px;gap:2px;margin-bottom:24px;padding:4px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-size:.9rem;font-weight:500;transition:all .2s}.tab.active{background:var(--accent);color:#fff}.tab:hover:not(.active){color:var(--text)}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:48px 24px;transition:all .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#3b82f60d}.dropzone-icon{margin-bottom:12px;font-size:2.5rem}.dropzone-text{color:var(--text);margin-bottom:4px;font-size:1rem}.dropzone-hint{color:var(--text-dim);font-size:.85rem}.file-input{display:none}.code-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px 24px}.code-label{color:var(--text-dim);margin-bottom:12px;font-size:.85rem}.code-value{letter-spacing:.02em;color:var(--accent);-webkit-user-select:all;user-select:all;word-break:break-all;margin-bottom:16px;font-family:SF Mono,Fira Code,monospace;font-size:1.4rem;font-weight:700}.code-filename{color:var(--text-dim);margin-bottom:8px;font-size:.85rem}.encryption-note{color:var(--success);margin-bottom:16px;font-size:.75rem}.copy-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;transition:all .2s}.copy-btn:hover{background:var(--accent-hover)}.receive-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 24px}.input-group{margin-bottom:20px}.input-group label{color:var(--text-dim);margin-bottom:8px;font-size:.85rem;display:block}.input-group input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:14px 16px;font-family:SF Mono,Fira Code,monospace;font-size:1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--accent)}.input-group input::placeholder{color:#444}.download-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:500;transition:all .2s}.download-btn:hover{background:var(--accent-hover)}.download-btn:disabled{opacity:.5;cursor:not-allowed}.progress-container{margin-top:20px}.progress-bar-bg{background:var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:3px;width:0%;height:100%;transition:width .3s}.progress-text{color:var(--text-dim);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.status{border-radius:10px;margin-top:16px;padding:12px 16px;font-size:.9rem}.status.success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33}.status.error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.footer{text-align:center;color:#333;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding:32px 20px;font-size:.8rem;display:flex}.github-link{color:#444;transition:color .2s;display:inline-flex}.github-link:hover{color:#e5e5e5}.file-preview{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:16px;display:none}.file-preview.show{align-items:center;gap:12px;display:flex}.file-preview-icon{font-size:1.5rem}.file-preview-info{flex:1}.file-preview-name{font-size:.9rem;font-weight:500}.file-preview-size{color:var(--text-dim);font-size:.8rem}.reset-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;margin-top:16px;padding:8px 20px;font-size:.85rem;transition:all .2s}.reset-btn:hover{border-color:var(--text-dim);color:var(--text)}