@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-700-v1xN8_Wq.woff2)format("woff2")}:root{--bg:#0d0f12;--surface:#171a1f;--line:#262a31;--text:#eef0f3;--muted:#9aa1ac;--rec:#ff4d5e;--focus:#7aa7ff;--accent:#d4f03a;--pause:#f5a35a;--display:"Barlow Condensed", system-ui, sans-serif;--on-accent:#0d0f12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0}.app{grid-template-rows:1fr auto;height:100dvh;display:grid}@media (display-mode:standalone){.app{height:100vh}}.screen{overscroll-behavior:contain;padding:calc(env(safe-area-inset-top,0px) + 24px) 20px 24px;overflow-y:auto;container-type:size}.page{grid-template-columns:minmax(0,1fr);gap:16px;max-width:560px;margin:0 auto;display:grid}h1,h2{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:700;line-height:1.05}h1{font-size:2.1rem}.muted{color:var(--muted);margin:0}button{font:inherit}.button{background:var(--accent);min-height:48px;color:var(--on-accent);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 22px;font-weight:650}.button.outline{border-color:var(--line);background:var(--surface);color:var(--text)}.button.small{min-height:40px;padding:6px 16px}.button{transition:transform .1s ease-out}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{border-color:var(--line);background:var(--surface);color:var(--muted);cursor:default}.button:focus-visible,.paused:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.viewfinder{border:1px solid var(--line);background:#000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.viewfinder.empty{aspect-ratio:16/9;background:var(--surface);width:100%;overflow:visible}.viewfinder video{object-fit:contain;flex:0 auto;width:100%;min-height:0;display:block}.viewfinder video[hidden]{display:none}.viewfinder:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.viewfinder.just-saved:after{box-shadow:inset 0 0 0 8px var(--accent);animation:1.5s ease-out both saved-ring}.saved-label{background:var(--accent);color:var(--on-accent);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin:0;padding:10px 24px;font-size:2rem;font-weight:700;animation:1.5s ease-out both saved-label;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes saved-ring{0%{box-shadow:inset 0 0 0 0 var(--accent)}15%,70%{box-shadow:inset 0 0 0 8px var(--accent)}to{box-shadow:inset 0 0 0 0 var(--accent)}}@keyframes saved-label{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}15%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.stage{flex-direction:column;gap:16px;display:flex}.stage:has(.viewfinder video:not([hidden])){max-height:100cqh}.stage>*{flex:none}.stage>.camera,.camera>.viewfinder{flex:0 auto;min-height:0}.camera{flex-direction:column;gap:8px;display:flex}.minute{gap:4px;display:grid}.minute-track{background:var(--surface);border-radius:5px;height:10px;position:relative;overflow:hidden}.minute-fill,.minute-keep{transition-duration:.5s;transition-timing-function:linear;position:absolute;top:0;bottom:0}.minute-fill{background:var(--line);transition-property:width;left:0}.minute-keep{background:color-mix(in srgb, var(--accent) 35%, var(--surface));border-radius:5px;transition-property:left,width,background-color}.minute-keep.lit{background:var(--accent);transition-duration:.5s,.5s,.15s}.minute-label{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:0;font-size:.8rem;display:flex}.viewfinder-note{color:var(--muted);margin:0}.guide{gap:8px;max-width:420px;padding:20px;display:grid}.guide-title{margin:0;font-weight:650}.guide ol{color:var(--muted);gap:6px;margin:0;padding-left:1.3em;display:grid}.buffer{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:#0009;border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 12px;font-size:1.05rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.buffer:before{content:"";background:var(--muted);border-radius:50%;width:9px;height:9px}.buffer.live:before{background:var(--rec);animation:2s ease-in-out infinite alternate breathe}@keyframes breathe{0%{opacity:1}to{opacity:.55}}.buffer.paused-dot:before{background:var(--pause)}.paused{border:3px solid var(--pause);border-radius:inherit;background:color-mix(in srgb, var(--pause) 22%, #0d0f12e6);color:var(--text);text-align:center;cursor:pointer;place-content:center;gap:6px;padding:48px 24px 24px;display:grid;position:absolute;inset:0}.paused strong{color:var(--pause);font-size:1.9rem;line-height:1.1}.paused span{color:var(--text)}.paused .paused-action{color:var(--text);text-underline-offset:4px;margin-top:6px;font-weight:650;text-decoration:underline}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lengths{border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-template-columns:repeat(3,64px);margin:0;padding:3px;display:grid;position:relative}.lengths label{color:var(--muted);text-align:center;cursor:pointer;border-radius:999px;padding:9px 12px;font-weight:600;position:relative}.lengths input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.lengths label:has(input:checked){color:var(--text)}.lengths-thumb{background:var(--line);border-radius:999px;width:64px;transition:transform .2s ease-out;position:absolute;top:3px;bottom:3px;left:3px}.lengths label:has(input:disabled){opacity:.35;cursor:default}.lengths label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.button.big{min-height:72px;font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:1.75rem}.button.big:disabled,.button.big.dim{border-color:var(--line);background:var(--surface);color:var(--muted)}.notice{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;padding:12px 16px}.notice.error{border-color:var(--rec);gap:6px;display:grid}.notice p{margin:0}.saved{gap:10px;margin-top:8px;display:grid}.saved h2{font-size:1.45rem}.highlight-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.highlight{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:start;gap:8px;padding:8px 8px 10px;display:grid}.highlight-main{gap:8px;display:grid}.highlight.new{animation:.2s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.thumb-frame{background:var(--line);border:0;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumb{aspect-ratio:16/9;background:var(--line);object-fit:cover;width:100%;display:block}.length{color:var(--text);font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#000000b3;border-radius:6px;padding:0 7px;font-size:.95rem;font-weight:700;position:absolute;bottom:6px;right:6px}.highlight-text{justify-items:start;gap:2px;min-width:0;padding:0 4px;display:grid}.thumb-button{cursor:pointer}.thumb-button:after{content:"";filter:drop-shadow(0 0 3px #0009);border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:18px solid #ffffffeb;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.thumb-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.highlight-title{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.highlight-text .muted{font-size:.9rem}.highlight-note{color:var(--muted);margin:0;padding:0 4px;font-size:.9rem}.highlight-actions{gap:6px;display:flex}.highlight-actions .button{padding-inline:14px}.highlight-actions .button:first-child{flex:1}.session{gap:10px;display:grid}.session-title{font-size:1.35rem}.session-title .muted{letter-spacing:0;text-transform:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-weight:500}.player{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:#000;border:0;margin:0;padding:0;position:fixed;inset:0}.player[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.player::backdrop{background:#000}.player-top,.player-bar{padding:10px max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));flex-wrap:wrap;gap:8px;display:flex}.player-top{padding-top:calc(env(safe-area-inset-top,0px) + 10px);justify-content:flex-end}.player-bar{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);justify-content:center}.player-stage{min-height:0;display:grid;position:relative}.player-video{object-fit:contain;view-transition-name:player;width:100%;height:100%;min-height:0}.player-replay{min-height:64px;color:var(--text);cursor:pointer;background:#000000b3;border:0;border-radius:999px;padding:12px 32px;font-size:1.3rem;font-weight:650;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-replay:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sheet{width:min(100% - 24px,520px);max-width:none;margin:auto auto calc(env(safe-area-inset-bottom,0px) + 12px);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:18px;animation:.2s ease-out sheet-up}.sheet::backdrop{background:#0009}.sheet p{margin:0 0 14px}.sheet-actions{gap:8px;display:flex}.sheet-actions .button{flex:1}@keyframes sheet-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.button.danger{background:var(--rec);color:#fff}.toast{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 16px;display:flex}.link-button{color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.link-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:3px 10px;font-size:.8rem;font-weight:600}.tag.warning{border-color:var(--rec);color:var(--rec)}.button.quiet{color:var(--muted);background:0 0;margin-left:auto}.summary{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:10px 10px 10px 14px;display:flex}.summary p{margin:0}.summary .button{padding-inline:14px}.summary .small-note{flex-basis:100%}.hint{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-items:start;gap:8px;padding:14px 16px;display:grid}.hint p{margin:0}.hint{position:relative}.hint-title{padding-right:36px;font-weight:650}.hint-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.6rem;line-height:1;display:grid;position:absolute;top:4px;right:4px}.hint-close:hover{color:var(--text)}.hint-close:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}a{color:var(--accent);text-underline-offset:3px}.small-note{font-size:.9rem}.setting{border:0;gap:8px;margin:0;padding:0;display:grid}.setting-title{font-size:1.35rem}.setting legend{margin-bottom:8px;padding:0;font-weight:650}.choice{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.choice:has(input[type=radio]:checked){border-color:var(--accent)}.choice .muted{text-wrap:pretty}.choice:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.choice>span{flex:1;gap:2px;display:grid}.choice input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0}.choice-name{flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:600;display:flex}.choice input[role=switch]{background:var(--line);appearance:none;cursor:pointer;border-radius:999px;width:48px;height:28px;margin:0;transition:background-color .15s;position:relative}.choice input[role=switch]:before{content:"";background:var(--text);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.choice input[role=switch]:checked{background:var(--accent)}.choice input[role=switch]:checked:before{background:var(--on-accent);transform:translate(20px)}.light-problem{color:var(--pause);font-size:.95rem}.help-card{border:1px solid var(--line);background:var(--surface);border-radius:12px}.help-card .guide{max-width:none;padding:14px 16px}.help-link{justify-self:start;font-weight:600}.toggle{align-items:center}.page-head,.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.highlight label.highlight-main{cursor:pointer}.highlight input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent);margin:0;position:absolute;top:8px;left:8px}.highlight.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.dock{background:var(--bg);gap:8px;padding-block:10px 24px;display:grid;position:sticky;bottom:-24px}.dock:empty{display:none}.select-bar{flex-wrap:wrap;gap:8px;display:flex}.select-bar .button{padding-inline:16px}.share-progress{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:6px;padding:12px 16px;display:grid}.share-progress p{margin:0}.share-progress-title{font-weight:650}.share-progress-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}@media (orientation:landscape) and (height<=540px){.page.record{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;max-width:none}.stage{display:contents}.page.record>*,.stage>*{grid-column:2}.stage>h1{display:none}.stage>.camera{grid-area:1/1/span 6}.viewfinder video{max-height:calc(100dvh - 150px)}.tab{grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;padding-block:6px}.tabs .tab .badge{position:static}}.tabs{border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.tab{color:var(--muted);text-align:center;justify-items:center;gap:2px;padding:8px 8px 10px;font-size:.85rem;font-weight:600;text-decoration:none;display:grid;position:relative}.tab-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tab-icon .filled{fill:currentColor;stroke:none}.tab.active .tab-icon{color:var(--accent)}.tab .badge{margin:0;position:absolute;top:3px;left:calc(50% + 8px)}.badge{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:700;animation:.3s ease-out badge-bump;display:inline-grid}@keyframes badge-bump{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.tab.active{color:var(--text);box-shadow:inset 0 2px 0 var(--accent)}.tab:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.page{animation:.15s ease-out screen-in}@keyframes screen-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation-duration:.15s}::view-transition-new(root){animation-duration:.15s}::view-transition-group(player){animation-duration:.25s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}.viewfinder.just-saved:after,.saved-label,.badge,.sheet,.buffer.live:before,.highlight.new,.page{animation:none}.button:active:not(:disabled){transform:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.phone-qr{display:none}@media (hover:hover) and (pointer:fine) and (width>=1024px){.app{grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr)}.screen{grid-area:1/2}.tabs{border-inline:1px solid var(--line);grid-area:2/2}.phone-qr{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-area:1/3;align-self:start;gap:8px;max-width:260px;margin:88px 24px 0;padding:16px;display:grid}.phone-qr img{background:#fff;border-radius:12px;width:132px;height:132px;padding:8px}.phone-qr p{margin:0}.phone-qr-title{font-weight:700}}