:root{--bg: #000;--surface: #1c1c1e;--surface-2: #2c2c2e;--glass: rgba(30, 30, 32, .6);--line: rgba(255, 255, 255, .12);--fg: #fff;--mut: #8e8e93;--accent: #ffd60a;--rec: #ff453a;--ok: #30d158;--warn: #ff9f0a;--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--side-col: 132px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:var(--app-h, 100%);overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--fg);font:16px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.4}[hidden]{display:none!important}svg{display:block}h1,h2,p{margin:0}.app{position:fixed;top:0;left:0;width:var(--app-w, 100%);height:var(--app-h, 100%)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--sat) var(--sar) var(--sab) var(--sal)}.bar{flex:none;height:70px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 0}.bar h2{font-size:17px;font-weight:600}.btn-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.btn-icon:active{background:var(--surface-2)}.btn-glass{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass.big{width:52px;height:52px}.btn-glass.wide{width:auto;height:38px;padding:0 16px;border-radius:19px;font-size:14px;font-weight:600}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(320px,100%);height:52px;border-radius:14px;background:#fff;color:#000;font-size:17px;font-weight:600}.btn-primary:active{opacity:.85}.btn-square{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2)}.btn-square.danger{color:var(--rec)}.btn-link{font-size:15px;opacity:.7}.empty{color:var(--mut);font-size:14px;text-align:center;padding:12px 0}.hint{color:var(--mut);font-size:12px;text-align:center;padding:4px 16px 8px}.notices{position:absolute;left:0;right:0;top:calc(var(--sat) + 94px);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 calc(var(--sar) + 12px) 0 calc(var(--sal) + 12px);pointer-events:none}.notices>*{pointer-events:auto}.status{display:none;width:fit-content;max-width:min(300px,100%);padding:7px 12px;border-radius:12px;font-size:13px;line-height:1.35;text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line)}.status.show{display:block}.status.err{border-color:var(--rec)}.status.warn{border-color:var(--warn)}.status.ok{border-color:var(--ok)}.update{display:none;align-items:center;gap:12px;padding:8px 8px 8px 14px;border-radius:14px;background:var(--accent);color:#000;font-size:14px;font-weight:600}.update.show{display:flex}.update button{background:#000;color:#fff;border-radius:10px;padding:7px 12px;font-size:14px;font-weight:600}.tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:var(--surface)}.tile video,.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.tile .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);opacity:.3;pointer-events:none}.tile .ph svg{width:26px;height:26px}.tile .dur{position:absolute;left:7px;bottom:5px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.7)}.tile .noaudio{position:absolute;right:5px;bottom:4px;color:var(--warn)}.tile .noaudio svg{width:15px;height:15px}.home{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"bar" "main" "recent" "ver"}.home .bar{grid-area:bar}.home-main{grid-area:main;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 24px;text-align:center}.brand{display:flex;flex-direction:column;align-items:center;gap:10px}.brand-mark{width:96px;height:96px;display:block}.brand-mark .mk-tri,.brand-mark .mk-dot{transform-box:fill-box;transform-origin:center}.brand-mark.intro #brandTrail{animation:mk-draw 1s ease-out both}.brand-mark.intro .mk-tri{animation:mk-pop .5s .6s ease-out both}.brand-mark.intro .mk-dot{animation:mk-dot .5s .95s cubic-bezier(.3,1.6,.5,1) both}@keyframes mk-draw{0%{stroke-dashoffset:377}to{stroke-dashoffset:0}}@keyframes mk-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mk-dot{0%{transform:scale(0)}to{transform:scale(1)}}.brand-logo{width:150px;height:auto;display:block}.tagline{color:var(--mut);margin-bottom:20px}.recent{grid-area:recent;padding:0 16px 8px}.recent-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.recent-head h2{font-size:15px;font-weight:600;color:var(--mut)}.recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ver{grid-area:ver;color:var(--mut);font-size:12px;text-align:center;padding:4px 0 8px;opacity:.7}.camera{padding:0;background:#000}.camera video#preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;pointer-events:none}.cam-top{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:calc(var(--sat) + 22px) calc(var(--sar) + 14px) 8px calc(var(--sal) + 14px)}.cam-right{justify-self:end;display:flex;gap:8px}.pill{position:relative;overflow:hidden;min-width:84px;height:34px;padding:0 14px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.pill .fill{position:absolute;left:0;bottom:0;height:2px;width:0;background:#ffffffbf;transition:width .25s}.pill span{position:relative}.pill.rec{background:var(--rec)}.pill.rec .fill{display:none}#btnVoice{color:var(--mut);transition:background .15s,color .15s}#btnVoice[aria-pressed=true] .icon-off,#btnVoice[aria-pressed=false] .icon-on{display:none}#btnVoice.starting{color:var(--warn)}#btnVoice.listening{color:var(--ok)}#btnVoice.heard{background:#30d15880;color:#fff}.retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:44px;padding:0 22px;border-radius:22px;font-size:16px;font-weight:600;z-index:5}.cam-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 calc(var(--sar) + 20px) calc(var(--sab) + 22px) calc(var(--sal) + 20px)}.cam-row{width:100%;max-width:420px;display:flex;align-items:center;justify-content:space-between}.lens{display:flex;gap:4px;padding:4px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lens button{min-width:38px;height:38px;padding:0 8px;border-radius:19px;font-size:14px;font-weight:600}.lens button[aria-pressed=true]{background:#0000008c;color:var(--accent)}.thumb-btn{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--glass);border:1.5px solid rgba(255,255,255,.5)}.thumb-btn video,.thumb-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:none}.thumb-btn.has video,.thumb-btn.has img{display:block}.thumb-btn.has>[data-icon]{display:none}.shutter{width:78px;height:78px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;transition:opacity .15s,border-color .15s}.shutter-core{width:60px;height:60px;border-radius:50%;background:var(--rec);transition:width .18s,height .18s,border-radius .18s,background .18s}.shutter[data-state=recording] .shutter-core{width:30px;height:30px;border-radius:8px}.shutter[data-state=idle]{border-color:#ffffff73}.shutter[data-state=idle] .shutter-core{background:#ffffff59}.shutter[data-state=busy]{opacity:.5}@media(orientation:landscape){.cam-top{padding-right:calc(var(--sar) + var(--side-col))}.cam-bottom{left:auto;top:0;flex-direction:row;justify-content:flex-end;gap:14px;padding:calc(var(--sat) + 12px) calc(var(--sar) + 16px) calc(var(--sab) + 12px) 0}.cam-bottom{pointer-events:none}.cam-bottom button,.cam-bottom .lens{pointer-events:auto}.cam-row{width:auto;max-width:none;height:100%;flex-direction:column-reverse}.lens{flex-direction:column;order:-1}body[data-view=camera] .notices{padding-right:calc(var(--sar) + var(--side-col))}.home{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"bar bar" "main recent" "ver ver"}.recent{align-self:center}}.grid{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px;padding:4px 4px 12px;align-content:start;grid-auto-rows:max-content}.grid .tile{border-radius:6px;aspect-ratio:auto;height:0;padding-bottom:133.3333%}.bar-end .btn-link,.select-bar .btn-link{opacity:1;font-weight:600;padding:8px 6px}.gallery.selecting #btnSelect{color:var(--accent)}.gallery .grid,.gallery.selecting .grid{touch-action:pan-y}.gallery.selecting .tile{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bar-end{display:flex;align-items:center;gap:4px}.select-bar{flex:none;display:none;align-items:center;justify-content:space-between;padding:6px 16px;border-top:1px solid var(--line, rgba(255, 255, 255, .12))}.gallery.selecting .select-bar{display:flex}.gallery.selecting #btnGalleryCam{display:none}.select-bar .btn-icon.danger{color:var(--rec)}.select-bar .btn-icon:disabled,.select-bar .btn-icon[disabled]{opacity:.35}.tile .check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#00000059;display:none;place-items:center;color:#000}.tile .check svg{width:14px;height:14px;stroke-width:3;opacity:0}.gallery.selecting .tile .check{display:grid}.tile.sel .check{background:var(--accent);border-color:var(--accent)}.tile.sel .check svg{opacity:1}.tile.sel video,.tile.sel img{opacity:.6}.player{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;padding:var(--sat) var(--sar) var(--sab) var(--sal);background:#000}.player-bar{flex:none;height:56px;display:flex;align-items:center;gap:12px;padding:0 12px}.player-bar span{color:var(--mut);font-size:14px}.player video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}.player-actions{flex:none;display:flex;gap:10px;padding:12px 16px 4px}.player-actions .btn-primary{flex:1;width:auto}.sheet-backdrop{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#00000080}.sheet{width:100%;max-width:520px;max-height:88%;overflow-y:auto;padding:8px 16px calc(var(--sab) + 16px);border-radius:20px 20px 0 0;background:var(--surface)}.sheet-head{display:flex;align-items:center;justify-content:space-between;height:48px}.sheet-head h2{font-size:17px;font-weight:600}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;border-top:1px solid var(--line);text-align:left}.row small{display:block;margin-top:1px;font-size:12px;color:var(--mut)}.val{color:var(--mut);font-size:14px}.seg{display:inline-flex;padding:2px;border-radius:10px;background:var(--surface-2)}.seg button{padding:6px 14px;border-radius:8px;font-size:14px;color:var(--mut)}.seg button[aria-checked=true]{background:#48484a;color:var(--accent);font-weight:600}.seg button:disabled{opacity:.4}.switch{position:relative;flex:none;width:51px;height:31px;border-radius:16px;background:#48484a;transition:background .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:transform .2s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}.diag{position:absolute;inset:0;z-index:35;display:flex;flex-direction:column;padding:var(--sat) var(--sar) var(--sab) var(--sal);background:var(--bg)}.diag-bar{flex:none;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px}.diag-bar h2{font-size:17px;font-weight:600}.diag-bar .btn-link{opacity:1;font-weight:600;min-width:64px;text-align:right;color:var(--accent)}.diag-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px 24px;-webkit-user-select:text;user-select:text}.diag-sec{margin-bottom:8px;padding:8px 12px;border-radius:12px;background:var(--surface)}.diag-sec.alert{border:1px solid var(--warn)}.diag-sec h3{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}.diag-sec.alert h3{color:var(--warn)}.diag-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0;font-size:12.5px}.diag-row .k{color:var(--mut);flex:none}.diag-row .v{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.diag-line{padding:2px 0;font:11px/1.35 ui-monospace,Menlo,monospace;color:var(--mut);overflow-wrap:anywhere}.diag-row+.diag-line{margin-top:4px;padding-top:6px;border-top:1px solid var(--line)}.diag:not([hidden]){animation:fade-in .2s ease both}.diag.closing{animation:fade-out .2s ease both}:root{--t-screen: .3s;--ease-out: cubic-bezier(.22, .8, .26, 1)}.screen.in-fwd,.screen.in-back,.screen.in-fade{z-index:2}.screen.out-fwd,.screen.out-back,.screen.out-fade{z-index:1;pointer-events:none}.screen.in-fwd{animation:in-from-right var(--t-screen) var(--ease-out) both}.screen.out-fwd{animation:out-to-left var(--t-screen) var(--ease-out) both}.screen.in-back{animation:in-from-left var(--t-screen) var(--ease-out) both}.screen.out-back{animation:out-to-right var(--t-screen) var(--ease-out) both}.screen.in-fade{animation:fade-in var(--t-screen) ease both}.screen.out-fade{animation:fade-out var(--t-screen) ease both}@keyframes in-from-right{0%{opacity:0;transform:translate(26%)}}@keyframes out-to-left{to{opacity:0;transform:translate(-14%)}}@keyframes in-from-left{0%{opacity:0;transform:translate(-26%)}}@keyframes out-to-right{to{opacity:0;transform:translate(14%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.sheet-backdrop:not([hidden]){animation:fade-in .2s ease both}.sheet-backdrop:not([hidden]) .sheet{animation:sheet-up .3s var(--ease-out) both}.sheet-backdrop.closing{animation:fade-out .2s ease both}.sheet-backdrop.closing .sheet{animation:sheet-down .2s ease-in both}@keyframes sheet-up{0%{transform:translateY(40%);opacity:.4}}@keyframes sheet-down{to{transform:translateY(40%);opacity:0}}.player:not([hidden]){animation:player-in .22s var(--ease-out) both}.player.closing{animation:fade-out .2s ease both}@keyframes player-in{0%{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.brand-mark.intro *,.screen,.sheet-backdrop,.sheet,.player,.diag{animation:none!important}}.level{position:absolute;left:50%;top:50%;width:150px;height:0;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.level i{display:block;width:100%;height:2px;border-radius:1px;background:#ffffffd9;box-shadow:0 0 3px #0009;transform:rotate(var(--tilt, 0deg));transition:background .12s}.level.on i{background:var(--accent)}body.mirror-front video#preview{transform:scaleX(-1)}