:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a3042;--text: #e8ecf4;--muted: #8b95a8;--accent: #5b8def;--accent-hover: #7aa3f5;--success: #3ecf8e;--warn: #e8b84a;--error: #ef6b6b;--radius: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5}.app{max-width:560px;margin:0 auto;padding:1.5rem 1rem 3rem}.header h1{margin:0;font-size:1.75rem;font-weight:700}.subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.mode-indicators{display:flex;gap:.5rem;margin:1.5rem 0 1rem}.mode-indicator{flex:1;padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font:inherit;font-size:.9rem;text-align:center;user-select:none;pointer-events:none}.mode-indicator.active{border-color:var(--accent);background:#5b8def1f;color:var(--text);font-weight:500}.status{padding:.6rem .9rem;border-radius:var(--radius);background:var(--surface);font-size:.9rem;margin-bottom:1rem}.status.connecting{border-left:3px solid var(--warn)}.status.connected{border-left:3px solid var(--success)}.status.failed{border-left:3px solid var(--error)}.panel.hidden{display:none}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop-zone:hover:not(.disabled),.drop-zone.dragover{border-color:var(--accent);background:#5b8def0f}.drop-zone.disabled{opacity:.55;cursor:not-allowed}.drop-zone.disabled p{color:var(--muted)}.drop-zone p{margin:0;color:var(--muted)}.file-info{margin:.75rem 0;font-size:.9rem;color:var(--muted)}.setting{display:block;margin:1rem 0;font-size:.85rem;color:var(--muted)}.setting input[type=number]{display:block;width:100%;margin-top:.35rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}.setting.checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.setting.checkbox input{width:auto}.hint{color:var(--muted);font-size:.9rem}.receive-storage{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.receive-folder-status{margin:.65rem 0 0;font-size:.85rem;color:var(--muted)}.save-file-prompt{margin-top:1rem;padding:1rem;border:1px solid var(--warn);border-radius:var(--radius);background:#e8b84a1a}.save-file-prompt p{margin:0 0 .75rem;font-size:.9rem}.saved-badge{flex-shrink:0;padding:.35rem .65rem;border-radius:6px;background:#3ecf8e26;color:var(--success);font-size:.8rem;font-weight:500}.hidden{display:none!important}.paste-section{margin-bottom:1.25rem}.paste-section label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.paste-section textarea{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;resize:vertical}.share-section{margin-bottom:1.25rem;padding:1rem;border:1px solid var(--accent);border-radius:var(--radius);background:#5b8def14}.share-section h2{margin:0 0 .35rem;font-size:1rem}.share-instruction{margin:0 0 .75rem;font-size:.9rem;color:var(--text)}#share-url{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.8rem}.share-actions{margin-top:.75rem}.btn{display:inline-block;padding:.6rem 1.1rem;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);margin-top:.5rem}.retry-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--warn);text-align:center}.retry-hint:empty{display:none}.progress-section{margin-top:1.5rem}.progress-track{height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--accent);transition:width .2s ease}.progress-text{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}.download-section{margin-top:1.25rem}.downloads-heading{margin:0 0 .75rem;font-size:1rem}.downloads-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.downloads-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.downloads-list .file-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-btn{flex-shrink:0;display:inline-block;padding:.45rem .85rem;border:none;border-radius:6px;background:var(--success);color:#fff;font:inherit;font-size:.85rem;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none}.download-btn:hover{filter:brightness(1.08)}.download-btn:disabled{opacity:.65;cursor:wait}@media (max-width: 480px){.app{padding:1rem .75rem 2rem}.drop-zone{padding:2rem .75rem}}