@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=DM+Sans:wght@400;500;600&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{min-height:100vh;background:#f4f3ef;color:#1a1a1a;font-family:DM Sans,-apple-system,sans-serif}.header{padding:14px 32px;border-bottom:1px solid #e2dfd6;justify-content:space-between;gap:24px;background:#fff}.header,.header-right{display:flex;align-items:center}.header-right{gap:16px}.title{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:700;margin:0;color:#0f172a;letter-spacing:-.025em}.langToggle{padding:6px 14px;background:#f4f3ef;color:#374151;border:1px solid #e2dfd6;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;font-family:DM Sans,sans-serif;transition:background .15s}.langToggle:hover{background:#eae8e2}.main{height:calc(100vh - 100px);overflow:hidden}.layout{display:grid;grid-template-columns:420px 1fr;grid-gap:0;gap:0;height:100%}.leftColumn{border-right:1px solid #e2dfd6;display:flex;flex-direction:column;overflow:hidden;background:#fff}.filterBar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e2dfd6;flex-shrink:0}.filterWrapper{position:relative}.filterButton{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#f4f3ef;color:#4b5563;border:1px solid #e2dfd6;border-radius:99px;cursor:pointer;font-size:12px;font-family:DM Sans,sans-serif;transition:background .15s}.filterButton:hover{background:#eae8e2}.filterArrow{font-size:9px;color:#9ca3af}.filterDropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e2dfd6;border-radius:8px;overflow:hidden;z-index:100;min-width:160px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.filterOption{padding:9px 14px;cursor:pointer;font-size:13px;color:#4b5563;transition:background .12s}.filterOption:hover{background:#f4f3ef}.filterOptionActive{padding:9px 14px;cursor:pointer;font-size:13px;color:#1d4ed8;background:#eff6ff;font-weight:500}.videoCount{font-size:11px;color:#9ca3af;font-weight:500}.videoList{flex:1 1;overflow:auto;padding:6px}.videoItem{display:flex;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .12s;border:1px solid transparent}.videoItem:hover{background:#f4f3ef}.videoItemSelected{display:flex;gap:12px;padding:10px;border-radius:8px;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe}.videoThumbnail{position:relative;width:140px;height:79px;flex-shrink:0;border-radius:5px;overflow:hidden}.thumbnailImg{width:100%;height:100%;object-fit:cover}.duration{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.75);color:#fff;padding:2px 5px;border-radius:3px;font-size:10px;font-weight:500}.playOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center}.playIcon{font-size:20px;color:#fff}.videoInfo{flex:1 1;min-width:0}.videoTitle{font-size:13px;font-weight:500;margin:0 0 5px;line-height:1.4;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.videoMeta{display:flex;align-items:center;gap:5px;font-size:11px;color:#9ca3af}.leaderTag{color:#1d4ed8;font-weight:500}.metaDot{color:#d1d5db}.rightColumn{height:100%;display:flex;flex-direction:column;background:#f4f3ef;position:relative;overflow:hidden}.rightColumn.hidden{display:none}.noVideo{height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.playerSection{flex-shrink:0;padding:16px 28px;border-bottom:1px solid #e2dfd6;background:#fff;display:flex;flex-direction:column;gap:10px}.playerLabelRow{display:flex;align-items:center}.playerLabelText{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af}.backToFullBtn{font-size:12px;color:#1d4ed8;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;padding:0}.backToFullBtn:hover{text-decoration:underline}.videoPlayer{width:100%;max-height:340px;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;flex-shrink:0}.iframe{width:100%;height:100%}.clipPlayer{width:100%;height:360px;background:#000;border-radius:10px;overflow:hidden;flex-shrink:0}.clipPlayer iframe{width:100%;height:100%;border:none}.nowPlayingClaim{font-size:13px;font-weight:600;color:#0f172a;line-height:1.4;margin:0}.noPreview{width:100%;aspect-ratio:16/9;background:#e9e8e3;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:10px;font-size:13px}.previewScrollable{flex:1 1;overflow:auto;padding:20px 28px 24px;display:flex;flex-direction:column;gap:14px}.previewInfo{padding:0}.previewTitle{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;margin:0 0 6px;line-height:1.3;color:#0f172a;letter-spacing:-.02em}.previewMeta{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ca3af}.previewLeader{color:#1d4ed8;font-weight:500}.previewDesc{font-size:13px;color:#6b7280;line-height:1.65;margin:0}.footer{padding:14px 32px;border-top:1px solid #e2dfd6;color:#9ca3af;font-size:12px;text-align:center;background:#fff}.goBackButton{display:none}.clearButton{padding:4px 10px;background:#f4f3ef;color:#374151;border:1px solid #e2dfd6;border-radius:4px;cursor:pointer;font-size:11px;margin-right:8px;font-family:DM Sans,sans-serif;transition:background .12s}.clearButton:hover{background:#eae8e2}@media (max-width:768px){.layout{grid-template-columns:1fr!important;grid-template-rows:auto 1fr}.leftColumn{border-right:none!important;border-bottom:1px solid #e2dfd6;max-height:100vh}.rightColumn{position:fixed;top:0;left:0;right:0;bottom:0;background:#f4f3ef;z-index:1000;display:flex!important}.playerSection{padding:52px 16px 12px!important}.previewScrollable{padding:16px!important}.rightColumn.hidden{display:none!important}.videoThumbnail{width:100px!important;height:56px!important;flex-shrink:0}.videoTitle{font-size:12px!important}.videoMeta{font-size:10px!important}.header{padding:12px 16px!important;flex-wrap:wrap}.title{font-size:18px!important}.videoPlayer{max-height:45vh!important}.previewTitle{font-size:16px!important}.previewDesc{font-size:12px!important}.filterDropdown{max-height:150px;overflow-y:auto}.goBackButton{display:flex!important;align-items:center;gap:6px;padding:10px 0!important;font-size:14px!important;background:none;border:none;color:#1d4ed8;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500}.clipPlayer{height:calc((100vw - 32px) * .5625 + 30px)!important}}.insightsSection{display:flex;flex-direction:column;gap:10px}.insightsHeading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin:0 0 4px}.insightCard{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e5e7eb;border-left:3px solid transparent;border-radius:8px;padding:12px 14px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:border-left-color .15s,background .15s}.insightCard.insightCardActive{background:#eff6ff;border-left-color:#2563eb}.insightCard:hover:not(.insightCardActive){background:#f8faff;border-left-color:#93c5fd}.insightCardContent{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:5px}.insightCardAction{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.insightClaim{font-size:13px;font-weight:600;color:#0f172a;margin:0;line-height:1.4}.insightQuote{font-size:12px;color:#6b7280;font-style:italic;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.insightPlayBtn{width:30px;height:30px;background:#2563eb;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.insightPlayBtn:hover{background:#1d4ed8}.insightTimestamp{font-size:11px;color:#2563eb;text-decoration:none;font-weight:500;white-space:nowrap}.insightTimestamp:hover{text-decoration:underline}