:root{color-scheme:light;--bg:#f6f4ee;--panel:#ffffff;--panel-soft:#f9faf7;--text:#17201d;--muted:#66706c;--line:#dde3de;--brand:#c9362f;--brand-dark:#9f2823;--accent:#0e766e;--warning:#a16207;--shadow:0 12px 34px rgba(23,32,29,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{background:rgba(246,244,238,.92);border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar,.topbar-account{align-items:center;display:flex}.topbar-account{gap:10px;min-width:0}.topbar-usage{align-items:center;display:flex;gap:6px}.usage-widget{align-items:baseline;background:var(--panel);border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:5px;min-height:28px;padding:5px 9px;white-space:nowrap}.usage-widget span{color:var(--muted);font-size:10px;font-weight:800}.usage-widget strong{font-size:12px;line-height:1}.brand{align-items:center;display:flex;gap:10px;font-weight:800}.brand-mark{align-items:center;background:var(--brand);border-radius:6px;color:white;display:inline-flex;height:30px;justify-content:center;width:38px}.container{margin:0 auto;max-width:1180px;padding:28px}.floating-notice{background:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:var(--shadow);color:#ffffff;font-weight:700;max-width:min(420px,calc(100vw - 32px));padding:12px 14px;position:fixed;right:28px;top:82px;z-index:20}.hero{align-items:end;background:linear-gradient(180deg,rgba(23,32,29,.18),rgba(23,32,29,.72)),url(https://images.unsplash.com/photo-1611162616475-46b635cb6868?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;color:white;display:grid;min-height:72vh;padding:36px}.hero-content{max-width:760px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.98;margin:0 0 16px}.hero p{color:rgba(255,255,255,.86);font-size:20px;line-height:1.5;margin:0 0 26px;max-width:680px}.grid{display:grid;grid-gap:18px;gap:18px}.dashboard-heading{align-items:flex-end;margin-bottom:18px}.dashboard-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dashboard-grid{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(280px,360px) 1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.panel h2,.panel h3{margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.row{align-items:center;display:flex;gap:10px}.space-between{justify-content:space-between}.button{align-items:center;background:var(--text);border:0;border-radius:6px;color:white;cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:0 14px;text-decoration:none}.button:hover{background:#29332f}.button.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.button.secondary:hover{background:var(--panel-soft)}.button.danger{background:var(--brand)}.button.danger:hover{background:var(--brand-dark)}.button:disabled{cursor:wait;opacity:.55}.icon-button{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.icon-button:hover{background:var(--panel-soft)}.drawer-backdrop{background:rgba(23,32,29,.34);border:0;cursor:pointer;inset:0;opacity:0;padding:0;pointer-events:none;position:fixed;transition:opacity .16s ease;z-index:20}.drawer-backdrop.open{opacity:1;pointer-events:auto}.side-drawer{background:var(--bg);border-left:1px solid var(--line);box-shadow:-18px 0 42px rgba(23,32,29,.16);display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;max-width:100vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .18s ease;width:480px;z-index:21}.side-drawer.open{transform:translateX(0)}.drawer-header{align-items:flex-start;background:rgba(246,244,238,.96);border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:18px}.drawer-header h2{margin:0 0 4px}.drawer-body{display:grid;grid-gap:14px;gap:14px;overflow:auto;padding:18px}.drawer-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;padding:18px}.drawer-section h2{margin:0}.side-drawer .panel{box-shadow:var(--shadow)}.side-drawer .channel-list{max-height:360px}.field{display:grid;grid-gap:7px;gap:7px;margin:12px 0}.field label{color:var(--muted);font-size:13px;font-weight:700}.input,.textarea{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--text);min-height:40px;padding:10px 12px;width:100%}.textarea{min-height:92px;resize:vertical}.toggle{align-items:center;display:flex;gap:8px;margin:12px 0}.digest-list{display:grid;grid-gap:14px;gap:14px}.empty-state{align-items:center;background:var(--panel-soft);border:1px dashed var(--line);border-radius:8px;color:var(--muted);display:flex;gap:10px;margin-top:14px;padding:16px}.channel-list{border:1px solid var(--line);border-radius:8px;display:grid;margin-top:14px;max-height:430px;overflow:auto}.channel-row{align-items:center;background:var(--panel);border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:42px 1fr auto;min-height:62px;padding:10px 12px}.channel-row:last-child{border-bottom:0}.channel-row:hover,.channel-thumb{background:var(--panel-soft)}.channel-thumb{border:1px solid var(--line);border-radius:50%;height:42px;object-fit:cover;width:42px}.channel-main{display:grid;grid-gap:3px;gap:3px;min-width:0}.channel-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-pin-button{color:var(--muted);height:32px;width:32px}.channel-pin-button.is-pinned{color:#0e766e;background:#e5f4ef;border-color:#a9d8cc}.latest-video-panel{border-top:1px solid var(--line);display:grid;grid-gap:16px;gap:16px;margin-top:18px;padding-top:18px}.latest-section-actions{justify-content:flex-end}.archive-undo{align-items:center;background:#111816;border:1px solid rgba(255,255,255,.14);border-radius:8px;bottom:18px;box-shadow:0 14px 36px rgba(17,24,22,.22);color:#ffffff;display:flex;gap:10px;justify-content:space-between;left:50%;min-width:240px;padding:8px 8px 8px 12px;position:fixed;transform:translateX(-50%);z-index:30}.archive-undo .button.secondary{background:#ffffff;border-color:#ffffff;color:#111816}.button.compact{min-height:30px;padding:5px 9px}.latest-video-toolbar{align-items:center;display:flex;justify-content:space-between;gap:12px}.latest-video-panel h3,.latest-video-row h4{margin:0}.latest-channel{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:12px}.latest-channel-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.latest-channel-header .row{min-width:0}.latest-channel-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-fetch-button{flex:0 0 auto;height:32px;width:32px}.channel-fetch-button.is-fetching{background:#0e766e;border-color:#0a5f59;color:#ffffff;opacity:1}.channel-fetch-button.is-fetching svg{animation:fetch-download-pulse .75s ease-in-out infinite alternate}@keyframes fetch-download-pulse{to{transform:translateY(2px)}}.latest-video-entry,.latest-video-list{display:grid;grid-gap:8px;gap:8px}.latest-video-entry{align-items:stretch;grid-template-columns:minmax(0,1fr) 36px}.latest-video-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:grid;font:inherit;grid-gap:10px;gap:10px;grid-template-columns:104px minmax(0,1fr);padding:9px;text-align:left;text-decoration:none;width:100%}.video-archive-button{align-self:stretch;height:100%;min-height:42px;width:36px}.video-archive-button:hover{border-color:#b45309;color:#92400e}.video-archive-button.is-archiving{background:#fef3c7;border-color:#f6d37a;color:#92400e;opacity:1}.latest-video-row:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(23,32,29,.08)}.latest-video-row:disabled{cursor:wait;opacity:.78}.latest-video-title-row{align-items:baseline;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.latest-video-title-row h4{font-size:14px;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-video-date{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.thumbnail-frame{border-radius:6px;position:relative}.latest-video-thumb{aspect-ratio:16/9;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;display:block;object-fit:cover;width:100%}.processing-timeline{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.timeline-step{align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;color:var(--text);cursor:default;display:inline-flex;gap:5px;min-height:24px;min-width:0;padding:3px 8px;text-decoration:none}.timeline-step.done{background:#e7f4ef;border-color:#b9ded4}.timeline-step.summary-ready{background:#0e766e;border-color:#0a5f59;color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(14,118,110,.2)}.timeline-step.active{background:#eef2ff;border-color:#c7d2fe}.timeline-step.failed{background:#fef3c7;border-color:#f6d37a}.timeline-dot{align-items:center;background:var(--muted);border-radius:999px;display:inline-flex;flex:0 0 auto;height:6px;width:6px}.timeline-label{font-size:11px;font-weight:800;line-height:1}.timeline-step.done .timeline-dot,.timeline-step.summary-ready .timeline-dot{background:#0e766e}.timeline-step.active .timeline-dot{background:#4f46e5}.timeline-step.failed .timeline-dot{background:#b45309}.transcript-preview{background:#101816;border-radius:8px;color:#eef7f3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;margin:12px 0 0;max-height:360px;overflow:auto;padding:12px;white-space:pre-wrap}.video-detail,.video-detail-grid{display:grid;grid-gap:18px;gap:18px}.video-detail-grid{align-items:flex-start;grid-template-columns:minmax(0,1fr) minmax(380px,460px)}.video-detail-main{display:grid;grid-gap:18px;gap:18px;min-width:0}.video-hero-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(180px,280px) minmax(0,1fr);min-width:0;padding:16px}.video-thumbnail-link{border-radius:6px;display:block;position:relative}.video-detail-thumb{aspect-ratio:16/9;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;display:block;object-fit:cover;width:100%}.duration-badge{background:rgba(0,0,0,.82);border-radius:4px;bottom:6px;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:4px 5px;position:absolute;right:6px}.youtube-play-icon{align-items:center;background:#ff0000;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.24);display:flex;height:46px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px}.youtube-play-icon:before{border-bottom:12px solid transparent;border-left:20px solid #fff;border-top:12px solid transparent;content:"";display:block;margin-left:4px}.video-hero-panel h1{font-size:24px;letter-spacing:0;line-height:1.16;margin:4px 0 10px;overflow-wrap:anywhere}.video-chat-panel{align-self:start;min-width:0}.archive-page-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.archive-page-heading h1{margin:0 0 4px}.archived-video-list{display:grid;grid-gap:10px;gap:10px}.archived-video-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);display:grid;grid-gap:12px;gap:12px;grid-template-columns:132px minmax(0,1fr);padding:10px;text-decoration:none}.archived-video-row:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(23,32,29,.08)}.archived-video-main{align-content:center;display:grid;grid-gap:8px;gap:8px;min-width:0}.archived-video-main h2{font-size:16px;line-height:1.25;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-body{line-height:1.65;white-space:pre-wrap}.long-summary-section{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;margin-top:18px;padding-top:18px}.long-summary-section h3{font-size:20px;letter-spacing:0;margin:0}.memorable-quotes-section{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;margin-top:4px;padding-top:18px}.memorable-quotes-section h3{font-size:20px;letter-spacing:0;margin:0}.memorable-quotes-list{display:flex;gap:10px;margin:0 -4px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 4px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.memorable-quote{background:#f7fbfa;border:1px solid #b9dcd3;border-left:4px solid var(--accent);border-radius:8px;flex:0 0 min(360px,82vw);margin:0;padding:14px 16px;scroll-snap-align:start}.memorable-quote blockquote{color:var(--ink);font-size:16px;font-weight:650;line-height:1.5;margin:0}.summary-progress{display:grid;grid-gap:8px;gap:8px}.summary-progress-label{color:var(--muted);display:flex;font-size:14px;gap:12px;justify-content:space-between}.summary-progress-track{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.summary-progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .18s ease}.summary-progress-fill.generating{background:repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0 8px,transparent 8px 16px),var(--accent);background-size:28px 28px;animation:summary-progress-stripes .9s linear infinite}@keyframes summary-progress-stripes{0%{background-position:0 0}to{background-position:28px 0}}.error-text{color:var(--brand-dark);margin:0}.digest-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.video-item{border-top:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;grid-template-columns:120px 1fr;padding:14px 0}.video-item:first-of-type{border-top:0}.thumb{aspect-ratio:16/9;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;object-fit:cover;width:100%}.badge{background:#e7f4ef;border-radius:999px;color:#0f5f56;display:inline-flex;font-size:12px;font-weight:700;padding:4px 8px}.badge.warning{background:#fef3c7;color:var(--warning)}.usage-overview{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;margin-top:16px;padding-top:16px}.usage-heading{flex-wrap:wrap}.usage-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.usage-provider{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;min-width:0;padding:12px}.usage-primary{font-size:24px;line-height:1.1}.usage-breakdown{color:var(--accent);overflow-wrap:anywhere}.drawer-section .usage-overview{border-top:0;margin-top:0;padding-top:0}.transcript-chat{display:grid;grid-gap:12px;gap:12px}.chat-form{align-items:center;background:var(--panel);display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding-bottom:2px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.chat-box{overflow:hidden}.chat-pair-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.chat-pair{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;flex:0 0 min(100%,560px);grid-gap:10px;gap:10px;max-height:460px;overflow:auto;padding:14px;scroll-snap-align:start}.chat-pair-section{border-bottom:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding-bottom:10px}.chat-pair-section.answer{border-bottom:0;padding-bottom:0}.chat-pair-section p{line-height:1.55;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}@media (max-width:860px){.archived-video-row,.dashboard-grid,.latest-video-row,.video-detail-grid,.video-hero-panel,.video-item{grid-template-columns:1fr}.topbar{padding:14px 18px}.container{padding:18px}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-actions{justify-content:flex-start;width:100%}.processing-timeline{gap:5px}.chat-form,.usage-grid{grid-template-columns:1fr}}