:root{color-scheme:dark;--bg: #0f0f10;--panel: #1a1a1c;--border: #2a2a2d;--text: #eaeaea;--muted: #8a8a90;--accent: #6ea8fe;--danger: #ff6b6b;--ok: #4ade80}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:640px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}header h1{font-size:1.1rem;margin:0;font-weight:600}.icon-btn{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem;font-size:.85rem;cursor:pointer}main{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=password],input[type=date],textarea,select{width:100%;background:#121214;border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;margin-bottom:.75rem}textarea{min-height:80px;resize:vertical}button.primary{width:100%;background:var(--accent);color:#0b1220;border:0;border-radius:10px;padding:.9rem;font-weight:700;font-size:1rem;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.7rem;cursor:pointer;width:100%}button.danger{background:var(--danger);color:#fff;border:0}.capture-btn{width:100%;padding:1.5rem;font-size:1.1rem;font-weight:700;background:var(--accent);color:#0b1220;border:0;border-radius:14px;cursor:pointer}.camera-wrap{position:relative;aspect-ratio:3 / 4;background:#000;border-radius:12px;overflow:hidden}.camera-wrap video,.camera-wrap canvas,.camera-wrap img{width:100%;height:100%;object-fit:cover;display:block}.shutter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.35);cursor:pointer}.row{display:flex;gap:.5rem}.row>*{flex:1}.col-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;margin-bottom:.5rem;align-items:start}.col-row input,.col-row select{margin-bottom:0}.muted{color:var(--muted);font-size:.85rem}.toast{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#222;color:#fff;border:1px solid var(--border);border-radius:10px;padding:.7rem 1rem;font-size:.9rem;z-index:1000;max-width:90vw}.toast.ok{border-color:var(--ok)}.toast.err{border-color:var(--danger)}.progress{height:6px;background:#222;border-radius:999px;overflow:hidden;margin:.5rem 0}.progress>span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.crop-stage{position:relative;background:#000;border-radius:12px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.crop-stage canvas{display:block;width:100%;height:auto}.crop-overlay{position:absolute;inset:0;pointer-events:none}.crop-mask{position:absolute;background:#0000008c}.crop-frame{position:absolute;border:2px solid var(--accent);box-shadow:0 0 0 9999px #0000}.crop-handle{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--accent);border:2px solid #fff;pointer-events:auto;transform:translate(-50%,-50%);touch-action:none}pre.raw{background:#121214;border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:.75rem;max-height:160px;overflow:auto;white-space:pre-wrap}