@font-face{font-family:Outfit;src:url(/fonts/outfit-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--shell:#0c1020;--canvas:#151d2e;--card:#1c273b;--line:#2d3b56;--text:#eef2fb;--muted:#b4c2db;--faint:#93a4c4;--accent:#4f46e5;--accent-strong:#4338ca;--focus:#c7d2fe;--danger:#fb7185;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--shell);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,Segoe UI,sans-serif;font-size:1rem;font-weight:450;line-height:1.5}p,h1,h2,ul{margin:0}ul{padding:0;list-style:none}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,input,select{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--canvas);background:#3a4b6e;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#51648d}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:40;background:var(--accent);color:#fff;border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}.app{background:var(--canvas);height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--shell);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:28px;width:252px;height:100dvh;padding:20px 16px 16px;display:none;overflow:auto}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.brand-mark svg{width:20px;height:20px}.brand-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:640;line-height:1}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-btn{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-weight:500;display:flex}.nav-btn svg{flex:none;width:20px;height:20px}.nav-btn.is-active{background:var(--accent);color:#fff;font-weight:640}.sidebar nav{flex:none}.upgrade{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:auto;padding:16px}.upgrade-title{letter-spacing:-.02em;font-size:1.0625rem;font-weight:650;line-height:1.3}.upgrade p:not(.upgrade-title){color:var(--muted);margin-top:8px;font-size:.9375rem;line-height:1.45}.upgrade .btn{width:100%;margin-top:16px}.workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{background:var(--shell);border-bottom:1px solid var(--line);padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));flex:none}.topbar-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""search search";align-items:center;gap:12px;display:grid}.brand-mobile{grid-area:brand}.search{grid-area:search;min-width:0;position:relative}.topbar-actions{grid-area:actions;align-items:center;gap:8px;display:flex}.search svg.field-icon{width:18px;height:18px;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{border:1px solid var(--line);background:var(--card);width:100%;height:44px;caret-color:var(--focus);border-radius:10px;padding:0 44px 0 42px;font-size:1rem}.search input::placeholder{color:var(--faint);opacity:1}.search input::-webkit-search-cancel-button{appearance:none}.search input::-webkit-search-decoration{appearance:none}.search .clear-btn{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.btn{white-space:nowrap;min-height:44px;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{color:var(--text);border-color:var(--line);background:0 0}.btn:active{transform:scale(.98)}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.icon-btn svg{width:20px;height:20px}.icon-btn:focus-visible,.nav-btn:focus-visible,.btn:focus-visible{outline-offset:-2px}.alert-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--shell);border-radius:999px;position:absolute;top:8px;right:8px}.avatar{object-fit:cover;border:2px solid var(--line);border-radius:999px;width:32px;height:32px}.avatar-lg{width:40px;height:40px}.avatar-fallback{background:var(--line)}.canvas{min-height:0;padding:28px 16px calc(28px + 68px + env(safe-area-inset-bottom));flex:1;overflow:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 12px;margin-bottom:20px;display:flex}.page-title-block{flex:auto;min-width:0}.sort-control{flex:none;margin-left:auto}h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.5rem,1.15rem + 1.1vw,1.875rem);font-weight:640;line-height:1.15}.result-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.875rem}.sort-control select{border:1px solid var(--line);background-color:var(--card);max-width:100%;height:44px;color:var(--text);caret-color:var(--focus);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393a4c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;padding:0 40px 0 12px;font-size:1rem}.video-grid{grid-template-columns:1fr;gap:16px;display:grid}.video-card{border:1px solid var(--line);background:var(--card);min-width:0;transition:border-color .18s var(--ease-out);border-radius:14px;flex-direction:column;display:flex}.thumb-wrap{position:relative}.thumb{aspect-ratio:16/9;background:linear-gradient(100deg,#1c273b 30%,#2a3b58 50%,#1c273b 70%) 0 0/200% 100%;border-radius:13px 13px 0 0;animation:1.15s ease-in-out infinite shimmer;position:relative;overflow:hidden}.thumb.is-ready,.thumb.is-failed{background:#121924;animation:none}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .28s var(--ease-out);transform:scale(1)}.thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0608109e);height:42%;position:absolute;bottom:0;left:0;right:0}.thumb-fallback{height:100%;color:var(--muted);text-align:center;place-items:center;padding:12px;font-size:.8125rem;display:grid}.play{z-index:1;color:#fff;width:32px;height:32px;transition:background-color .18s var(--ease-out), transform .2s var(--ease-out);background:#080a12b8;border:1px solid #ffffff59;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:8px;left:8px}.play svg{width:16px;height:16px;margin-left:1px}.duration{z-index:1;color:#fff;font-variant-numeric:tabular-nums;background:#060810d1;border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1.4;position:absolute;bottom:8px;right:8px}.card-body{padding:12px 12px 14px}.title-row{align-items:flex-start;gap:4px;display:flex}.card-title{letter-spacing:-.015em;text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;min-height:2.7em;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.title-row .icon-btn{margin:-8px -6px 0 0}.channel{align-items:center;gap:10px;min-width:0;margin-top:10px;display:flex}.channel-copy{min-width:0}.channel-name{font-size:.875rem;font-weight:560;line-height:1.3}.meta{color:var(--faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px;margin-top:2px;font-size:.8125rem;line-height:1.4;display:flex}.scan-list{flex-direction:column;gap:8px;display:flex}.scan-item{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:128px minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:8px;display:grid}.scan-item .thumb{border-radius:8px;width:128px}.scan-item .thumb:after{display:none}.scan-copy h2{letter-spacing:-.015em;font-size:1rem;font-weight:600;line-height:1.35}.scan-copy p{color:var(--faint);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.8125rem}.scan-duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.table-wrap{width:100%}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 12px}.data-table th{color:var(--muted);font-size:.8125rem;font-weight:600}.data-table td{color:var(--text)}.data-table .quiet{color:var(--muted)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .title-cell{font-weight:600}.empty{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:14px;max-width:36rem;margin:28px auto 0;padding:28px 20px}.empty .brand-mark{margin:0 auto 16px}.empty h2{letter-spacing:-.02em;font-size:1.25rem}.empty p{max-width:42ch;color:var(--muted);overflow-wrap:anywhere;margin:8px auto 16px}.settings-panel{max-width:28rem}.settings-panel .upgrade{margin-top:0;padding:24px}.settings-panel .upgrade p{font-size:1rem}.mobile-nav{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--shell);border-top:1px solid var(--line);gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-list{flex-direction:row;align-items:stretch;gap:4px;width:100%}.mobile-nav li{flex:1;min-width:0}.mobile-nav .nav-btn{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:6px 4px;font-size:.8125rem;line-height:1.2}@media (width>=640px){.video-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (width>=768px){.sidebar{display:flex}.brand-mobile{display:none}.topbar{padding:16px 28px}.topbar-row{grid-template-columns:minmax(0,36rem) minmax(16px,1fr) auto;grid-template-areas:"search.actions"}.canvas{padding:32px 28px 48px}.mobile-nav{display:none}}@media (width>=1100px){.video-grid{grid-template-columns:1fr 1fr 1fr}.canvas{padding:36px 32px 56px}}@media (width>=1280px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (width<=700px){.scan-item{grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"thumb copy more""thumb duration more"}.scan-item .thumb{grid-area:thumb;width:96px}.scan-copy{grid-area:copy}.scan-duration{grid-area:duration}.scan-item .icon-btn{grid-area:more;align-self:center}}@media (width<=760px){.data-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-bottom:12px;padding:8px 12px}.data-table td{text-align:right;border-bottom:0;justify-content:space-between;gap:16px;padding:6px 0;display:flex}.data-table td:before{content:attr(data-label);color:var(--faint);text-align:left;font-weight:500}.data-table .num{text-align:right}.data-table td.title-cell{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;font-size:1rem}}@media (hover:hover) and (pointer:fine){.nav-btn:hover{background:var(--card);color:var(--text)}.nav-btn.is-active:hover{background:var(--accent-strong);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary:hover{border-color:var(--faint)}.icon-btn:hover{color:var(--text);background:#ffffff0f}.video-card:hover{border-color:#41557e}.video-card:hover .thumb img{transform:scale(1.045)}.video-card:hover .play,.video-card:focus-within .play{background:var(--accent);border-color:#0000}.data-table tbody tr:hover td{background:#ffffff08}}@media (prefers-reduced-motion:reduce){.thumb{background:#1c273b;animation:none}.thumb img,.play,.btn,.video-card,.nav-btn,.icon-btn{transition:none}.video-card:hover .thumb img,.btn:active{transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (forced-colors:active){.nav-btn.is-active,.alert-dot{outline:2px solid canvastext}}