.camera-screen,.review-screen{flex-direction:column;height:100%;display:flex;position:relative}.viewfinder{--frame-gap:max(0px, calc((100cqh - 100cqw * 16 / 9) / 2));--frame-top:max(8px, calc(var(--safe-top) - var(--frame-gap)));--frame-bottom:max(0px, calc(var(--safe-bottom) - var(--frame-gap)));background:#10110f;width:min(100cqw,56.25cqh);height:min(100cqh,177.778cqw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.review-viewfinder{min-height:0;width:min(100cqw, calc((100cqh - 80px - var(--safe-bottom)) * 9 / 16));height:calc(100cqh - 80px - var(--safe-bottom));background:#10110f;flex:none;margin:0 auto;position:relative;overflow:hidden}.camera-canvas,.photo-preview,.video-preview{object-fit:contain;width:100%;height:100%;display:block}.source-video{opacity:.001;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.viewfinder:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0006,#0000);height:100px;position:absolute;inset:0 0 auto}.camera-topbar,.review-topbar{top:max(8px, var(--safe-top));z-index:4;align-items:center;gap:3px;display:flex;position:absolute;left:12px;right:12px}.camera-topbar{top:var(--frame-top)}.camera-brand{text-shadow:0 1px 8px #000a;align-items:center;gap:6px;margin-right:auto;font-size:13px;font-weight:600;display:flex}.camera-topbar .icon-button{background:0 0}.camera-topbar .icon-button:before{content:"";background:#10110f50;border-radius:50%;position:absolute;inset:5px}.camera-topbar .icon-button svg{position:relative}.camera-topbar .tool-value{z-index:1}.camera-topbar svg{width:21px;height:21px}.review-topbar .icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10110f69}.tool-value{background:var(--yellow);width:16px;height:16px;color:var(--ink);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:0;right:2px}.frame-hint{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#10110f99;border-radius:24px;padding:10px 16px;font-size:12px;font-weight:600;position:absolute;bottom:31%;left:50%;transform:translate(-50%)}.camera-overlay{z-index:2;padding:calc(60px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));text-align:center;background:#10110f;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}:is(.viewfinder:has(.camera-overlay:not([hidden])) .capture-dock,.viewfinder:has(.camera-overlay:not([hidden])) .camera-topbar){visibility:hidden;pointer-events:none}.loading-panel p{color:var(--muted);font-size:12px}.error-panel{gap:16px}.error-panel img{margin-bottom:9px}.error-panel h2{text-wrap:balance;font-size:18px;line-height:1.6}.error-panel p{color:var(--muted);max-width:28em;font-size:12px;line-height:1.9}.error-panel .button{min-width:min(180px,100%);margin-top:8px;font-size:14px}.error-panel .text-button{color:var(--muted)}.capture-dock{z-index:6;height:calc(128px + var(--frame-bottom));padding:0 16px calc(12px + var(--frame-bottom));background:linear-gradient(#0000,#10110fa8 32%,#10110fe0);position:absolute;bottom:0;left:0;right:0}.mode-switch{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.mode-switch button{color:#b3b6ac;background:0 0;border:0;border-radius:8px;min-width:58px;min-height:44px;padding:7px 10px;font-size:12px;font-weight:600}.mode-switch button[aria-pressed=true]{color:var(--yellow)}.mode-switch button:hover:not(:disabled){background:#ffffff0a}.shutter-row{grid-template-columns:1fr 68px 1fr;place-items:center;gap:16px;display:grid}.shutter{background:0 0;border:2px solid #fff;border-radius:50%;width:68px;height:68px;padding:4px}.shutter>span{background:var(--yellow);border-radius:50%;width:100%;height:100%;transition:transform .15s,border-radius .15s;display:block}.shutter.video>span{background:var(--record)}.shutter.recording>span{border-radius:8px;transform:scale(.45)}.shutter:not(:disabled):active>span{transform:scale(.94)}.shutter.recording:not(:disabled):active>span{transform:scale(.4)}.tool-placeholder{width:44px;height:44px}.microphone-toggle[aria-pressed=false]{color:#a5a99d}.recent-media{background:#20221c;border:1px solid #ffffff3d;border-radius:7px;width:44px;height:48px;padding:0;overflow:hidden}.recent-media img{object-fit:cover;width:100%;height:100%}.countdown{z-index:7;color:var(--yellow);text-shadow:0 2px 16px #0008;pointer-events:none;place-items:center;font-size:90px;font-weight:800;display:grid;position:absolute;inset:0}.recording-indicator{z-index:4;top:calc(55px + var(--frame-top));color:#fff;font-variant-numeric:tabular-nums;background:#10110fbf;border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.recording-dot{background:var(--record);border-radius:50%;width:7px;height:7px}.recording-limit{color:#c7c9c0;font-size:10px}.expression-control{color:#20231d;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:14px;display:flex}.expression-control select{color:#20231d;background:#f1f2ed;border:1px solid #b3b6ac;border-radius:8px;min-height:44px;padding:9px 12px;font-size:14px}.orientation-hint{z-index:60;color:#fff;text-align:center;background:#10110f;place-content:center;justify-items:center;gap:20px;font-size:16px;display:grid;position:absolute;inset:0}.review-topbar{justify-content:space-between}.retake-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#10110f80;border:0;border-radius:24px;align-items:center;gap:8px;min-height:44px;padding:9px 13px;font-size:12px;font-weight:600;display:flex}.retake-button svg{width:19px;height:19px}.review-dock{width:100%;height:calc(80px + var(--safe-bottom));padding:12px 20px calc(12px + var(--safe-bottom));background:#10110f;flex:none}.review-dock>.button{border-radius:13px;width:100%;height:54px;font-size:14px}.mock-video-controls{z-index:3;color:#fff;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;bottom:13%;left:20px;right:20px}.mock-video-controls:after{content:"";background:#ffffff75;height:2px;position:absolute;top:21px;left:52px;right:52px}@container experience (height<=620px){.camera-overlay{padding:calc(50px + var(--safe-top)) 22px calc(20px + var(--safe-bottom));gap:12px}.camera-overlay>img{flex:none;width:64px;height:auto}.error-panel img{margin-bottom:0}.error-panel h2{font-size:16px}.error-panel .button{min-height:48px}}:root{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--yellow:#fff000;--ink:#10110f;--muted:#b3b6ac;--record:#ef5347;background:#10110f;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button svg{flex:none;width:23px;height:23px}svg{display:block}[hidden]{display:none!important}p,h1,h2{margin:0}a{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);width:100%;max-width:480px;height:100vh;background:var(--ink);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100dvh;margin:auto;position:relative;overflow:hidden;container:experience/size}.app-main{height:100%}.boot-screen{color:#b3b6ac;place-content:center;justify-items:center;gap:22px;min-height:100svh;font-size:12px;display:grid}.skip-link{z-index:40;background:var(--yellow);color:var(--ink);padding:10px;position:absolute;top:-80px;left:10px}.skip-link:focus{top:10px}.button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:13px 24px;font-size:15px;font-weight:800;line-height:1.6;display:flex}.button-yellow{background:var(--yellow);color:var(--ink)}.button-yellow:hover:not(:disabled){background:#fff65b}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.97)}.icon-button{color:#fff;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:10px;display:grid;position:relative}.icon-button:hover:not(:disabled){background:#ffffff18}.text-button{min-height:44px;color:inherit;background:0 0;border:0;padding:10px 0;font-size:12px;line-height:1.7}.text-button:hover{text-decoration:underline}.toast{z-index:30;bottom:calc(142px + var(--safe-bottom));width:max-content;max-width:calc(100% - 40px);color:var(--ink);text-align:center;pointer-events:none;background:#ffffffed;border-radius:12px;padding:12px 18px;font-size:12px;line-height:1.7;position:absolute;left:50%;transform:translate(-50%)}.experience[data-scene=review] .toast{bottom:calc(92px + var(--safe-bottom))}.help-dialog{width:min(100%,480px);max-height:75svh;padding:20px 25px calc(25px + env(safe-area-inset-bottom));color:#20231d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior:contain;background:#fff;border:0;border-radius:24px 24px 0 0;margin:auto auto 0;inset:auto 0 0;overflow:auto}.help-dialog::backdrop{background:#0009}.help-dialog header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.help-dialog h2{font-size:17px}.help-dialog .icon-button{color:#20231d;background:#f1f2ed}.help-dialog p{margin:8px 0;font-size:14px;line-height:1.9}.help-dialog .text-button{color:#68705f;text-align:left;margin-top:17px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.is-mock{flex-direction:column;height:100svh;display:flex;overflow:hidden}.mock-banner{color:#30352b;background:#fff;flex:none;justify-content:space-between;align-items:center;gap:15px;height:44px;padding:0 18px;font-size:11px;display:flex}.mock-banner a{text-underline-offset:3px;font-weight:700}.mock-banner span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.is-mock>.experience{height:calc(100svh - 44px)}.native-reference{z-index:10;color:#151515;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;position:absolute}.permission-reference{text-align:center;background:#f4f4f4f2;border-radius:16px;width:270px;max-width:calc(100% - 38px);top:48%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 15px 60px #0006}.permission-symbol{background:#e1e1e1;border-radius:10px;place-items:center;width:42px;height:42px;margin:21px auto 13px;display:grid}.permission-symbol svg{width:24px;height:24px}.permission-reference h2{margin:0 20px 22px;font-size:16px;font-weight:600;line-height:1.5}.permission-actions{border-top:1px solid #c6c6c6;display:flex}.permission-actions button{color:#007aff;background:0 0;border:0;flex:1;min-height:46px;padding:13px 8px;font-size:15px}.permission-actions button+button{border-left:1px solid #c6c6c6;font-weight:700}.share-reference{background:#f2f2f7;border-radius:22px 22px 0 0;padding:9px 18px 28px;bottom:0;left:0;right:0;box-shadow:0 -25px 100px #0007}.sheet-grip{background:#c2c2c6;border-radius:4px;width:34px;height:4px;margin:0 auto 15px}.share-reference header{justify-content:space-between;align-items:center;font-size:14px;display:flex}.native-close{color:#76767b;background:#e3e3e8;border:0;border-radius:50%;width:32px;height:32px;padding:8px}.native-close svg{width:16px;height:16px}.share-targets{justify-content:space-around;gap:15px;margin:22px 0;display:flex}.share-targets>div{flex-direction:column;align-items:center;gap:7px;display:flex}.share-targets small{font-size:10px}.target-icon{color:#fff;border-radius:12px;place-items:center;width:47px;height:47px;font-size:34px;display:grid}.target-icon svg{width:24px;height:24px}.target-message{background:#30bb58}.target-instagram{background:#b52b81}.target-other{color:#757580;background:#dddde4;font-size:16px}.native-action{text-align:left;background:#fff;border:0;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:50px;margin-top:7px;padding:12px 16px;font-size:13px;display:flex}.native-action svg{width:21px;height:21px}