*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f3efe6;overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:#0b0f0c;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.stage{--accent:#f0b4c4;position:fixed;inset:0;overflow:hidden}.stage video,.stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage video{transform:scaleX(-1)}.start{text-align:center;place-content:center;justify-items:center;gap:14px;padding:32px;display:grid;position:absolute;inset:0}.start-icon{border:1px solid #f3efe640;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid}.start-icon img{width:32px;height:32px}.start h1{letter-spacing:-.015em;font-size:30px;font-weight:500}.start p{opacity:.72;text-wrap:balance;max-width:42ch;font-size:14.5px;line-height:1.6}.start .fineprint{opacity:.42;margin-top:2px;font-size:12.5px}.primary{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #f3efe652;border-radius:999px;margin-top:6px;padding:13px 30px;font-size:15px;transition:background .16s,border-color .16s}.primary:hover:not(:disabled){background:#f3efe61a;border-color:#f3efe68c}.primary:disabled{opacity:.55;cursor:default}.primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.error{color:#f0a5a5;max-width:36ch;font-size:13.5px}.wands{top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);z-index:3;background:#0b0f0c80;border:1px solid #f3efe61f;border-radius:999px;gap:10px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wand{opacity:.5;--wand-accent:#f3efe6;border:1.5px solid #0000;border-radius:50%;place-items:center;width:46px;height:46px;text-decoration:none;transition:opacity .16s,border-color .16s,background .16s;display:grid}.wand img{pointer-events:none;width:24px;height:24px}.wand:hover{opacity:.85}.wand.active{opacity:1;border-color:var(--wand-accent);background:color-mix(in srgb, var(--wand-accent) 16%, transparent)}.wand:focus-visible{outline:2px solid var(--wand-accent);outline-offset:2px}.hud{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);letter-spacing:.01em;white-space:nowrap;pointer-events:none;z-index:2;background:#0b0f0c80;border:1px solid #f3efe61f;border-radius:999px;padding:9px 18px;font-size:13px;position:absolute;transform:translate(-50%)}.camera-bar{padding:12px 0 calc(20px + env(safe-area-inset-bottom));z-index:3;background:linear-gradient(#0000,#080a098c);justify-items:center;gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.modes{-webkit-backdrop-filter:blur(10px);background:#0b0f0c73;border-radius:999px;gap:4px;padding:4px;display:flex}.modes button{color:#f3efe699;font:inherit;letter-spacing:.09em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:11px;font-weight:600;transition:color .14s,background .14s}.modes button.on{color:#0b0f0c;background:var(--accent)}.modes button:disabled{opacity:.4;cursor:default}.modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shutter{cursor:pointer;background:0 0;border:3px solid #f3efe6e6;border-radius:50%;place-items:center;width:70px;height:70px;padding:0;display:grid}.shutter .inner{background:#f3efe6;border-radius:50%;width:56px;height:56px;transition:width .18s,height .18s,border-radius .18s,background .18s;display:block}.shutter.video .inner{background:#ff4b4b}.shutter.recording .inner{background:#ff4b4b;border-radius:6px;width:26px;height:26px}.shutter:active .inner{opacity:.7}.shutter:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.rec{top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;z-index:3;background:#0b0f0c8c;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;display:flex;position:absolute;right:18px}.rec .dot{background:#ff4b4b;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.toast{-webkit-backdrop-filter:blur(10px);border:1px solid var(--accent);letter-spacing:.04em;pointer-events:none;z-index:3;background:#0b0f0c99;border-radius:999px;padding:8px 18px;font-size:14px;animation:.24s rise;position:absolute;top:96px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.flash{z-index:5;pointer-events:none;background:#fff;animation:.18s ease-out flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}@media (max-width:480px){.wand{width:42px;height:42px}.wand img{width:21px;height:21px}.wands{gap:7px;padding:6px}.hud{white-space:normal;text-align:center;max-width:calc(100vw - 32px);padding:8px 14px;font-size:12px}.shutter{width:64px;height:64px}.shutter .inner{width:51px;height:51px}.start h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.rec .dot,.toast{animation:none}.flash{animation-duration:60ms}.shutter .inner{transition:none}}