@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f4f5ef;--card:#fcfdf8;--ink:#27392b;--muted:#7b8577;--line:#e0e5d9;--green:#bff181;--deep:#223a2a;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans','Avenir Next',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{transition:background .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7e9d57;outline-offset:4px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-60px;left:250px;background:var(--deep);color:white;padding:12px;z-index:30}.skip-link:focus{top:10px}
.sidebar{position:fixed;width:226px;inset:0 auto 0 0;background:#20372a;color:#c2cfbd;display:flex;flex-direction:column;padding:29px 18px 20px;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#edf5e7;padding:0 11px;font-size:35px;font-weight:650;letter-spacing:-1.6px}.brand-period{color:#bef17c}.brand-icon{display:grid;place-items:center;width:37px;height:37px;background:#bff181;border-radius:11px;color:#28422d}.brand-icon svg{width:34px;height:34px;stroke-width:3.4;stroke-linecap:square}.workspace-switch{margin:31px 4px 28px;padding:12px 9px;background:#ffffff06;border:1px solid #d8ecc512;border-radius:7px;display:flex;align-items:center;gap:9px}.workspace-symbol{background:#ffffff0c;width:28px;height:28px;display:grid;place-items:center;font-size:12px;border-radius:6px;color:#e2eed8}.workspace-switch strong{display:block;font-weight:500;font-size:11px;color:#e3ebde}.workspace-switch div>span{display:block;font-size:9px;color:#94aa91;margin-top:4px}.workspace-chevron{margin-left:auto;font-size:18px;color:#90a78b}.nav-caption{font:8px var(--mono);letter-spacing:1.6px;padding-left:14px;color:#859c7e;margin-bottom:13px}.primary-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;width:100%;border:0;background:transparent;color:#aabd9f;border-radius:6px;min-height:42px;gap:12px;padding:11px 13px;font-size:11px;text-align:left}.nav-item svg{width:17px;height:17px;color:#92aa88}.nav-item>span{margin-left:auto;font:9px var(--mono);color:#8fa785}.nav-item:hover{background:#ffffff07;color:#e4f3d8}.nav-item.active{background:#d0f5a319;color:#d1f5ad}.nav-item.active svg{color:#c8ef9e}.nav-item.active>span{color:#c8ef9e}.nav-divider{height:1px;background:#e1f1cd0d;margin:14px 12px}.nav-item .connection-indicator{width:5px;height:5px;border-radius:50%;background:#73876b}.connection-indicator.ready{background:#bcf279}.sidebar-capture{margin:45px 8px 24px;border-left:1px solid #71936269;padding:0 0 0 15px}.mini-cross{font:25px var(--mono);color:#bedb98;line-height:1}.sidebar-capture p{font-size:17px;line-height:1.35;letter-spacing:-.4px;color:#d9e8cb;margin:11px 0 8px}.sidebar-capture>span:not(.mini-cross){color:#899f80;font-size:9px}.sidebar-capture a{font-size:9px;display:flex;gap:10px;align-items:center;color:#c9eaa5;margin-top:20px}.sidebar-capture a svg{width:14px;height:14px}.sidebar-bottom{margin-top:auto}.connection-button{border:1px solid #d8ecc512;background:#ffffff04;border-radius:7px;display:flex;gap:10px;align-items:center;color:#e0ebd7;width:100%;padding:13px 10px;text-align:left}.connection-button:hover{background:#ffffff09}.vast-logo{font-size:22px;font-weight:700;color:#bcf17c;letter-spacing:-4px;width:24px}.connection-button strong{font-size:10px;font-weight:500;display:block}.connection-button div>span{display:block;font-size:8px;color:#8ea281;margin-top:4px}.connection-button>span:last-child{margin-left:auto;font-size:13px;color:#91ac7e}.sidebar-footer{display:flex;align-items:center;gap:6px;font-size:8px;color:#89a07e;margin:20px 5px 0}.connection-dot{display:block;width:4px;height:4px;border-radius:50%;background:#add17f}.sidebar-footer>span:last-child{margin-left:auto;font:7px var(--mono);color:#6d8763}
.page-shell{margin-left:226px;min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:11px;color:#929a88}.breadcrumb strong{font-weight:500;color:#516048}.crumb-separator{color:#b5bdab}.topbar-right{display:flex;align-items:center;gap:23px}.device-indicator{display:flex;align-items:center;gap:7px;color:#8b9582;font-size:10px}.device-indicator i{width:5px;height:5px;border-radius:50%;background:#86a761}.avatar{width:29px;height:29px;border-radius:50%;background:#e3e9d8;border:3px solid #f9faf4;outline:1px solid #d9e0cf;display:grid;place-items:center;font-size:10px;color:#7d8d6a}.mobile-menu{display:none!important}main{padding:0 42px;max-width:1840px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:39px 0 29px}.eyebrow{display:flex;gap:7px;align-items:center;font:8px var(--mono);letter-spacing:1.35px;color:#899476}.eyebrow>span{width:4px;height:4px;background:#8ca76a}.intro h1{font-size:clamp(28px,2.6vw,40px);font-weight:500;letter-spacing:-1.5px;line-height:1.18;margin:12px 0 9px}.intro h1>span{color:#829173}.intro p{font-size:11px;color:#899180;line-height:1.6;margin:0}.intro-actions{display:flex;gap:9px;flex-shrink:0;padding-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:10px 14px;font-size:10px;font-weight:500;border-radius:6px;border:1px solid transparent;white-space:nowrap}.button svg{width:15px;height:15px}.primary{background:var(--deep);color:#d9f1be;border-color:var(--deep)}.primary:hover{background:#314d35;box-shadow:0 3px 10px #203a2010}.secondary{background:#fafbf5;border-color:#dce2d2;color:#647554}.secondary:hover{background:#eaf0e0}.overview{background:#e9eedf;border:1px solid #e0e8d3;border-radius:9px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px;position:relative;overflow:hidden}.overview:after{content:'+';position:absolute;font:120px var(--mono);font-weight:400;right:250px;top:-42px;color:#cbdab21c;pointer-events:none}.overview-copy{display:flex;align-items:center;gap:16px}.overview-symbol{width:43px;height:43px;background:#dbe7c8;border:1px solid #cddbbc;border-radius:12px;display:grid;place-items:center;color:#8ba66b}.overview-symbol svg{width:22px;height:22px}.overview-copy strong{font-size:13px;font-weight:500;letter-spacing:-.15px;color:#5d7448}.overview-copy p{font-size:10px;color:#919e7c;margin:6px 0 0;line-height:1.6}.stats{display:flex;align-items:center;gap:30px}.stats>div{padding-left:25px;border-left:1px solid #d4deca;min-width:76px}.stats strong{font-size:23px;font-weight:500;letter-spacing:-.7px;display:block;color:#637c4d;white-space:nowrap}.stats span{font:6px var(--mono);letter-spacing:1px;display:block;color:#99a486;margin-top:5px;white-space:nowrap}
.search-form{border:1px solid #dbe2d0;border-radius:7px;background:#fcfdf8;min-height:50px;display:flex;align-items:center;padding:0 16px;gap:12px;box-shadow:0 2px 5px #3d542004}.search-form>svg{width:18px;color:#8b9e76}.search-form input{background:transparent;border:0;outline:0!important;box-shadow:none;width:100%;font-size:12px;color:#536746;min-width:0;padding:16px 0}.search-form input::placeholder{color:#a0aa94}.search-form:focus-within{border-color:#9eae83;box-shadow:0 0 0 3px #9db77315}kbd{font:8px var(--mono);color:#a3ac97;border:1px solid #e2e8d8;padding:4px 5px;border-radius:4px;white-space:nowrap}.search-submit{border:0;border-radius:5px;background:#e4edda;padding:9px 11px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:#6a8052}.search-submit svg{width:13px;height:13px}.search-context{display:flex;align-items:center;gap:14px;margin:13px 0 30px;min-height:20px;flex-wrap:wrap}.search-context>span{font-size:9px;color:#a1a98f}.suggestion{display:flex;gap:9px;align-items:center;border:0;padding:0;background:none;color:#7d8e69;font-size:9px}.suggestion:hover{color:#3d5e29}.suggestion span{color:#b2bda3;font-size:11px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.library-heading{display:flex;align-items:center;gap:10px}.library-heading h2{font-size:16px;font-weight:550;letter-spacing:-.4px;margin:0;white-space:nowrap}.count-badge{background:#e7ecde;border:1px solid #dfe5d5;color:#90a178;display:grid;place-items:center;min-width:24px;height:22px;border-radius:5px;font:9px var(--mono);padding:0 6px}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;border-radius:5px;width:30px;height:30px;color:#8a9a77}.icon-button:hover{background:#e6eddb}.icon-button svg{width:17px;height:17px}.refresh-button{width:25px;height:25px;color:#a9b49c}.refresh-button svg{width:13px;height:13px}.refresh-button.busy svg{animation:spin 1s linear infinite}.library-controls{display:flex;align-items:center;gap:10px}.select-control{display:flex;align-items:center;gap:7px;background:#fafbf5;border:1px solid #e0e6d7;border-radius:5px;padding:0 10px;min-height:32px;color:#839071}.select-control>svg{width:12px;height:12px}.select-control>span{font-size:9px;color:#9aa58b}.select-control select{max-width:148px;cursor:pointer;appearance:auto;background:none;border:0;font-size:9px;min-height:30px;color:#778867;padding-right:3px}.select-control select:focus-visible{outline-offset:6px}.sort-control{margin-left:3px}.view-controls{display:flex;gap:2px;margin-left:3px;border:1px solid #e0e6d7;padding:2px;border-radius:5px;background:#fafbf5}.view-controls button{display:grid;place-items:center;border:0;border-radius:3px;background:transparent;width:29px;height:27px;color:#a8b29b}.view-controls button.active{background:#e8eddc;color:#809461}.view-controls button svg{width:14px;height:14px}.active-filters{display:flex;gap:12px;align-items:center;margin:-3px 0 19px;color:#8c997b;font-size:10px}.active-filters>button{border:0;background:#e3ebd5;color:#758d59;border-radius:4px;padding:5px 7px;font-size:9px}.active-filters>button span{margin-left:7px}.library-notice{padding:13px 15px;margin-bottom:20px;border:1px solid #dfd7be;border-radius:6px;color:#978459;font-size:11px;line-height:1.7;background:#f7f1e3}.library-notice button{color:inherit;background:none;border:0;text-decoration:underline;font-size:inherit}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 21px;min-height:160px}.video-card{min-width:0;border:1px solid #e1e7d8;background:var(--card);border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;animation:enter .45s both}.video-card:hover{transform:translateY(-3px);border-color:#bdcfa6;box-shadow:0 9px 22px #2c47200b}.thumbnail-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#d9e0cf}.video-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;text-align:left;position:relative}.video-open img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s;display:block}.video-open:hover img{transform:scale(1.035);filter:brightness(.9)}.thumbnail-placeholder{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(0deg,#d6e0c6 0,#d6e0c6 1px,transparent 1px,transparent 22px),repeating-linear-gradient(90deg,#d6e0c6 0,#d6e0c6 1px,#e5ecd9 1px,#e5ecd9 22px);color:#9eb584}.thumbnail-placeholder svg{width:39px;height:39px;stroke-width:1}.source-badge{position:absolute;top:11px;left:11px;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffffff20;border-radius:4px;background:#21342cd9;color:#d9e7ce;backdrop-filter:blur(8px);font:6px var(--mono);letter-spacing:.8px;pointer-events:none}.source-badge svg{width:10px;height:10px}.source-badge.capture,.source-badge.upload{color:#e1f9bf}.duration{position:absolute;bottom:11px;right:11px;border:1px solid #ffffff15;background:#192b25c9;backdrop-filter:blur(6px);color:#e6edde;border-radius:4px;font:9px var(--mono);padding:4px 6px;pointer-events:none}.play-symbol{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.9);width:39px;height:39px;border:1px solid #e9f9db83;background:#d9efc522;backdrop-filter:blur(7px);border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.play-symbol svg{width:15px;height:15px;fill:#f0ffdc;stroke:none;margin-left:2px}.video-open:hover .play-symbol,.video-open:focus-visible .play-symbol{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-favorite{position:absolute;right:10px;top:10px;width:27px;height:27px;border-radius:5px;border:1px solid #ffffff18;background:#27372abe;color:#d4e1c4;display:grid;place-items:center;opacity:0;transition:opacity .2s}.card-favorite svg{width:13px;height:13px}.video-card:hover .card-favorite,.card-favorite:focus-visible,.card-favorite.is-favorite{opacity:1}.card-favorite.is-favorite svg{fill:#c7ec94;stroke:#c7ec94}.card-body{padding:14px 15px 12px}.card-heading{padding:0;background:none;border:0;text-align:left;color:#5b6f49;width:100%;display:block;font-size:12px;font-weight:550;letter-spacing:-.1px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-heading:hover{color:#344e28}.card-description{color:#9aa48d;font-size:9px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px;margin:6px 0 12px}.card-meta{font-size:8px;color:#a2ac95;display:flex;align-items:center;gap:7px}.meta-dot{width:2px;height:2px;background:#b1bba4;border-radius:50%}.card-status{margin-left:auto;font-size:7px;color:#88a06c;display:flex;align-items:center;gap:4px}.card-status:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#a7bb8f}.card-status.verified{color:#63883b}.card-status.verified:before{background:#8db85b}.card-status.partial{color:#b29a6b}.card-status.partial:before{background:#d4bb86}.tags{display:flex;gap:5px;flex-wrap:wrap}.card-body>.tags{margin-top:12px;padding-top:10px;border-top:1px solid #edf0e6;min-height:29px}.tag{font:6px var(--mono);line-height:1.6;letter-spacing:.2px;color:#9cab85;border:1px solid #e7ecdf;border-radius:3px;background:#f7f9f1;padding:2px 5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-mode{grid-template-columns:1fr;gap:10px}.list-mode .video-card{display:grid;grid-template-columns:180px minmax(0,1fr);border-radius:7px}.list-mode .thumbnail-wrap{height:100%;min-height:112px;aspect-ratio:auto}.list-mode .card-body{padding:14px 20px}.list-mode .card-heading{font-size:13px}.list-mode .card-description{min-height:0;-webkit-line-clamp:1;margin-bottom:9px}.list-mode .card-body>.tags{border:0;padding:0;margin-top:10px;min-height:0}.list-mode .source-badge{font-size:5px;top:8px;left:8px}.list-mode .duration{bottom:8px;right:8px;font-size:8px}.empty-state{text-align:center;min-height:330px;padding:38px 10px 45px}.empty-icon{display:grid;place-items:center;width:59px;height:59px;background:#e7efda;border:1px solid #dce7ca;border-radius:17px;margin:0 auto 21px;color:#98ad7d}.empty-icon svg{width:25px;height:25px;stroke-width:1.2}.empty-state .eyebrow{justify-content:center;font-size:6px;letter-spacing:1.4px}.empty-state h3{font-size:26px;font-weight:500;letter-spacing:-.9px;margin:12px 0;color:#6f845a}.empty-state p{font-size:11px;color:#9ca78e;line-height:1.7;margin:0 auto 22px;max-width:390px}.empty-state .button{font-size:10px}.library-bottom{display:flex;justify-content:space-between;gap:15px;padding:20px 0 27px;color:#aab39c;font-size:8px}.mono{font:6px var(--mono);letter-spacing:1.3px}.page-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:23px 0 28px;color:#a0aa93;font-size:8px}.footer-wordmark{font-size:19px;font-weight:600;color:#93a17f;letter-spacing:-.8px}.page-footer button{border:0;background:none;display:flex;align-items:center;gap:9px;font:8px var(--mono);color:#8c9e78;margin-left:auto}.page-footer button span{font-size:6px;color:#acb79d;letter-spacing:.4px}.page-footer button svg{width:12px;height:12px}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-bottom:20px}.loading-grid>div{height:250px;background:#e9eddf;border-radius:8px;animation:pulse 1.5s ease-in-out infinite}
dialog{color:var(--ink);background:var(--paper);border:1px solid #d7e0cc;border-radius:13px;box-shadow:0 20px 100px #15261540;padding:28px;width:min(510px,calc(100% - 32px));max-height:90vh;overflow:auto}dialog::backdrop{background:#14271b83;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:15px}.dialog-header h2{font-size:27px;font-weight:500;letter-spacing:-.9px;margin:9px 0 0;color:#617d49}.dialog-header .eyebrow{font-size:6px;letter-spacing:1px}.dialog-description{color:#94a083;font-size:11px;line-height:1.8;margin:0 0 22px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.drop-zone{background:#edf2e4;border:1px dashed #becda8;border-radius:9px;padding:31px 15px;display:flex;align-items:center;flex-direction:column;width:100%;color:#8ca274;gap:10px}.drop-zone:hover,.drop-zone.drag-over{background:#e3edcf;border-color:#8da96c}.upload-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e1ebd4;border:1px solid #d0dfbf;margin-bottom:5px}.upload-icon svg{width:22px;height:22px}.drop-zone strong{font-size:15px;font-weight:500;color:#6e8755}.drop-zone>span:not(.upload-icon){font-size:11px}.drop-zone small{font:7px var(--mono);color:#a1ae91;margin-top:5px}.upload-footnote{display:flex;align-items:start;gap:8px;color:#a0ac92;font-size:9px;line-height:1.8;margin:17px 0 0}.upload-footnote svg{width:13px;height:13px;margin-top:2px}.upload-queue{display:flex;flex-direction:column;gap:10px;margin-top:17px}.queue-item{padding:11px 12px;border:1px solid #dce6cf;border-radius:6px;font-size:10px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.queue-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:66%;color:#7c9163}.queue-state{margin-left:auto;font-size:8px;color:#91a27d}.queue-item.error .queue-state{color:#b37d61;max-width:100%;line-height:1.7}.upload-progress{flex-basis:100%;width:100%;height:3px;accent-color:#92b765;border-radius:2px}.upload-progress::-webkit-progress-bar{background:#e4ebda;border-radius:2px}.upload-progress::-webkit-progress-value{background:#9bbd76;border-radius:2px}.video-dialog{padding:0;width:min(900px,calc(100% - 32px));background:#f5f6f0}.player-topline{display:flex;align-items:center;justify-content:space-between;background:#20352a;padding:9px 14px}.player-topline>.eyebrow{color:#a3bc8e;font-size:7px;letter-spacing:1px}.player-topline .icon-button{color:#b7cda7}.player-topline .icon-button:hover{background:#ffffff14}.player-stage{background:#15241c;display:grid;place-items:center;min-height:160px}.player-stage video{width:100%;max-height:54vh;display:block;outline:none}.player-error{padding:11px 22px;background:#f1e6cf;color:#988052;font-size:10px;line-height:1.7;margin:0}.video-detail-body{padding:22px 26px 26px}.detail-heading{display:flex;align-items:start;gap:12px}.detail-heading h2{margin:0;font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.4;color:#5e7749}.favorite-detail{margin-left:auto}.favorite-detail[aria-pressed=true] svg{fill:#9ebf70;stroke:#9ebf70}.detail-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#9eaa8e;font:8px var(--mono);margin-top:10px}.detail-description{font-size:11px;color:#8a9a79;line-height:1.8;margin:17px 0 13px}.video-detail-body>.tags .tag{font-size:8px;padding:3px 7px}.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #dfe7d5;padding-top:18px;margin-top:22px}.text-button{border:0;background:transparent;color:#8ca173;display:flex;gap:5px;align-items:center;font-size:9px;padding:7px}.text-button:hover{color:#56733b}.text-button svg{width:12px;height:12px}.field{display:flex;flex-direction:column;gap:9px;color:#7e9266;font-size:10px;margin:21px 0}.field input,.field textarea{border:1px solid #d4dfc7;background:#fbfcf7;border-radius:5px;padding:11px 12px;color:#6e8556;font-size:12px;width:100%}.field textarea{resize:vertical;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#b1bba5}.field>span{font-size:8px;line-height:1.7;color:#a3af93}.field .optional{display:inline;color:#a3af93;font-size:8px}.form-error{font-size:10px;line-height:1.7;color:#b07c59;background:#f5ecdd;border:1px solid #e8dac5;border-radius:5px;padding:10px}.connection-state{display:flex;align-items:flex-start;gap:11px;background:#eaf0df;border:1px solid #dce5cf;border-radius:6px;padding:14px}.connection-state>span{width:6px;height:6px;border-radius:50%;background:#b8c998;margin-top:3px}.connection-state strong{font-size:11px;font-weight:500;color:#7b935f}.connection-state p{font-size:9px;line-height:1.7;color:#9caa88;margin:5px 0 0}.connection-state.connected>span{background:#82ad52}.capture-evidence{padding:13px 15px;border:1px solid #dce6cf;border-radius:6px;background:#eaf0e1;font-size:10px;line-height:1.8;color:#8a9e71;margin-top:18px}.capture-evidence strong{display:block;color:#748e59;font-size:11px;font-weight:500}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);max-width:min(480px,90vw);background:#293e2e;border:1px solid #6e875b;color:#e1f1cc;border-radius:8px;box-shadow:0 8px 26px #1a341523;padding:13px 20px;font-size:11px;line-height:1.7;z-index:1000}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.sidebar{width:246px;padding:32px 20px}.page-shell{margin-left:246px}.topbar{padding:0 54px}main{padding:0 54px}.intro{padding:43px 0 33px}.intro h1{font-size:43px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-grid.list-mode{grid-template-columns:1fr}.intro p{font-size:13px}.card-heading{font-size:13px}.card-description{font-size:10px}.nav-item{font-size:12px}.overview{padding:26px 28px}.overview-copy strong{font-size:15px}.overview-copy p{font-size:11px}}
@media(max-width:1250px){.sidebar{width:206px;padding-left:13px;padding-right:13px}.page-shell{margin-left:206px}.topbar{padding:0 29px}main{padding:0 29px}.intro h1{font-size:30px}.intro-actions{gap:7px}.intro-actions .button{font-size:9px;padding:10px 11px}.stats{gap:15px}.stats>div{padding-left:15px;min-width:64px}.stats strong{font-size:20px}.overview-copy{gap:12px}.overview-copy strong{font-size:11px}.overview-copy p{font-size:9px;max-width:245px}.overview{padding:20px}.overview-symbol{width:36px;height:36px}.library-controls{gap:7px}.select-control{padding:0 7px}.select-control select{font-size:8px}.date-control{display:none}.video-grid{gap:19px 15px}.card-body{padding:12px 12px 11px}.card-heading{font-size:11px}.source-badge{font-size:5px}.card-description{font-size:8px}.card-meta{font-size:7px}.card-status{font-size:6px}.tag{font-size:5px}.library-heading h2{font-size:15px}}
@media(max-width:1020px){.sidebar{width:185px;padding-left:10px;padding-right:10px}.page-shell{margin-left:185px}.brand{font-size:30px;gap:10px}.brand-icon{width:32px;height:32px}.brand-icon svg{width:29px;height:29px}.workspace-switch{padding:10px 7px}.workspace-switch strong{font-size:10px}.workspace-switch div>span{font-size:8px}.workspace-symbol{width:23px;height:26px}.nav-item{font-size:10px;padding:10px;gap:10px}.nav-item svg{width:15px;height:15px}.sidebar-capture{margin-top:34px}.intro{align-items:start;padding-top:30px;gap:12px}.intro h1{font-size:30px;line-height:1.25}.intro h1>span{display:block}.intro-actions{flex-direction:column;padding-top:20px}.overview-copy p{max-width:175px}.overview-symbol{display:none}.stats{gap:11px}.stats>div{padding-left:12px;min-width:55px}.stats strong{font-size:18px}.stats span{font-size:5px}.library-toolbar{align-items:start}.library-controls{flex-wrap:wrap;justify-content:end}.sort-control>span{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}.list-mode{grid-template-columns:1fr}.card-heading{font-size:12px}.card-description{font-size:9px}.source-badge{font-size:6px}.card-status{font-size:7px}.card-meta{font-size:8px}.tag{font-size:6px}.search-context{gap:12px}.search-context>span{display:none}.page-footer{gap:12px}.page-footer button span{display:none}.overview{margin-bottom:23px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:226px;box-shadow:10px 0 50px #17291420}.sidebar.mobile-open{transform:translateX(0)}.page-shell{margin-left:0}.topbar{height:64px;padding:0 23px}.mobile-menu{display:inline-grid!important;margin-left:-6px;margin-right:0}.breadcrumb{gap:12px;font-size:10px}.device-indicator{font-size:8px}.topbar-right{gap:12px}.avatar{width:25px;height:25px;font-size:8px}main{padding:0 23px}.intro{padding:29px 0 24px;align-items:center}.intro h1{font-size:32px;letter-spacing:-1.3px}.intro p{font-size:10px;max-width:250px}.intro-actions{gap:8px;padding-top:0}.intro-actions .button{min-height:35px;font-size:9px;padding:9px 11px}.eyebrow{font-size:6px;letter-spacing:1.1px}.overview{padding:18px}.overview-copy strong{font-size:11px}.overview-copy p{font-size:9px;max-width:220px}.stats{gap:16px}.stats>div{padding-left:16px}.stats strong{font-size:20px}.stats span{font-size:5px}.stats>div:last-child{display:none}.search-form{min-height:47px;padding:0 13px;gap:9px}.search-form input{font-size:11px}.search-context{margin-bottom:26px;gap:17px}.suggestion{font-size:8px}.library-toolbar{margin-bottom:18px;padding-bottom:15px;align-items:center}.library-controls{gap:7px}.select-control select{font-size:9px;max-width:116px}.select-control>svg{display:none}.video-grid{gap:19px 16px}.list-mode{grid-template-columns:1fr}.list-mode .video-card{grid-template-columns:140px minmax(0,1fr)}.list-mode .card-body{padding:12px 14px}.list-mode .card-heading{font-size:11px}.list-mode .card-description{font-size:8px}.list-mode .source-badge{display:none}.library-bottom .mono{display:none}.toast{left:50%}.page-footer{font-size:7px}.page-footer button{font-size:7px}.page-footer button span{display:inline}.loading-grid{grid-template-columns:repeat(2,1fr)}.loading-grid>div:last-child{display:none}}
@media(max-width:480px){main{padding:0 17px}.topbar{padding:0 17px}.device-indicator{display:none}.intro{gap:10px;padding-top:25px}.intro h1{font-size:29px;letter-spacing:-1.1px;margin-top:10px}.intro p{font-size:9px;max-width:220px}.intro-actions .button{font-size:8px;padding:9px;gap:5px}.intro-actions .button svg{width:12px;height:12px}.intro .eyebrow{font-size:5px}.overview{padding:15px;gap:12px;margin-bottom:20px}.overview-copy p{max-width:163px;font-size:8px}.overview-copy strong{font-size:10px;line-height:1.6;display:block;max-width:145px}.stats{gap:10px}.stats>div{padding-left:10px;min-width:43px}.stats strong{font-size:19px}.stats span{font-size:4px;letter-spacing:.6px}.search-form{gap:8px;padding:0 11px}.search-form input{font-size:10px}.search-form>svg{width:16px}kbd{display:none}.search-submit{font-size:8px;padding:9px 7px}.search-context{gap:12px;margin-top:12px;margin-bottom:25px}.suggestion{font-size:7px;gap:4px}.library-heading{gap:7px}.library-heading h2{font-size:14px}.refresh-button{display:none!important}.library-controls{gap:6px}.library-controls>.select-control:not(.sort-control){display:none}.select-control{padding:0 4px}.select-control select{font-size:8px;max-width:100px;min-height:28px}.view-controls{gap:0;margin-left:0}.view-controls button{width:24px;height:24px}.view-controls button svg{width:12px;height:12px}.count-badge{min-width:21px;height:20px;font-size:8px}.video-grid{grid-template-columns:1fr;gap:21px}.card-body{padding:14px 15px}.card-heading{font-size:13px}.card-description{font-size:10px;margin-top:7px;min-height:30px}.card-meta{font-size:8px}.card-status{font-size:8px}.tag{font-size:7px;padding:3px 6px}.source-badge{font-size:6px}.duration{font-size:10px}.card-favorite{opacity:1}.list-mode .video-card{grid-template-columns:110px minmax(0,1fr)}.list-mode .thumbnail-wrap{min-height:116px}.list-mode .card-body{padding:11px}.list-mode .card-description{font-size:8px}.list-mode .card-meta{font-size:7px;gap:5px}.list-mode .card-status{display:none}.list-mode .card-body>.tags{max-height:19px;overflow:hidden;flex-wrap:nowrap;margin-top:9px}.list-mode .tag{font-size:5px}.list-mode .card-favorite{top:6px;right:6px;width:22px;height:22px}.list-mode .card-favorite svg{width:11px;height:11px}.list-mode .duration{font-size:8px;right:6px;bottom:6px}.page-footer{gap:10px;flex-wrap:wrap}.page-footer>span:nth-child(2){font-size:7px}.page-footer button{margin-left:auto}.page-footer button span{display:none}.loading-grid{grid-template-columns:1fr}.loading-grid>div:nth-child(2){display:none}dialog{padding:22px}.dialog-header h2{font-size:24px}.dialog-header .eyebrow{font-size:5px}.dialog-description{font-size:10px}.dialog-footer .button{font-size:9px;padding:10px}.drop-zone{padding:27px 10px}.video-dialog{padding:0}.video-detail-body{padding:18px}.detail-heading h2{font-size:20px}.detail-actions{gap:7px}.detail-actions .button{font-size:9px;padding:9px}.empty-state h3{font-size:23px}.empty-state p{font-size:10px}.connection-state p{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.nav-backdrop{position:fixed;inset:0;border:0;background:#18302355;z-index:9;backdrop-filter:blur(2px)}

.archive-footer-status{margin-left:auto;font:7px var(--mono);letter-spacing:.6px;color:#93a17f}.connection-button:not(button){cursor:default}.connection-button:not(button):hover{background:#ffffff04}