*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1115;--fg: #e2e6ee;--muted: #8b93a3;--accent: #f5c518;--danger: #ff5d5d}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}h1{font-size:1.6rem;margin-bottom:.5rem}h2{font-size:1.3rem;margin-bottom:.5rem}p{margin:.4rem 0}code{background:#1c202a;padding:.1em .35em;border-radius:4px}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.pad{padding:1.5rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.stack{display:flex;flex-direction:column;gap:.75rem;width:min(90vw,340px)}.row{display:flex;gap:.75rem;justify-content:center}.done-check{color:#37d67a;font-size:1.35rem;font-weight:800}.resume-note{background:#1a2f1f;color:#7ee2a8;border-radius:10px;padding:.5rem .9rem;font-size:.85rem}.dest-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left}.btn-link{background:none;color:var(--accent);padding:.2rem .4rem;font-size:.85rem;text-decoration:underline}input[type=text]{font-size:1.05rem;padding:.7rem .9rem;border-radius:10px;border:1px solid #2a3040;background:#1a1e27;color:var(--fg);width:100%}button{font:inherit;cursor:pointer;border:none;border-radius:10px;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--accent);color:#14161c;font-weight:700;padding:.8rem 1.4rem;font-size:1.05rem}.btn-primary:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--fg);border:1px solid #2a3040;padding:.7rem 1.2rem}.link-btn{display:inline-block;text-decoration:none}ul.small{text-align:left;padding-left:1.2rem;display:grid;gap:.4rem}.capture-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.viewfinder{width:100%;height:100%;object-fit:cover;display:block}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.85;pointer-events:none;animation:flashfade .12s ease-out}@keyframes flashfade{0%{opacity:.85}to{opacity:0}}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.75rem;padding:calc(.6rem + env(safe-area-inset-top)) .75rem .6rem;background:linear-gradient(rgba(0,0,0,.65),transparent);pointer-events:none}.hud-top>*{pointer-events:auto}.hud-label{flex:1;text-align:center;font-weight:800;font-size:1.15rem;letter-spacing:.03em;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.hud-status{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.8rem;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.pill{background:#141820d9;border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.pill-bad{color:var(--danger)}.btn-end{background:#141820d9;color:var(--fg);padding:.5rem .9rem;font-size:.9rem}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom));pointer-events:none}.hud-bottom>*{pointer-events:auto}.btn-undo{background:#141820d9;color:var(--fg);padding:.55rem .9rem;font-size:.85rem}.thumb{width:64px;height:84px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.7);box-shadow:0 2px 10px #0009}.hint{position:absolute;bottom:35%;left:0;right:0;text-align:center;color:#ffffff73;font-size:.85rem;pointer-events:none;animation:hintfade 4s forwards}@keyframes hintfade{0%,75%{opacity:1}to{opacity:0}}.auth-banner{position:absolute;top:calc(3.6rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--danger);color:#fff;font-weight:600;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;white-space:nowrap}.save-error{position:absolute;top:40%;left:50%;transform:translate(-50%);width:min(90vw,340px);background:var(--danger);color:#fff;font-weight:700;padding:.8rem 1rem;border-radius:12px;text-align:center;pointer-events:none}.lowres-note{position:absolute;top:calc(6rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#141820d9;color:var(--accent);padding:.3rem .8rem;border-radius:999px;font-size:.75rem;pointer-events:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{background:#1a1e27;border-radius:14px;padding:1.25rem;max-width:340px;display:flex;flex-direction:column;gap:1rem;text-align:center}