:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1a1a2e;background:#f5f6f8}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e8eaed;background:#fff;position:sticky;top:0;z-index:20}.site-header-left{display:flex;align-items:center;gap:8px;text-decoration:none}.site-city{font-size:1rem;font-weight:700;color:#1a1a2e;letter-spacing:-.01em}.site-powered{font-size:.75rem;color:#999}.site-powered a{color:#4361ee;text-decoration:none;font-weight:600}.site-powered a:hover{text-decoration:underline}.page{max-width:860px;margin:0 auto;padding:32px 20px 64px}.header{margin-bottom:28px}.site-title{margin:0 0 16px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.searchbar{display:grid;grid-template-columns:1fr auto;gap:8px}.searchbar input{padding:10px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:.95rem}.searchbar input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1f}.searchbar button{padding:10px 20px;border:none;border-radius:8px;background:#1a1a2e;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header h2{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#667}.page-indicator{font-size:.8rem;color:#999}.status{color:#667;font-size:.95rem}.result-list{display:grid;gap:2px;border-radius:10px;overflow:hidden}.result{display:block;padding:12px 16px;background:#fff;border-left:3px solid transparent;transition:background .1s,border-color .1s}.result:hover{background:#f0f4ff;border-left-color:#4361ee}.result-title{margin:0;font-size:.92rem;font-weight:600;line-height:1.3}.result-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:.8rem;color:#888}.result-badge{display:inline-flex;padding:2px 8px;border-radius:10px;background:#eef2ff;color:#4361ee;font-weight:600;font-size:.75rem}.pagination{display:flex;align-items:center;gap:6px;margin-top:16px}.page-numbers{display:flex;align-items:center;gap:2px;margin:0 auto}.page-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:8px;font-size:.85rem;font-weight:500;color:#555;transition:background .1s}.page-num:hover{background:#f0f4ff}.page-num.active{background:#1a1a2e;color:#fff;font-weight:700}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:36px;color:#999;font-size:.85rem}.page-btn{padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:.82rem;font-weight:600;color:#1a1a2e;white-space:nowrap;transition:background .1s}.page-btn:hover{background:#f0f4ff}.page-btn-next{margin-left:auto}.filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-select{padding:8px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:.85rem;color:#1a1a2e;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.filter-select:focus{outline:none;border-color:#4361ee}.filter-count{margin-left:auto;font-size:.8rem;color:#999}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.video-card{border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e8eaed;transition:border-color .15s,box-shadow .15s}.video-card:hover{border-color:#4361ee;box-shadow:0 2px 8px #4361ee1a}.video-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.video-card-body{padding:10px 14px 14px}.video-card-body h3{margin:0;font-size:.88rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-body span{display:block;margin-top:4px;font-size:.78rem;color:#888}.page-video{max-width:1200px}.back-link{display:inline-flex;margin-bottom:14px;font-size:.85rem;color:#4361ee;font-weight:500}.back-link:hover{text-decoration:underline}.video-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);gap:20px}.video-shell{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;border-radius:12px;background:#111}.video-shell iframe,.video-shell>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;padding:0;border:0;background:#111;cursor:pointer}.video-preview img{width:100%;height:100%;object-fit:cover;opacity:.88}.video-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:6px;padding:24px;background:linear-gradient(180deg,#00000026,#0009);color:#fff;text-align:center}.video-preview-overlay strong{font-size:1rem}.video-preview-overlay small{max-width:24rem;font-size:.85rem;line-height:1.4;opacity:.9}.video-meta-block{margin-top:14px}.video-title{margin:0;font-size:1.3rem;line-height:1.25;letter-spacing:-.02em}.video-meta{display:flex;gap:12px;margin-top:6px;font-size:.82rem;color:#888}.video-description{margin:12px 0 0;font-size:.9rem;color:#555;line-height:1.55;white-space:pre-wrap}.video-actions{margin-top:12px}.video-actions a{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;background:#1a1a2e;color:#fff;font-size:.85rem;font-weight:600}.transcript-panel{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:14px;display:flex;flex-direction:column}.transcript-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.transcript-header h2{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#667}.transcript-header span{font-size:.78rem;color:#999}.transcript-search{display:flex;align-items:center;gap:8px;margin-bottom:8px}.transcript-search input{flex:1;padding:7px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:.82rem;background:#f9fafb}.transcript-search input:focus{outline:none;border-color:#4361ee;background:#fff}.transcript-search-nav{display:flex;align-items:center;gap:4px}.transcript-search-nav button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;color:#555}.transcript-search-nav button:hover{background:#f0f4ff}.transcript-match-count{font-size:.75rem;color:#4361ee;font-weight:600;white-space:nowrap}.transcript-match-count.no-matches{color:#999}.transcript-list{display:grid;gap:2px;max-height:78vh;overflow-y:auto}.transcript-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:6px;border:1px solid transparent;transition:background .1s}.transcript-row:hover{background:#f5f7fa}.transcript-row span{color:#4361ee;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-weight:600;padding-top:2px}.transcript-row p{margin:0;font-size:.88rem;line-height:1.5;color:#333}.transcript-row p :global(mark){background:#fef08a;padding:0 .1em;border-radius:2px}.transcript-row.active{background:#eef2ff;border-color:#4361ee}.transcript-row.highlighted p{font-weight:600}@media (max-width: 860px){.video-detail-grid{grid-template-columns:1fr}.video-shell{position:sticky;top:45px;z-index:10}.transcript-list{max-height:50vh}}