@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";.mp{position:relative;border-radius:var(--radius);border:1px solid var(--border);-webkit-user-select:none;user-select:none;container-type:size;container-name:mp}.mp--video{aspect-ratio:16/9;width:100%;background:#000;overflow:hidden}.mp--theater.mp--video{aspect-ratio:21 / 9;width:100%;max-height:58vh;border-radius:0;border-left:none;border-right:none}@media (max-height: 720px){.mp--theater.mp--video{max-height:44vh}}.mp--audio{height:260px;display:flex;align-items:stretch;overflow:visible;background:transparent}.mp__media{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}.mp__scrim{position:absolute;inset:auto 0 0 0;height:140px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);pointer-events:none;transition:opacity .3s}.mp--hide-controls .mp__scrim{opacity:0}.mp__captions{position:absolute;left:50%;bottom:82px;width:var(--caption-width, 72%);min-width:min(260px,calc(100% - 32px));max-width:calc(100% - 32px);transform:translate(-50%) translateY(8px) scale(.98);padding:8px 14px;border-radius:8px;background:#000000b8;color:#fff;font-size:clamp(15px,2cqw,24px);font-weight:600;line-height:1.35;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85);pointer-events:none;z-index:2;opacity:0;filter:blur(8px);transition:bottom .32s var(--ease),width .22s var(--ease),opacity .36s var(--ease),filter .42s var(--ease),transform .42s var(--ease)}.mp__captions--visible{opacity:1;filter:blur(0);transform:translate(-50%) translateY(0) scale(1)}.mp__captions--hidden{opacity:0;filter:blur(8px);transform:translate(-50%) translateY(8px) scale(.98)}.mp__captions--low{bottom:28px}.mp__captions--size-small{font-size:clamp(13px,1.6cqw,19px);padding:6px 11px}.mp__captions--size-medium{font-size:clamp(15px,2cqw,24px)}.mp__captions--size-large{font-size:clamp(18px,2.6cqw,32px);padding:10px 16px}.mp__captions--color-white{color:#fff}.mp__captions--color-yellow{color:#fde68a}.mp__captions--color-green{color:#bbf7d0}.mp__captions--bg-dark{background:#000000b8}.mp__captions--bg-soft{background:#0f0f0f6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp__captions--bg-none{background:transparent;padding-left:4px;padding-right:4px}.mp__controls{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:0 12px 10px;display:flex;flex-direction:column;gap:6px;overflow:visible;transition:opacity .3s,transform .3s}.mp--hide-controls .mp__controls{opacity:0;transform:translateY(6px);pointer-events:none}.mp--audio .mp__controls{position:absolute;z-index:20}.mp__progress{position:relative;height:18px;display:flex;align-items:center;cursor:pointer;padding:0 2px}.mp__progress:hover .mp__progress-track{height:5px}.mp__progress:hover .mp__progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1)}.mp__progress-track{position:relative;width:100%;height:3px;background:#fff3;border-radius:99px;overflow:visible;transition:height .15s}.mp__progress-buf{position:absolute;top:0;left:0;bottom:0;background:#ffffff40;border-radius:99px}.mp__progress-fill{position:absolute;top:0;left:0;bottom:0;background:var(--accent2);border-radius:99px;display:flex;align-items:center;justify-content:flex-end}.mp__progress-thumb{position:absolute;right:-5px;top:50%;transform:translate(-50%,-50%) scale(0);width:13px;height:13px;background:#fff;border-radius:50%;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}.mp__progress-tooltip{position:absolute;bottom:22px;transform:translate(-50%);background:#000000d9;color:#fff;font-size:11px;padding:2px 7px;border-radius:4px;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp__row{display:flex;align-items:center;justify-content:space-between;gap:4px}.mp__group{display:flex;align-items:center;gap:2px}.mp__btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;border-radius:6px;color:#ffffffd9;cursor:pointer;outline:none;transition:background .12s,color .12s;flex-shrink:0}.mp__btn:hover{background:#ffffff1f;color:#fff}.mp__btn--active,.mp__btn--active:hover{color:var(--accent2)}.mp__btn--play{width:38px;height:38px}.mp__btn--speed{font-size:12px;font-weight:700;width:auto;padding:0 8px;letter-spacing:-.3px}.mp__btn--cc{width:auto;min-width:34px;padding:0 8px;font-size:11px;font-weight:800;letter-spacing:.2px}.mp__btn--caption-style{width:auto;min-width:34px;padding:0 8px;font-size:12px;font-weight:800;letter-spacing:-.4px}.mp__btn svg{width:20px;height:20px}.mp__btn--play svg{width:24px;height:24px}.mp__time{font-size:12px;color:#fffc;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px}.mp__time-sep{opacity:.5}.mp__vol{display:flex;align-items:center;gap:0}.mp__vol-slider-wrap{overflow:hidden;width:0;height:34px;display:flex;align-items:center;transition:width .2s}.mp__vol:hover .mp__vol-slider-wrap{width:84px}.mp__vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:34px;background:transparent;outline:none;cursor:pointer;display:block;padding:0;margin:0}.mp__vol-slider::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(to right,rgba(255,255,255,.9) var(--v, 100%),rgba(255,255,255,.2) var(--v, 100%))}.mp__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;cursor:pointer;transition:transform .12s}.mp__vol-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.mp__vol-slider::-moz-range-track{height:5px;border-radius:99px;background:#fff3}.mp__vol-slider::-moz-range-progress{height:5px;border-radius:99px;background:#ffffffe6}.mp__vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #0006;cursor:pointer}.mp__speed{position:relative}.mp__speed-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:3px;min-width:68px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:20;box-shadow:0 18px 48px #0000006b;transform-origin:bottom right;animation:caption-menu-in .28s var(--ease) both}.mp__speed-opt{background:transparent;border:1px solid transparent;color:var(--text-soft);font-size:13px;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);text-align:center;cursor:pointer;opacity:0;filter:blur(4px);transform:translateY(8px);animation:caption-option-in .26s var(--ease) both;animation-delay:calc(45ms * var(--opt-index, 0))}.mp__speed-opt:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.mp__speed-opt--active{color:var(--accent2);border-color:var(--accent);background:var(--accent-dim);font-weight:700}.mp__caption-style{position:relative;width:0;opacity:0;filter:blur(8px);transform:translate(12px) scale(.94);pointer-events:none;transition:width .36s var(--ease),opacity .36s var(--ease),filter .42s var(--ease),transform .42s var(--ease)}.mp__caption-style--active{width:34px;opacity:1;filter:blur(0);transform:translate(0) scale(1);pointer-events:auto}.mp__caption-style--inactive{width:0;opacity:0;filter:blur(8px);transform:translate(12px) scale(.94);pointer-events:none}.mp__caption-style-menu{position:absolute;right:12px;bottom:calc(100% + 6px);width:244px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:30;box-shadow:0 18px 48px #0000006b;transform-origin:bottom right;animation:caption-menu-in .28s var(--ease) both}.mp__caption-style-group{display:flex;flex-direction:column;gap:6px}.mp__caption-style-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.mp__caption-style-options{display:flex;gap:4px}.mp__caption-style-opt{flex:1;min-height:30px;padding:5px 7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text-soft);font-size:12px;font-weight:600;cursor:pointer;opacity:0;filter:blur(4px);transform:translateY(8px);animation:caption-option-in .26s var(--ease) both;animation-delay:calc(55ms * var(--opt-index, 0))}.mp__caption-style-opt:hover{background:var(--surface3);color:var(--text);border-color:var(--accent)}.mp__caption-style-opt--active{color:var(--accent2);border-color:var(--accent);background:var(--accent-dim)}@container mp (max-width: 520px){.mp__scrim{height:118px}.mp__captions{bottom:calc(72px + env(safe-area-inset-bottom,0px));width:min(var(--caption-width, 72%),calc(100% - 20px));min-width:0;max-width:calc(100% - 20px);max-height:4.45em;overflow:hidden;padding:7px 11px;border-radius:7px;font-size:clamp(13px,4cqw,17px);line-height:1.32;text-wrap:balance}.mp__captions--mobile-default-size{font-size:clamp(12px,3.5cqw,15px);padding:6px 10px}.mp__captions--mobile-default-width{width:min(56%,calc(100% - 20px))}.mp__captions--size-small{font-size:clamp(12px,3.5cqw,15px);padding:6px 10px}.mp__captions--size-large{font-size:clamp(15px,4.8cqw,20px);padding:8px 12px}.mp__captions--low{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.mp__controls{padding:0 8px calc(8px + env(safe-area-inset-bottom,0px));gap:5px}.mp__progress{height:20px;padding:0}.mp__progress-track{height:5px}.mp__progress-thumb{width:15px;height:15px;opacity:1;transform:translate(-50%,-50%) scale(1)}.mp__row{gap:3px;min-width:0}.mp__group{gap:1px;min-width:0}.mp__vol{display:none}.mp__time{font-size:11px;padding:0 2px}.mp__btn{width:40px;height:40px;border-radius:9px}.mp__btn--play{width:42px;height:42px}.mp__btn--cc,.mp__btn--caption-style,.mp__btn--speed{min-width:40px;height:40px;padding:0 9px}.mp__btn svg{width:21px;height:21px}}@container mp (max-width: 380px){.mp__captions{bottom:calc(104px + env(safe-area-inset-bottom,0px))}.mp__captions--low{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.mp__row{flex-wrap:wrap;row-gap:2px}.mp__group{flex:1 1 auto}.mp__group:last-child{justify-content:flex-end}.mp__time{display:none}}@media (max-width: 640px){.mp__caption-style-menu{left:8px;right:8px;bottom:calc(100% + 8px);width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(54cqh,178px);overflow-y:auto;overscroll-behavior:contain;padding:9px;gap:8px;border-radius:12px;background:color-mix(in srgb,var(--surface) 97%,transparent);transform-origin:bottom center;box-shadow:0 16px 44px #00000080}.mp__caption-style-group{gap:4px;min-width:0}.mp__caption-style-label{font-size:9.5px;white-space:nowrap}.mp__caption-style-options{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px}.mp__caption-style-opt{flex:1 1 0;min-width:0;min-height:34px;padding:5px 4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@keyframes caption-menu-in{0%{opacity:0;filter:blur(10px);transform:translateY(12px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes caption-option-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.mp__audio-bg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#111118,#1a1a2e);padding-bottom:56px;position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer}.mp__audio-viz{display:flex;flex-direction:column;align-items:center;gap:16px}.mp__audio-svg{width:88px;height:88px}.mp__audio-ring{transform-origin:60px 40px;animation:audio-ring 2s ease-out infinite;opacity:0}@keyframes audio-ring{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.4);opacity:0}}.mp__audio-bars{display:flex;align-items:center;gap:3px;height:52px}.mp__audio-bar{width:3px;height:3px;background:var(--accent);border-radius:2px;opacity:.3}.mp--fullscreen{border-radius:0;border:none}.mp--fullscreen.mp--video{aspect-ratio:unset;width:100vw;height:100vh}.transcript-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;flex:1}.tp-header{padding:13px 16px 11px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface2);flex-shrink:0}.tp-title{font-weight:700;font-size:13px;letter-spacing:-.1px;display:flex;align-items:center;gap:8px;color:var(--text)}.tp-count{font-weight:500;font-size:11px;color:var(--muted);background:var(--surface3);padding:2px 8px;border-radius:99px;border:1px solid var(--border)}.tp-actions{display:flex;align-items:center;gap:8px}.tp-cc-toggle{border:1px solid var(--border);white-space:nowrap}.tp-cc-toggle--active{color:var(--accent2);background:var(--accent-dim);border-color:var(--accent)}.tp-regen{color:var(--accent2);white-space:nowrap}.tp-regen:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent2)}.tp-regen:disabled{opacity:.45;cursor:not-allowed}.tp-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tp-spin .65s linear infinite}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-search{background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 11px;font-size:13px;font-family:inherit;color:var(--text);outline:none;width:155px;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),width var(--duration) var(--ease)}.tp-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);width:200px}.tp-search::placeholder{color:var(--muted-soft)}@media (max-width: 640px){.tp-header{align-items:stretch;padding:12px;gap:10px}.tp-title{width:100%;flex-wrap:wrap}.tp-actions{width:100%;flex-wrap:wrap;gap:6px}.tp-cc-toggle,.tp-actions>.btn-ghost.small{min-height:40px;justify-content:center}.tp-cc-toggle{flex:0 0 auto;padding-inline:12px}.tp-search{flex:1 1 150px;width:auto;min-width:0;min-height:40px;font-size:16px}.tp-search:focus{width:auto}}.tp-segments{overflow-y:auto;flex:1;padding:4px 0}.tp-seg{display:flex;align-items:flex-start;gap:10px;padding:9px 16px 9px 14px;cursor:pointer;border-left:2px solid transparent;transition:background .36s var(--ease),border-color .36s var(--ease),box-shadow .42s var(--ease),transform .16s var(--ease);position:relative;min-height:44px;overflow:hidden}.tp-seg:hover{background:var(--surface2)}.tp-seg--playing{background:#10b9810a!important;box-shadow:inset 0 0 0 1px #10b98114}.tp-seg--playing .tp-progress-fill{display:block}.tp-progress-fill{display:none;position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to right,transparent 0%,rgba(16,185,129,.08) 30%,rgba(16,185,129,.28) 100%);border-right:2px solid rgba(16,185,129,.9);box-shadow:2px 0 10px #10b98159;pointer-events:none;opacity:.92;transition:width .25s linear,opacity var(--duration) var(--ease);z-index:0}.tp-seg--highlight{background:#f59e0b0a;border-left-color:var(--highlight)}.tp-seg--highlight.tp-seg--playing{background:#10b9810a!important}.tp-ts{flex-shrink:0;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);padding:2px 8px;border-radius:99px;margin-top:2px;white-space:nowrap;background:var(--surface3);border:1px solid var(--border);transition:background .36s var(--ease),color .26s var(--ease),border-color .36s var(--ease),box-shadow .42s var(--ease);position:relative;z-index:1}.tp-seg--playing .tp-ts{color:var(--accent2);background:var(--accent-dim);border-color:var(--accent);opacity:.8;box-shadow:0 0 0 3px #10b98114}.tp-seg:hover .tp-ts{color:var(--text-soft)}.tp-text{font-size:14px;line-height:1.65;color:var(--text-soft);flex:1;position:relative;z-index:1;transition:color .26s var(--ease)}.tp-seg--playing .tp-text{color:var(--text)}.tp-star{flex-shrink:0;margin-top:3px;color:var(--highlight);opacity:.7;position:relative;z-index:1}.tp-reason{display:block;grid-column:2 / -1;font-size:11.5px;color:var(--highlight);opacity:.6;margin-top:3px;font-style:italic;line-height:1.4;position:relative;z-index:1}.tp-seg--rtl{flex-direction:row-reverse;border-left:2px solid transparent;border-right:2px solid transparent;padding:9px 14px 9px 16px}.tp-seg--rtl.tp-seg--highlight{border-left-color:transparent;border-right-color:var(--highlight)}.tp-seg--rtl .tp-text{font-family:var(--rtl-font, "Noto Nastaliq Urdu", "Noto Naskh Arabic", "Jameel Noori Nastaleeq", serif);font-size:var(--rtl-size, 16px);line-height:var(--rtl-lh, 2.2);text-align:right}.tp-seg--rtl .tp-progress-fill{left:auto;right:0;background:linear-gradient(to left,transparent 0%,rgba(16,185,129,.08) 30%,rgba(16,185,129,.28) 100%);border-right:none;border-left:2px solid rgba(16,185,129,.9);box-shadow:-2px 0 10px #10b98159}.tp-empty{padding:40px 24px;text-align:center;color:var(--muted);font-size:13px}.tp-match{background:#f59e0b47;color:var(--text);border-radius:3px;padding:0 2px}.analysis-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ap-section{padding:13px 16px;border-bottom:1px solid var(--border)}.ap-section:last-child{border-bottom:none}.ap-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}.ap-label-actions{display:inline-flex;align-items:center;gap:4px;position:relative}.ap-variants{position:relative}.ap-variants-btn{min-width:28px;height:24px;padding:2px 7px;border-radius:99px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px}.ap-variants-btn:hover{color:var(--accent2);border-color:var(--accent);background:var(--accent-dim)}.ap-variants-btn:hover .ap-variants-icon-arc{transform:rotate(-38deg)}.ap-variants-btn:hover .ap-variants-icon-clock{transform:translate(-1px)}.ap-variants-icon{flex-shrink:0;overflow:visible}.ap-variants-icon-arc,.ap-variants-icon-clock{transform-origin:12px 12px;transition:transform .26s var(--ease)}.ap-variants-icon-arrow{transition:transform .26s var(--ease)}.ap-variants-count{color:currentColor;font-size:10px;font-weight:700;line-height:1;opacity:.75}.ap-variants-btn:hover .ap-variants-count{color:var(--accent2);opacity:1}.ap-variants-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:320px;max-width:min(320px,calc(100vw - 32px));max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000059;padding:6px;text-transform:none;letter-spacing:normal;font-weight:500;transform-origin:top right;animation:ap-variants-menu-in .28s var(--ease) both}.ap-variants-menu--highlights{width:360px;max-width:min(360px,calc(100vw - 32px));max-height:300px}.ap-variants-item--highlights{padding:7px}.ap-variants-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:start;gap:8px;width:100%;text-align:left;padding:8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-soft);text-transform:none;letter-spacing:normal;font-weight:500;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease);opacity:0;filter:blur(4px);transform:translateY(8px);animation:ap-variants-item-in .26s var(--ease) both}.ap-variants-item:nth-child(1){animation-delay:0ms}.ap-variants-item:nth-child(2){animation-delay:45ms}.ap-variants-item:nth-child(3){animation-delay:90ms}.ap-variants-item:nth-child(4){animation-delay:135ms}.ap-variants-item:nth-child(5){animation-delay:.18s}.ap-variants-item:nth-child(n+6){animation-delay:225ms}@keyframes ap-variants-menu-in{0%{opacity:0;filter:blur(10px);transform:translateY(12px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes ap-variants-item-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.ap-variants-item:hover{background:var(--surface2);color:var(--text)}.ap-variants-item--open{background:var(--surface2);border-color:var(--border)}.ap-variants-item+.ap-variants-item{margin-top:7px}.ap-variants-item+.ap-variants-item:before{content:"";position:absolute;top:-4px;left:8px;right:8px;height:1px;background:var(--border);opacity:.8}.ap-variants-text{min-width:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.5;text-align:left;white-space:pre-wrap;cursor:pointer}.ap-variants-text:hover{color:var(--accent2)}.ap-variants-empty{color:var(--muted);font-style:italic}.ap-variants-moments,.ap-variants-moments-list{display:flex;min-width:0;flex-direction:column}.ap-variants-moments{gap:5px}.ap-variants-moments-summary{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.2px}.ap-variants-moments-list{gap:3px}.ap-variants-moment{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:6px;padding:3px 0}.ap-variants-moment-index{width:16px;height:16px;border-radius:50%;background:var(--surface2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;line-height:1}.ap-variants-moment-reason{min-width:0;color:var(--text-soft);line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ap-variants-moment-time{color:var(--muted);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid var(--border);border-radius:4px;padding:1px 5px;line-height:1.35}.ap-variants-item--highlights:hover .ap-variants-moment-index{background:var(--accent-dim);color:var(--accent2)}.ap-variants-item--highlights:hover .ap-variants-moment-time{color:var(--accent2);border-color:var(--accent)}.ap-variants-moments-more{color:var(--muted);font-size:10px;font-weight:700;margin-left:22px;opacity:.8}.ap-variants-more{width:26px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.65}.ap-variants-more:hover,.ap-variants-more[aria-expanded=true]{opacity:1;color:var(--accent2);background:var(--accent-dim)}.ap-variants-time{color:var(--muted);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.7;text-transform:none;letter-spacing:0}.ap-variants-details{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;max-height:0;opacity:0;filter:blur(4px);transform:translateY(-4px);overflow:hidden;transition:max-height .36s var(--ease),opacity .32s var(--ease),filter .42s var(--ease),transform .42s var(--ease),margin-top .36s var(--ease)}.ap-variants-item--open .ap-variants-details{max-height:44px;opacity:1;filter:blur(0);transform:translateY(0);margin-top:6px}.ap-variants-detail-actions{position:relative;display:grid;align-items:center;justify-items:end;min-height:26px;min-width:134px;overflow:hidden}.ap-variants-actions-main,.ap-variants-confirm{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;transition:opacity .32s var(--ease),filter .42s var(--ease),transform .42s var(--ease)}.ap-variants-actions-main{opacity:1;filter:blur(0);transform:translate(0) scale(1)}.ap-variants-confirm{opacity:0;filter:blur(8px);transform:translate(12px) scale(.96);pointer-events:none}.ap-variants-detail-actions--confirming .ap-variants-actions-main{opacity:0;filter:blur(8px);transform:translate(-12px) scale(.96);pointer-events:none}.ap-variants-detail-actions--confirming .ap-variants-confirm{opacity:1;filter:blur(0);transform:translate(0) scale(1);pointer-events:auto}.ap-variants-action{padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:11px;font-weight:600;cursor:pointer}.ap-variants-action:hover{color:var(--accent2);border-color:var(--accent);background:var(--accent-dim)}.ap-variants-action--danger:hover{color:var(--danger);background:var(--danger-dim);border-color:#ef444459}.ap-variants-confirm-text{color:var(--danger);font-size:11px;font-weight:700;white-space:nowrap}.btn-copy{background:none;color:var(--muted);font-size:14px;padding:2px 6px;border-radius:5px;cursor:pointer;border:none;outline:none}.btn-copy:hover{background:var(--surface2);color:var(--text)}.btn-copy:disabled{opacity:.45;cursor:not-allowed}.btn-copy:disabled:hover{background:transparent;color:var(--muted)}.btn-regen{color:var(--accent2)}.btn-regen:hover{background:var(--accent-dim);color:var(--accent2)}.ap-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ap-spin .65s linear infinite}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-title{font-size:15px;font-weight:600;color:var(--text);line-height:1.4}.ap-desc{font-size:13px;color:var(--text);line-height:1.6;opacity:.85}.ap-tags{display:flex;flex-wrap:wrap;gap:6px}.ap-tag{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:2px 10px;font-size:12px;color:var(--muted)}.ap-highlights{display:flex;flex-direction:column;gap:2px}.ap-highlight-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;padding:6px 8px;border-radius:6px;transition:background .12s}.ap-highlight-item--clickable{cursor:pointer}.ap-highlight-item--clickable:hover{background:var(--surface2)}.ap-highlight-item--clickable:hover .ap-hi-ts{color:var(--accent2);border-color:var(--accent2)}.ap-hi-star{color:var(--highlight);flex-shrink:0;margin-top:2px}.ap-hi-reason{color:var(--text);opacity:.85;line-height:1.5;flex:1}.ap-hi-ts{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin-top:2px;transition:color .12s,border-color .12s;white-space:nowrap}.ap-parse-error{font-size:13px;color:var(--muted);line-height:1.5}.ap-raw{font-size:12px;color:var(--muted);white-space:pre-wrap;word-break:break-word;background:var(--surface2);border-radius:6px;padding:10px;font-family:monospace}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:54px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;flex-shrink:0}.logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.4px;color:var(--text);background:none;border:none;padding:0;font-family:inherit;cursor:default}.logo[href]{cursor:pointer;text-decoration:none}.logo[href]:hover{text-decoration:none}.logo svg{flex-shrink:0}.logo--home{cursor:pointer;border-radius:8px;transition:opacity .15s ease,background .15s ease}.logo--home:hover{opacity:.88;background:var(--surface2)}.logo--home:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.logo:disabled{opacity:1;cursor:default}.header-meta{display:flex;align-items:center;gap:10px}@media (max-width: 640px){.app-header{height:50px;padding:0 12px;gap:8px}.logo{flex:0 0 auto;gap:8px;min-width:0;font-size:15px}.logo span{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo svg{width:24px;height:24px}.header-meta{flex:1 1 auto;justify-content:flex-end;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header-meta::-webkit-scrollbar{display:none}.header-meta .badge{display:inline-flex;align-items:center;justify-content:center;max-width:112px;min-height:30px;padding:3px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;flex:0 1 auto}.header-meta .badge-btn,.header-meta .badge:not(.badge-btn){display:none}.header-meta .btn-ghost{width:32px;height:32px;padding:0;justify-content:center;overflow:hidden;font-size:0;flex:0 0 auto}.header-meta .btn-ghost svg{width:16px;height:16px}.header-meta .btn-icon-ghost{flex:0 0 auto}}@media (max-width: 380px){.logo span{max-width:84px}.header-meta .badge{max-width:92px;padding-inline:8px}}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.center-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px}.home-wrap{align-items:flex-start;overflow-y:auto}.home-stack{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:560px;padding:12px 0 32px}.home-stack>.uploader{opacity:0;filter:blur(8px);transform:translateY(14px) scale(.98);animation:home-uploader-in .36s var(--ease) both}@keyframes home-uploader-in{0%{opacity:0;filter:blur(8px);transform:translateY(14px) scale(.98)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.workspace{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:0;overflow:hidden}.wp-left{width:var(--left-w, 600px);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.wp-player{flex-shrink:0}.wp-sidebar{display:flex;flex-direction:column;gap:6px;padding:16px;flex:1;min-height:0;overflow:hidden}.workspace--theater{flex-direction:column}.wp-theater-player{flex:0 0 auto;width:100%}.wp-theater-bottom{flex:1;display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-height:0}.workspace--theater .wp-sidebar{width:var(--left-w, 600px);flex-shrink:0;flex:none;min-height:0;overflow-y:auto}.workspace--theater .wp-transcript{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:12px 20px 12px 6px}.workspace--theater .transcript-panel{flex:1;min-height:0}.workspace--theater .tp-segments,.workspace--theater .analysis-panel{flex:1;min-height:0;overflow-y:auto}.wp-divider{width:14px;flex-shrink:0;cursor:col-resize;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;z-index:10;-webkit-user-select:none;user-select:none}.wp-divider-bar{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--border);transition:width .15s var(--ease),background .15s var(--ease)}.wp-divider:hover .wp-divider-bar{width:2px;background:var(--accent)}.wp-divider-dots{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px 0;background:var(--surface2);border:1px solid var(--border);border-radius:99px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);z-index:1}.wp-divider-dots span{display:block;width:3px;height:3px;border-radius:50%;background:var(--muted-soft);margin:0 4px;transition:background .15s}.wp-divider:hover .wp-divider-dots{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.wp-divider:hover .wp-divider-dots span{background:var(--accent2)}.wp-transcript{flex:1;min-width:0;overflow-y:auto;padding:16px 20px 16px 6px;display:flex;flex-direction:column}.empty-transcript{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;min-height:300px;background:var(--surface);border-radius:var(--radius-lg);border:1px dashed var(--border);color:var(--muted);text-align:center;line-height:1.8;font-size:14px}.file-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}.file-name{font-size:13px;font-weight:500;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.action-row{display:flex;gap:8px;flex-wrap:wrap}.analyze-cta{width:100%;justify-content:center;animation:sidebar-action-in .18s var(--ease) both}.analyze-setup{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease),box-shadow var(--duration) var(--ease);animation:sidebar-action-in .18s var(--ease) both}.analyze-setup:hover{border-color:#10b98173;background:var(--accent-dim);box-shadow:0 0 0 3px #10b98114}.analyze-setup-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent2)}.analyze-setup-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.analyze-setup-title{font-size:13.5px;font-weight:600;color:var(--text);letter-spacing:-.1px}.analyze-setup-desc{font-size:12px;color:var(--muted);line-height:1.4}.analyze-setup-chevron{flex-shrink:0;color:var(--muted);transition:color var(--duration) var(--ease),transform var(--duration) var(--ease)}.analyze-setup:hover .analyze-setup-chevron{color:var(--accent2);transform:translate(2px)}@media (prefers-reduced-motion: reduce){.analyze-setup:hover .analyze-setup-chevron{transform:none}}@keyframes sidebar-action-in{0%{opacity:0;filter:blur(5px);transform:translateY(4px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.btn-primary{background:var(--accent);color:#fff;padding:9px 18px;border-radius:var(--radius);font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;letter-spacing:-.1px}.btn-primary:not(:disabled):hover{background:var(--accent2);box-shadow:var(--accent-glow)}.btn-secondary{background:var(--surface2);color:var(--text-soft);border:1px solid var(--border);padding:9px 18px;border-radius:var(--radius);font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.btn-secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent2);background:var(--accent-dim)}.btn-ghost{background:transparent;color:var(--muted);font-size:13px;font-weight:500;padding:5px 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:var(--surface2);color:var(--text-soft)}.btn-ghost.small{font-size:12px;padding:4px 8px}.btn-icon-ghost{background:transparent;color:var(--muted);width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.btn-icon-ghost:hover{background:var(--surface2);color:var(--text-soft)}.badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:99px}.badge-ok{background:var(--success-dim);color:var(--success);border:1px solid rgba(34,197,94,.25)}.badge-warn{background:var(--highlight-dim);color:var(--highlight);border:1px solid rgba(245,158,11,.25)}.badge-btn{cursor:pointer;font-family:inherit;transition:opacity var(--duration) var(--ease)}.badge-btn:hover{opacity:.75}.no-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:160px;background:var(--surface);border-radius:var(--radius);padding:24px;text-align:center}.no-video-msg{font-size:13px;color:var(--muted);margin:0}.no-video-name{font-size:11px;color:var(--muted);opacity:.6}.no-video-pick{cursor:pointer}.error-box{background:var(--danger-dim);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--danger);line-height:1.5;opacity:0;filter:blur(8px);transform:translateY(-6px) scale(.98);transition:opacity .18s var(--ease),filter .22s var(--ease),transform .22s var(--ease)}.error-box--visible{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.spinner-lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.confirm-change{display:grid;align-items:center;flex-shrink:0;justify-items:end;min-height:28px}.confirm-change-label{font-size:12px;color:var(--muted)}.confirm-change-main,.confirm-change-confirm{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;transition:opacity .32s var(--ease),filter .42s var(--ease),transform .42s var(--ease)}.confirm-change-main{opacity:1;filter:blur(0);transform:translate(0) scale(1)}.confirm-change-confirm{opacity:0;filter:blur(8px);transform:translate(12px) scale(.96);pointer-events:none}.confirm-change--active .confirm-change-main{opacity:0;filter:blur(8px);transform:translate(-12px) scale(.96);pointer-events:none}.confirm-change--active .confirm-change-confirm{opacity:1;filter:blur(0);transform:translate(0) scale(1);pointer-events:auto}.btn-danger-sm{font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-sm);background:var(--danger-dim);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger-sm:not(:disabled):hover{background:var(--danger);color:#fff}.transcribe-progress{display:flex;flex-direction:column;gap:6px}.transcribe-progress-header{display:flex;align-items:center;justify-content:space-between}.transcribe-progress-label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.3px}.transcribe-progress-pct{font-size:11px;color:var(--accent2);font-variant-numeric:tabular-nums}.transcribe-progress-track{height:4px;background:var(--surface3);border-radius:99px;overflow:hidden}.transcribe-progress-fill{height:100%;background:linear-gradient(to right,var(--accent),var(--accent2));border-radius:99px;transition:width .4s var(--ease)}.transcribe-progress-fill--indeterminate{background:linear-gradient(90deg,transparent 0%,var(--accent) 40%,var(--accent2) 60%,transparent 100%);background-size:200% 100%;animation:progress-shimmer 1.6s linear infinite}@keyframes progress-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 900px){.workspace{flex-direction:column;height:auto;overflow:visible}.wp-left{width:100%!important}.wp-divider{display:none}.wp-transcript{padding:0 16px 16px;overflow:visible}}.sv-message{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.sv-logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--text);text-decoration:none}.sv-logo:hover{text-decoration:none}.sv-error,.sv-loading{color:var(--text-soft);font-size:15px;display:inline-flex;align-items:center;gap:10px}.sv-views{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.sv-file-actions{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.sv-video-action{display:grid;align-items:center;justify-items:start}.sv-video-action-main,.sv-video-action-progress{grid-area:1 / 1;display:inline-flex;align-items:center;transition:opacity .32s var(--ease),filter .42s var(--ease),transform .42s var(--ease)}.sv-video-action-main{opacity:1;filter:blur(0);transform:translate(0) scale(1)}.sv-video-action-progress{opacity:0;filter:blur(8px);transform:translate(12px) scale(.96);pointer-events:none}.sv-video-action--downloading .sv-video-action-main{opacity:0;filter:blur(8px);transform:translate(-12px) scale(.96);pointer-events:none}.sv-video-action--downloading .sv-video-action-progress{opacity:1;filter:blur(0);transform:translate(0) scale(1)}.sv-download-progress{gap:6px;min-width:96px;padding:0 4px;color:var(--text-soft)}.sv-download-progress__track{position:relative;width:48px;height:4px;overflow:hidden;border-radius:999px;background:var(--surface3)}.sv-download-progress__bar{position:absolute;inset:0 auto 0 0;width:var(--download-progress, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .18s var(--ease)}.sv-download-progress.is-indeterminate .sv-download-progress__bar{width:42%;animation:sv-download-indeterminate .98s ease-in-out infinite}.sv-download-progress__label{min-width:31px;font-size:11px;font-weight:600;line-height:1;color:var(--accent2);font-variant-numeric:tabular-nums}@keyframes sv-download-indeterminate{0%{transform:translate(-120%)}55%{transform:translate(150%)}to{transform:translate(150%)}}@media (prefers-reduced-motion: reduce){.sv-video-action-main,.sv-video-action-progress,.sv-download-progress__bar,.sv-download-progress.is-indeterminate .sv-download-progress__bar{animation:none;transition:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #161616;--surface2: #1e1e1e;--surface3: #252525;--border: #2a2a2a;--border-soft: #222222;--accent: #10b981;--accent2: #34d399;--accent-dim: rgba(16, 185, 129, .12);--accent-glow: 0 0 24px rgba(16, 185, 129, .28);--success: #22c55e;--success-dim: rgba(34, 197, 94, .12);--highlight: #f59e0b;--highlight-dim: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .12);--cta: #f97316;--text: #e8e8e8;--text-soft: #ababab;--muted: #6b6b6b;--muted-soft: #4a4a4a;--glass-bg: rgba(22, 22, 22, .85);--glass-border: rgba(255, 255, 255, .06);--radius: 10px;--radius-lg: 14px;--radius-sm: 6px;--ease: cubic-bezier(.16, 1, .3, 1);--duration: .18s}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--surface2: #f0f0f0;--surface3: #e6e6e6;--border: #d8d8d8;--border-soft: #e8e8e8;--accent: #059669;--accent2: #10b981;--accent-dim: rgba(5, 150, 105, .1);--accent-glow: 0 0 24px rgba(5, 150, 105, .2);--success: #16a34a;--success-dim: rgba(22, 163, 74, .1);--highlight: #d97706;--highlight-dim: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .1);--text: #111111;--text-soft: #333333;--muted: #6b7280;--muted-soft: #9ca3af;--glass-bg: rgba(255, 255, 255, .88);--glass-border: rgba(0, 0, 0, .08)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted-soft)}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),opacity .15s,transform .12s var(--ease)}button:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}button:not(:disabled):active{transform:scale(.97)}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
