body.kam{background:#000;overscroll-behavior:none}.scr{position:fixed;inset:0}.pg{background:var(--bg);overflow:auto;padding-bottom:80px}
.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}
.camerr{position:absolute;inset:30% 20px auto;color:#fff;text-align:center;font-size:15px;background:#0009;padding:16px;border-radius:14px}
.ctop{position:absolute;left:0;right:0;top:0;padding:max(10px,env(safe-area-inset-top)) 12px 10px;display:flex;gap:8px;align-items:center;justify-content:space-between;background:linear-gradient(#000a,transparent)}
.pill{background:#0008;color:#fff;border:1px solid #fff4;border-radius:22px;min-height:44px;padding:0 14px;font:inherit;font-weight:600;display:inline-flex;align-items:center;gap:6px;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pill.gps{font-size:13px;font-weight:500}.rec{background:#b23a2e;color:#fff;border-radius:22px;padding:8px 12px;font-weight:700;font-variant-numeric:tabular-nums}
.cbot{position:absolute;left:0;right:0;bottom:64px;padding:10px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c)}
.mode{display:flex;justify-content:center;gap:6px;margin-bottom:14px}.mode button{background:none;border:0;color:#fffa;font:inherit;font-weight:700;letter-spacing:1px;min-height:40px;padding:0 16px;border-radius:20px}.mode button.on{color:#000;background:#f3d9b5}
.crow{display:flex;align-items:center;justify-content:space-around}
.gal,.next{width:56px;height:56px;border-radius:14px;background:#fff2;border:2px solid #fff6;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;padding:0}
.next span{position:absolute;inset:0;background:center/cover}.next b{position:absolute;right:2px;bottom:2px;background:var(--terra);color:#fff;font-size:13px;border-radius:10px;padding:0 6px}
.shutter{width:80px;height:80px;border-radius:50%;border:5px solid #fff;background:transparent;padding:5px;cursor:pointer}.shutter i{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:.15s}
.shutter.vid i{background:#d64532}.shutter.recording i{border-radius:10px;transform:scale(.55)}.shutter:active i{transform:scale(.92)}
.flash{position:fixed;inset:0;background:#fff;opacity:.8;pointer-events:none;animation:fl .25s forwards;z-index:9}@keyframes fl{to{opacity:0}}
.knav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:#1b140e;padding:4px 4px max(4px,env(safe-area-inset-bottom))}
.knav button{flex:1;background:none;border:0;color:#d9c3a0;font:inherit;font-size:20px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}
.knav button span{font-size:12px}.knav button.on{color:#fff}.knav b{background:var(--terra);color:#fff;border-radius:9px;padding:0 6px;font-size:11px}
.strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.shot{flex:0 0 auto;width:min(78vw,420px);position:relative;border-radius:14px;overflow:hidden;background:#222}
.shot img,.shot video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.wm{position:absolute;left:0;right:0;bottom:0;background:#1e160ea0;color:#fff;font-size:12px;padding:6px 8px;line-height:1.35}
.shot .rm{position:absolute;right:6px;top:6px;width:40px;height:40px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:18px}
.pv{font-size:26px;font-weight:800;color:var(--olive)}.job{margin-bottom:12px}.job .mi2{display:flex;gap:10px;align-items:center;margin-top:8px}.job .mi2 img{width:56px;height:42px;object-fit:cover;border-radius:6px;background:#ddd}.job .mi2 .bar{flex:1}
.net{display:inline-flex;align-items:center;gap:6px;font-weight:600}.net i{width:10px;height:10px;border-radius:50%;background:var(--grn)}.net.off i{background:var(--red)}
.sel{position:fixed;inset:0;z-index:50;background:#0007;display:flex;align-items:flex-end}.sel .card{width:100%;border-radius:22px 22px 0 0;max-height:70vh;overflow:auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}