:root{--text:#4b5563;--text-h:#0f172a;--bg:#f8fafc;--panel-bg:#fff;--border:#e2e8f0;--accent:#6d28d9;--accent-hover:#5b21b6;--accent-bg:#6d28d914;--success:#16a34a;--error:#dc2626;--error-bg:#dc262614;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#cbd5e1;--text-h:#f8fafc;--bg:#0f1117;--panel-bg:#181b24;--border:#2e3240;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-bg:#a78bfa1f;--error-bg:#dc262626}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}h1{color:var(--text-h);margin:0 0 8px;font-size:24px}p{margin:0}.subtle{color:var(--text);margin-top:8px;font-size:14px}.page-center{justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.pin-form,.upload-panel{background:var(--panel-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:32px 24px}.pin-input{letter-spacing:12px;text-align:center;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:10px;margin-top:20px;padding:16px 0;font-size:32px}.pin-input:focus{outline:2px solid var(--accent);outline-offset:1px}.primary-button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:600}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button:not(:disabled):hover{background:var(--accent-hover)}.error-text{background:var(--error-bg);color:var(--error);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:14px}.dropzone{border:2px dashed var(--border);cursor:pointer;border-radius:12px;margin-top:20px;padding:40px 16px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:var(--accent-bg)}.dropzone-disabled{cursor:default}.dropzone-text{color:var(--text-h);font-size:15px}.progress-bar{background:var(--border);border-radius:4px;height:8px;margin-top:14px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .2s}.status-screen{text-align:center;width:100%;max-width:400px}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex}.status-icon-success{color:var(--success);background:#16a34a1f}.status-icon-error{background:var(--error-bg);color:var(--error)}