@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}:root{color-scheme:light;--paper: #f7f6f1;--paper-raised: #fbfaf6;--ink: #171717;--muted: #6d6a66;--faint: #a8a49d;--rule: #b7b3ab;--rule-soft: #dedbd4;--purple: #7146ff;--purple-dark: #4c25cf;--purple-pale: #eee9ff;--danger: #c23434;--warning: #aa6500;--success: #1f7a45;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif;font-family:var(--mono);font-synthesis:none;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}::selection{color:var(--paper);background:var(--purple)}.app-frame{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header,.share-header{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;border-bottom:1px solid var(--rule);padding:0 clamp(22px,5vw,76px);background:color-mix(in srgb,var(--paper) 96%,white)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:600;text-decoration:none;width:fit-content}.brand-mark{position:relative;width:27px;height:27px;display:inline-block;transform:rotate(-10deg)}.brand-mark span{position:absolute;display:block;width:8px;height:23px;background:var(--ink);border-radius:1px}.brand-mark span:first-child{left:4px;top:5px}.brand-mark span:last-child{right:4px;top:-1px;background:var(--purple)}.working-label{color:var(--faint);font-size:10px;font-weight:400}.primary-nav{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.primary-nav a{text-decoration:none}.primary-nav a:hover,.primary-nav a.active{color:var(--purple-dark);text-decoration:underline}.nav-separator{color:var(--rule)}.account-nav{justify-self:end;display:flex;align-items:center;gap:14px}.environment-chip,.unlisted-label{padding:5px 8px;border:1px solid var(--rule);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.plain-button{width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer;font-size:11px}.plain-button:hover{color:var(--paper);background:var(--ink)}.page-shell{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:72px 0 96px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:46px}.page-intro>div:first-child{max-width:780px}.page-intro h1,.recording-header h1,.share-title h1,.activation-card h1{margin:20px 0 13px;font-size:clamp(30px,4.2vw,59px);line-height:.98;letter-spacing:-.055em;font-weight:500}.compact-intro h1{font-size:clamp(30px,3.4vw,48px)}.eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.eyebrow-rule{position:relative;padding-left:16px}.eyebrow-rule:before{content:"";position:absolute;left:0;top:-3px;bottom:-3px;width:2px;background:var(--purple)}.lede{margin:0;max-width:720px;color:var(--muted);font-size:15px;line-height:1.65}.intro-actions,.recording-actions,.approval-actions{display:flex;align-items:center;gap:8px;flex:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid var(--ink);background:transparent;text-decoration:none;cursor:pointer;font-size:12px;font-weight:600}.button-primary{border-color:var(--purple);color:#fff;background:var(--purple)}.button-primary:hover{border-color:var(--purple-dark);background:var(--purple-dark)}.button-secondary:hover{color:#fff;background:var(--ink)}.text-button{padding:0;border:0;background:transparent;text-decoration:underline;cursor:pointer;font-size:12px}.danger{color:var(--danger)}.command-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--ink);background:var(--paper-raised);margin:0 0 24px;padding:14px 16px;font-size:12px;overflow:hidden}.command-strip div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-strip button{flex:none;color:var(--purple-dark);border:0;background:transparent;text-decoration:underline;cursor:pointer}.prompt{color:var(--purple);font-weight:600}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);margin-bottom:70px}.metrics-row>div{min-height:102px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;border-right:1px solid var(--rule)}.metrics-row>div:last-child{border-right:0}.metrics-row span{color:var(--muted);font-size:11px}.metrics-row strong{font-size:23px;font-weight:500;letter-spacing:-.04em}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding-bottom:16px;border-bottom:1px solid var(--ink)}.section-heading h2{margin:0;font-size:15px}.section-heading span{color:var(--muted);font-size:11px}.recording-row{display:grid;grid-template-columns:48px minmax(0,1fr) 146px 28px;align-items:center;gap:22px;min-height:154px;padding:22px 0;border-bottom:2px dotted var(--rule)}.recording-index-number{color:var(--faint);font-size:11px;align-self:start;padding-top:4px}.recording-title-row{display:flex;align-items:start;gap:12px}.recording-title-row h3{margin:0;font-size:14px;line-height:1.4}.recording-title-row h3 a:hover{color:var(--purple-dark)}.recording-main>p{margin:10px 0 15px;color:var(--muted);font-family:var(--sans);font-size:14px;line-height:1.5}.recording-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:10px}.recording-meta span{position:relative}.recording-meta span:not(:last-child):after{content:"·";position:absolute;right:-12px;color:var(--rule)}.recording-signals{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:10px}.recording-signals strong{color:var(--ink)}.empty-state{display:flex;flex-direction:column;gap:8px;padding:42px 0;color:var(--muted);border-bottom:2px dotted var(--rule);font-size:11px}.empty-state strong{color:var(--ink);font-size:14px}.inline-error{margin:16px 0;padding:12px 14px;color:var(--danger);border:1px solid var(--danger);background:#fff7f5;font-size:11px;line-height:1.5}.row-arrow{display:grid;place-items:center;width:28px;height:28px;color:var(--purple-dark);background:var(--purple-pale);text-decoration:none}.row-arrow:hover{color:#fff;background:var(--purple)}.status-badge{display:inline-flex;padding:3px 6px;border:1px solid currentColor;font-size:9px;line-height:1;text-transform:uppercase;white-space:nowrap}.status-ready{color:var(--success)}.status-processing,.status-uploading,.status-recording{color:var(--purple-dark)}.status-failed,.status-revoked{color:var(--danger)}.breadcrumb{display:flex;gap:9px;margin-bottom:38px;color:var(--muted);font-size:10px}.recording-header{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}.recording-header>div:first-child{max-width:790px}.recording-header h1{margin-top:0;font-size:clamp(28px,3.4vw,48px)}.recording-header p,.share-title>p:last-child{max-width:750px;margin:0;color:var(--muted);font-family:var(--sans);line-height:1.5}.title-status-row{display:flex;align-items:start;gap:15px}.title-status-row .status-badge{margin-top:8px}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;margin-bottom:72px}.player-frame{position:relative;min-height:400px;overflow:hidden;border:1px solid var(--ink);background:#d9d6cf}.fake-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #7a7771;background:#efede8}.fake-browser-bar>span{width:8px;height:8px;border:1px solid #77736d;border-radius:50%}.fake-browser-bar div{min-width:0;flex:1;margin-left:7px;padding:5px 10px;overflow:hidden;color:#615f5a;border:1px solid #bbb7af;background:#faf9f5;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.fake-checkout{height:calc(100% - 42px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding:60px 8%;background:#f4f2ed}.fake-checkout-copy{display:flex;flex-direction:column;gap:15px}.fake-checkout-copy small{color:var(--purple-dark);font-size:9px}.fake-checkout-copy strong{max-width:300px;font-family:var(--sans);font-size:clamp(24px,3vw,44px);line-height:.98;letter-spacing:-.05em}.fake-checkout-copy span{color:#66635e;font-size:11px}.fake-error-card{display:flex;flex-direction:column;gap:9px;padding:22px;border:1px solid #9c302d;background:#fff7f5}.fake-error-card span{color:#9c302d;font-weight:600}.fake-error-card small{color:#6f5551;line-height:1.5}.play-button{position:absolute;inset:50% auto auto 50%;width:58px;height:58px;transform:translate(-50%,-50%);color:#fff;border:0;border-radius:50%;background:var(--purple);cursor:pointer}.play-button:hover{background:var(--purple-dark);transform:translate(-50%,-50%) scale(1.04)}.player-controls{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;height:44px;padding:0 14px;color:#fff;background:#141414eb;font-size:9px}.scrubber{height:2px;background:#777}.scrubber i{display:block;height:100%;background:var(--purple)}.recording-facts{border-top:1px solid var(--ink);padding-top:15px}.recording-facts dl{margin:22px 0}.recording-facts dl>div,.approval-facts>div{display:grid;grid-template-columns:94px 1fr;gap:12px;padding:10px 0;border-bottom:1px dotted var(--rule);font-size:10px}.recording-facts dt,.approval-facts dt{color:var(--muted)}.recording-facts dd,.approval-facts dd{margin:0;overflow-wrap:anywhere}.share-block{display:flex;flex-direction:column;gap:8px;padding:14px;color:var(--purple-dark);border:1px solid var(--purple);background:var(--purple-pale);font-size:10px}.share-block code{min-width:0;overflow-wrap:anywhere}.share-block small{color:var(--muted);line-height:1.5}.diagnostics-section{margin-top:20px}.diagnostics-heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:15px;border-bottom:1px solid var(--ink)}.section-note{margin:7px 0 0;color:var(--muted);font-size:10px}.text-link{color:var(--purple-dark);font-size:11px}.sensitive-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#493097;border:solid var(--purple);border-width:0 1px 1px;background:var(--purple-pale);font-size:10px}.sensitive-glyph{display:grid;place-items:center;width:21px;height:21px;flex:none;color:#fff;border-radius:50%;background:var(--purple);font-weight:600}.diagnostic-tabs{display:flex;border:solid var(--rule);border-width:0 1px 1px}.diagnostic-tabs button{position:relative;flex:1;padding:13px 15px;color:var(--muted);border:0;border-right:1px solid var(--rule);background:transparent;text-align:left;text-transform:capitalize;cursor:pointer;font-size:11px}.diagnostic-tabs button:last-child{border-right:0}.diagnostic-tabs button.active{color:var(--ink);background:var(--paper-raised);box-shadow:inset 0 -2px var(--purple)}.diagnostic-tabs sup{margin-left:6px;color:#fff;padding:1px 4px;background:var(--danger);font-size:8px}.diagnostic-content{min-height:250px;border:solid var(--rule);border-width:0 1px 1px;background:var(--paper-raised)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr)}.summary-cell{min-height:170px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-right:1px solid var(--rule)}.summary-cell:last-child{border-right:0}.summary-cell span,.summary-cell small{color:var(--muted);font-size:10px}.summary-cell strong{font-size:34px;font-weight:400;letter-spacing:-.06em}.summary-error strong{color:var(--danger)}.summary-warning strong{color:var(--warning)}.event-list{margin:0;padding:0;list-style:none}.event-list li{display:grid;grid-template-columns:92px 88px 1fr;gap:14px;padding:12px 16px;border-bottom:1px dotted var(--rule);font-size:11px;line-height:1.5}.event-list li:last-child{border-bottom:0}.event-list time{color:var(--muted)}.event-type{color:var(--purple-dark);text-transform:uppercase;font-size:9px}.event-list code{overflow-wrap:anywhere;white-space:pre-wrap}.event-list .severity-error{color:var(--danger)}.event-list .severity-warning{color:var(--warning)}.network-table-wrap{overflow-x:auto}.network-table{width:100%;border-collapse:collapse;font-size:10px}.network-table th{color:var(--muted);background:#f0eee8;text-align:left;font-weight:500}.network-table th,.network-table td{padding:11px 12px;border-bottom:1px dotted var(--rule);white-space:nowrap}.request-url{max-width:440px;overflow:hidden;text-overflow:ellipsis}.failed-row{color:var(--danger)}.reveal-body{padding:0;color:var(--purple-dark);border:0;background:transparent;text-decoration:underline;cursor:pointer;font-size:9px}.body-detail-row>td{padding:0;background:var(--purple-pale)}.body-detail-grid{display:grid;grid-template-columns:1fr 1fr;color:var(--ink)}.body-detail-grid>div{min-width:0;padding:16px;border-right:1px solid var(--purple)}.body-detail-grid>div:last-child{border-right:0}.body-detail-grid span{display:block;margin-bottom:9px;color:var(--purple-dark);font-size:9px;text-transform:uppercase}.body-detail-grid pre{margin:0;overflow:auto;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.55 var(--mono)}.credential-list{display:grid;gap:22px}.settings-card{margin:28px 0 22px}.credential-form,.issued-token{display:grid;gap:16px;margin:-20px 0 28px;padding:20px;border:1px solid var(--ink);background:var(--paper-raised)}.credential-form>label:not(.checkbox-line){display:grid;gap:8px;color:var(--muted);font-size:10px}.credential-form input[type=text],.credential-form input:not([type]),.activation-code-form input{min-height:44px;padding:0 12px;color:var(--ink);border:1px solid var(--rule);border-radius:0;background:var(--paper)}.credential-form>div{display:flex;align-items:center;gap:15px}.checkbox-line{display:flex;align-items:center;gap:10px;font-size:11px}.checkbox-line input{accent-color:var(--purple)}.issued-token{grid-template-columns:1fr auto;align-items:center;border-color:var(--purple);background:var(--purple-pale)}.issued-token .eyebrow,.issued-token small{grid-column:1 / -1}.issued-token code{overflow-wrap:anywhere;font-size:11px}.issued-token small{color:var(--muted)}.credential-card{border:1px solid var(--rule);background:var(--paper-raised)}.credential-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:21px;border-bottom:1px solid var(--rule)}.credential-heading h2{margin:0 0 8px;font-size:15px}.credential-heading code{color:var(--muted);font-size:10px}.credential-grid{display:grid;grid-template-columns:2fr 1fr 1fr;margin:0}.credential-grid>div{min-height:90px;padding:17px 20px;border-right:1px solid var(--rule)}.credential-grid>div:last-child{border-right:0}.credential-grid dt{margin-bottom:11px;color:var(--muted);font-size:9px;text-transform:uppercase}.credential-grid dd{margin:0;font-size:10px;line-height:1.5}.policy-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px 20px;border-top:1px solid var(--rule);cursor:pointer}.policy-toggle span{display:flex;flex-direction:column;gap:5px}.policy-toggle strong{font-size:11px}.policy-toggle small{max-width:720px;color:var(--muted);line-height:1.5}.policy-toggle input{position:absolute;opacity:0;pointer-events:none}.policy-toggle i{position:relative;width:42px;height:22px;border:1px solid var(--ink);background:transparent}.policy-toggle i:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:var(--ink);transition:transform .16s ease,background .16s ease}.policy-toggle input:checked+i{border-color:var(--purple);background:var(--purple-pale)}.policy-toggle input:checked+i:after{transform:translate(20px);background:var(--purple)}.device-login-help{margin-top:70px;padding-top:17px;border-top:1px solid var(--ink)}.device-login-help .command-strip{margin:18px 0 10px}.device-login-help>p:last-child{max-width:740px;color:var(--muted);font-size:11px;line-height:1.6}.activation-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:30px;padding:40px 20px}.activation-brand{display:flex;align-items:center;gap:12px;font-weight:600}.activation-card{width:min(680px,100%);padding:clamp(25px,6vw,60px);border:1px solid var(--ink);background:var(--paper-raised)}.activation-card h1{max-width:550px;font-size:clamp(28px,5vw,46px)}.activation-card>p:not(.eyebrow){color:var(--muted);font-family:var(--sans)}.device-code{margin:35px 0;padding:22px;border:1px solid var(--purple);background:var(--purple-pale);text-align:center;font-size:clamp(26px,6vw,43px);letter-spacing:.12em}.approval-facts{margin:0 0 30px}.approval-facts>div{grid-template-columns:150px 1fr}.activation-card>small{display:block;margin-top:18px;color:var(--muted)}.activation-code-form{display:grid;gap:18px}.activation-code-form h1{margin-bottom:0}.activation-code-form>p{margin:0;color:var(--muted);font-family:var(--sans)}.activation-code-form input{width:100%;font-size:20px;letter-spacing:.08em;text-transform:uppercase}.activation-code-form .button{width:fit-content}.login-card{display:grid;gap:16px}.login-card h1{margin-bottom:0}.oauth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.decision-state{text-align:center}.decision-state>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 30px;color:#fff;border-radius:50%;background:var(--purple);font-size:28px}.share-page{min-height:100vh}.share-header{grid-template-columns:1fr auto}.share-main{width:min(1080px,calc(100% - 44px));margin:0 auto;padding:70px 0 100px}.share-title{margin-bottom:35px}.share-title h1{max-width:870px;font-size:clamp(30px,5vw,58px)}.share-player{min-height:590px}.stream-player{position:absolute;inset:0;width:100%;height:100%;border:0}.share-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;padding:16px 0 40px;color:var(--muted);border-bottom:1px solid var(--ink);font-size:10px}.share-meta .text-button{margin-left:auto;color:var(--purple-dark)}.share-footer,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:90px;padding:0 clamp(22px,5vw,76px);color:var(--muted);border-top:1px solid var(--rule);font-size:10px}.route-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-size:12px}:focus-visible{outline:2px solid var(--purple);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.page-shell>*,.share-main>*{animation:rise-in .42s both}.page-shell>*:nth-child(2),.share-main>*:nth-child(2){animation-delay:50ms}.page-shell>*:nth-child(3),.share-main>*:nth-child(3){animation-delay:.1s}.page-shell>*:nth-child(4),.share-main>*:nth-child(4){animation-delay:.15s}@keyframes rise-in{0%{transform:translateY(8px)}to{transform:translateY(0)}}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.primary-nav{grid-row:2;grid-column:1 / -1;padding-bottom:16px;justify-content:center}.account-nav{grid-column:2;grid-row:1}.page-intro,.recording-header{align-items:start;flex-direction:column}.metrics-row,.summary-grid{grid-template-columns:repeat(2,1fr)}.metrics-row>div:nth-child(2),.summary-cell:nth-child(2){border-right:0}.metrics-row>div:nth-child(-n+2),.summary-cell:nth-child(-n+2){border-bottom:1px solid var(--rule)}.player-layout{grid-template-columns:1fr}.recording-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px}.recording-facts .eyebrow{grid-column:1 / -1}.recording-facts dl{margin:0}.share-player{min-height:500px}}@media(max-width:680px){.site-header{min-height:68px;padding:0 18px}.working-label,.environment-chip{display:none}.primary-nav{justify-content:start;overflow-x:auto}.page-shell,.share-main{width:min(100% - 28px,1180px);padding-top:45px}.page-intro{gap:28px;margin-bottom:32px}.intro-actions{width:100%}.intro-actions .button{flex:1}.metrics-row{grid-template-columns:1fr 1fr}.recording-row{grid-template-columns:26px minmax(0,1fr) 24px;gap:10px;min-height:0}.recording-signals{grid-column:2;flex-direction:row}.recording-title-row{flex-direction:column;gap:7px}.recording-meta{gap:7px 14px}.fake-checkout{grid-template-columns:1fr;padding:45px 7%}.fake-error-card{display:none}.player-frame,.share-player{min-height:390px}.recording-facts{grid-template-columns:1fr}.diagnostic-tabs{overflow-x:auto}.diagnostic-tabs button{min-width:105px}.summary-grid{grid-template-columns:1fr 1fr}.summary-cell{min-height:135px}.event-list li{grid-template-columns:74px 1fr}.event-list li>:last-child{grid-column:1 / -1}.body-detail-grid{grid-template-columns:1fr}.body-detail-grid>div{border-right:0;border-bottom:1px solid var(--purple)}.body-detail-grid>div:last-child{border-bottom:0}.credential-grid{grid-template-columns:1fr}.credential-grid>div{min-height:0;border-right:0;border-bottom:1px solid var(--rule)}.approval-facts>div{grid-template-columns:1fr;gap:5px}.oauth-actions,.issued-token{grid-template-columns:1fr}.issued-token>*{grid-column:1}.share-meta .text-button{margin-left:0}.site-footer,.share-footer{align-items:start;flex-direction:column;justify-content:center}}