:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#050505;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;background:#050505;width:100%;min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}.app{background:#050505;place-items:center;min-height:100dvh;display:grid}.camera-screen{background:#080808;width:min(100%,560px);height:100dvh;min-height:620px;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;display:block;transform:translateZ(0)}.camera-shade{pointer-events:none;position:absolute;left:0;right:0}.camera-shade-top{background:linear-gradient(#000000c2,#0000);height:150px;top:0}.camera-shade-bottom{background:linear-gradient(#0000,#000000e0);height:250px;bottom:0}.camera-header{z-index:2;padding:calc(env(safe-area-inset-top) + 18px) 22px 16px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-weight:760;display:flex}.brand span{font-size:14px}.brand svg{fill:currentColor;width:23px;height:23px}.header-actions{align-items:center;gap:7px;display:flex}.language-toggle{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;border:1px solid #ffffff38;border-radius:999px;min-width:37px;height:31px;padding:0 9px;font-size:11px;font-weight:750}.language-toggle:disabled{opacity:.45}.language-toggle:focus-visible{outline-offset:3px;outline:3px solid #fc0}.locked-badge{color:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;border:1px solid #ffffff38;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650}.live-stamp{z-index:2;left:20px;bottom:calc(env(safe-area-inset-bottom) + 150px);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0000009e;border-radius:13px;flex-direction:column;gap:5px;max-width:calc(100% - 40px);padding:12px 15px;display:flex;position:absolute;box-shadow:0 8px 30px #0000002e}.live-stamp strong{letter-spacing:-.025em;font-size:clamp(18px,5vw,24px)}.live-stamp span{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.camera-controls{z-index:3;padding:20px 28px calc(env(safe-area-inset-bottom) + 22px);grid-template-columns:1fr 112px 1fr;align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.round-control{color:#ffffffe6;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:5px;width:62px;min-height:64px;display:flex}.round-control svg{fill:currentColor;width:25px;height:25px}.round-control span{font-size:11px}.round-control:disabled{opacity:.45}.shutter{cursor:pointer;background:#00000024;border:4px solid #fff;border-radius:50%;justify-self:center;place-items:center;width:78px;height:78px;padding:0;transition:transform .12s;display:grid}.shutter span{border-radius:inherit;background:#fff;width:62px;height:62px}.shutter:active{transform:scale(.94)}.shutter:disabled{opacity:.4}.shutter:focus-visible,.round-control:focus-visible{outline-offset:3px;outline:3px solid #fc0}.status-message{z-index:4;top:calc(env(safe-area-inset-top) + 70px);color:#ffffffe0;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0fc7;border:1px solid #ffffff1f;border-radius:12px;width:min(100% - 40px,430px);margin:0;padding:10px 13px;font-size:13px;line-height:1.45;position:absolute;left:50%;transform:translate(-50%)}.photo-preview{z-index:20;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000db;align-items:end;display:grid;position:absolute;inset:0}.photo-preview-card{background:#151515;border:1px solid #ffffff24;border-radius:22px;flex-direction:column;gap:12px;width:100%;max-height:100%;padding:16px;display:flex;overflow:auto;box-shadow:0 24px 80px #00000080}.photo-preview-card h2{margin:0;font-size:18px}.photo-preview-card img{object-fit:contain;background:#000;border-radius:14px;width:100%;max-height:min(62dvh,620px);display:block}.photo-preview-card p{color:#ffffffb8;margin:0;font-size:13px;line-height:1.5}.photo-preview-actions{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.photo-preview-actions button{cursor:pointer;border-radius:14px;min-height:50px;font-weight:760}.preview-secondary{background:#ffffff14;border:1px solid #ffffff2e}.preview-primary{color:#080808;background:#fff;border:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}@media (min-width:720px){.camera-screen{border:1px solid #202020;border-radius:28px;height:min(920px,100dvh - 32px);min-height:680px;box-shadow:0 24px 80px #00000073}.photo-preview{align-items:center}}@media (max-width:360px){.camera-header{padding-inline:16px}.locked-badge{display:none}}.camera-frame{z-index:0;background:#000;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.camera-frame-4-3{aspect-ratio:3/4;width:100%;height:auto}.camera-frame-1-1{aspect-ratio:1;width:100%;height:auto}.camera-frame-16-9{aspect-ratio:9/16;width:100%;height:auto}.camera-video-mirrored{transform:scaleX(-1)translateZ(0)}.camera-frame .live-stamp{max-width:calc(100% - 40px);bottom:20px;left:20px}.camera-frame-full .live-stamp,.camera-frame-16-9 .live-stamp{bottom:calc(env(safe-area-inset-bottom) + 150px)}.aspect-toggle{color:#ffffffeb;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:58px;height:34px;padding:0 9px;display:inline-flex}.aspect-toggle span{opacity:.72;font-size:10px;font-weight:650}.aspect-toggle strong{font-size:11px;font-weight:800}.aspect-toggle:disabled{opacity:.45}.aspect-toggle:focus-visible{outline-offset:3px;outline:3px solid #fc0}@media (orientation:landscape){.camera-frame-4-3{aspect-ratio:4/3;width:auto;height:100%}.camera-frame-16-9{aspect-ratio:16/9;width:auto;height:100%}.camera-frame-full .live-stamp,.camera-frame-16-9 .live-stamp{bottom:calc(env(safe-area-inset-bottom) + 96px)}}@media (max-width:430px){.header-actions{gap:5px}.aspect-toggle{min-width:51px;padding-inline:7px}.aspect-toggle span,.locked-badge{display:none}}