@font-face{font-family:VT323;src:url('/static/VT323-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#f2f1ff;--muted:#b4b6d5;--accent:#d7ff6a;--line:#555e9d;--paper:#161830;--bg:#09091e;font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;line-height:1.65;background:#09091e}
body{background:linear-gradient(90deg,#30366018 1px,transparent 1px),linear-gradient(#30366018 1px,transparent 1px),#09091e;background-size:32px 32px}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77e7ff;outline-offset:4px}.button,.preview-button,button,.player-shell,.review,.timeline-panel,.clip-card,.privacy-pill,#alert,.processing,.recent select,.track,.clip-block,.transcript-row{border-radius:0}
.topbar{height:auto;min-height:80px;padding-top:15px;padding-bottom:15px;gap:15px;border-bottom:4px solid #5c64aa;background:#17172f;box-shadow:0 4px 0 #000}.brand{color:#d7ff6a;font-family:VT323,monospace;font-size:2.6rem;line-height:1;text-transform:uppercase;letter-spacing:.015em;text-shadow:3px 3px 0 #283174}.brand img{image-rendering:pixelated;box-shadow:3px 3px 0 #060614}.privacy-pill{color:#77e7ff;background:#0c1029;border:2px solid #465587;padding:6px 10px;box-shadow:3px 3px 0 #030412}.eyebrow{color:#ff63c5}main{max-width:1600px;padding-top:35px}.workspace-heading{margin-bottom:26px}h1{font-family:VT323,monospace;font-size:clamp(2rem,3.4vw,3rem);line-height:1.12;font-weight:400;letter-spacing:0;text-shadow:3px 3px 0 #30365e}h2{font-family:VT323,monospace;font-size:1.75rem;line-height:1.2;font-weight:400;letter-spacing:0;text-transform:uppercase}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(365px,1fr);gap:30px}
.player-shell{background:#03040c;border:4px solid #757bb5;border-left-color:#aeb6e8;border-top-color:#aeb6e8;border-right-color:#343659;border-bottom-color:#343659;color:#f3f1ff;box-shadow:6px 6px 0 #000,0 0 0 2px #202242}.upload-icon{stroke:#77e7ff}.upload-empty h2{font-size:2.8rem;font-weight:400;letter-spacing:0;color:#d7ff6a}.upload-empty>p{color:#c5c6e3}.upload-empty p.formats{color:#a1a7c7}video{background:#03040c}.button{border:2px solid;font-size:.875rem;font-weight:700;line-height:1.4;box-shadow:4px 4px 0 #000;transition:transform .1s;letter-spacing:.025em}.primary{background:#d7ff6a;color:#171d1d;border-color:#f6ffc7 #698746 #698746 #f6ffc7}.primary:hover:enabled{background:#ecffa8}.button:active:enabled{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.secondary{background:#333660;border-color:#9099cf #12162d #12162d #9099cf;color:#fff}.secondary:hover{background:#484e81}.video-toolbar{padding-top:22px;padding-bottom:26px}.video-toolbar strong{color:#f0f1ff}.video-toolbar span{font-size:.8125rem;color:#b4b6d5}
.timeline-panel{background:#161830;border:2px solid #555e9d;box-shadow:5px 5px 0 #000}.section-top h2{color:#77e7ff}.section-top span{color:#c0c5ed}.timeline-ruler{color:#b3bce4}.track{height:78px;background:repeating-linear-gradient(90deg,#090d24 0,#090d24 calc(25% - 1px),#323c70 calc(25% - 1px),#323c70 25%);border:1px solid #485382}.chapter-piece{height:12px;top:3px;background:#778bbb;border:0;border-right:2px solid #18203a;border-radius:0;padding:0}.clip-lane p{color:#8f9ac1}.clip-block{background:#ff63c5;border:2px solid #ffcafa;border-right-color:#99316c;border-bottom-color:#99316c;color:#2f1234;box-shadow:2px 2px 0 #000}.clip-block.selected{background:#d7ff6a;color:#151c11;border-color:#f8ffcf #6c8d42 #6c8d42 #f8ffcf}.playhead{background:#fff;box-shadow:1px 0 0 #000}.playhead:before{left:-4px;top:0;width:10px;height:6px;background:#fff;border:0}#scrubber{margin:9px 0 11px;accent-color:#77e7ff}.timeline-footer{color:#b3bddd}.legend-mark{background:#ff63c5;border-radius:0}.retention{padding-top:20px;padding-bottom:20px;color:#a2acd0}.retention svg{color:#77e7ff}.retention p{line-height:1.7}
.review{border:2px solid #555e9d;background:#161830;box-shadow:6px 6px 0 #000}.status-label{color:#d7ff6a}.tabs{border-bottom:2px solid #555e9d;background:#12132b}.tabs button{min-height:52px;border-bottom:4px solid transparent;color:#adb3d5}.tabs button[aria-selected=true]{color:#d7ff6a;border-color:#d7ff6a}.review-empty h2{font-size:2.4rem;line-height:1.15;letter-spacing:0;color:#77e7ff}.review-empty>p{color:#b9bce0;font-size:1rem}.review-empty li>span{font-size:.875rem;color:#ff63c5;border-bottom:2px solid #883779}.review-empty strong{font-size:1rem;color:#f3f0ff}.review-empty li p{font-size:1rem;color:#b4bada;line-height:1.6}.small-note{color:#aeb7d5;line-height:1.7}.review-empty .small-note{font-size:.8125rem}.result-panel{max-height:740px;scrollbar-color:#737baa #11152d}.summary{font-size:1rem;color:#d4d9f0;line-height:1.7;border-color:#464e80}.clip-card{border:2px solid #444f7e;margin-bottom:17px;background:#10152d;box-shadow:3px 3px 0 #070914}.clip-card.selected{border-color:#d7ff6a;box-shadow:3px 3px 0 #536d26}.clip-index{color:#ff63c5}.duration{color:#bcc6e6}.clip-title{font-family:VT323,monospace;font-size:1.85rem;line-height:1.2;letter-spacing:0;color:#f3f4ff;font-weight:400;margin-bottom:9px}.clip-card p{font-size:1rem;line-height:1.65;color:#b9c3df}.time-button{color:#77e7ff}.preview-button{border:2px solid #9ca9dc;border-right-color:#283451;border-bottom-color:#283451;background:#35416e;color:#fff;box-shadow:2px 2px 0 #000}.preview-button:hover{background:#4f608c}.transcript-row{border-color:#35406a}.transcript-row.active{background:#263346;border-left:3px solid #d7ff6a}.transcript-row button{color:#77e7ff}.transcript-row p{font-size:1rem;color:#dce2f9;line-height:1.75}.outline-entry{border-color:#444e79}.outline-entry button{color:#77e7ff}.outline-entry h3{font-family:VT323,monospace;font-size:1.85rem;line-height:1.25;letter-spacing:0;font-weight:400;color:#d7ff6a}.outline-entry p{font-size:1rem;color:#c0c9e5;line-height:1.7}
.processing{border:2px solid #6c6d38;background:#222b21;box-shadow:4px 4px 0 #000}.processing strong{font-size:.9375rem;color:#d7ff6a}.processing p{color:#cfdfba}.spinner{border-color:#52613e;border-top-color:#d7ff6a;border-radius:0;animation:spin 1.2s steps(4,end) infinite}#upload-percent{color:#d7ff6a}#alert{background:#351930;color:#ffb6d3;border:2px solid #a64c78;box-shadow:4px 4px 0 #000;font-size:1rem}.recent label{color:#bdc4e6}.recent select{border:2px solid #525d8a;background:#141c34;color:#e0e9ff;box-shadow:3px 3px 0 #000}footer{border-top:2px solid #3d4672;color:#a1afd0}
.korra-credit a{color:#d7ff6a;text-decoration:underline;text-underline-offset:3px}.korra-credit a:hover{color:#ecffa8}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1.4fr) minmax(335px,1fr);gap:24px}.upload-empty h2{font-size:2.3rem}.result-panel{padding:21px 19px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.result-panel{max-height:none}.review{min-height:0;margin-top:8px}}@media(max-width:480px){.topbar{min-height:70px;padding:12px 16px;gap:10px}.brand{font-size:2rem}.privacy-pill{font-size:.75rem;padding:5px 7px;gap:5px}main{padding-top:27px}h1{font-size:2.05rem}.workspace-heading{margin-bottom:23px}.workspace-heading .button{font-size:.8125rem;padding:9px 10px}.player-shell{min-height:270px;border-width:3px}.upload-empty h2{font-size:2.25rem}.section-top h2{font-size:1.5rem}.clip-card{padding:14px}.clip-actions{flex-wrap:wrap}.review-empty h2{font-size:2.15rem}}

.link-form{margin-top:23px;padding:18px;border:2px solid #465582;background:#11152c;box-shadow:4px 4px 0 #000}.link-form label{display:block;color:#77e7ff;font-weight:700;margin-bottom:10px}.link-controls{display:flex;gap:12px;align-items:stretch}.link-controls input{min-width:0;flex:1;width:100%;border:2px solid #64729b;border-bottom-color:#9eaadb;background:#070b20;color:#f2f1ff;padding:10px 12px;font-size:1rem;border-radius:0}.link-controls input::placeholder{color:#9ba8ca;opacity:1}.link-controls .button{flex-shrink:0}.link-form p{margin:12px 0 0;font-size:.8125rem;color:#b4bed9;line-height:1.6}.video-toolbar a{display:block;color:#77e7ff;font-size:.8125rem;margin-top:7px}.video-toolbar>div{min-width:0}.video-toolbar strong{overflow-wrap:anywhere}.video-toolbar a[hidden]{display:none}@media(max-width:480px){.link-controls{flex-direction:column}.link-controls .button{min-height:44px}.link-form{padding:15px}.link-controls input{font-size:1rem}}

/* Downloads keep the cartridge-style controls and remain usable in the narrow review pane. */
.export-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin-top:15px;padding-top:13px;border-top:1px solid #46517f}
.export-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.export-label{color:#bbc6e2;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:3px}
.export-button,.download-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border-radius:0;text-decoration:none;font-size:.8125rem;font-weight:700;line-height:1.25;box-shadow:2px 2px 0 #000}
.export-button{border:2px solid #f4ffb2;border-right-color:#637b3b;border-bottom-color:#637b3b;background:#d7ff6a;color:#16201b}
.export-button:hover:not(:disabled),.export-button.ready:hover{background:#ecffa8}
.export-button.ready{background:#d7ff6a;color:#16201b}
.download-link{border:2px solid #8eadd8;border-right-color:#354d78;border-bottom-color:#354d78;background:#24375e;color:#e4faff}
.download-link:hover{background:#365483;color:#fff}
.export-status{flex-basis:100%;color:#bac6e5;font-size:.78rem;line-height:1.5}
.export-status:empty{display:none}
.full-transcript-downloads{margin:17px 0 20px;padding:13px;border:2px solid #465582;background:#10152d}
.full-transcript-downloads .export-links{gap:8px}
@media(max-width:480px){.export-controls{align-items:stretch}.export-button,.download-link{min-height:44px}.full-transcript-downloads{padding:12px}}
.upload-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.upload-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:100px}.upload-picker:focus-within{outline:3px solid #77e7ff;outline-offset:4px}.upload-picker.picker-disabled{opacity:.48;cursor:not-allowed}.upload-picker.picker-disabled input[type=file]{cursor:not-allowed}