:root{color:#f7f2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#151124;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;min-height:100%;margin:0;overflow:hidden}body{background:#08070d;min-width:280px;min-height:100dvh}#app{isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100vw;height:100dvh;min-height:100dvh;position:relative}#composite,#source-layer,#avatar-stage,#debug-overlay{width:100%;height:100%;position:absolute;inset:0}#composite{contain:layout paint;background:#151124;overflow:hidden}#source-layer{z-index:0}.source-video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.source-video.is-mirrored{transform:scaleX(-1)}.hair-occluder{z-index:0}#avatar-stage{z-index:1;pointer-events:none;background:0 0;transition:visibility;display:block}#avatar-stage.is-hidden{visibility:hidden}#debug-overlay{z-index:2;pointer-events:none;display:block}#debug-overlay[hidden]{display:none}#camera-controls{z-index:4;right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));align-items:flex-start;gap:12px;display:flex;position:absolute}#switch-camera{color:#f7f2ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;background:#141022db;border:1px solid #ffffff38;border-radius:999px;min-height:48px;padding:9px 14px;font:600 13px/1 system-ui,sans-serif}.record-control-wrap{justify-items:center;gap:5px;min-width:52px;display:grid}.record-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;background:#141022db;border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 2px 12px #00000040}.record-control:disabled{cursor:wait;opacity:.5}.record-dot{background:#ff405c;border-radius:50%;width:18px;height:18px}.record-control-wrap[data-state=recording] .record-control{background:#68091ceb;border-color:#ff8092}.record-control-wrap[data-state=recording] .record-dot{border-radius:5px;animation:1.1s ease-in-out infinite record-pulse}.record-elapsed{color:#fff;font-variant-numeric:tabular-nums;background:#141022db;border-radius:999px;padding:3px 7px;font:700 11px/1 ui-monospace,SFMono-Regular,monospace}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}.record-toast{z-index:6;right:max(16px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 138px);left:max(16px, env(safe-area-inset-left));color:#dfffee;text-align:center;background:#141022f0;border:1px solid #8df4cf6b;border-radius:999px;width:fit-content;max-width:min(560px,100vw - 32px);margin:0 auto;padding:10px 14px;font-size:13px;position:absolute}.record-toast[data-kind=error]{color:#ffd9df;border-color:#ff5c778c}.record-save-panel{z-index:7;right:max(16px, env(safe-area-inset-right));bottom:max(84px, calc(env(safe-area-inset-bottom) + 84px));left:max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141022f5;border:1px solid #fff3;border-radius:20px;gap:10px;width:min(420px,100vw - 32px);margin:0 auto;padding:18px;display:grid;position:absolute;box-shadow:0 14px 48px #00000073}.record-save-panel h2,.record-save-panel p{margin:0}.record-save-panel h2{font-size:18px}.record-save-panel p{color:#cfc6dc;font-size:13px}.record-save-panel .record-debug-upload-disclosure{color:#ffe8c5;background:#713d123d;border:1px solid #ffb96852;border-radius:10px;padding:10px 12px;line-height:1.35}.record-save-panel a,.record-save-panel button{color:#f7f2ff;text-align:center;background:#ffffff17;border:1px solid #fff3;border-radius:12px;min-height:44px;padding:12px 14px;font:650 14px/1.2 system-ui,sans-serif;text-decoration:none}.record-save-panel a{color:#9ff8dc}#record-share{color:#dfffee;background:#2d7e6473;border-color:#8df4cf85}#record-debug-upload,#record-debug-upload-confirm{color:#fff0d9;background:#8b48146b;border-color:#ffb96885}#record-debug-upload:disabled,#record-debug-upload-confirm:disabled{opacity:.62}.debug-upload-badge{z-index:5;right:max(16px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 48px);color:#ffe8c5;letter-spacing:.02em;pointer-events:none;background:#4d280ee0;border:1px solid #ffb96873;border-radius:999px;margin:0;padding:5px 9px;font:700 11px/1 system-ui,sans-serif;position:absolute}#status{z-index:3;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));color:#d9d1e7;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#141022d6;border:1px solid #ffffff24;border-radius:999px;max-width:680px;margin:0 auto;padding:10px 14px;font-size:13px;position:absolute}
