:root{--bg:#eef0f4;--surface:#fff;--surface-2:#f0f2f5;--border:#e5e8ec;--border-strong:#d3d8df;--text:#171a20;--text-muted:#667085;--text-subtle:#98a2b3;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef0fe;--accent-text:#4f46e5;--on-accent:#fff;--success:#12794c;--success-bg:#d8f3e3;--danger:#b3261e;--danger-bg:#fbe0de;--shadow-lg:0 12px 32px #1018281f;--radius:10px;--radius-lg:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1116;--surface:#171a21;--surface-2:#1d212a;--border:#262b35;--border-strong:#333a46;--text:#e6e8ec;--text-muted:#99a2b0;--text-subtle:#6b7280;--accent:#7c73ff;--accent-hover:#948dff;--accent-soft:#211f3d;--accent-text:#b7b2ff;--on-accent:#fff;--success:#56d79b;--success-bg:#123023;--danger:#f38b83;--danger-bg:#35201e;--shadow-lg:0 14px 36px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}::placeholder{color:var(--text-subtle)}.card{border-radius:var(--radius-lg);background:var(--surface);max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border);margin:2rem auto;padding:1.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}header h1{letter-spacing:-.01em;margin:0;font-size:1.25rem}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.theme-toggle:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.theme-toggle svg{display:block}.progress{gap:.5rem;margin-bottom:1.1rem;display:flex}.dot{text-align:center;background:var(--surface-2);color:var(--text-subtle);border-radius:999px;flex:1;padding:.4rem 0;font-size:.75rem;font-weight:600}.dot.active{background:var(--accent);color:var(--on-accent)}section h2{margin:0 0 .75rem;font-size:1.05rem}.field{color:var(--text-muted);flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem;display:flex}input,select{font:inherit;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:.6rem .65rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}button:not(.theme-toggle):not(.btn-secondary):not(.link){border-radius:var(--radius);background:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;border:none;padding:.8rem;font-size:1rem;font-weight:600}button:not(.theme-toggle):not(.btn-secondary):not(.link):hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}.picker{text-align:center;border:2px dashed var(--border-strong);cursor:pointer;color:var(--accent-text);border-radius:12px;padding:1.5rem 1rem;font-weight:550;display:block}.picker.busy{opacity:.6;cursor:default}.picker input{display:none}.ok{color:var(--success);margin:.25rem 0;font-size:.9rem;font-weight:550}.stay{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:12px;margin-bottom:1rem;padding:.8rem .95rem}.stay-name{font-weight:650}.small{font-size:.8rem}.muted{color:var(--text-muted)}.link{cursor:pointer;width:auto;color:var(--accent-text);background:0 0;border:none;padding:.25rem 0;font-size:.85rem;font-weight:500;text-decoration:underline}.link:hover{color:var(--accent-hover)}.error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);padding:.6rem .75rem;font-size:.9rem}.liveness{flex-direction:column;gap:.75rem;display:flex}.video-wrap{aspect-ratio:3/4;background:#000;border-radius:12px;min-height:340px;position:relative;overflow:hidden}.face-guide{pointer-events:none;border:3px dashed #ffffffa6;border-radius:50%;width:62%;height:78%;margin:auto;transition:border-color .2s;position:absolute;inset:0}.face-guide.detected{border-color:#34d399f2}.face-status.ok{color:var(--success)}.face-status{margin:.25rem 0}.diag{color:var(--text-subtle);background:color-mix(in srgb, var(--text-subtle) 16%, transparent);word-break:break-word;border-radius:6px;margin:.4rem 0 0;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.video-wrap video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.video-wrap.no-mirror video{transform:none}.overlay{color:#fff;background:#0006;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.overlay.ok-overlay{background:#12794c99;font-size:1.2rem;font-weight:600}.challenge .prompt{margin:0 0 .5rem;font-size:1rem}.challenge .steps{gap:.5rem;display:flex}.details-form{flex-direction:column;gap:.85rem;margin:.75rem 0 1.1rem;display:flex}.summary{border:1px solid var(--border);border-radius:var(--radius);margin:.9rem 0 1rem;overflow:hidden}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .85rem;font-size:.92rem;display:flex}.summary-row:last-child{border-bottom:none}.summary-row dt{color:var(--text-muted);margin:0}.summary-row dd{text-align:right;margin:0;font-weight:600}.form-actions{gap:.6rem;margin-top:.6rem;display:flex}.form-actions button{flex:1 1 0;min-width:0}.pay-amount{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.4rem;display:flex}.pay-amount .big{letter-spacing:-.02em;font-size:1.6rem;font-weight:750}.pay-form{flex-direction:column;gap:.85rem;margin-top:.4rem;display:flex}.pay-row{gap:.7rem;display:flex}.pay-row .field{flex:1;margin-bottom:0}.pay-note{background:var(--surface-2);color:var(--text-muted);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.8rem;display:flex}.pay-badge{background:var(--surface-2);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:700;display:inline-block}.paid-check{text-align:center;font-size:2.4rem}.btn-secondary{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);cursor:pointer;padding:.8rem;font-size:1rem;font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.invoice-lines{flex-direction:column;gap:.3rem;margin:.6rem 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.invoice-lines li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:1rem;padding:.3rem 0;display:flex}.invoice-lines li:last-child{border-bottom:none}.pay-error{color:var(--danger,#f38b83);margin:.4rem 0;font-size:.9rem}