:root{color-scheme:light;--paper:#fafafa;--ink:#222321;--muted:#696b65;--line:#d9dad5;--coral:#c33b1e;--soft:#f0f0ed;--gutter:clamp(1.25rem,4.4vw,5rem);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,summary,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block;flex-shrink:0}button:disabled,input:disabled,select:disabled{cursor:not-allowed}[hidden]{display:none!important}::selection{color:#fff;background:var(--coral)}:is(button,a,input,summary,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--coral);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-6rem;z-index:10;padding:1rem;background:#fff}.skip-link:focus{top:1rem}.page-frame{max-width:1320px;margin-inline:auto;padding-inline:var(--gutter)}
.site-header{max-width:1536px;min-height:86px;margin-inline:auto;padding:1.2rem var(--gutter);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand-mark{border:1.5px solid currentColor;padding:.5rem .35rem;font-size:1rem;letter-spacing:-.11em}.header-nav{display:flex;align-items:center;gap:2rem;font-size:.8125rem}.header-nav>a:hover,.site-footer a:hover{color:var(--coral)}.locale-switch{display:flex;align-items:center;gap:.35rem;font-family:Consolas,"Liberation Mono",monospace;font-size:.6875rem;color:#a0a299}.locale-switch button{border:0;background:transparent;color:var(--muted);min-width:32px;min-height:36px;padding:.4rem}.locale-switch button[aria-pressed=true]{color:var(--coral);font-weight:700}
.intro{padding-block:1.6rem 2.5rem}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2rem;color:var(--muted);font-size:.6875rem;line-height:1.5}.breadcrumbs a:hover{color:var(--coral)}.kicker{display:flex;align-items:center;gap:.6rem;font-family:"SFMono-Regular",Consolas,monospace;font-size:.625rem;letter-spacing:.1em;line-height:1.6}.kicker>span{width:6px;height:6px;background:var(--coral);border-radius:50%}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:3rem}h1{margin-top:1rem;font-size:clamp(3rem,5.8vw,5.4rem);line-height:1.04;font-weight:500;letter-spacing:-.065em}.accent{color:var(--coral)}.lead{max-width:43ch;margin-top:1.3rem;color:var(--muted);font-size:1rem;line-height:1.7;letter-spacing:-.015em}.video-art{position:relative;height:230px;width:290px}.art-player{position:absolute;left:0;top:30px;width:210px;height:138px;transform:rotate(-7deg);background:var(--ink);box-shadow:0 12px 28px #2223210a}.play-symbol{position:absolute;top:42px;left:89px;width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:25px solid #fafafa}.art-timeline{position:absolute;left:17px;right:17px;height:2px;bottom:17px;background:#55564e}.art-timeline i{display:block;width:45%;height:2px;background:var(--coral)}.art-cc{position:absolute;right:17px;bottom:28px;color:#fff;font-family:Consolas,monospace;font-size:.6rem;letter-spacing:-.06em}.art-paper{position:absolute;right:0;top:59px;width:118px;height:146px;padding:18px;border:1px solid #c7cac0;background:#fff;transform:rotate(5deg)}.art-txt{display:block;margin-bottom:18px;font-size:1.8rem;color:var(--coral);letter-spacing:-.08em}.art-paper i{display:block;height:2px;margin-top:10px;background:#bfc2b8}.art-paper i:nth-of-type(2){width:72%}.art-cursor{position:absolute;right:13px;top:24px;height:21px;width:2px;background:var(--coral)}.art-label{position:absolute;left:1px;bottom:0;color:var(--muted);font-family:Consolas,monospace;font-size:.5rem;letter-spacing:.1em}
.input-panel{padding:1.6rem 1.8rem;background:#fff;border:1px solid var(--line);position:relative}.input-panel:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--coral);border-left:2px solid var(--coral)}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h2{font-size:1.2rem;font-weight:500;letter-spacing:-.035em}.free-label{font-family:Consolas,monospace;font-size:.55rem;color:var(--muted);letter-spacing:.06em}.url-row{display:flex;gap:.7rem;align-items:stretch}.url-field{display:flex;align-items:center;flex:1;min-width:0;background:var(--paper);border:1px solid var(--line)}.url-field:focus-within{border-color:var(--coral);outline:1px solid var(--coral)}.url-field svg{width:21px;height:21px;color:var(--muted);margin-left:1rem}.url-field input{width:100%;min-width:0;padding:1rem;border:0;background:transparent;color:var(--ink);font-size:.875rem;outline:none}.url-field input::placeholder{color:#85877f}.url-field input:focus-visible{outline:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.3rem;min-height:46px;padding:.85rem 1.2rem;border:1px solid transparent;border-radius:0;font-size:.8125rem;line-height:1.3;font-weight:550;transition:background 160ms ease,color 160ms ease,border-color 160ms ease;white-space:nowrap}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover:not(:disabled){background:#45463f}.button-quiet{color:var(--ink);background:transparent;border-color:var(--line)}.button-quiet:hover:not(:disabled){border-color:var(--ink);background:var(--soft)}.button:disabled{color:#85877e;background:#ecece8;border-color:var(--line)}.input-note{margin-top:.85rem;color:var(--muted);font-size:.75rem;line-height:1.65}.status{margin-top:.8rem;font-size:.8125rem;color:var(--muted);line-height:1.65}.status:empty{display:none}.progress{height:2px;background:var(--soft);overflow:hidden;margin-top:1rem}.progress span{display:block;width:30%;height:100%;background:var(--coral);animation:loading 1.4s infinite ease-in-out}@keyframes loading{from{transform:translateX(-110%)}to{transform:translateX(440%)}}.error-box{margin-top:1rem;border-left:2px solid var(--coral);background:#fff4ef;padding:.8rem 1rem;color:#922c17;font-size:.8125rem;line-height:1.7;overflow-wrap:anywhere}.error-box a{display:inline-block;margin-top:.4rem;text-decoration:underline;text-underline-offset:.2em}.privacy-note{display:flex;align-items:flex-start;gap:.55rem;margin-top:.85rem;color:var(--muted);font-size:.6875rem;line-height:1.7}.privacy-note svg{width:14px;height:16px;margin-top:1px}
.workspace{margin-top:2.4rem;border-top:1px solid var(--line);padding-top:1.75rem}.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.result-heading-copy{min-width:0}.result-heading .kicker{color:var(--coral)}.result-heading h2{font-size:clamp(1.35rem,2.3vw,1.9rem);font-weight:500;line-height:1.35;letter-spacing:-.04em;margin-top:.6rem;overflow-wrap:anywhere}.video-info{margin-top:.65rem;color:var(--muted);font-size:.75rem;line-height:1.7}.text-button{background:transparent;border:0;color:var(--muted);font-size:.75rem;flex-shrink:0;min-height:36px;padding:.4rem 0}.text-button:hover{color:var(--coral)}.toolbar{display:flex;align-items:flex-end;gap:1.5rem;padding:1.1rem 1.2rem;background:var(--soft);border:1px solid var(--line);border-bottom:0}.language-control{min-width:150px;max-width:280px;flex:1}.language-control label{display:block;font-size:.625rem;color:var(--muted);margin-bottom:.4rem}.language-control select{max-width:100%;width:100%;min-height:37px;padding:.35rem .55rem;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font-size:.75rem}.timestamp-control{display:flex;align-items:center;gap:.45rem;font-size:.75rem;min-height:37px;white-space:nowrap;cursor:pointer}.timestamp-control input{appearance:none;display:grid;place-content:center;width:17px;height:17px;margin:0;border:1px solid #a4a79b;background:#fff}.timestamp-control input:checked{background:var(--ink);border-color:var(--ink)}.timestamp-control input:checked::after{content:"";width:8px;height:4px;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;transform:rotate(-45deg) translateY(-1px)}.timestamp-control:has(input:disabled){opacity:.5;cursor:default}.search-control{position:relative;min-width:150px;flex:1.3;display:flex;align-items:center;gap:.55rem;border-bottom:1px solid #b8bbae;min-height:37px}.search-control svg{width:16px;height:16px;color:var(--muted)}.search-control input{width:100%;min-width:0;border:0;padding:.45rem 0;background:transparent;color:var(--ink);font-size:.75rem}.search-control input:focus-visible{outline-offset:1px}.search-control>span{font-family:Consolas,monospace;color:var(--muted);font-size:.625rem;white-space:nowrap}.transcript-top{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-bottom:0;background:#fff;padding:.8rem 1.3rem;font-family:Consolas,monospace;font-size:.5625rem;letter-spacing:.06em;color:var(--muted)}.transcript{max-height:560px;min-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);padding:.55rem 1.3rem 1rem;background:#fff;scrollbar-color:#c1c4b8 #fff;scrollbar-width:thin}.transcript-row{display:grid;grid-template-columns:60px minmax(0,1fr);gap:1.25rem;padding:.65rem 0;border-bottom:1px solid #eeeeea}.transcript-row:last-child{border-bottom:0}.timecode{font-family:Consolas,monospace;font-size:.6875rem;line-height:1.85;color:var(--coral);align-self:start;padding-top:.15rem;direction:ltr;text-align:left}.timecode:hover{text-decoration:underline;text-underline-offset:.15em}.transcript-row p{font-size:.875rem;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap}.transcript.plain-text{padding-block:1.2rem}.transcript.plain-text .transcript-row{display:block;padding:.15rem 0;border-bottom:0}.transcript.plain-text .transcript-row p{line-height:1.9}.transcript mark{color:var(--ink);background:#f8d4a2;padding:0 .04em}.empty-result{padding:2rem 0;color:var(--muted);font-size:.875rem;line-height:1.8}.export-bar{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:1rem}.export-bar>p{font-size:.6875rem;color:var(--muted);line-height:1.65;max-width:35ch}.action-buttons{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.workspace-note{margin-top:1rem;color:var(--muted);font-size:.6875rem;line-height:1.7}
.local-import{margin-top:1.75rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.local-import>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 0;font-size:.8125rem}.local-import>summary>span:first-child{display:flex;align-items:center;gap:.7rem}.import-plus{font-size:1.2rem;color:var(--coral);font-weight:400}.local-import[open] .import-plus{transform:rotate(45deg)}.local-badge{font-family:Consolas,monospace;color:var(--muted);font-size:.5rem;letter-spacing:.05em;white-space:nowrap}.import-body{padding:.5rem 0 1.3rem}.import-file-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.4rem}.import-file-row h3{font-size:.875rem;font-weight:550}.import-file-row p{margin-top:.4rem;font-size:.75rem;line-height:1.7;color:var(--muted)}.import-body>label{display:block;font-size:.75rem;margin-bottom:.6rem}.import-body textarea{display:block;width:100%;min-height:110px;resize:vertical;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font-size:.8125rem;line-height:1.7;padding:.8rem 1rem}.paste-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.7rem}.paste-actions p{color:var(--muted);font-size:.6875rem;line-height:1.6}.import-error{margin-top:.7rem;font-size:.75rem;color:#922c17;line-height:1.6}.import-error:empty{display:none}
.steps-section{padding-block:2.6rem 2.4rem}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:0;margin:0;list-style:none}.steps li{display:flex;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.step-number{padding-top:.15rem;color:var(--coral);font-family:Consolas,monospace;font-size:.625rem}.steps h2{font-size:.875rem;font-weight:550;line-height:1.4;letter-spacing:-.025em}.steps p{margin-top:.45rem;color:var(--muted);font-size:.75rem;line-height:1.75}.details-section{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding-block:1.2rem 3.5rem}.details-intro{padding-top:1rem}.details-intro h2{margin-top:.8rem;font-size:1.8rem;font-weight:500;letter-spacing:-.055em}.details-list{border-top:1px solid var(--line)}.details-list details{border-bottom:1px solid var(--line)}.details-list summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem 0;font-size:.8125rem;line-height:1.5;font-weight:500}.details-list summary>span:last-child{color:var(--coral);font-size:1.2rem;font-weight:400}.details-list details[open] summary>span:last-child{transform:rotate(45deg)}.details-list p{padding:0 1.5rem 1.2rem 0;color:var(--muted);font-size:.8125rem;line-height:1.8}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;border-top:1px solid var(--line);padding-block:1.8rem;color:var(--muted);font-size:.6875rem;line-height:1.6}.footer-brand{color:var(--ink);font-size:.8125rem;font-weight:800;letter-spacing:-.04em}.site-footer nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin-left:auto}
@media(max-width:900px){.intro-grid{grid-template-columns:minmax(0,1fr) 220px;gap:1rem}.video-art{transform:scale(.8);transform-origin:right center;margin-left:-70px}.toolbar{gap:1rem}.details-section{grid-template-columns:1fr 2.2fr;gap:2rem}.export-bar{align-items:flex-start}.export-bar>p{max-width:26ch}}
@media(max-width:700px){.site-header{min-height:74px;padding-block:1rem;gap:1rem}.brand{font-size:.9375rem;gap:.5rem}.brand-mark{padding:.4rem .3rem;font-size:.8rem}.header-nav{font-size:.6875rem;gap:.75rem}.locale-switch{gap:0}.locale-switch button{min-width:28px}.intro{padding-block:1.3rem 1.9rem}.breadcrumbs{font-size:.625rem;margin-bottom:1.5rem}.intro-grid{grid-template-columns:1fr}.video-art{display:none}h1{font-size:clamp(3rem,10vw,4.6rem);margin-top:.8rem}.lead{font-size:.875rem;margin-top:1rem;max-width:42ch}.input-panel{padding:1.2rem}.panel-heading{display:block}.panel-heading h2{font-size:1.1rem}.free-label{display:block;margin-top:.5rem;font-size:.5rem}.url-row{flex-wrap:wrap;gap:.6rem}.url-field{flex-basis:100%}.url-field input{font-size:.8125rem;padding:.9rem .75rem}.url-field svg{margin-left:.75rem;width:18px}.url-row .button-dark{flex:1}.input-note{font-size:.6875rem}.privacy-note{font-size:.625rem}.workspace{margin-top:1.8rem;padding-top:1.3rem}.result-heading{gap:.5rem;flex-direction:column;margin-bottom:1rem}.result-heading h2{font-size:1.4rem}.text-button{font-size:.6875rem}.toolbar{flex-wrap:wrap;padding:1rem;gap:.8rem 1.3rem}.language-control{max-width:none;min-width:140px}.search-control{flex-basis:100%;margin-top:.2rem}.transcript{padding:.4rem 1rem .8rem;max-height:480px}.transcript-top{padding:.75rem 1rem;flex-wrap:wrap;font-size:.5rem}.transcript-row{grid-template-columns:49px minmax(0,1fr);gap:.8rem}.timecode{font-size:.625rem}.transcript-row p{font-size:.8125rem}.export-bar{align-items:stretch;flex-direction:column;gap:.65rem}.export-bar>p{max-width:none}.action-buttons{justify-content:stretch}.action-buttons .button{flex:1;padding:.75rem .8rem;gap:.5rem}.local-import>summary{font-size:.75rem}.local-badge{display:none}.import-file-row{flex-wrap:wrap;gap:.8rem}.import-file-row .button{width:100%}.paste-actions{align-items:stretch;flex-direction:column;gap:.6rem}.steps-section{padding-block:1.8rem 1.7rem}.steps{grid-template-columns:1fr;gap:1.1rem}.steps li{gap:.9rem}.steps p{margin-top:.3rem}.details-section{grid-template-columns:1fr;gap:1.4rem;padding-block:.75rem 2.5rem}.details-intro{padding-top:0}.details-intro h2{font-size:1.7rem;margin-top:.6rem}.site-footer{gap:.8rem 1.5rem}.site-footer nav{width:100%;margin-left:0}}
@media(max-width:390px){.header-nav>a{max-width:65px;line-height:1.4}.brand{font-size:.8rem}.input-panel{padding:1rem}.button{font-size:.75rem;padding-inline:.9rem}.transcript-row{grid-template-columns:42px minmax(0,1fr);gap:.6rem}.transcript{padding-inline:.75rem}.timestamp-control{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.progress span{width:100%;transform:none}}