:root{--fog: #eef1f4;--surface: #ffffff;--surface-2: #f6f8fa;--ink: #16212b;--slate: #5a6875;--line: #d5dce2;--petrol: #0e5566;--petrol-hover: #0a4552;--petrol-tint: #e3f0f2;--petrol-ink: #ffffff;--amber: #e3a23b;--ok: #1d7a4a;--ok-tint: #e2f3ea;--danger: #a3361f;--danger-tint: #fbe9e4;--shadow: 0 1px 2px rgb(16 33 43 / .06), 0 4px 16px rgb(16 33 43 / .05);--font: "Public Sans", "Segoe UI", system-ui, sans-serif;--radius-s: 6px;--radius-m: 12px;--bar-h: 4rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fog: #10171d;--surface: #18222b;--surface-2: #1d2832;--ink: #e4e9ed;--slate: #93a2af;--line: #2b3945;--petrol: #4fb0c2;--petrol-hover: #6cc2d2;--petrol-tint: #173640;--petrol-ink: #0b1a1f;--ok: #6fd19c;--ok-tint: #173527;--danger: #f08a70;--danger-tint: #3a1f18;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 4px 16px rgb(0 0 0 / .2)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--fog);color:var(--ink);font:400 1rem/1.55 var(--font);font-variant-numeric:tabular-nums;min-height:100vh;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}h1,h2,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}button{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-s);padding:.5rem .95rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}button:hover{border-color:var(--slate)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--petrol);border-color:var(--petrol);color:var(--petrol-ink);font-weight:600}button.primary:hover:not(:disabled){background:var(--petrol-hover);border-color:var(--petrol-hover)}button.link{border:0;background:none;padding:0;color:var(--petrol);font-weight:600;font-size:.9rem}button.link:hover{text-decoration:underline}button.icon{width:2rem;height:2rem;padding:0;display:grid;place-items:center;border-color:transparent;background:none;color:var(--slate);font-size:1.25rem;line-height:1}button.icon:hover{background:var(--danger-tint);color:var(--danger);border-color:transparent}input[type=email],input[type=password],input[type=search],input[type=text],input[type=number],select,textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--petrol)}label{display:grid;gap:.3rem;font-weight:500}label.check{display:flex;align-items:center;gap:.5rem;font-weight:400}label.check input{width:1.1rem;height:1.1rem;accent-color:var(--petrol)}.row{display:flex;gap:.5rem;flex-wrap:wrap}.stack{display:grid;gap:1rem}.msg{color:var(--slate)}.hint{color:var(--slate);font-size:.9rem}.time{color:var(--slate);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;white-space:nowrap;font-size:.8rem;font-weight:600;background:var(--surface-2);color:var(--slate);border:1px solid var(--line)}.badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.badge-running,.status-uploading,.status-processing{color:var(--petrol);background:var(--petrol-tint);border-color:transparent}.badge-running:before,.status-uploading:before,.status-processing:before{animation:pulse 1.2s ease-in-out infinite}.badge-done,.status-ready{color:var(--ok);background:var(--ok-tint);border-color:transparent}.badge-error,.status-error{color:var(--danger);background:var(--danger-tint);border-color:transparent}@keyframes pulse{50%{opacity:.3}}.tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{padding:.05rem .55rem;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;color:var(--petrol);background:var(--petrol-tint)}.logo{width:2rem;height:2rem;flex:none;display:block}.logo-bg{fill:var(--petrol)}.logo-play{fill:var(--petrol-ink)}.logo-track{fill:var(--petrol-ink);fill-opacity:.3}.logo-mark{fill:var(--amber)}.logo-l{width:3.5rem;height:3.5rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;min-height:calc(var(--bar-h) + env(safe-area-inset-top,0px));padding:calc(.6rem + env(safe-area-inset-top,0px)) clamp(1rem,4vw,2.5rem) .6rem;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;line-height:1;white-space:nowrap}.brand-name{font-weight:800;letter-spacing:-.03em;font-size:1.3rem;padding-block:.2rem}nav{display:flex;gap:.25rem;flex-wrap:wrap}nav button{border-color:transparent;background:none;color:var(--slate);font-weight:500}nav button:hover{color:var(--ink);background:var(--surface-2);border-color:transparent}nav button[aria-current=true]{color:var(--petrol);background:var(--petrol-tint);font-weight:600}#logout{display:inline-flex;align-items:center}.logout-icon{display:none;width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}main{padding:clamp(1rem,4vw,2.5rem);max-width:1320px;margin:0 auto}.auth{max-width:26rem;margin:8vh auto 0;display:grid;gap:1.5rem}.wordmark{font-size:clamp(3rem,10vw,4.5rem);font-weight:800;letter-spacing:-.045em;line-height:1}.wordmark:after{content:"";display:block;height:6px;width:38%;margin-top:.6rem;background:linear-gradient(90deg,var(--line) 0 30%,var(--amber) 30% 55%,var(--line) 55%);border-radius:3px}.lede{color:var(--slate);font-size:1.1rem;max-width:34ch}.query{display:flex;gap:.5rem;margin-bottom:1.5rem}.query input{font-size:clamp(1.15rem,2.4vw,1.5rem);padding:.75rem 1rem;box-shadow:var(--shadow)}.session{display:grid;gap:.5rem;margin:-.75rem 0 1.5rem}.session-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem}.session-title{color:var(--slate);font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.step{font-size:.9rem;padding:.3rem .8rem;border-radius:999px;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step[aria-current=true]{background:var(--petrol);border-color:var(--petrol);color:var(--petrol-ink);font-weight:600}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(1rem,3vw,2.5rem);align-items:start}.hits{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.hit{width:100%;text-align:left;display:grid;gap:.4rem;background:none;border:1px solid transparent;border-radius:var(--radius-m);padding:.85rem .9rem}.hit:hover{background:var(--surface);border-color:var(--line)}.hit[aria-pressed=true]{background:var(--surface);border-color:var(--petrol);box-shadow:var(--shadow)}.hit-head{display:flex;justify-content:space-between;gap:1rem}.hit-title{font-weight:600}.byline{color:var(--slate);font-size:.9rem;font-weight:500}.about{color:var(--slate);white-space:pre-line;max-width:70ch}.about-toggle summary{cursor:pointer;color:var(--petrol);font-weight:600;font-size:.9rem;width:max-content}.about-toggle .about{margin-top:.35rem}.hit-text{color:var(--slate);max-width:70ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hit-reason{color:var(--ink);font-size:.9rem;max-width:70ch}.hit-passage{color:var(--petrol);font-size:.9rem;font-weight:600}.hit-item{display:flex;align-items:flex-start;gap:.25rem}.hit-item .hit{flex:1;min-width:0}.votes{display:grid;gap:.25rem;padding-top:.6rem}.vote{width:2rem;height:2rem;padding:0;display:grid;place-items:center;border-color:transparent;background:none;color:var(--slate)}.vote svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.vote-down svg{transform:rotate(180deg)}.vote:hover{background:var(--surface);border-color:var(--line)}.vote[aria-pressed=true]{color:var(--petrol);background:var(--petrol-tint);border-color:transparent}.vote[aria-pressed=true] svg{fill:currentColor;fill-opacity:.2}.verdict{display:grid;gap:.6rem;justify-items:start;margin-top:1rem;padding:0 .9rem}.verdict form{width:100%;max-width:40rem}textarea{resize:vertical}.strip{position:relative;display:block;height:6px;border-radius:3px;background:var(--line)}.strip-mark{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--amber)}.strip-moment{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:1px;background:var(--ink)}.strip-matched{background:var(--petrol)}.strip-zoom{position:absolute;top:-3px;bottom:-3px;border:1.5px solid var(--ink);border-radius:3px}.timeline{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.35rem .6rem;font-size:.75rem;color:var(--slate)}.tl-label{line-height:1}.tl-scale{grid-column:2;display:flex;justify-content:space-between;line-height:1}.player{position:sticky;top:calc(var(--bar-h) + 1rem);display:grid;gap:1rem}.player video{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-m);box-shadow:var(--shadow)}.player-error{color:var(--danger);background:var(--danger-tint);border-radius:var(--radius-m);padding:.75rem 1rem;font-size:.95rem}.player-meta{display:grid;gap:.5rem}#player-moment{justify-self:start;align-self:flex-start}.player-meta h2{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.player-info{display:grid;gap:.4rem}.player-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.player-head button.link{white-space:nowrap}.quote{border-left:3px solid var(--amber);padding-left:.9rem;max-width:70ch}@media(min-width:861px){.player{display:flex;flex-direction:column;max-height:calc(100vh - var(--bar-h) - 2rem);overflow-y:auto;scrollbar-width:thin}.player>*{flex:none}.player>.player-meta{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}.player .player-meta>*{flex:none}.player .quote{flex:0 1 auto;min-height:3.2em;max-height:10rem;overflow-y:auto;scrollbar-width:thin;padding-right:.5rem}}.library,.library-panel{display:grid;gap:1.5rem}.library-panel{min-width:0}.tabs{display:flex;gap:.25rem;box-shadow:inset 0 -1px var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:var(--radius-s) var(--radius-s) 0 0;background:none;color:var(--slate);font-weight:600;padding:.6rem 1rem;white-space:nowrap}.tabs button:hover{color:var(--ink);background:var(--surface-2)}.tabs button[aria-selected=true]{color:var(--petrol);border-bottom-color:var(--petrol)}.tab-count{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;margin-left:.2rem;border-radius:999px;background:var(--petrol);color:var(--petrol-ink);font-size:.75rem;font-weight:700}.library h2,.history h2{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.library>.section-head{margin-bottom:-.9rem}.count{color:var(--slate);font-weight:500;font-size:.95rem;margin-left:.4rem}.ingest{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem;padding:clamp(1rem,2.5vw,1.5rem)}.drop{position:relative;display:grid;place-content:center;justify-items:center;gap:.35rem;text-align:center;min-height:12rem;padding:1.5rem;border:2px dashed var(--line);border-radius:var(--radius-m);background:var(--surface-2);transition:border-color .15s,background .15s,transform .15s}.drop:hover,.drop:focus-within{border-color:var(--petrol)}.drop input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{width:2.75rem;height:2.75rem;padding:.55rem;margin-bottom:.35rem;border-radius:50%;background:var(--petrol-tint);stroke:var(--petrol);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.drop-title{font-weight:700;font-size:1.15rem}.drop-hint{color:var(--slate);max-width:40ch}.drop.has-files{border-style:solid;border-color:var(--petrol);background:var(--petrol-tint)}.drop.is-dragover{border-style:solid;border-color:var(--amber);background:var(--petrol-tint);transform:scale(1.01)}.drop.is-dragover .drop-icon{background:var(--amber);stroke:#fff}.drop.is-dragover .drop-title:after{content:" — laat los om toe te voegen";font-weight:500}.options{display:grid;gap:.9rem;align-content:start}.options button{justify-self:start}.meta-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(6.5rem,1fr);gap:.6rem}.staged{grid-column:1 / -1;display:grid;gap:.6rem}.stage-note{color:var(--slate);font-size:.9rem}.staged-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}.staged-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-m);max-height:22rem;overflow-y:auto}.staged-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.55rem .75rem}.staged-item+.staged-item{border-top:1px solid var(--line)}.file-badge{width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--radius-s);background:var(--petrol-tint);color:var(--petrol);font-size:.75rem;font-weight:800}.staged-main{display:grid;min-width:0}.staged-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staged-title{font-weight:600;padding-block:.3rem}.staged-file{overflow-wrap:anywhere}.staged-details{display:grid;grid-template-columns:minmax(0,2fr) minmax(6.5rem,1fr);gap:.5rem;margin-top:.5rem;font-size:.9rem}.staged-details .meta-wide{grid-column:1 / -1}.staged-main{gap:.25rem}.staged-sub{color:var(--slate);font-size:.85rem;display:flex;flex-wrap:wrap;gap:0 .4rem;align-items:baseline}.sub-ok{color:var(--ok);font-weight:500}.is-orphan .file-badge{background:var(--danger-tint);color:var(--danger)}.is-orphan .staged-sub{color:var(--danger)}.jobs,.videos{list-style:none;margin:0;padding:0}.jobs{display:grid;gap:.5rem}.job{display:grid;gap:.3rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m)}.job.is-running{border-color:var(--petrol);box-shadow:var(--shadow)}.job.is-queued,.job.is-done{padding-block:.6rem}.job-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.job-name{font-weight:600;overflow-wrap:anywhere}.job-sub,.job-step{color:var(--slate);font-size:.9rem}.job.is-error .job-step{color:var(--danger)}.bars{display:grid;grid-template-columns:1fr auto;gap:.3rem .75rem;align-items:center;margin-top:.2rem}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bar>span{display:block;height:100%;background:var(--petrol);transition:width .3s ease}.bar-label{color:var(--slate);font-size:.85rem;min-width:9ch}.videos{padding:0 1rem}.videos>.msg{padding:1.25rem 0}.video{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.85rem 0}.video+.video{border-top:1px solid var(--line)}.video-title{font-weight:600;overflow-wrap:anywhere}.video-meta{color:var(--slate);font-size:.9rem}.video-error{color:var(--danger);font-size:.9rem}.video-main{min-width:0}.video-main>.byline{display:block}.video-about{color:var(--slate);font-size:.9rem;max-width:70ch;margin-top:.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-tags:not(:empty){margin-top:.35rem}.meta-edit{display:grid;grid-template-columns:minmax(0,2fr) minmax(6.5rem,1fr);gap:.6rem}.meta-edit .meta-wide{grid-column:1 / -1}.video:has(.meta-edit)>.video-main{grid-column:1 / -1}.video:has(.meta-edit)>:not(.video-main){display:none}.meta-edit input,.meta-edit textarea{padding-block:.4rem}.video button[data-action=delete]:hover,.video button[data-fragment=delete]:hover,.video button[data-session=delete]:hover{color:var(--danger);border-color:var(--danger)}.video.fragment{grid-template-columns:minmax(0,1fr) auto}.fragment .video-main{display:grid;gap:.3rem}.fragment-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.fragment-note{font-size:.95rem;border-left:3px solid var(--amber);padding-left:.7rem}.fragment .strip{max-width:28rem;margin-top:.2rem}.fragment-note:has(form){border:0;padding:0}.note-edit{display:flex;gap:.5rem}.history{display:grid;gap:.6rem}.history .section-head{margin-bottom:0}.video.session-item{grid-template-columns:minmax(0,1fr) auto}.session-item .video-main{display:grid;gap:.3rem}.session-item .video-title:has(form){flex:1 1 100%}.note-edit input{min-width:0;padding-block:.4rem}@media(max-width:860px){.split,.ingest{grid-template-columns:1fr}.player{position:static;order:-1}.video{grid-template-columns:1fr auto;gap:.5rem}.video>.row{grid-column:1 / -1}}@media(max-width:520px){.topbar{justify-content:center}nav{flex-wrap:nowrap;gap:.125rem;width:100%;justify-content:space-between;overflow-x:auto;scrollbar-width:none}nav button{padding:.45rem;font-size:.95rem;white-space:nowrap;flex:none}#logout{padding-inline:.45rem}.logout-icon{display:block}.logout-label{display:none}.videos{padding-inline:.85rem}.video>.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.4rem}.video>.row button{padding-inline:.25rem;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video:has(>.badge)>.video-main{grid-column:1 / -1;grid-row:1}.video:has(>.badge)>.video-main>.video-title{padding-right:8.5rem}.video>.badge{grid-column:2;grid-row:1;align-self:start}.share-actions{gap:.4rem}.share-actions button,.share-lifetime select{padding-inline:.65rem}}@media(max-width:400px){.share-lifetime-link{display:none}.share-lifetime{gap:.35rem}}@media(pointer:coarse){input,select,textarea,.share-link input{font-size:max(1rem,1em)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.share{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;justify-items:start;margin-top:.25rem}.share-result{width:100%;max-width:70ch}.share-actions{justify-self:stretch;max-width:70ch;display:flex;align-items:center;gap:.5rem}.share-actions button{flex:none;white-space:nowrap}#fragment-save{margin-left:auto}.share-lifetime{display:flex;align-items:center;gap:.5rem;font-weight:400;white-space:nowrap;min-width:0}.share-lifetime select{width:auto;min-width:0;padding-block:.4rem}.share-link{display:flex;gap:.5rem}.share-link input{min-width:0;font-size:.9rem}.shared>.msg{max-width:960px;margin:0 auto}.clip{display:grid;background:#000;border-radius:var(--radius-m);box-shadow:var(--shadow);overflow:hidden}.player .clip video{border-radius:0;box-shadow:none;cursor:pointer}.clip-controls{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:#0b1116;color:#e4e9ed;font-size:.85rem}.clip-button{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:0;background:none;color:inherit}.clip-button:hover:not(:disabled){background:#ffffff1a}.clip-button:disabled{opacity:.4}.clip-button svg{width:1.4rem;height:1.4rem;fill:currentColor}.clip-controls input[type=range]{accent-color:var(--amber)}#clip-seek{flex:1 1 auto;min-width:4rem}#clip-volume{flex:none;width:5rem}.clip-time{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}@media(pointer:coarse),(max-width:480px){#clip-volume{display:none}}