:root{color-scheme:light;--ink:#202124;--muted:#696c73;--line:#e9e9eb;--surface:#fafafa;--accent:#20808d;--font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{color:inherit;background:none;border:0}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible,audio:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:10;left:16px;top:-60px;padding:10px 16px;background:var(--ink);color:#fff;border-radius:4px}.skip:focus{top:12px}
.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:30px 16px 22px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;margin-bottom:38px;line-height:1.1}.brand:hover{text-decoration:none}.brand>span:first-child{font-size:23px;letter-spacing:-1.1px;font-weight:650}.brand-period{color:var(--accent)}.brand-subtitle{font-size:11px;color:var(--muted);font-weight:450;margin-top:7px;letter-spacing:.02em}.section-label{font-size:10px;font-weight:600;letter-spacing:.085em;color:#74777e;margin:0 12px 10px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:5px;font-size:12px;color:#595c62}.sidebar-nav a:hover,.sidebar-resources a:hover{background:#f2f3f4;text-decoration:none}.sidebar-nav a[aria-current=page]{background:#eceef0;color:#22252a;font-weight:600}.sidebar-resources{margin-top:32px}.sidebar-resources>a{display:flex;justify-content:space-between;gap:10px;min-height:37px;padding:8px 12px;color:var(--muted);font-size:11px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;font-size:10px;color:#777b81;line-height:1.8}
.app-main{min-width:0}.topbar{height:57px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 36px;font-size:12px}.breadcrumbs{display:flex;align-items:center;gap:14px;color:var(--muted)}.breadcrumbs>span{color:#c3c4c8}.breadcrumbs>b{font-weight:500;color:#43464d}.back-link{color:var(--muted);font-size:11px;white-space:nowrap}main{max-width:1250px;margin:0 auto;padding:35px 36px 0}.page-heading{margin-bottom:34px}.eyebrow{font-size:10px;font-weight:550;color:#74777e;letter-spacing:.085em;margin-bottom:8px}h1{font-size:31px;line-height:1.2;letter-spacing:-1.1px;font-weight:600}.page-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:12px;max-width:640px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.section-heading h2{font-size:11px;font-weight:500;color:#959ba2;display:flex;gap:13px;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}.section-heading h2 span{font-size:14px;font-weight:550;color:#333940;letter-spacing:-.15px}.small-note{font-size:10px;color:#737880}.recording-section,.reference-section,.comparison-section,.windows-section{margin-bottom:32px}.recording-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.recording-button{min-width:0;text-align:left;border:1px solid var(--line);border-radius:6px;padding:13px 12px;min-height:84px;transition:background .12s,border-color .12s}.recording-button:hover{background:#fafafa;border-color:#c7cbd0}.recording-button[aria-pressed=true]{background:#f3f5f5;border-color:#76828a;box-shadow:inset 0 0 0 .5px #76828a}.recording-button strong{display:block;font-size:11px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}.recording-button span{display:block;font-size:10px;color:#777e86;margin-top:8px;font-variant-numeric:tabular-nums}.player-card{border:1px solid var(--line);border-radius:8px;padding:21px 22px;background:#fafafa}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.player-heading h3{font-size:17px;font-weight:550;letter-spacing:-.4px;overflow-wrap:anywhere}.player-heading .eyebrow{font-size:9px;margin-bottom:4px}.player-heading .small-note{margin-top:5px}.outline{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #dfe1e4;border-radius:5px;padding:7px 10px;min-height:34px;background:#fff;font-size:11px;white-space:nowrap}.outline:hover{background:#f4f5f6;text-decoration:none}audio{width:100%;display:block;height:42px}.player-note{font-size:10px;line-height:1.7;color:#747b84;margin-top:13px}.audio-error{color:#925934;font-size:12px;line-height:1.7;margin-top:12px}.reference-card{padding:20px 22px;border:1px solid var(--line);border-radius:7px}.reference-label{font-size:9px;font-weight:550;letter-spacing:.075em;color:#747c84;margin-bottom:12px}.transcript{font-size:14px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap}.reference-text{max-height:270px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cdd0d5 transparent;padding-right:8px}.section-note{font-size:11px;line-height:1.8;color:#737b84;margin-top:11px;max-width:960px}.comparison-intro{margin-top:-5px;margin-bottom:16px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.model-panel{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.model-panel-head{padding:18px 18px 14px;border-bottom:1px solid var(--line);background:#fafafa}.model-panel-head label{font-size:9px;color:#777f88;letter-spacing:.08em;display:block;margin-bottom:9px;font-weight:550}.model-panel-head select{width:100%;max-width:100%;border:1px solid #dfe1e4;border-radius:5px;background:#fff;color:#303840;min-height:39px;padding:7px 26px 7px 9px;font-size:11px;text-overflow:ellipsis}.model-source{display:block;width:fit-content;font-size:10px;color:#717b84;margin-top:9px}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 0}.metric-label{display:block;color:#747b83;font-size:10px;margin-bottom:5px}.metric-row strong{font-size:23px;font-weight:550;letter-spacing:-.6px;font-variant-numeric:tabular-nums;line-height:1.2}.edit-counts{font-size:10px;color:#747b84;margin:10px 18px 0;line-height:1.7}.flags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 18px 0}.flags:empty{margin-top:0}.flag{font-size:10px;padding:3px 6px;border-radius:4px;line-height:1.5;color:#796844;background:#faf8f3;border:1px solid #e6ddcd}.output-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 10px;margin-top:16px;border-top:1px solid #efeff1;font-size:9px;color:#7b828a;letter-spacing:.055em}.text-button{font-size:11px;color:#626f79;letter-spacing:0;min-height:30px;padding:4px}.text-button:hover{color:#202124;text-decoration:underline}.output-text{height:280px;overflow:auto;padding:0 18px 20px;scrollbar-width:thin;scrollbar-color:#cdd0d5 transparent;font-size:13px;line-height:1.85}.empty-output{font-style:italic;color:#888e95}.window-list{margin-top:15px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.window-item+.window-item{border-top:1px solid var(--line)}.window-item>summary{display:flex;align-items:center;gap:12px;min-height:52px;list-style:none;padding:10px 17px;background:#fafafa}.window-item>summary::-webkit-details-marker{display:none}.window-item>summary:before{content:'›';font-size:17px;color:#949ba3;line-height:1;transition:transform .12s}.window-item[open]>summary:before{transform:rotate(90deg)}.window-title{font-size:11px;font-weight:550;color:#535e68}.window-time{font-size:11px;font-variant-numeric:tabular-nums;color:#77828c;margin-left:auto;white-space:nowrap}.window-body{padding:17px}.window-body>.outline{font-size:10px;margin-bottom:16px}.window-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.window-output{min-width:0}.window-output h3{font-size:10px;font-weight:550;color:#707b85;overflow-wrap:anywhere;margin-bottom:9px;line-height:1.7}.window-output .transcript{font-size:12px;line-height:1.85;max-height:220px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cdd0d5 transparent}.window-flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.scope-note{border-top:1px solid var(--line);padding-top:24px;margin:34px 0 30px;max-width:950px}.scope-note h2{font-size:12px;font-weight:550;margin-bottom:8px}.scope-note p{font-size:11px;line-height:1.8;color:#737b84}.scope-note a{display:inline-block;margin-top:10px;font-size:11px;color:#536b75}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:19px 0 25px;font-size:10px;color:#737880}footer>div{display:flex;gap:19px;flex-wrap:wrap}.loading-state,.error-state{text-align:center;padding:65px 22px;border:1px solid var(--line);border-radius:6px;color:var(--muted);margin:0 0 30px}.error-state h2{font-size:16px;font-weight:550;margin-bottom:10px}.error-state p{font-size:12px;line-height:1.8}.error-state a{text-decoration:underline}.error-state button{margin-top:20px}.loader{display:inline-block;width:16px;height:16px;border:2px solid #e5e7e9;border-top-color:#8a8f98;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:7px}.noscript{margin:20px}.noscript a{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{padding-top:42px}}
@media(max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.topbar{padding:0 25px}main{padding:28px 25px 0}.recording-list{grid-template-columns:repeat(3,minmax(0,1fr))}.recording-button{min-height:76px}.metric-row strong{font-size:21px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;display:block;border-right:0;border-bottom:1px solid var(--line);padding:17px 20px 10px}.brand{padding:0;margin:0 0 17px;flex-direction:row;align-items:baseline;gap:12px}.brand>span:first-child{font-size:22px}.brand-subtitle{font-size:11px;margin:0}.sidebar>.section-label,.sidebar-resources,.sidebar-bottom{display:none}.sidebar-nav{flex-direction:row;gap:8px}.sidebar-nav a{min-height:36px;font-size:11px;padding:8px 10px}.sidebar-nav svg{width:15px;height:15px}.topbar{height:43px;padding:0 20px;font-size:10px}.breadcrumbs{gap:9px}.back-link{font-size:10px}main{padding:26px 20px 0}.page-heading{margin-bottom:27px}h1{font-size:28px;letter-spacing:-.85px}.page-heading>p:last-child{font-size:12px;line-height:1.75}.section-heading{gap:8px;flex-wrap:wrap}.section-heading h2{gap:10px}.section-heading h2 span{font-size:13px}.section-heading>.small-note{margin-left:24px;font-size:9px}.recording-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recording-button{min-height:76px;padding:11px}.recording-button strong{font-size:11px}.recording-button span{font-size:9px;margin-top:6px}.player-card{padding:17px 15px}.player-heading{align-items:flex-start;flex-wrap:wrap}.player-heading h3{font-size:16px}.player-heading .outline{font-size:10px}.player-heading .small-note{font-size:9px}.player-note{font-size:9px}.reference-card{padding:17px 16px}.transcript{font-size:13px;line-height:1.85}.reference-text{max-height:255px}.comparison-grid{grid-template-columns:1fr;gap:16px}.metric-row strong{font-size:24px}.model-panel-head select{font-size:12px;min-height:42px}.output-text{height:240px;font-size:13px}.section-note{font-size:10px;line-height:1.8}.window-grid{grid-template-columns:1fr;gap:18px}.window-output+.window-output{border-top:1px solid var(--line);padding-top:16px}.window-item>summary{padding:10px 13px;gap:8px}.window-body{padding:15px 14px}.window-time{font-size:10px}.window-title{font-size:10px}.window-output .transcript{font-size:12px}.scope-note{margin-top:28px}footer{flex-direction:column;gap:10px;font-size:9px}footer>div{gap:15px}.loading-state{line-height:1.8;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation:none}.recording-button,.window-item>summary:before{transition:none}}