:root{color:#183c40;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#183c40;--muted:#506c70;--accent:#206c70;--edge:#83aaa34d;--rim:inset 0 1px 1px #fff, inset 1px 0 1px #ffffffb8, inset 0 -2px 3px #4c80751a;--spring:cubic-bezier(.2,.75,.25,1);background:#edf6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{isolation:isolate;background:radial-gradient(at 4% 32%,#cae8df 0%,#0000 44%),radial-gradient(at 92% 12%,#d8e8f4 0%,#0000 42%),radial-gradient(at 76% 92%,#e0e7dc 0%,#0000 45%),linear-gradient(145deg,#f6f9f5,#e8f2f1 70%);min-width:320px;min-height:100vh;margin:0}body:before,body:after{content:"";z-index:-1;pointer-events:none;aspect-ratio:1;background:radial-gradient(at 32% 24%,#ffffff69,#0000 52%);border:1px solid #ffffff91;border-radius:50%;width:min(54vw,620px);position:fixed;box-shadow:inset 2px 3px 4px #ffffffb3,inset -3px -5px 8px #71a89c12,0 14px 35px #54847d0a}body:before{top:27vh;left:-28vw;transform:rotate(-22deg)scaleY(.8)}body:after{bottom:-24vh;right:-20vw;transform:rotate(25deg)scaleY(.88)}button,input,label{font:inherit}button,.button{isolation:isolate;border:1px solid var(--edge);box-shadow:var(--rim), 0 3px 8px #315c5c0e;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 22% 0,#ffffffeb,#0000 75%),linear-gradient(145deg,#ffffffa8,#dcefe85c);border-radius:14px;justify-content:center;align-items:center;gap:16px;min-height:44px;padding:12px 17px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}button:hover,.button:hover{background-color:#fff;border-color:#b8d6d4}button:disabled{opacity:.5;cursor:not-allowed}.primary{color:#fff;background:radial-gradient(at 15% 0,#67a4a2bf,#0000 80%),linear-gradient(135deg,#32777b,#23666b);border-color:#2e686c;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 3px #124f5b38,0 5px 12px #316b7026}.primary:hover{background:linear-gradient(135deg,#347c7e,#1b5b60);border-color:#28696c}.top{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:28px 42px 0;display:flex}.brand{color:var(--ink);letter-spacing:-1px;align-items:center;gap:11px;font-size:25px;font-weight:650;text-decoration:none;display:flex}.brand-dot{color:#3c8180;margin-left:-10px}.brand{isolation:isolate;border:1px solid var(--edge);box-shadow:var(--rim),0 4px 10px #426e6910;background:linear-gradient(125deg,#fff8,#ffffff29);border-radius:18px;padding:6px 11px 6px 6px;position:relative;overflow:hidden}.brand-icon{text-align:center;background:linear-gradient(135deg,#ffffffed,#ffffff38 50%,#b7d9d07d);border:1px solid #fff;border-radius:11px 11px 13px;width:32px;height:32px;font-size:22px;font-weight:400;position:relative;box-shadow:inset 2px 2px 4px #fff,inset -2px -2px 4px #659e9d28,0 5px 10px #547b7919}.brand-icon span{color:#2b7070;font-size:15px;position:absolute;top:-9px;right:-5px}.privacy{color:var(--muted);letter-spacing:.2px;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.light{background:#2e7773;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2e77730c,inset 0 1px 1px #ffffff90}main{max-width:1236px;margin:auto;padding:0 36px}.intro{padding:65px 0 43px;position:relative}.intro:after{content:"";pointer-events:none;background:radial-gradient(at 25% 20%,#fffffff0 0%,#ffffff10 34%,#0000 55%),linear-gradient(145deg,#fff5,#a6cdd219);border:1px solid #ffffffb3;border-radius:55% 45% 54% 46%/60% 53% 47% 40%;width:95px;height:110px;position:absolute;top:75px;right:60px;transform:rotate(28deg);box-shadow:inset 3px 4px 6px #ffffffc9,inset -5px -7px 10px #7eafb43b,7px 16px 19px #547d8421}.eyebrow,.section-label,.badge,.file-label,footer{letter-spacing:1.8px;font-size:9px;font-weight:600}.eyebrow{color:#3e7070;margin-bottom:18px}h1{letter-spacing:-3.5px;margin:0 0 20px;font-size:clamp(44px,6vw,70px);font-weight:450;line-height:1.09}h1 span{color:#547e7e}h1,h2,.brand{text-shadow:0 1px #fffc}.intro>p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.workspace{grid-template-columns:1.08fr 1fr;align-items:start;gap:22px;display:grid}.glass{-webkit-backdrop-filter:blur(18px)saturate(115%);background:linear-gradient(125deg,#ffffffb8,#ffffff61 50%,#ffffff8f);border:1px solid #83aaa34d;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 18px 50px #375d6110,0 3px 8px #375d6107,inset 1px 1px #fff,inset -1px -1px 2px #719c9c1a}.glass:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 2px 1px #fff,inset 2px 0 2px #ffffffbd,inset 0 -2px 3px #5c999326,inset -2px 0 3px #fff9}.panel-top{justify-content:space-between;align-items:center;gap:10px;padding:24px;display:flex}.section-label{color:#4b6d70;letter-spacing:1.4px;font-size:9px}.badge{letter-spacing:1px;color:#486b68;background:#ffffff70;border:1px solid #adcac751;border-radius:7px;padding:6px 8px;font-size:8px;box-shadow:inset 0 1px #fff}.video-wrap{aspect-ratio:16/10;background:#d5e6e3;border-radius:17px;margin:0 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 6px #305c5c0e}video{object-fit:contain;background:#122b2d;width:100%;height:100%;position:absolute;inset:0}video:not([src]){visibility:hidden}.empty-player{background:radial-gradient(at 22% 15%,#ffffffa8,#0000 60%),linear-gradient(135deg,#d9ece4c9,#d3e6ed99);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[hidden]{display:none!important}.play-symbol{color:#306d70;background:radial-gradient(circle at 28% 20%,#fff,#ffffff45 55%,#bfdbd947);border:1px solid #fff;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:17px;padding-left:3px;font-size:28px;display:grid;box-shadow:inset 2px 3px 4px #ffffffdb,inset -2px -3px 5px #6b9c9e26,0 7px 12px #46787917}h2{letter-spacing:-.45px;margin:0;font-size:19px;font-weight:450}.empty-player p{color:var(--muted);margin:8px 0 20px;font-size:12px}.tiny{color:var(--muted);font-size:10px;line-height:1.6}.empty-player>.tiny{margin-top:13px}.file-bar{justify-content:space-between;align-items:center;gap:12px;padding:23px;display:flex}.file-label{color:var(--muted);letter-spacing:1px;font-size:8px}.file-bar p{overflow-wrap:anywhere;margin:7px 0 0;font-size:12px}.small{flex-shrink:0;padding:9px 12px;font-size:10px}.transcript-intro{padding:0 24px}.transcript-intro h2{font-size:23px}.transcript-intro>p{color:var(--muted);max-width:310px;font-size:12px;line-height:1.7}.actions{flex-wrap:wrap;gap:10px;margin:20px 0 17px;display:flex}.actions button{font-size:11px}details{color:#46676b;margin-bottom:20px;font-size:11px;line-height:1.7}summary{isolation:isolate;cursor:pointer;border:1px solid var(--edge);min-height:44px;box-shadow:var(--rim),0 3px 7px #315c5c08;color:#315e61;background:linear-gradient(135deg,#ffffff9c,#e3f2ed4d);border-radius:13px;padding:11px 12px;text-decoration:none;position:relative;overflow:hidden}summary::marker{color:#376e6e}details[open] summary{border-color:#61968d80}details>p{padding-inline:3px}code{white-space:normal;overflow-wrap:anywhere;color:#225c61;font-size:10px}.search-box{isolation:isolate;color:#4f7070;box-shadow:var(--rim), inset 0 2px 5px #4269650d,0 1px 0 #fff;background:linear-gradient(125deg,#ffffff8c,#dbeee76b);border:1px solid #81a99d80;border-radius:14px;align-items:center;gap:10px;margin:0 23px;padding:11px 13px;display:flex;position:relative;overflow:hidden}.search-box>span{font-size:25px;line-height:1}input[type=search]{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:3px 0;font-size:12px}input::placeholder{color:#5e7779;opacity:1}kbd{background:#ffffff70;border:1px solid #8fb2ad55;border-radius:4px;padding:3px 5px;font-size:10px}.result-summary{color:var(--muted);padding:17px 24px 9px;font-size:10px}.results{scrollbar-color:#b1cbca transparent;scrollbar-width:thin;min-height:150px;max-height:350px;padding:0 14px 17px;overflow:auto}.empty-results{min-height:143px;color:var(--muted);justify-content:center;align-items:center;gap:15px;display:flex}.empty-results span{color:#729996;font-size:38px}.empty-results p{font-size:13px;line-height:1.7}.cue{background:linear-gradient(125deg,#ffffff70,#ffffff1a);border:1px solid #94b9ae3b;border-radius:15px;grid-template-columns:57px 1fr 36px;align-items:start;gap:10px;margin-top:7px;padding:13px 8px;display:grid;box-shadow:inset 0 1px #ffffffb3}.cue .time{color:#255e61;font-variant-numeric:tabular-nums;background:#d5e9e659;border-color:#ffffffc0;min-height:44px;padding:4px 5px;font-size:10px}.cue p{color:#294d52;overflow-wrap:anywhere;margin:3px 0;font-size:12px;line-height:1.8}.cue .save{border-color:var(--edge);color:#2a6b6a;min-width:36px;min-height:44px;box-shadow:var(--rim),0 3px 6px #315c5c0c;background:linear-gradient(135deg,#ffffffb3,#d9eee54d);border-radius:13px;padding:0;font-size:19px}.cue .save[aria-pressed=true]{background:#c6e3d780;border-color:#ffffffc9;border-radius:13px}.no-match{color:var(--muted);padding:10px;font-size:13px}.notes-panel{margin-top:22px;padding:25px}.notes-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.notes-heading h2{margin-top:10px}.notes-heading h2 span{background:#d9e9e673;border:1px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:6px;font-size:12px;display:inline-grid;box-shadow:inset 0 1px 1px #fff,0 2px 4px #4b7a7510}.notes-heading>button{font-size:11px}#notes-empty{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.7}#notes p{border:1px solid var(--edge);box-shadow:var(--rim);overflow-wrap:anywhere;background:linear-gradient(125deg,#ffffff8f,#ffffff2e);border-radius:13px;padding:12px 14px;font-size:12px;line-height:1.8}#status{color:#2e6561;min-height:22px;padding:0 4px;font-size:12px;line-height:1.7}#status.error{color:#9e3827}footer{letter-spacing:1.3px;color:var(--muted);justify-content:space-between;gap:15px;padding:20px 0 30px;font-size:8px;display:flex}footer span+span{letter-spacing:.3px;font-size:10px;font-weight:400}.frame-box{padding:0 23px 20px}.frame-box>div{justify-content:space-between;margin-bottom:12px;display:flex}.frame-box canvas{border:1px solid #ffffffc0;border-radius:12px;width:100%}#frame-time{color:#2e6461;font-size:11px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}button:focus-visible,.button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #216b73}.search-box:focus-within{outline-offset:2px;outline:2px solid #216b73}label:has(+input:focus-visible){outline:2px solid #216b73}#install{font-size:10px}.water-ripple{pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,#c4ede533 20%,#a0d2cf60 46%,#ffffff80 49%,#c5e4e333 53%,#0000 64%);border-radius:50%;width:80px;height:80px;margin:-40px;position:absolute}.primary .water-ripple{background:radial-gradient(circle,#ffffff1a 20%,#ffffff45 46%,#ffffff80 49%,#fff2 53%,#0000 64%)}@media (width<=760px){.top{gap:12px;padding:24px 22px 0}.privacy{font-size:9px}.brand{gap:9px;padding:4px 7px 4px 4px}body:before,body:after{width:65vw;box-shadow:inset 1px 2px 2px #ffffffa3}.brand{font-size:23px}main{padding:0 18px}.intro{padding:48px 5px 32px}.intro:after{opacity:.75;width:42px;height:50px;top:99px;right:13px}h1{letter-spacing:-2.5px;font-size:49px}.workspace{grid-template-columns:1fr;gap:17px}.panel-top{padding:21px}.video-wrap{aspect-ratio:16/11}.notes-panel{margin-top:17px;padding:21px}.notes-heading{align-items:flex-start}.notes-heading h2{font-size:17px}.notes-heading>button{gap:8px;padding:9px 10px;font-size:10px}footer{line-height:2.6;display:block}footer span{display:block}.results{max-height:400px}.transcript-intro{padding:0 21px}.search-box{margin:0 20px}.glass{-webkit-backdrop-filter:blur(12px);border-radius:23px}}@media (width<=380px){.intro:after{display:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){button:not(:disabled):hover,.button:hover{transform:translateY(-1px)}.cue:hover{background-color:#ffffff75}}@media (prefers-reduced-motion:no-preference){button,.button,summary,.search-box,.brand{transition:transform .22s var(--spring), background-color .22s ease, border-color .22s ease, box-shadow .22s ease}button:not(:disabled):active,.button:active,summary:active{transform:scale(.975)}.cue{transition:background-color .2s}.glass{animation:settle .6s var(--spring) both}.transcript-panel{animation-delay:70ms}.notes-panel{animation-delay:.12s}.frame-box:not([hidden]),#notes p{animation:surface .26s var(--spring) both}.water-ripple{animation:.65s ease-out both ripple}@keyframes settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes surface{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes ripple{0%{opacity:.8;transform:scale(.12)}to{opacity:0;transform:scale(2.5)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.glass,button,.button,.search-box{border:1px solid canvastext}.intro:after,.water-ripple,body:before,body:after{display:none}}