.video-note-viewer{border-radius:8px;overflow:hidden}.video-note-viewer .viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #E5E2DD;background:#faf9f7}.video-note-viewer .viewer-header h2{margin:0;font-size:1.25rem}.video-note-viewer .viewer-header p{margin:.25rem 0 0;color:#525252;font-size:.875rem}.video-note-viewer .viewer-source-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.video-note-viewer .viewer-source-meta span,.video-note-viewer .viewer-source-meta a{border-radius:999px;background:#fff;border:1px solid #E5E2DD;padding:.2rem .55rem;color:#525252;font-size:.75rem;text-decoration:none}.video-note-viewer .viewer-source-meta a{color:#0891b2}.video-note-viewer .viewer-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.video-note-viewer .viewer-mobile-nav{display:none;gap:.5rem;padding:.75rem;border-bottom:1px solid #E5E2DD;background:#fff}.video-note-viewer .viewer-mobile-nav select{min-width:0;flex:1;border:1px solid #E5E2DD;border-radius:8px;background:#faf9f7;padding:.55rem .65rem;color:#1a1a1a;font-size:.875rem}.video-note-viewer .viewer-mobile-nav button{border:1px solid #E5E2DD;border-radius:8px;background:#f5f3ef;padding:.55rem .7rem;color:#525252;font-size:.8125rem}.video-note-viewer .mode-tabs,.video-note-viewer .font-controls{display:flex;gap:.25rem}.video-note-viewer button{font:inherit}.video-note-viewer .mode-tabs button,.video-note-viewer .font-controls button{border:1px solid #E5E2DD;background:#fff;color:#525252;border-radius:8px;padding:.35rem .65rem;font-size:.8125rem;cursor:pointer}.video-note-viewer .mode-tabs button.active{background:#0891b2;border-color:#0891b2;color:#fff}.video-note-viewer .viewer-body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);min-height:520px}.video-note-viewer .scene-list{max-height:720px;overflow:auto;border-right:1px solid #E5E2DD;background:#f5f3ef}.video-note-viewer .scene-item{display:grid;grid-template-columns:72px minmax(0,1fr);width:100%;gap:.625rem;align-items:center;padding:.625rem;border:0;border-bottom:1px solid #E5E2DD;background:transparent;color:#1a1a1a;text-align:left;cursor:pointer}.video-note-viewer .scene-item:hover,.video-note-viewer .scene-item.active{background:#fff}.video-note-viewer .scene-item.active{box-shadow:inset 3px 0 #0891b2}.video-note-viewer .scene-item img{width:72px;height:42px;-o-object-fit:cover;object-fit:cover;border-radius:6px;background:#111827}.video-note-viewer .scene-item strong,.video-note-viewer .scene-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-note-viewer .scene-item strong{font-size:.875rem}.video-note-viewer .scene-item small{margin-top:.125rem;color:#525252;font-size:.75rem}.video-note-viewer .scene-detail{padding:1.25rem;min-width:0}.video-note-viewer .scene-image{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}.video-note-viewer .scene-image img{display:block;max-width:100%;max-height:50vh;margin:0 auto;-o-object-fit:contain;object-fit:contain;border:1px solid #E5E2DD;border-radius:8px}.video-note-viewer .scene-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:1rem 0}.video-note-viewer .scene-heading h3{margin:0;font-size:1.25rem}.video-note-viewer .scene-heading span{color:#525252;font-size:.8125rem;white-space:nowrap}.video-note-viewer .segment{line-height:1.8;margin-bottom:1.125rem}.video-note-viewer .speaker{display:inline-flex;margin-bottom:.35rem;border:1px solid #E5E2DD;border-radius:999px;padding:.1rem .5rem;color:#0891b2;font-size:.75rem;font-weight:600}.video-note-viewer .segment p{margin:.25rem 0}.video-note-viewer .translation{color:#047857}.video-note-viewer .mode-trans .translation{color:#1a1a1a}.video-note-viewer .empty-scene,.video-note-viewer .viewer-noscript{color:#525252}.video-note-viewer .viewer-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#000000e0;padding:1rem}.video-note-viewer .viewer-lightbox[hidden]{display:none}.video-note-viewer .viewer-lightbox button{position:absolute;inset:0;border:0;background:transparent;cursor:zoom-out}.video-note-viewer .viewer-lightbox img{position:relative;max-width:94vw;max-height:92vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}@media(max-width:760px){.video-note-viewer .viewer-header{display:block}.video-note-viewer .viewer-controls{justify-content:flex-start;margin-top:.875rem}.video-note-viewer .viewer-body{grid-template-columns:1fr;min-height:0}.video-note-viewer .viewer-mobile-nav{display:flex;position:sticky;top:65px;z-index:5}.video-note-viewer .scene-list{display:none}.video-note-viewer .scene-detail{padding:1rem}.video-note-viewer .scene-image img{max-height:38vh}.video-note-viewer .scene-heading{display:block}.video-note-viewer .segment{margin-bottom:1.4rem}}.view-tabs[data-astro-cid-yn64wvzj]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;position:sticky;top:65px;z-index:10;margin-bottom:1rem;padding:.5rem;border:1px solid var(--border, #E5E2DD);border-radius:8px;background:#faf9f7f2;backdrop-filter:blur(8px)}.view-tab[data-astro-cid-yn64wvzj]{min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:#525252;font-size:.9375rem;font-weight:600;cursor:pointer}.view-tab[data-astro-cid-yn64wvzj].active{border-color:#0891b2;background:#0891b2;color:#fff}.view-panel[data-astro-cid-yn64wvzj].hidden{display:none}.view-panel[data-astro-cid-yn64wvzj] .video-note-viewer[data-astro-cid-yn64wvzj]{margin-top:0}@media(max-width:640px){.view-tabs[data-astro-cid-yn64wvzj]{grid-template-columns:1fr;position:static}.view-tab[data-astro-cid-yn64wvzj]{min-height:46px;text-align:center}}