:root{color-scheme:light;--navy:#2b2420;--blue:#6d5246;--teal:#a9806c;--green:#23ad78;--ink:#2b2420;--muted:#8a7468;--line:#ecdfd7;--bg:#faf6f3}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.cb-install-gate{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:linear-gradient(150deg,#f7ede7 0,#fcf9f7 48%,#f1e5dd 100%)}.cb-install-gate[hidden]{display:none}.cb-install-card{width:min(430px,100%);padding:28px 23px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:0 24px 70px #2b242025}.cb-install-card img{display:block;width:210px;max-width:78%;margin:0 auto 24px}.cb-install-card>span{display:block;margin-bottom:6px;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.15em}.cb-install-card h1{margin:0;color:var(--navy);font-size:24px;line-height:1.2}.cb-install-card p{margin:12px auto 20px;color:var(--muted);font-size:13px;line-height:1.55}.cb-install-card button{width:100%;padding:15px 17px;border:0;border-radius:12px;background:var(--teal);color:#fff;font:800 14px inherit;box-shadow:0 9px 22px #a9806c35;cursor:pointer}.cb-install-card button:disabled{opacity:.6;cursor:wait}.cb-install-card .cb-install-later{margin-top:9px;padding:10px;background:transparent;color:#8a7468;font-size:11px;box-shadow:none;text-decoration:underline}.cb-install-help{margin-top:10px;padding:12px;border-radius:11px;background:#f4e9e3;color:#6d5246;font-size:11px;line-height:1.55}.cb-install-help b{color:var(--navy)}.cb-install-required .cb-header,.cb-install-required .cb-main{display:none}.cb-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #2b242012}.cb-brand{color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.1em}.cb-install-reminder{padding:9px 10px;border:1px solid #e2cfc4;border-radius:10px;background:#f7ede7;color:var(--teal);font:800 9px inherit;cursor:pointer}.cb-install-reminder[hidden]{display:none}.cb-main{width:min(620px,100%);margin:auto;padding:10px 15px 15px;display:grid;gap:14px}.cb-camera,.cb-photos{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 30px #2b242010}.cb-camera{padding:10px}.cb-view{position:relative;display:grid;place-items:center;aspect-ratio:3/4;max-height:66vh;overflow:hidden;border-radius:13px;background:#1a1512}.cb-view video{width:100%;height:100%;object-fit:cover}.cb-view.is-front video{transform:scaleX(-1)}.cb-camera-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:25px;text-align:center;background:#f4e9e3;color:var(--navy)}.cb-camera-empty[hidden]{display:none}.cb-camera-empty span{font-size:43px}.cb-camera-empty button{padding:11px 17px;border:0;border-radius:10px;background:var(--teal);color:#fff;font-weight:800}.cb-sent-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#fff;color:#4a3c34;font-size:9px;font-weight:800;box-shadow:0 4px 14px #0004}.cb-sent-badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #23ad7822}.cb-controls{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:12px;padding:14px 5px 5px}.cb-controls button{cursor:pointer}.cb-secondary{display:grid;justify-items:center;gap:3px;border:0;background:none;color:#6d5246;font:700 10px inherit}.cb-secondary span{font-size:24px;color:var(--blue)}.cb-shutter{display:grid;place-items:center;width:76px;height:76px;border:4px solid var(--navy);border-radius:50%;background:#fff;box-shadow:0 4px 16px #2b242030}.cb-shutter span{width:58px;height:58px;border-radius:50%;background:var(--teal);transition:transform .12s}.cb-shutter:active span{transform:scale(.86)}.cb-shutter:disabled{opacity:.45}.cb-status{min-height:18px;margin:5px 6px 3px;color:var(--muted);font-size:11px;text-align:center}.cb-status.is-error{color:#a43b32}.cb-status.is-ok{color:#17704b}.cb-photos{padding:13px}.cb-photos header{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--navy);font-size:12px}.cb-photos header small{color:var(--teal)}.cb-photos>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cb-photo{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid #ecdfd7;border-radius:10px;background:#f4ece6}.cb-photo img{width:100%;height:100%;object-fit:cover}.cb-photo i{position:absolute;right:5px;bottom:5px;width:18px;height:18px;border-radius:50%;background:#f0b43c}.cb-photo.is-uploaded{border-color:#85d6b7}.cb-photo.is-uploaded i{background:var(--green)}.cb-photo.is-uploaded i:after{content:"✓";display:grid;place-items:center;color:#fff;font:900 11px/18px sans-serif}.cb-photo.is-error{border-color:#dc8b83}.cb-photo.is-error i{background:#b84238}.cb-foot{margin:0 8px;padding:11px 13px;border-radius:11px;background:#f4e9e3;color:#7a6358;font-size:10px;text-align:center;line-height:1.5}.cb-foot b{color:var(--navy)}.cb-toast{position:fixed;z-index:50;left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));max-width:520px;margin:auto;padding:14px;border-radius:13px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;box-shadow:0 15px 50px #0006}.cb-toast[hidden]{display:none}@media(max-width:390px){.cb-install-reminder{max-width:118px;font-size:8px}.cb-view{max-height:60vh}.cb-controls{grid-template-columns:1fr 72px 1fr}.cb-shutter{width:70px;height:70px}.cb-shutter span{width:53px;height:53px}}
.cb-photos>div{display:flex;gap:8px;min-height:86px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.cb-photo{flex:0 0 86px;text-decoration:none}.cb-photo>span{position:absolute;left:0;right:0;bottom:0;padding:12px 4px 4px;background:linear-gradient(transparent,#1a1512d9);color:#fff;font-size:8px;text-align:center}.cb-photo-empty{display:grid;place-items:center;width:100%;min-height:82px;border:1px dashed #e2cfc4;border-radius:10px;color:#8a7468;font-size:10px;text-align:center}.cb-load-old{display:block;margin:9px auto 0;padding:7px 11px;border:1px solid #e2cfc4;border-radius:9px;background:#fcf9f7;color:var(--blue);font:800 9px inherit;cursor:pointer}.cb-load-old[hidden]{display:none}
.cb-frame-grid{position:absolute;z-index:2;inset:0;pointer-events:none}.cb-frame-grid i{position:absolute;background:#ffffff70;box-shadow:0 0 2px #0005}.cb-frame-grid i:nth-child(1),.cb-frame-grid i:nth-child(2){top:0;bottom:0;width:1px}.cb-frame-grid i:nth-child(1){left:33.333%}.cb-frame-grid i:nth-child(2){left:66.666%}.cb-frame-grid i:nth-child(3),.cb-frame-grid i:nth-child(4){left:0;right:0;height:1px}.cb-frame-grid i:nth-child(3){top:33.333%}.cb-frame-grid i:nth-child(4){top:66.666%}