:root{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:-apple-system,system-ui,Segoe UI,Arial,sans-serif}.screen{min-height:100%;padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);flex-direction:column;display:flex}h1{margin:0 0 4px;font-size:28px}.muted{color:var(--muted);margin:0 0 20px}.card{background:var(--surface);border-radius:16px;margin-bottom:12px;padding:16px}.card h2{margin:0 0 8px;font-size:16px}.card p{margin:4px 0;font-size:15px}.ok{color:#4ade80}.bad{color:#f87171}.btn{background:var(--accent);color:#0f172a;border:0;border-radius:14px;width:100%;margin-top:auto;padding:16px;font-size:18px;font-weight:700}.bar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.bar h1{flex:1;margin:0;font-size:24px}.back{background:var(--surface);color:var(--text);border:0;border-radius:12px;width:44px;height:44px;font-size:22px}.link{color:var(--accent);background:0 0;border:0;font-size:14px}.row{background:var(--surface);width:100%;color:var(--text);text-align:right;border:0;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:18px 16px;font-size:17px;display:flex}.chev{color:var(--muted);font-size:22px}.empty{text-align:center;margin:40px 0}.btn.top{margin:0 0 16px}.btn.small{margin:0;padding:12px;font-size:16px}.btn.ghost{background:var(--bg);color:var(--text)}.form input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--muted);-webkit-user-select:text;user-select:text;border-radius:12px;margin-bottom:10px;padding:14px;font-size:17px}.actions{gap:10px;display:flex}.actions .btn{flex:1}.screen>.btn:last-child{margin-top:16px}.cam{background:#000;position:fixed;inset:0}.viewport{touch-action:none;position:absolute;inset:0}.viewport video{object-fit:contain;width:100%;height:100%}.flash{opacity:.7;background:#fff;position:absolute;inset:0}.cam-error{text-align:center;color:#f87171;position:absolute;top:40%;left:16px;right:16px}.cam-top{padding:calc(var(--sat) + 8px) calc(var(--sar) + 12px) 8px calc(var(--sal) + 12px);background:linear-gradient(#000a,#0000);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.cam-top .pill:first-of-type{flex:1}.pill{background:#0008;border-radius:999px;padding:6px 10px;font-size:13px}.cam-bottom{padding:12px calc(var(--sar) + 16px) calc(var(--sab) + 12px) calc(var(--sal) + 16px);background:linear-gradient(#0000,#000a);position:absolute;bottom:0;left:0;right:0}.zooms{justify-content:center;align-items:center;gap:8px;margin-bottom:14px;display:flex}.z{color:#fff;background:#0008;border:0;border-radius:999px;min-width:44px;height:36px;font-size:14px;font-weight:600}.z.on{color:#000;background:#facc15}.shutter-row{justify-content:space-between;align-items:center;display:flex}.shutter{background:#fff3;border:4px solid #fff;border-radius:50%;width:76px;height:76px;box-shadow:inset 0 0 0 4px #000}.shutter:active{background:#fff}.thumb{color:#fff;background:#0008;border:0;border-radius:14px;flex-direction:column;gap:2px;width:96px;padding:10px;font-size:13px;font-weight:600;display:flex}.thumb small{color:var(--muted);font-size:10px;font-weight:400}.saved{flex-direction:column;align-items:center;gap:4px;width:96px;font-size:12px;display:flex}.saved img{object-fit:cover;border:2px solid #fff;border-radius:8px;width:48px;height:48px}.titles{flex:1;min-width:0}.titles h1{font-size:20px}.sub{margin:2px 0 0;font-size:14px}.photo{background:var(--surface);border-radius:14px;margin:0 0 14px;overflow:hidden}.photo img{width:100%;height:auto;display:block}.photo figcaption{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.badge{color:#facc15;background:#facc1522;border-radius:999px;padding:3px 8px;font-size:12px}.badge.synced{color:#4ade80;background:#4ade8022}.badge.failed{color:#f87171;background:#f8717122}.viewer{background:#000;position:fixed;inset:0}.vimg{transform-origin:0 0;will-change:transform;-webkit-touch-callout:none;max-width:none;position:absolute}.crop{color:#000;background:#facc15;border:0;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700}.crop:disabled{opacity:.35}.hint{bottom:calc(var(--sab) + 14px);text-align:center;color:#cbd5e1;text-shadow:0 1px 3px #000;pointer-events:none;margin:0;font-size:13px;position:absolute;left:0;right:0}.toast{bottom:calc(var(--sab) + 56px);color:#fff;background:#16a34a;border-radius:999px;padding:10px 16px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.photo img{cursor:pointer}.code{letter-spacing:4px;text-align:center;-webkit-user-select:text;user-select:text;margin:12px 0;font-size:34px;font-weight:800}a{color:var(--accent)}