:root{color:#f4f1ea;background:#14120f;font:16px/1.4 system-ui,sans-serif}*{box-sizing:border-box}body{background:#000;margin:0;overflow:hidden}main{min-height:100dvh}h1{margin:0;font-size:1.25rem}#stage{background:#000;height:100dvh;position:relative;overflow:hidden}#canvas,#photo{object-fit:cover;width:100%;height:100%;display:block}#status{top:calc(16px + env(safe-area-inset-top));z-index:1;color:#fff;text-align:center;text-shadow:0 1px 4px #000000b3;margin:0;position:absolute;left:16px;right:16px}#flip{top:calc(16px + env(safe-area-inset-top));z-index:1;color:#fff;background:#00000059;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.4rem;position:absolute;right:16px}#dock{z-index:1;padding:28px 20px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000008c);position:absolute;bottom:0;left:0;right:0}#capture:not([hidden]){grid-template-columns:1fr auto 1fr;align-items:center;display:grid}#lens-left,#lens-right{display:flex}#lens-left{justify-content:flex-end;padding-right:18px}#lens-right{justify-content:flex-start;padding-left:18px}.lens{color:#fff;width:76px;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:.8rem;display:flex}.lens-orb{background:#00000047;border:2px solid #ffffffbf;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.lens.active .lens-orb{color:#111;background:#fff;border-color:#fff;box-shadow:0 0 0 3px #fff}#shutter{background:0 0;border:4px solid #fff;border-radius:50%;width:78px;height:78px;padding:6px}#shutter:before{content:"";background:#fff;border-radius:50%;width:100%;height:100%;display:block}#photo-actions:not([hidden]){justify-content:center;gap:10px;display:flex}#photo-actions button,.consent-actions button,#decline,#review{color:#14120f;font:inherit;background:#f4f1ea;border:0;border-radius:999px;padding:10px 14px}@media (hover:hover) and (pointer:fine){#flip{display:none}}button:disabled{opacity:.45}#consent:not([hidden]){z-index:2;background:#14120f;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#consent-form:not([hidden]),#consent-declined:not([hidden]){flex-direction:column;gap:12px;width:min(100%,480px);display:flex}#consent ul{color:#d7cbb8;margin:0;padding-left:1.1rem}#consent label{align-items:flex-start;gap:10px;display:flex}.consent-actions{gap:8px;display:flex}#decline{color:#f4f1ea;background:0 0;border:1px solid #f4f1ea}