*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:light dark}body{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5;color:#333}@media(prefers-color-scheme:dark){body{background:#1a1a1a;color:#f5f5f5}}#app{width:100%;max-width:600px;padding:2rem;text-align:center}h1{font-size:2rem;margin-bottom:1rem}#qr-container{margin:2rem auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a}@media(prefers-color-scheme:dark){#qr-container{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}}#qr-code{display:block;margin:0 auto;max-width:100%}#file-input-container{margin:2rem 0}input[type=file]{display:block;width:100%;padding:1rem;margin:1rem auto;font-size:1rem;border:2px dashed #ccc;border-radius:.5rem;cursor:pointer}input[type=file]:hover{border-color:#646cff}button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:#646cff;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}button:hover{background:#535bf2}button:disabled{background:#ccc;cursor:not-allowed}.status{margin:1rem 0;padding:1rem;border-radius:.5rem;background:#e3f2fd;color:#0d47a1;font-weight:500}@media(prefers-color-scheme:dark){.status{background:#1a237e;color:#bbdefb}}.status.success{background:#e8f5e9;color:#2e7d32}@media(prefers-color-scheme:dark){.status.success{background:#1b5e20;color:#c8e6c9}}.status.warning{background:#fff3e0;color:#e65100}@media(prefers-color-scheme:dark){.status.warning{background:#e65100;color:#ffe0b2}}.error{margin:1rem 0;padding:1rem;border-radius:.5rem;background:#ffebee;color:#c62828;font-weight:500}@media(prefers-color-scheme:dark){.error{background:#b71c1c;color:#ffcdd2}}.files{margin-top:2rem}.file-received{margin:1rem 0;padding:1rem;background:#e8f5e9;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}@media(prefers-color-scheme:dark){.file-received{background:#1b5e20}}.file-received button{padding:.5rem 1rem;font-size:.9rem}#progress{margin:1rem 0;padding:1rem;font-weight:500}