:root{--bg: #F5EDE4;--surface: #EDE0D0;--border: #C8A882;--border-bright: #A07848;--text: #2A0A10;--text-muted: #7A4A3A;--text-dim: #B89880;--maroon: #7A1B2D;--maroon-bright: #9A2535;--maroon-deep: #5C0F1C;--font-ui: "DM Sans", system-ui, sans-serif;--font-display: "Outfit", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:var(--bg);font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#landing{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:30;transition:opacity .6s ease}#landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black,transparent);pointer-events:none;opacity:.35}#landing.hidden{opacity:0;pointer-events:none}#landing-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:36px;margin-top:-60px}#landing-logo{width:400px;height:auto;animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#landing-wordmark{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:.38em;color:var(--maroon);text-transform:uppercase;margin-top:-20px}#upload-zone{position:relative;display:flex;align-items:center;justify-content:center;width:420px;height:200px;border:2px dashed var(--border-bright);border-radius:4px;background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s,color .2s;margin-top:4px}#upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}#upload-zone:hover,#upload-zone.drag-over{border-color:var(--maroon);background:var(--maroon)}#upload-label{font-family:var(--font-mono);font-size:18px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;transition:color .2s}#upload-zone:hover #upload-label,#upload-zone.drag-over #upload-label{color:var(--bg)}#processing{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:var(--bg);z-index:20;transition:opacity .5s ease}#processing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black,transparent);pointer-events:none;opacity:.35}#processing.visible{display:flex}#processing.hidden{opacity:0;pointer-events:none}#processing-inner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:52px}#processing-wordmark{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}#processing-steps{display:flex;flex-direction:column;gap:24px;min-width:280px}.p-step{font-family:var(--font-mono);font-size:20px;font-weight:400;letter-spacing:.03em;color:var(--text-dim);opacity:0;transform:translate(-10px);transition:opacity .35s ease,transform .35s ease,color .25s ease;display:flex;align-items:center;gap:16px}.p-step:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--text-dim);flex-shrink:0;transition:background .25s ease,box-shadow .25s ease}.p-step.active{opacity:1;transform:translate(0);color:var(--text-muted)}.p-step.active:before{background:var(--maroon-bright);box-shadow:0 0 10px #9a253566}.p-step.done{opacity:1;transform:translate(0);color:var(--text-dim)}.p-step.done:before{background:var(--text-dim);box-shadow:none}.p-step.done.final{color:var(--maroon)}.p-step.done.final:before{background:var(--maroon)}#colmap-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0d0809;z-index:26;transition:opacity .8s ease;overflow:hidden}#colmap-screen.visible{display:flex}#colmap-screen.hidden{opacity:0;pointer-events:none}#colmap-wordmark{position:absolute;top:36px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.14em;color:#faf6f14d;text-transform:uppercase;white-space:nowrap;z-index:5}#colmap-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}#colmap-videos{position:relative;z-index:2;display:flex;gap:0;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none}.colmap-vid-wrapper{position:absolute;width:220px;height:132px;border-radius:10px;overflow:hidden;border:2px solid rgba(212,64,96,.4);box-shadow:0 0 24px #d4406026,0 8px 32px #0009;opacity:0;transform:scale(.7);transition:all .8s cubic-bezier(.16,1,.3,1);background:#171112}.colmap-vid-wrapper.scattered{opacity:1;transform:scale(1)}.colmap-vid-wrapper.arranging{transition:all 1.2s cubic-bezier(.16,1,.3,1)}.colmap-vid-wrapper video{width:100%;height:100%;object-fit:cover;pointer-events:none}.colmap-vid-label{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#faf6f1e6;padding:2px 8px;background:#d4406099;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s ease}.colmap-vid-scan{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease}.colmap-vid-scan.active{opacity:1}.colmap-vid-scan:before{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#D44060,transparent);box-shadow:0 0 12px #d44060cc;animation:colmap-scanline 1s ease-in-out infinite}@keyframes colmap-scanline{0%{top:-3px}to{top:calc(100% + 3px)}}.colmap-vid-features{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.colmap-vid-features.active{opacity:1}.colmap-feature-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4956a;box-shadow:0 0 6px #d4956acc;animation:feature-pop .3s ease-out forwards}@keyframes feature-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.9}}.colmap-feature-dot.fade{animation:feature-fade .6s ease-out forwards}@keyframes feature-fade{0%{opacity:.9}to{opacity:.3}}#colmap-status{position:absolute;bottom:72px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:340px}.colmap-step-text{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#d44060;opacity:0;transition:opacity .4s ease;white-space:nowrap}.colmap-step-text.visible{opacity:1}#colmap-progress-bar{width:340px;height:3px;background:#3e2e3280;border-radius:2px;overflow:hidden}#colmap-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#d44060,#d4956a);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #d4406066}.colmap-detail-text{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.06em;color:#9a857599;opacity:0;transition:opacity .3s ease;white-space:nowrap}.colmap-detail-text.visible{opacity:1}#agent-view{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:25;transition:opacity .6s ease}#agent-view.visible{display:flex}#agent-view.hidden{opacity:0;pointer-events:none}#agent-wordmark{position:absolute;top:36px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;white-space:nowrap}#agent-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;color:var(--text-dim);text-transform:lowercase;animation:hint-pulse 2.5s ease-in-out infinite;z-index:10}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:.9}}#orbit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px}#orbit-ring{position:absolute;border-radius:50%;border:1px dashed var(--border);top:50%;left:50%;width:640px;height:640px;transform:translate(-50%,-50%);opacity:.5}#agent-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;background:var(--bg);border:2px solid var(--maroon);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,box-shadow .2s;z-index:2}#agent-circle:hover{border-color:var(--maroon-bright);box-shadow:0 0 0 6px #7a1b2d1a}#agent-circle[data-state=listening]{border-color:var(--maroon-bright);box-shadow:0 0 0 8px #7a1b2d1f,0 0 0 16px #7a1b2d0f;animation:circle-pulse 1.5s ease-in-out infinite}#agent-circle[data-state=speaking]{border-color:var(--maroon-bright);box-shadow:0 0 0 6px #7a1b2d26}@keyframes circle-pulse{0%,to{box-shadow:0 0 0 6px #7a1b2d1a,0 0 0 12px #7a1b2d0d}50%{box-shadow:0 0 0 10px #7a1b2d26,0 0 0 20px #7a1b2d0f}}#agent-circle.ptt-active{border-color:#d44060!important;box-shadow:0 0 0 4px #d440604d,0 0 0 8px #d4406026,0 0 24px #d4406066!important;animation:ptt-ring 1s ease-in-out infinite!important}#agent-circle.ptt-active.corner-mode{box-shadow:0 0 0 3px #d4406066,0 0 0 6px #d4406033,0 0 20px #d4406080!important}@keyframes ptt-ring{0%,to{box-shadow:0 0 0 4px #d440604d,0 0 0 8px #d4406026,0 0 24px #d4406066}50%{box-shadow:0 0 0 6px #d4406073,0 0 0 14px #d4406033,0 0 36px #d4406080}}#agent-bars{display:flex;align-items:flex-end;gap:4px;height:32px}#agent-bars .bar{width:4px;border-radius:2px;background:var(--maroon);transform-origin:bottom center}#agent-circle[data-state=idle] #agent-bars .bar{height:4px;opacity:.25;animation:none}#agent-circle[data-state=listening] #agent-bars .bar{opacity:1;animation:bar-listen 1s ease-in-out infinite}#agent-circle[data-state=listening] #agent-bars .bar:nth-child(1){animation-delay:0s;animation-duration:1.1s}#agent-circle[data-state=listening] #agent-bars .bar:nth-child(2){animation-delay:.15s;animation-duration:.95s}#agent-circle[data-state=listening] #agent-bars .bar:nth-child(3){animation-delay:.3s;animation-duration:1.05s}#agent-circle[data-state=listening] #agent-bars .bar:nth-child(4){animation-delay:.15s;animation-duration:.9s}#agent-circle[data-state=listening] #agent-bars .bar:nth-child(5){animation-delay:0s;animation-duration:1.15s}#agent-circle[data-state=speaking] #agent-bars .bar{opacity:1;animation:bar-speak .5s ease-in-out infinite}#agent-circle[data-state=speaking] #agent-bars .bar:nth-child(1){animation-delay:0s;animation-duration:.55s}#agent-circle[data-state=speaking] #agent-bars .bar:nth-child(2){animation-delay:.1s;animation-duration:.4s}#agent-circle[data-state=speaking] #agent-bars .bar:nth-child(3){animation-delay:.05s;animation-duration:.35s}#agent-circle[data-state=speaking] #agent-bars .bar:nth-child(4){animation-delay:.15s;animation-duration:.45s}#agent-circle[data-state=speaking] #agent-bars .bar:nth-child(5){animation-delay:.08s;animation-duration:.5s}.thumb-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:10px;object-fit:cover;pointer-events:none}.thumb-label{position:absolute;bottom:8px;left:8px;z-index:1;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--bg);pointer-events:none;text-align:center;padding:2px 8px;background:#7a1b2db3;border-radius:100px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumb{position:absolute;top:50%;left:50%;width:280px;height:168px;border-radius:10px;background:var(--surface);border:2px solid var(--border-bright);display:flex;align-items:center;justify-content:center;opacity:0;overflow:hidden;transition:border-color .2s,box-shadow .3s}.thumb.visible{opacity:1;animation:thumb-enter .5s ease-out forwards}@keyframes thumb-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#thumb-0{margin-left:0;margin-top:-310px;animation-delay:0s}#thumb-1{margin-left:295px;margin-top:-96px;animation-delay:.1s}#thumb-2{margin-left:182px;margin-top:251px;animation-delay:.2s}#thumb-3{margin-left:-182px;margin-top:251px;animation-delay:.3s}#thumb-4{margin-left:-295px;margin-top:-96px;animation-delay:.4s}.thumb.visible:nth-child(1){animation:thumb-enter .5s ease-out forwards,thumb-float 3.2s .5s ease-in-out infinite}.thumb.visible:nth-child(2){animation:thumb-enter .5s ease-out forwards,thumb-float 3.6s .6s ease-in-out infinite}.thumb.visible:nth-child(3){animation:thumb-enter .5s ease-out forwards,thumb-float 3s .7s ease-in-out infinite}.thumb.visible:nth-child(4){animation:thumb-enter .5s ease-out forwards,thumb-float 3.4s .8s ease-in-out infinite}.thumb.visible:nth-child(5){animation:thumb-enter .5s ease-out forwards,thumb-float 3.8s .5s ease-in-out infinite}@keyframes thumb-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}.thumb.freezing{border-color:#d44060!important;box-shadow:0 0 20px 6px #d440604d!important;animation:thumb-freeze-glow .7s ease-in-out 3!important}@keyframes thumb-freeze-glow{0%,to{box-shadow:0 0 #d4406000}50%{box-shadow:0 0 24px 8px #d4406080}}.thumb.merging{animation:thumb-merge .6s ease-in forwards!important;pointer-events:none}#thumb-0.merging{animation-delay:0s!important}#thumb-1.merging{animation-delay:.05s!important}#thumb-2.merging{animation-delay:.1s!important}#thumb-3.merging{animation-delay:.05s!important}#thumb-4.merging{animation-delay:0s!important}@keyframes thumb-merge{0%{opacity:1}70%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%) scale(.1)}}#agent-circle.merging{animation:agent-absorb .4s .5s ease-out forwards}@keyframes agent-absorb{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.18);border-color:var(--maroon-bright)}to{transform:translate(-50%,-50%) scale(1)}}canvas#viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:none}canvas#viewport.visible{display:block}#viewer-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:none}#viewer-hud.visible{display:block}#viewer-wordmark{position:absolute;top:28px;left:32px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.14em;color:#f5ede480;text-transform:uppercase}#listening-indicator{position:absolute;bottom:44px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:6px;height:44px}.bar{width:5px;border-radius:3px;background:var(--maroon-bright);transform-origin:bottom center}#listening-indicator[data-state=idle] .bar{height:5px;opacity:.2;animation:none}#listening-indicator[data-state=listening] .bar{opacity:1;animation:bar-listen 1s ease-in-out infinite}#listening-indicator[data-state=listening] .bar:nth-child(1){animation-delay:0s;animation-duration:1.1s}#listening-indicator[data-state=listening] .bar:nth-child(2){animation-delay:.15s;animation-duration:.95s}#listening-indicator[data-state=listening] .bar:nth-child(3){animation-delay:.3s;animation-duration:1.05s}#listening-indicator[data-state=listening] .bar:nth-child(4){animation-delay:.15s;animation-duration:.9s}#listening-indicator[data-state=listening] .bar:nth-child(5){animation-delay:0s;animation-duration:1.15s}#listening-indicator[data-state=speaking] .bar{opacity:1;animation:bar-speak .5s ease-in-out infinite}#listening-indicator[data-state=speaking] .bar:nth-child(1){animation-delay:0s;animation-duration:.55s}#listening-indicator[data-state=speaking] .bar:nth-child(2){animation-delay:.1s;animation-duration:.4s}#listening-indicator[data-state=speaking] .bar:nth-child(3){animation-delay:.05s;animation-duration:.35s}#listening-indicator[data-state=speaking] .bar:nth-child(4){animation-delay:.15s;animation-duration:.45s}#listening-indicator[data-state=speaking] .bar:nth-child(5){animation-delay:.08s;animation-duration:.5s}@keyframes bar-listen{0%,to{height:5px}50%{height:28px}}@keyframes bar-speak{0%,to{height:7px}50%{height:42px}}#viewer-overlay-text{position:absolute;bottom:108px;left:50%;transform:translate(-50%);max-width:640px;width:max-content;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:400;letter-spacing:.04em;line-height:1.5;padding:10px 20px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .3s ease;white-space:pre-wrap;word-break:break-word}#viewer-overlay-text.visible{opacity:1}#viewer-overlay-text[data-mode=output]{color:var(--bg);background:#7a1b2dbf}#viewer-overlay-text[data-mode=input]{color:var(--text-dim);background:#2a0a1066;font-size:13px}#viewer-overlay-text[data-mode=navigate]{color:var(--bg);background:#7a1b2dd9;font-size:16px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}#viewer-overlay-text[data-mode=error]{color:var(--bg);background:#500a0ad9;font-size:13px}#back-btn{position:absolute;top:24px;right:32px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#faf6f1b3;background:#17111299;border:1px solid rgba(62,46,50,.6);border-radius:6px;padding:8px 18px;cursor:pointer;pointer-events:auto;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#back-btn:hover{color:#faf6f1;background:#7a1b2d80;border-color:#d4406066;transform:translateY(-1px)}#bt-moment-label{position:absolute;top:28px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.08em;color:#faf6f1;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.5)}#bt-moment-desc{position:absolute;top:54px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.06em;color:#9a8575cc;white-space:nowrap}#bt-hud-bottom{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px}#bt-frame-counter{display:flex;align-items:baseline;gap:4px}#frame-counter{font-family:var(--font-mono);font-size:36px;font-weight:600;color:#d4956a;font-variant-numeric:tabular-nums;line-height:1}#frame-label{font-family:var(--font-mono);font-size:14px;font-weight:400;color:#9a857599;font-variant-numeric:tabular-nums}#bt-source-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:100px;white-space:nowrap}#bt-source-badge.source-real{color:#d44060;background:#d4406026;border:1px solid rgba(212,64,96,.3)}#bt-source-badge.source-synth{color:#d4956a;background:#d4956a26;border:1px solid rgba(212,149,106,.3)}#bt-angle-bar{width:120px;height:4px;background:#2a1e20cc;border-radius:2px;overflow:hidden}#bt-angle-fill{height:100%;width:0%;background:linear-gradient(90deg,#d44060,#d4956a);border-radius:2px;transition:width .1s ease}#bt-boomerang-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:#faf6f199;background:#17111280;border:1px solid rgba(62,46,50,.5);border-radius:6px;padding:6px 14px;cursor:pointer;pointer-events:auto;transition:all .2s ease}#bt-boomerang-btn:hover{color:#faf6f1;background:#d4956a33;border-color:#d4956a66}#bt-drag-hint{position:absolute;bottom:150px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.12em;color:#faf6f166;text-transform:lowercase;transition:opacity 1s ease;white-space:nowrap}.thumb.stack-mode{animation:none!important;transition:all .9s cubic-bezier(.16,1,.3,1)!important;overflow:visible!important;transform:translate(-50%,-50%) scale(1)!important}.thumb-timeline{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000004d;border-radius:0 0 10px 10px;overflow:hidden;opacity:0;transition:opacity .3s ease}.thumb.syncing .thumb-timeline{opacity:1}.thumb-timeline-fill{height:100%;width:0%;background:var(--text-dim);border-radius:0 0 10px 10px;transition:width .6s cubic-bezier(.4,0,.2,1)}.thumb-waveform-scan{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.thumb-waveform-scan.active{opacity:1}.thumb-waveform-scan:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,27,45,.03) 20%,rgba(212,64,96,.12) 50%,rgba(122,27,45,.03) 80%,transparent 100%);animation:waveform-sweep 2.2s cubic-bezier(.4,0,.2,1) forwards}.thumb-waveform-scan:after{content:"";position:absolute;top:0;bottom:0;left:-2px;width:2px;background:var(--maroon-bright);box-shadow:0 0 8px #d4406099,0 0 20px #d440604d;animation:waveform-scanline 2.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes waveform-sweep{0%{left:-60%}to{left:110%}}@keyframes waveform-scanline{0%{left:-2px}to{left:calc(100% + 2px)}}.thumb-waveform-bars{position:absolute;bottom:8px;left:8px;right:8px;height:24px;display:flex;align-items:flex-end;gap:2px;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:3}.thumb-waveform-bars.active{opacity:1}.waveform-bar{flex:1;background:#d4406080;border-radius:1px 1px 0 0;transform-origin:bottom center;transition:height .15s ease}#sync-status{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:30;opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none}#sync-status.visible{opacity:1}.sync-status-text{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;transition:color .4s ease,letter-spacing .4s ease}#sync-status.analyzing .sync-status-text{color:var(--maroon)}#sync-status.identified .sync-status-text{color:var(--maroon-bright);letter-spacing:.22em}#sync-status.synced .sync-status-text{color:var(--maroon);font-weight:600}.sync-pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--maroon-bright);margin-right:10px;vertical-align:middle;animation:sync-dot-pulse 1s ease-in-out infinite}.sync-pulse-dot.found{animation:sync-dot-found .4s ease-out forwards;background:var(--maroon)}@keyframes sync-dot-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes sync-dot-found{0%{transform:scale(1)}50%{transform:scale(1.8);box-shadow:0 0 12px #d4406099}to{transform:scale(1)}}.clap-frame-container{position:absolute;left:-90px;top:50%;transform:translateY(-50%) scale(.7);width:72px;height:72px;border-radius:8px;overflow:hidden;border:2px solid rgba(212,64,96,0);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:4;background:var(--surface)}.clap-frame-container.visible{opacity:1;transform:translateY(-50%) scale(1);border-color:var(--maroon-bright);box-shadow:0 0 16px #d4406040,0 4px 12px #0d08094d}.clap-frame-container.synced{border-color:var(--maroon);box-shadow:0 0 20px #7a1b2d66,0 4px 16px #0d080966}.clap-frame-container canvas{width:100%;height:100%;object-fit:cover}.clap-frame-label{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:7px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#faf6f1;padding:1px 5px;background:#7a1b2dcc;border-radius:100px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clap-connector{position:absolute;left:-16px;top:50%;width:16px;height:1px;background:linear-gradient(90deg,#d4406099,#d4406026);transform:translateY(-50%);opacity:0;transition:opacity .4s ease .2s;z-index:3}.clap-connector.visible{opacity:1}@keyframes sync-flash{0%{box-shadow:0 0 #7a1b2d00}40%{box-shadow:0 0 0 8px #7a1b2d59;border-color:var(--maroon-bright)}to{box-shadow:0 0 #7a1b2d00}}.thumb.synced{animation:sync-flash .5s ease-out forwards!important;border-color:var(--maroon)!important}#clap-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);opacity:0;pointer-events:none;z-index:50;transition:opacity .08s ease-out}#clap-ring{position:fixed;top:50%;left:50%;width:0;height:0;border-radius:50%;border:2px solid var(--maroon-bright);transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:49}#clap-ring.active{animation:clap-ring-expand .7s cubic-bezier(.2,.8,.4,1) forwards}@keyframes clap-ring-expand{0%{width:60px;height:60px;opacity:.9;border-width:3px}60%{width:480px;height:480px;opacity:.3;border-width:1px}to{width:600px;height:600px;opacity:0;border-width:0px}}#sync-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--maroon-bright);white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}#sync-label.visible{opacity:1}.sync-line{position:absolute;top:50%;left:50%;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,var(--maroon-bright),transparent);opacity:0;pointer-events:none;transition:opacity .3s ease}.sync-line.visible{opacity:.4}.thumb.clap-converge{transition:transform .25s cubic-bezier(.4,0,1,1)!important;transform:translate(-50%,-50%) scale(.75)!important;opacity:.7}.thumb.clap-rebound{transition:transform .45s cubic-bezier(.2,2,.4,1),opacity .3s ease!important;transform:translate(-50%,-50%) scale(1.08)!important;opacity:1}.thumb.highlight-border{border-color:var(--maroon-bright)!important;box-shadow:0 0 16px 4px #9a253559,0 0 0 3px #9a253526!important;z-index:3}.thumb.fade-to-secondary{opacity:0!important;pointer-events:none;transition:opacity .8s ease!important;animation:none!important}.thumb.main-video{animation:none!important;transition:all .9s cubic-bezier(.16,1,.3,1)!important;transform:translate(-50%,-50%)!important;width:min(85vw,1200px)!important;height:min(52vw,700px)!important;margin-left:0!important;margin-top:0!important;border-radius:14px!important;border-color:var(--border-bright)!important;box-shadow:0 8px 40px #0d080940!important;z-index:5}#agent-circle.corner-mode{position:fixed!important;top:auto!important;left:auto!important;bottom:36px!important;right:36px!important;transform:none!important;width:64px!important;height:64px!important;z-index:10;transition:all .7s cubic-bezier(.16,1,.3,1)}#agent-circle.corner-mode #agent-bars{height:20px}#agent-circle.corner-mode #agent-bars .bar{width:3px}.sync-cam-badge{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:var(--maroon);color:#faf6f1;font-family:var(--font-mono);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:5}.sync-cam-badge.visible{opacity:1;transform:scale(1)}