:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0e;--bg-raised:#121217;--surface:#17171d;--surface-hover:#1e1e26;--line:#ffffff12;--line-strong:#ffffff21;--text:#f4f4f7;--text-2:#a9a9b6;--text-3:#6f6f7d;--accent:#ff4e45;--accent-soft:#ff4e4524;--accent-grad:linear-gradient(135deg, #ff7a3d, #ff2d55);--ai-grad:linear-gradient(135deg, #7c5cff, #2fa8ff);--live:#3ddc97;--thumb-bg:#1a1a21;--dot-l:.74;--shadow-lg:0 24px 60px -20px #000000a6, 0 2px 10px #00000059;--topbar:68px;--font:"Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f8;--bg-raised:#fff;--surface:#fff;--surface-hover:#f0f0f4;--line:#11111a14;--line-strong:#11111a26;--text:#15151b;--text-2:#555564;--text-3:#8b8b98;--accent:#ec2f3c;--accent-soft:#ec2f3c1a;--thumb-bg:#e7e7ec;--dot-l:.66;--shadow-lg:0 24px 60px -24px #14142859, 0 2px 8px #14142814}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}kbd{border:1px solid var(--line-strong);min-width:20px;height:20px;font:600 11px/1 var(--font);color:var(--text-2);background:var(--bg-raised);border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 5px;display:inline-grid}code{background:var(--surface-hover);border-radius:5px;padding:1px 5px;font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-3)}.dot,.cat-list i,.tag i{background:oklch(var(--dot-l) .15 calc(var(--hue,0) * 1deg));border-radius:50%;flex:none;width:9px;height:9px}.dot.neutral,.cat-list i.neutral{background:var(--text-3)}.app{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--bg-raised);scrollbar-width:thin;flex-direction:column;gap:22px;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:-.02em;align-items:center;gap:11px;padding:0 8px;font-size:17px;font-weight:700;display:flex}.brand svg{border-radius:9px;box-shadow:0 6px 18px -6px #ff3c3c8c}.views,.cat-list{gap:1px;display:grid}.views button,.cat-list button{height:36px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:0 10px;font-weight:550;transition:background .12s,color .12s;display:flex}.cat-list button{gap:12px;height:32px;font-size:13.5px;font-weight:500}.cat-list i{margin:0 3px 0 4px}.views button:hover,.cat-list button:hover{background:var(--surface-hover);color:var(--text)}.views button.active,.cat-list button.active{background:var(--accent-soft);color:var(--text)}.views button.active svg{color:var(--accent)}.views .name,.cat-list .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.views .count,.cat-list .count{font-variant-numeric:tabular-nums;color:var(--text-3);font-size:12px}.views button.active .count,.cat-list button.active .count{color:var(--accent)}.label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin:0 0 6px;padding:0 10px;font-size:11px;font-weight:650;display:flex}.badge{background:var(--ai-grad);color:#fff;letter-spacing:.02em;text-transform:none;border-radius:99px;align-items:center;gap:4px;padding:2px 7px 2px 6px;font-size:10px;display:inline-flex}.week dl{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0 4px;display:grid}.week dl div{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 10px 9px}.week dt{color:var(--text-3);font-size:11.5px}.week dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:2px 0 0;font-size:17px;font-weight:700}.sidebar-foot{align-items:center;gap:8px;margin-top:auto;padding:0 4px;display:flex}.capture{border:1px solid var(--line);background:var(--surface);min-width:0;height:36px;color:var(--text-2);white-space:nowrap;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 11px;font-size:12.5px;font-weight:550;display:flex}.capture i{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #3ddc972e}.capture.paused i{background:var(--text-3);box-shadow:none}.icon-btn{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--text-2);border-radius:10px;place-items:center;display:grid}.icon-btn:hover,.capture:hover{color:var(--text);border-color:var(--line-strong)}.icon-btn.sync{color:var(--live)}.icon-btn.sync.error{color:var(--accent)}.sync-status{color:var(--text-2);align-items:center;gap:10px;margin-bottom:12px;display:flex}.sync-status i{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #3ddc972e}.sync-status.error{color:var(--accent)}.sync-status.error i{background:var(--accent);box-shadow:none}.sync-status span{flex:1}.sync-key{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 8px 8px 12px;display:flex}.sync-key svg{color:var(--text-3);flex:none}.sync-key code{letter-spacing:.04em;overflow-wrap:anywhere;background:0 0;flex:1;min-width:0;padding:0;font-size:13px}.sync-account{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 10px 10px 14px;display:flex}.sync-account span{overflow-wrap:anywhere;flex:1;min-width:0}.sync-advanced{margin:14px 0 12px}.sync-advanced summary{cursor:pointer;color:var(--text-2);margin-bottom:10px}.join{gap:8px;display:flex}.join input{border:1px solid var(--line-strong);background:var(--bg-raised);border-radius:10px;flex:1;min-width:0;height:36px;padding:0 11px;font-size:13px}.join input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}main{min-width:0}.topbar{z-index:10;height:var(--topbar);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 32px;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);background:var(--surface);max-width:560px;height:40px;color:var(--text-3);border-radius:12px;flex:1;align-items:center;gap:9px;padding:0 12px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.search:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 4px var(--accent-soft)}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--text-3)}.tabs-pill{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--text-2);white-space:nowrap;border-radius:12px;align-items:center;gap:9px;margin-left:auto;padding:0 6px 0 13px;font-size:13px;display:flex}.tabs-pill button{background:var(--accent-grad);color:#fff;border:0;border-radius:8px;height:28px;padding:0 11px;font-size:12.5px;font-weight:650}.tabs-pill button:hover{filter:brightness(1.08)}.content{scroll-margin-top:var(--topbar);padding:26px 32px 80px}.heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.heading-text{min-width:0}.crumb{color:var(--text-3);background:0 0;border:0;padding:0;font-size:13px;font-weight:550}.crumb:hover{color:var(--text)}.crumb:after{content:" /"}.heading h1{letter-spacing:-.035em;align-items:center;gap:12px;margin:2px 0 4px;font-size:28px;font-weight:750;line-height:1.15;display:flex}.heading h1 .dot{width:12px;height:12px}.heading p{color:var(--text-3);font-variant-numeric:tabular-nums;margin:0}.sep{opacity:.7;margin:0 7px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.select{display:inline-flex;position:relative}.select:after{content:"";border:solid var(--text-3);pointer-events:none;border-width:0 1.6px 1.6px 0;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.select select{border:1px solid var(--line);background:var(--surface);appearance:none;cursor:pointer;border-radius:10px;height:36px;padding:0 30px 0 12px;font-size:13px;font-weight:550;display:block}.select select:hover{border-color:var(--line-strong)}.seg{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px;display:flex}.seg button{width:32px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.seg button.active{background:var(--surface-hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn{border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent-grad);color:#fff;border:0}.btn.primary:hover:not(:disabled){background:var(--accent-grad);filter:brightness(1.08)}.btn.resort.gemini{background:var(--ai-grad);color:#fff;border-color:#0000}.btn.resort.gemini:hover:not(:disabled){background:var(--ai-grad);filter:brightness(1.1)}.btn.google svg{box-sizing:content-box;background:#fff;border-radius:50%;padding:2px}.btn.danger:not(:disabled){color:var(--accent)}.group+.group{margin-top:36px}.group h2{letter-spacing:-.015em;align-items:center;gap:10px;margin:0 0 14px;font-size:16px;font-weight:650;display:flex}.group-title{font:inherit;letter-spacing:inherit;color:inherit;background:0 0;border:0;padding:0}button.group-title:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}.group h2 .count{background:var(--surface-hover);color:var(--text-3);font-variant-numeric:tabular-nums;border-radius:99px;padding:1px 8px;font-size:11.5px;font-weight:600}.more-link{color:var(--text-2);background:0 0;border:0;border-radius:8px;align-items:center;gap:2px;margin-left:auto;padding:4px 6px 4px 10px;font-size:13px;font-weight:600;display:inline-flex}.more-link:hover{background:var(--surface-hover);color:var(--text)}.grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:26px 20px;display:grid}.card{min-width:0;scroll-margin:calc(var(--topbar) + 16px) 0 24px;content-visibility:auto;contain-intrinsic-size:auto 250px;position:relative}.thumb{aspect-ratio:16/9;background:var(--thumb-bg);isolation:isolate;border-radius:12px;position:relative;overflow:hidden}.thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s,transform .38s cubic-bezier(.2,.7,.2,1),filter .2s;transform:scale(1.001)}.thumb.loaded img{opacity:1}.thumb:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.card:hover .thumb img{transform:scale(1.045)}.card.watched .thumb img{filter:saturate(.35)brightness(.62)}.play{opacity:0;pointer-events:none;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.play svg{box-sizing:content-box;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0e9e;border-radius:50%;padding:13px 12px 13px 14px}.card:hover .play{opacity:1}.chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0eb8;border-radius:7px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:9px;left:9px}.chip.open i{background:var(--live);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2.5px #3ddc9740}.length{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#08080acc;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;bottom:9px;right:8px}.length.live{letter-spacing:.06em;background:#e3242b}.bar{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.bar span{background:var(--accent);border-radius:0 2px 2px 0;height:100%;display:block}.body{min-width:0;padding:11px 2px 0}.body h3{letter-spacing:-.005em;margin:0;font-size:14px;font-weight:600;line-height:1.35}.hit{-webkit-line-clamp:2;color:inherit;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.hit:after{content:"";border-radius:16px;position:absolute;inset:-6px}.hit:focus-visible{outline:none}.card:has(.hit:focus-visible){outline:2px solid var(--accent);outline-offset:5px;border-radius:12px}.meta{color:var(--text-2);white-space:nowrap;margin:5px 0 0;font-size:13px;display:flex}.meta .channel{text-overflow:ellipsis;overflow:hidden}.meta .sep{color:var(--text-3);margin:0 6px}.meta .detail{color:var(--text-3);font-variant-numeric:tabular-nums}.tag{background:oklch(var(--dot-l) .15 calc(var(--hue,0) * 1deg) / .13);color:var(--text-2);border-radius:99px;align-items:center;gap:6px;margin-top:8px;padding:2px 9px 2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.tag i{width:7px;height:7px}.actions{z-index:2;opacity:0;gap:6px;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-3px)}.card:hover .actions,.card:focus-within .actions{opacity:1;transform:none}.actions button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0eb8;border:0;border-radius:9px;place-items:center;width:30px;height:30px;transition:background .12s;display:grid}.actions button:hover{background:var(--accent)}.grid.list{grid-template-columns:1fr;gap:2px}.grid.list .card{contain-intrinsic-size:auto 110px;border-radius:14px;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:16px;padding:8px 96px 8px 8px;display:grid}.grid.list .card:hover{background:var(--surface-hover)}.grid.list .thumb{border-radius:9px}.grid.list .card:hover .thumb img{transform:none}.grid.list .play svg{padding:9px 8px 9px 10px}.grid.list .chip{height:20px;font-size:11px;top:6px;left:6px}.grid.list .length{font-size:11.5px;bottom:7px;right:6px}.grid.list .body{padding:0}.grid.list .body h3{font-size:14.5px}.grid.list .hit:after{border-radius:14px;inset:0}.grid.list .card:has(.hit:focus-visible){outline-offset:0;border-radius:14px}.grid.list .tag{margin-top:7px}.grid.list .actions{top:50%;right:16px;transform:translateY(-50%)}.grid.list .card:hover .actions,.grid.list .card:focus-within .actions{transform:translateY(-50%)}.grid.list .actions button{background:var(--surface);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.grid.list .actions button:hover{background:var(--accent);color:#fff;box-shadow:none}.welcome{text-align:center;max-width:560px;margin:9vh auto 0}.welcome>svg{border-radius:18px;box-shadow:0 18px 40px -14px #ff3c3c99}.welcome h1{letter-spacing:-.035em;margin:26px 0 10px;font-size:30px;font-weight:750}.welcome p{max-width:480px;color:var(--text-2);margin:0 auto;font-size:15px;line-height:1.6}.welcome ul{text-align:left;gap:10px;margin:34px 0 0;padding:0;list-style:none;display:grid}.welcome li{border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.welcome li svg{color:var(--accent);flex:none}.welcome b{color:var(--text);font-weight:600}.empty{text-align:center;color:var(--text-3);padding:80px 0;font-size:15px}.more{justify-content:center;padding:36px 0 0;display:flex}.notice{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-bottom:22px;padding:10px 10px 10px 14px;display:flex}.notice .btn{margin-left:auto}.toast{z-index:30;border:1px solid var(--line-strong);background:var(--bg-raised);width:max-content;max-width:min(600px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:16px;padding:10px 10px 10px 16px;font-weight:550;display:flex;position:fixed;bottom:28px;left:50%;translate:-50%}.toast button{background:var(--accent-soft);height:30px;color:var(--accent);border:0;border-radius:9px;flex:none;padding:0 12px;font-weight:700}.settings{border:1px solid var(--line-strong);background:var(--bg-raised);width:min(600px,100vw - 32px);max-height:calc(100vh - 64px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:18px;padding:0}.settings::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c}.settings-inner{padding:8px 24px 20px}.settings header{justify-content:space-between;align-items:center;padding:12px 0 4px;display:flex}.settings h2{letter-spacing:-.02em;margin:0;font-size:19px}.settings section{border-bottom:1px solid var(--line);padding:18px 0}.settings h3{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px;font-size:11px;font-weight:650}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:8px 0;display:flex}.toggle strong{font-weight:600;display:block}.toggle small{color:var(--text-3);font-size:12.5px}.toggle input{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:99px;flex:none;width:40px;height:24px;margin:0;transition:background .15s;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle input:checked{background:var(--accent)}.toggle input:checked:after{transform:translate(16px)}.ai-form{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:14px;padding:14px}.ai-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ai-head svg{color:#8f7bff}.ai-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px;margin-top:12px;display:grid}.ai-fields input{border:1px solid var(--line-strong);background:var(--bg-raised);border-radius:10px;min-width:0;height:36px;padding:0 11px;font-size:13px}.ai-fields input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.error{color:var(--accent);margin:10px 0 0;font-size:12.5px}.row-buttons{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.ai-form .row-buttons{margin-bottom:0}.hint{color:var(--text-3);margin:0;font-size:12.5px;line-height:1.55}.hint b{color:var(--text-2)}.keys{grid-template-columns:max-content 1fr;align-items:center;gap:9px 18px;margin:0;display:grid}.keys dt{gap:4px;display:flex}.keys dd{color:var(--text-2);margin:0}.settings footer{color:var(--text-3);padding-top:16px;font-size:12px}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:12px;height:auto;position:static}.views{grid-auto-flow:column}.cats,.week{display:none}.sidebar-foot{margin:0 0 0 auto}.topbar,.content{padding-left:18px;padding-right:18px}.tabs-pill>span{display:none}.grid.list .card{grid-template-columns:120px minmax(0,1fr);padding-right:8px}.grid.list .actions{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}.landing{background:radial-gradient(70% 55% at 50% 0%, var(--accent-soft), transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.landing-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(440px,100%);display:flex}.landing-card h1{letter-spacing:-.03em;margin:4px 0 0;font-size:34px;font-weight:800}.landing-card .lede{color:var(--text-2);margin:0 0 10px;font-size:16px;line-height:1.5}.btn.google.wide{justify-content:center;gap:10px;width:100%;height:46px;font-size:15px}.key-login{text-align:left;width:100%}.key-login summary{cursor:pointer;color:var(--text-2);text-align:center;list-style:none}.key-login summary::-webkit-details-marker{display:none}.key-login form{gap:8px;margin-top:12px;display:flex}.key-login input{border:1px solid var(--line-strong);background:var(--surface);min-width:0;height:38px;color:var(--text);border-radius:10px;flex:1;padding:0 12px}.key-login .hint{margin-top:8px}.landing-card .error{width:100%}.steps{text-align:left;border:1px solid var(--line);background:var(--bg-raised);width:100%;color:var(--text-2);border-radius:16px;gap:12px;margin:18px 0 0;padding:18px;list-style:none;display:grid}.steps li{align-items:baseline;gap:12px;display:flex}.steps .n{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.landing a,.welcome a{color:var(--text);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.landing footer{margin-top:8px;font-size:12px}.landing footer a{color:var(--text-3)}.web .account{min-width:0;color:var(--text-2);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.web .account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn.small{height:30px;padding:0 10px;font-size:12.5px}@media (max-width:600px){.web .views .name,.web .account{display:none}.web .heading{flex-wrap:wrap}}