*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{background:#1a1a1a;width:100%;height:100%;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;overflow:hidden}.app canvas{touch-action:none;width:100%;height:100%;display:block}.camera-ui{z-index:10;color:#f2efe8;pointer-events:none;text-shadow:0 1px 8px #0000008c;position:fixed;top:1.25rem;left:1.25rem}.camera-ui__brand{letter-spacing:.28em;margin-bottom:.35rem;font-family:Bodoni Moda,Didot,Playfair Display,Georgia,serif;font-size:2.4rem;font-weight:700;line-height:1}.camera-ui__build{letter-spacing:.12em;text-transform:uppercase;opacity:.85;color:#c8e6c9;margin-bottom:.75rem;font-size:.68rem}.camera-ui__modes{pointer-events:auto;gap:.4rem;margin-bottom:.5rem;display:flex}.camera-ui__modes button{color:#f2efe8;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1412108c;border:1px solid #f2efe859;padding:.4rem .9rem;font-size:.8rem;transition:background .15s,border-color .15s}.camera-ui__modes button:hover{border-color:#f2efe8b3}.camera-ui__modes button.active{color:#1a1816;background:#f2efe8e6;border-color:#0000}.camera-ui__hint{opacity:.75;letter-spacing:.04em;max-width:16rem;font-size:.72rem}