:root{view-transition-name:none}#main{view-transition-name:page-content}::view-transition-group(page-content){animation:none}::view-transition-old(page-content){animation:page-out .15s ease both;mix-blend-mode:normal}::view-transition-new(page-content){animation:page-in .15s ease both;mix-blend-mode:normal}::view-transition{pointer-events:none}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(page-content),::view-transition-new(page-content){animation:none}}main,.site-header,.site-footer,#boot-status{width:min(var(--content-width),calc(100% - var(--page-gutter) * 2));margin-inline:auto}main{padding-top:var(--page-space);flex:1}body{min-height:100dvh;display:flex;flex-direction:column}.site-header-bar{background:#1b1d22e8;border-bottom:1px solid var(--line)}.site-header{min-height:5.5rem;padding-block:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.site-menu{display:flex;align-items:center;gap:var(--space-5);margin-left:auto;min-width:0}.site-menu-toggle{display:none;flex-shrink:0}.site-menu-close-icon,.site-menu-toggle[aria-expanded=true] .site-menu-open-icon{display:none}.site-menu-toggle[aria-expanded=true] .site-menu-close-icon{display:block}.brand{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--space-3);color:var(--strong);font-size:1.375rem;font-weight:700;letter-spacing:-.04em}.brand-avatar{width:2.5rem;height:2.5rem;object-fit:contain}.site-header nav,.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.site-header nav{margin-left:auto}.site-header nav a,.site-footer nav a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding-inline:var(--space-3);border-radius:var(--radius-control);font-size:var(--control-font);text-align:center}.site-header nav a[aria-current=page],.site-footer nav a[aria-current=page]{color:var(--strong);background:var(--surface);text-decoration:underline;text-underline-offset:.3em}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-6);padding-block:var(--space-5);border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}.page-heading{margin-bottom:var(--space-6);max-width:52rem}.page-heading p{max-width:70ch;color:var(--muted)}.guide-intro{display:grid;gap:var(--space-5)}.guide-workflow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.guide-intro .page-heading{margin:0}.guide-intro h1{font-size:clamp(2.25rem,4vw,3.5rem)}.guide-intro .page-heading>p{font-size:1.125rem}.guide-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.guide-start,.guide-note{min-width:0;padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}.guide-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:var(--space-4) var(--space-6)}.guide-start h2{margin-bottom:var(--space-2)}.guide-start-intro p{max-width:38ch;margin:0;color:var(--muted);font-size:var(--control-font)}.guide-start-controls{display:grid;gap:var(--space-3);min-width:0}.guide-start form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3);margin:0}.guide-start-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.guide-start-actions>.button{flex:1 1 auto}.guide-start-notes{grid-column:1 / -1;display:grid;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--control-font)}.guide-start-notes p{margin:0}.guide-limits summary{display:list-item;width:fit-content;min-height:var(--control-height);align-content:center;color:var(--text);cursor:pointer}.guide-limits p{margin-top:var(--space-2);max-width:85ch}.guide-limits a{text-decoration:underline}.guide-feedback{grid-column:1 / -1;margin:0;color:var(--danger);font-size:var(--control-font)}.guide-section{margin-top:var(--space-6);scroll-margin-top:var(--space-5)}.feature-grid.guide-features{padding:0;border:0;margin-top:var(--space-4)}.guide-features h3{margin-top:var(--space-5)}.guide-steps{list-style:none;counter-reset:guide-step;padding:0;margin:var(--space-6) 0 0}.guide-steps li{position:relative;counter-increment:guide-step;padding-left:var(--space-7)}.guide-steps li+li{margin-top:var(--space-6)}.guide-steps li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--control-font)}.guide-steps pre,.guide-note pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-4);background:var(--header)}.guide-steps pre code,.guide-note pre code{overflow-wrap:anywhere}.guide-steps p a{text-decoration:underline}.guide-note .button{margin-top:var(--space-2)}@media(max-width:900px){.guide-start,.guide-workflow{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.guide-start-intro p{max-width:none}}.hero-intro{max-width:48rem;margin:0 auto var(--space-6);text-align:center}.hero-intro h1{margin-block:var(--space-4) var(--space-5);font-size:clamp(2.25rem,5vw,4rem)}.hero-intro p{max-width:38rem;margin:0 auto var(--space-5);font-size:clamp(1rem,2vw,1.125rem);color:var(--muted)}.feature-number{color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono)}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.homepage-demo,.demo-fallback{width:100%;margin:0 auto var(--space-6)}.demo-fallback,.feature-grid article,.metadata-card,.uploader-card,.host-card,.component-error{padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);min-width:0}.demo-fallback{min-height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3);text-align:center}.demo-fallback h2,.demo-fallback p{margin:0}.demo-fallback p{max-width:26rem;color:var(--muted)}.homepage-demo .terminal-surface{min-height:0}.demo-caption,.release-note{margin:var(--space-4) 0 0;color:var(--muted);font-size:.8125rem;text-align:center}.demo-caption a{display:inline-block;margin-inline-start:var(--space-2)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);padding-block:var(--space-6);border-top:1px solid var(--line)}.feature-grid h2{margin-top:var(--space-5);font-size:1.375rem}.feature-grid p{color:var(--muted)}.player{min-width:0}.player>.muted{margin-top:var(--space-5);font-size:var(--control-font)}.source-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:var(--space-3);padding:var(--panel-padding);margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}.source-label,.annotation-form label,.inline-form label{display:grid;min-width:0;gap:var(--space-2);font-size:var(--control-font);color:var(--muted)}.source-label input{width:100%}.file-button{position:relative}.file-button input{position:absolute;top:0;left:0;width:1px;height:1px;min-height:0;padding:0;border:0;clip-path:inset(50%)}.toolbar,.playback-tools,.inline-form,.export-buttons{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);min-width:0}.toolbar{justify-content:space-between;gap:var(--space-3)}.review-panel{margin-top:var(--space-4);padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--header)}.review-panel summary{min-height:var(--control-height);display:list-item;align-content:center;color:var(--strong);font-weight:550;list-style-position:inside;cursor:pointer}.review-panel[open]>summary{margin-bottom:var(--space-5)}.review-panel>:not(summary)+:not(summary){margin-top:var(--space-4)}.review-panel textarea{display:block;width:100%;min-height:7rem;margin-top:var(--space-2)}.review-panel li{margin-block:var(--space-3);overflow-wrap:anywhere}.review-panel li>button{margin:var(--space-1)}.review-panel label:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:var(--space-3)}.secondary{margin-top:var(--space-6)}.inspector{min-width:0}.inspector>.muted a{text-decoration:underline}.inspector-heading{align-items:center;margin-block:var(--space-6) var(--space-5)}.inspector-heading h2{flex:1 1 16rem;margin:0}.inspector-empty .button,.inspector-empty button{margin-top:var(--space-2)}.inspector pre{max-height:26rem;margin:0;padding:var(--space-4);background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.inspector-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.inspector-pagination span{font-size:var(--control-font);color:var(--muted)}.inspector-events{max-height:34rem;overflow:auto}.inspector-event{border-top:1px solid var(--line);padding-block:var(--space-2)}.inspector-event summary{font-family:var(--font-mono);font-size:var(--control-font);overflow-wrap:anywhere}.inspector-event[open] summary{margin-bottom:var(--space-3)}.inspector-files,.inspector-reference{display:grid;gap:var(--space-4);list-style:none;padding:0;margin:0}.inspector-files li,.inspector-reference>div{display:grid;gap:var(--space-1);min-width:0;margin:0}.inspector-files .muted{font-size:var(--control-font)}.inspector-reference dt{color:var(--strong)}.inspector-reference dd{margin:0;color:var(--muted)}.inspector-notice{margin-top:var(--space-5);padding:var(--panel-padding);border-left:2px solid var(--accent);background:var(--surface)}.settings-panel>:last-child{margin-bottom:0}.settings-panel h2{font-size:1.25rem}.recording-context{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-block:var(--space-5)}.metadata-card{flex:1 1 26rem}.uploader-card{flex:0 1 18rem}.metadata-card h2{font-size:1.25rem;overflow-wrap:anywhere}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--space-5);margin:0}.metadata-grid dt{color:var(--muted);font-size:.75rem}.metadata-grid dd{margin:var(--space-1) 0 0;color:var(--strong);font-size:var(--control-font);overflow-wrap:anywhere}.recording-description{max-width:80ch;white-space:pre-wrap;overflow-wrap:anywhere}.profile-identity{display:flex;align-items:center;gap:var(--space-4)}.profile-avatar{width:3rem;height:3rem;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--bg)}.profile-initial{display:grid;place-items:center;font-size:1.5rem}.profile-login{color:var(--strong);font-weight:600;overflow-wrap:anywhere}.uploader-card>p{margin:var(--space-4) 0 var(--space-2);font-size:.8125rem}.profile-link{font-size:var(--control-font)}.repository-browser{min-width:0}.repository-picker,.repository-catalog{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}.repository-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:var(--space-5) var(--space-6);padding:var(--panel-padding)}.repository-picker h2{margin-bottom:var(--space-2);font-size:1.25rem}.repository-picker-intro p{max-width:42ch;margin:0;color:var(--muted);font-size:var(--control-font)}.repository-form{display:grid;gap:var(--space-2);min-width:0}.repository-form-controls{display:flex;align-items:center;gap:var(--space-3)}.repository-input{position:relative;flex:1;min-width:0}.repository-input>span{position:absolute;inset-inline-start:var(--space-4);top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.repository-input input{width:100%;padding-inline-start:2.5rem}.repository-input input[aria-invalid=true]{border-color:var(--danger)}.repository-form button{flex-shrink:0}.repository-feedback,.repository-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.repository-feedback{margin-top:var(--space-4);color:var(--muted);font-size:var(--control-font)}.repository-feedback p{margin:0}.repository-browser[data-state=error] .repository-feedback,.repository-browser[data-state=partial] .repository-feedback{color:var(--danger)}.repository-browser[data-state=ready] .repository-feedback{margin:0}.repository-catalog{margin-top:var(--space-5);overflow:hidden}.repository-overview{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--panel-padding);border-bottom:1px solid var(--line)}.repository-overview>div{min-width:0}.repository-overview .feature-number{margin-bottom:var(--space-2)}.repository-overview h2{margin-bottom:var(--space-2);font-size:1.25rem}.repository-overview .muted{margin:0;font-size:var(--control-font)}.repository-welcome,.repository-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--panel-padding);text-align:center}.repository-welcome{margin-top:var(--space-5);border:1px dashed var(--line);border-radius:var(--radius-panel)}.repository-welcome h2,.repository-empty h3{margin:0;font-size:1.125rem}.repository-welcome p,.repository-empty p{margin:0;color:var(--muted);font-size:var(--control-font)}.repository-notice{margin:var(--space-4) var(--panel-padding) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--header);color:var(--muted);font-size:var(--control-font)}.repository-list{list-style:none;padding:0;margin:0}.repository-list li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--panel-padding)}.repository-list li+li{border-top:1px solid var(--line)}.repository-list li:hover{background:var(--header)}.repository-recording-summary{display:flex;align-items:center;gap:var(--space-3);min-width:0}.repository-recording-icon{display:grid;place-items:center;flex:0 0 var(--control-height);width:var(--control-height);height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--header);color:var(--muted);font-family:var(--font-mono);font-size:1rem}.repository-recording-identity{min-width:0}.repository-recording-id{margin:var(--space-1) 0 0;color:var(--muted);font-family:var(--font-mono);font-size:.75rem}.repository-recording-error{margin:0;color:var(--danger);font-size:var(--control-font)}.repository-access{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--space-2);background:var(--header);color:var(--text);font-size:.75rem;line-height:1.5;white-space:nowrap}.repository-access-encrypted{box-shadow:inset 0 0 0 1px var(--line);color:var(--strong)}.repository-watch{background:var(--header)}.repository-list h3{margin:0;font-size:.9375rem;line-height:1.5}.repository-list h3 a:hover{text-decoration:underline}.repository-list dl{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr);align-items:start;gap:var(--space-3);margin:0;font-size:.8125rem}.repository-list dt{color:var(--muted);font-size:.75rem}.repository-list dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.repository-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--panel-padding);border-top:1px solid var(--line);background:var(--header)}.repository-page-numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1)}.repository-page-number{width:var(--control-height);padding-inline:0;font-variant-numeric:tabular-nums}.repository-page-number[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.repository-page-gap{width:1rem;text-align:center;color:var(--muted)}.repository-page-summary{grid-column:1 / -1;color:var(--muted);font-size:.8125rem;text-align:center}.repository-pagination [aria-disabled=true]{opacity:.5;cursor:default}.repository-loading{display:grid;gap:var(--space-4);padding:var(--panel-padding)}.repository-loading div{height:3.5rem;border-radius:var(--radius-control);background:linear-gradient(90deg,var(--header),var(--line),var(--header));background-size:200% 100%;animation:repository-loading 1.5s ease-in-out infinite}@keyframes repository-loading{to{background-position:-200% 0}}@media(max-width:64rem){.repository-picker{grid-template-columns:minmax(0,1fr)}.repository-picker-intro p{max-width:none}.repository-list li{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3) var(--space-4)}.repository-list dl,.repository-recording-error{grid-column:1 / -1;grid-row:2}}@media(max-width:48rem){.repository-pagination{grid-template-columns:repeat(2,minmax(0,1fr))}.repository-page-numbers{grid-column:1 / -1;grid-row:1}.repository-pagination>a{grid-row:2}.repository-page-summary{grid-row:3}}@media(max-width:30rem){.repository-form-controls{flex-direction:column;align-items:stretch}.repository-actions{width:100%}.repository-actions>*{width:100%}.repository-recording-icon{display:none}.repository-welcome .repository-recording-icon,.repository-empty .repository-recording-icon{display:grid}.repository-list dl{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(5rem,1fr)}.repository-pagination{padding-inline:var(--space-3)}}.prose,.host-panel{max-width:56rem;margin-inline:auto}.prose{max-width:76ch;overflow-wrap:anywhere}.auth-page{max-width:none}.auth-page>p{max-width:80ch}.prose>h2{margin-top:var(--space-7);scroll-margin-top:var(--space-5)}.prose pre{margin-block:var(--space-5)}:is(.prose,.settings-panel,.demo-caption,.release-note) a:not(.button),.profile-link{text-decoration:underline}.host-controls{display:grid;gap:var(--space-5)}.host-controls p{margin:0}.host-summary{font-size:1.125rem;color:var(--strong)}.inline-form input{width:100%}.inline-form label{flex:1 1 12rem;max-width:24rem}.empty-state{max-width:44rem;padding-block:var(--space-4)}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--bg);border-radius:var(--radius-control)}.skip-link:not(:focus){width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.export-terminal{position:fixed;left:-10000px;top:0;width:1280px;height:720px}#boot-status{margin-block:var(--space-5);color:var(--muted);font-size:var(--control-font)}.terminal-skeleton{min-height:20rem;padding:var(--panel-padding);background:var(--surface);border-radius:var(--radius-panel)}.terminal-skeleton div{height:.75rem;width:75%;margin-top:var(--space-4);background:var(--line);border-radius:var(--space-1)}.terminal-skeleton div:last-child{width:40%}tbt-terminal,tbt-demo,tbt-release,tbt-host,tbt-settings,acl-boundary,acl-dynamic{display:block}@media(max-width:900px){.source-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.source-label{grid-column:1 / -1}.uploader-card{flex-basis:100%}.feature-grid{gap:var(--space-4)}}@media(max-width:1024px){.site-header{min-height:4.75rem;flex-wrap:wrap;gap:var(--space-3)}.brand{flex-shrink:1;min-width:0}.brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-menu-toggle{display:inline-flex;margin-left:auto;padding-inline:var(--space-3)}.site-menu{display:none;flex:1 0 100%;gap:var(--space-4);margin:0;padding-top:var(--space-3);border-top:1px solid var(--line)}.site-header[data-menu-open=true] .site-menu{display:grid}.site-header nav{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);margin-left:0}.site-header nav a{justify-content:flex-start}.site-menu .header-actions{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.site-menu .github-account,.site-menu .header-actions>.button,.site-menu .github-account .button{width:100%;max-width:none}.site-menu .github-account .button,.site-menu .header-actions>.button{justify-content:flex-start}}@media(max-width:760px){.feature-grid{grid-template-columns:minmax(0,1fr)}.site-footer{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6)}.site-footer nav{column-gap:var(--space-3)}.site-footer nav a{padding-inline:0}.page-heading{margin-bottom:var(--space-5)}}@media(max-width:480px){.site-header .brand{font-size:1.125rem}.site-header .brand-avatar{width:2rem;height:2rem}.site-header .brand{min-height:var(--control-height)}.guide-start form{grid-template-columns:minmax(0,1fr)}.guide-start-actions{flex-direction:column}.source-bar{grid-template-columns:minmax(0,1fr)}.hero-actions>.button{flex:1 1 auto}.search input{flex-basis:100%;width:100%}.inline-form label{max-width:none}.inline-form>button{width:100%}}