:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #e0e7ff;--secondary: #8b5cf6;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}html{background-color:var(--gray-50)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);line-height:1.5;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:0;margin:0;position:relative;background-color:transparent}.app:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.03) 0%,transparent 50%);z-index:-1;pointer-events:none}.app-header{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:50;width:100%;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.nav-container{max-width:1400px;margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.875rem;cursor:default}.nav-logo{height:2.75rem;width:auto;object-fit:contain;transition:transform var(--transition-base)}.nav-logo:hover{transform:scale(1.05) rotate(2deg)}.nav-brand-text{display:flex;flex-direction:column;gap:.125rem}.nav-title{font-size:1.375rem;font-weight:700;color:var(--gray-900);letter-spacing:-.03em;line-height:1;margin:0}.nav-subtitle{font-size:.75rem;color:var(--gray-500);font-weight:500;letter-spacing:.01em}.nav-actions{display:flex;align-items:center;gap:1.25rem}.nav-brand-button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.theme-toggle{width:42px;height:42px;border-radius:var(--radius-full);background:var(--gray-100);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative}.theme-toggle:hover{background:var(--gray-200);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{color:var(--gray-700);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.nav-user{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--gray-200);transition:all var(--transition-base)}.nav-user:hover{background:var(--gray-100);border-color:var(--gray-300)}.nav-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;text-transform:uppercase;flex-shrink:0}.nav-user-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.nav-user-name{font-size:.875rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.nav-signout{font-size:.75rem;color:var(--gray-500);background:none;border:none;padding:0;cursor:pointer;font-weight:500;transition:color var(--transition-fast);text-align:left}.nav-signout:hover{color:var(--danger)}.nav-user-links{display:flex;gap:var(--space-sm);flex-wrap:wrap}.app-loading-state,.app-error-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;background:var(--gray-50);color:var(--gray-900)}.app-error-state{min-height:auto;max-width:560px;margin:auto;background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.app-error-state h1{margin:0;font-size:1.5rem}.app-error-state p,.app-loading-state p{color:var(--gray-600);margin:0}.app-spinner{width:42px;height:42px;border-radius:var(--radius-full);border:4px solid var(--gray-200);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app>*:not(.app-header):not(.app-footer):not(.hero-section):not(.breaking-news-ticker){max-width:1200px;margin:0 auto;width:calc(100% - 2 * var(--space-xl));padding:0;box-sizing:border-box}.app>.breaking-news-ticker,.breaking-news-ticker{width:100%;max-width:none;overflow:hidden;background:#111827;color:#fff;border-bottom:3px solid var(--danger);box-shadow:0 2px 10px #1118272e}.breaking-news-track{display:flex;width:max-content;padding:.55rem 0;font-size:.875rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;animation:breakingNewsScroll 24s linear infinite}.breaking-news-group{display:flex;flex:0 0 auto;min-width:100vw;justify-content:space-around;gap:3rem}.breaking-news-track span{flex:0 0 auto}@keyframes breakingNewsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.video-input{display:flex;gap:var(--space-md);margin:var(--space-xl) auto;background:white;padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:fadeIn .6s ease-out;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-input:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s}.video-input:hover:before{left:100%}.video-input input{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);background:var(--gray-50);height:auto}.video-input input:focus{outline:none;border-color:var(--primary);background:white;transform:scale(1.02)}.video-input button{padding:var(--space-sm) var(--space-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden;height:auto}.video-input button.primary-cta{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);font-size:1rem;letter-spacing:.02em;text-transform:none;box-shadow:0 4px 15px #6366f133}.video-input button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.video-input button:hover:before{width:300px;height:300px}.video-input button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.restore-button{background:var(--secondary)!important;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.restore-button:hover{background:#7c3aed!important;animation:none}.media-area-card{background:white;border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) auto;box-shadow:var(--shadow-md);animation:slideUp .6s ease-out;box-sizing:border-box;width:100%;max-width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-chat-row{display:flex;gap:var(--space-lg);align-items:flex-start}.video-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-md)}.youtube-player{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}.youtube-player iframe{width:100%;height:100%;border:none;display:block}.chat-col{width:350px}.live-chat-panel iframe{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.media-controls-row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;background:var(--gray-50);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.chat-toggle-button{padding:var(--space-sm) var(--space-md);background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.chat-toggle-button:hover{background:var(--gray-200);border-color:var(--gray-300);transform:translateY(-1px)}.clip-controls{display:flex;align-items:center;gap:var(--space-md);flex:1}.media-controls-row .clip-controls h3{display:none}.mode-toggle{display:flex;gap:var(--space-md);padding:var(--space-xs);background:var(--gray-100);border-radius:var(--radius-md);width:fit-content}.mode-label{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:.875rem;font-weight:500}.mode-label:has(input:checked){background:white;box-shadow:var(--shadow-sm);color:var(--primary)}.mode-label input[type=radio],.mode-label input[type=checkbox]{margin:0}.clip-privacy-toggle{background:var(--gray-100);border-radius:var(--radius-md)}.control-buttons{display:flex;gap:var(--space-sm);align-items:center}.control-button{padding:var(--space-sm) var(--space-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-xs);position:relative;overflow:hidden}.control-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.control-button:hover:before{width:200px;height:200px}.control-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.control-button:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.skip-segment-manager{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg);border:1px solid var(--gray-200);animation:expandIn .3s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.skip-segment-header h4{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-md)}.skip-segment-controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.skip-button{padding:var(--space-xs) var(--space-sm);background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.skip-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.skip-button:disabled{background:var(--gray-300);cursor:not-allowed}.pending-skip{color:var(--warning);font-size:.875rem;font-weight:500;background:rgba(245,158,11,.1);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);width:fit-content;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.skip-segments-list{display:flex;flex-direction:column;gap:var(--space-sm)}.skip-segment-item{display:flex;justify-content:space-between;align-items:center;background:white;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all var(--transition-base);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.skip-segment-item:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);transform:translate(-2px)}.skip-segment-range{font-weight:500;color:var(--gray-700)}.skip-segment-actions{display:flex;align-items:center;gap:var(--space-xs)}.adjust-button{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:500;transition:all var(--transition-fast)}.adjust-button:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-300);transform:scale(1.1)}.delete-button{background:var(--danger);border:none;color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.813rem;font-weight:500;transition:all var(--transition-base);margin-left:var(--space-sm)}.delete-button:hover:not(:disabled){background:#dc2626;transform:scale(1.05);box-shadow:var(--shadow-sm)}.clip-list{background:white;border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) auto;box-shadow:var(--shadow-md);animation:fadeIn .6s ease-out;box-sizing:border-box;width:100%;max-width:100%}.clip-list h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-lg)}.clips-container{display:flex;flex-direction:column;gap:var(--space-md)}.clip-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideInLeft .4s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.clip-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);transition:left .5s}.clip-item:hover:before{left:100%}.clip-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.clip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.clip-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);flex:1;overflow-wrap:anywhere}.private-indicator{background:var(--gray-700)}.clip-actions{display:flex;gap:var(--space-xs)}.action-button{padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.action-button:hover:before{width:100px;height:100px}.action-button.play{background:var(--primary);color:#fff}.action-button.play:hover{background:var(--primary-hover);transform:scale(1.05)}.action-button.share{background:var(--info);color:#fff}.action-button.share:hover{background:#2563eb;transform:scale(1.05)}.action-button.share.copied{background:var(--success);animation:checkmark .5s ease-out}.action-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.action-button:disabled:hover{transform:none}.clip-edit-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.clip-edit-input{flex:1;min-width:0;padding:var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);font:inherit}@keyframes checkmark{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.action-button.delete{background:var(--danger);color:#fff}.action-button.delete:hover{background:#dc2626;transform:scale(1.05)}.clip-timestamps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.timestamp-group{background:white;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all var(--transition-base)}.timestamp-group:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.timestamp-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-xs)}.timestamp-row{display:flex;justify-content:space-between;align-items:center}.timestamp-value{font-weight:500;color:var(--gray-700)}.adjust-buttons{display:flex;gap:.25rem}.adjust-buttons .adjust-button{padding:.125rem .375rem;font-size:.75rem}.clip-skip-info{background:var(--primary-light);padding:var(--space-sm);border-radius:var(--radius-md);margin-top:var(--space-sm);animation:fadeIn .3s ease-out}.skip-info-label{font-size:.875rem;font-weight:600;color:var(--primary)}.skip-info-details{margin-top:var(--space-xs);display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skip-detail{font-size:.75rem;color:var(--gray-700);background:white;padding:.125rem .5rem;border-radius:var(--radius-sm);animation:popIn .3s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.export-controls{display:flex;justify-content:center;margin:var(--space-xl) auto;padding:0;width:100%}.export-button{padding:var(--space-sm) var(--space-lg);background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.export-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.export-button:hover:before{width:200px;height:200px}.export-button:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md)}.export-button:disabled{background:var(--gray-300);cursor:not-allowed}.share-url{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;animation:fadeIn .4s ease-out;margin-top:var(--space-lg)}.share-url h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-md)}.share-url-content{display:flex;gap:var(--space-sm);align-items:center;background:white;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all var(--transition-base)}.share-url-content:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.share-url-input{flex:1;border:none;background:none;font-family:monospace;font-size:.875rem;color:var(--gray-700)}.copy-button{padding:var(--space-xs) var(--space-sm);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.copy-button:hover{background:var(--primary-hover);transform:scale(1.05)}.copy-button.copied{background:var(--success);animation:checkmark .5s ease-out}.share-url-below-clips{max-width:100%;margin:0 auto;padding:0;box-sizing:border-box;width:100%}.clip-view{min-height:100vh;display:flex;flex-direction:column;background:transparent;margin:0;padding:0;position:relative}.clip-view:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.03) 0%,transparent 50%);z-index:-1;pointer-events:none}.clip-view-header{padding:var(--space-lg);background:white;border-bottom:1px solid var(--gray-200);width:100%;box-shadow:0 1px 3px #0000000d}.back-button{padding:var(--space-sm) var(--space-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:.875rem;display:flex;align-items:center;gap:var(--space-xs)}.back-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.clip-player-container{max-width:1200px;width:calc(100% - 2 * var(--space-xl));margin:var(--space-xl) auto;padding:0;position:relative;box-sizing:border-box}.clip-player{width:100%;aspect-ratio:16/9;background:black;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mode-indicator{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-md);animation:slideInRight .5s ease-out}.clip-timeline-bar{max-width:1200px;width:calc(100% - 2 * var(--space-xl));margin:var(--space-lg) auto;padding:var(--space-lg);background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-md);box-sizing:border-box}.clip-timeline-time{font-size:.875rem;font-weight:600;color:var(--gray-700);min-width:60px;text-align:center}.clip-timeline-slider{flex:1;height:6px;border-radius:var(--radius-full);background:var(--gray-200);outline:none;cursor:pointer;-webkit-appearance:none}.clip-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--primary);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.clip-timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg)}.clip-timeline-slider:disabled{opacity:.5;cursor:not-allowed}.clip-details{margin:0;padding:var(--space-xl);background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fadeIn .6s ease-out;box-sizing:border-box}.clip-watch-layout{max-width:1320px;width:calc(100% - 2 * var(--space-xl));margin:var(--space-lg) auto var(--space-xl);display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-lg);align-items:start}.clip-main-column{min-width:0}.clip-description{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap}.clip-description h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.clip-description .mode-indicator{position:static;display:inline-block;animation:none}.clip-timing{color:var(--gray-600);font-size:.875rem;margin-top:var(--space-sm);margin-bottom:var(--space-md)}.clip-long-description{color:var(--gray-700);line-height:1.55;margin:0 0 var(--space-md);max-width:72ch}.clip-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 0 var(--space-md)}.clip-tag-list span{border-radius:var(--radius-full);padding:.2rem .55rem;background:var(--gray-100);color:var(--gray-700);font-size:.75rem;font-weight:800}.clip-controls-view{display:flex;gap:var(--space-md);flex-wrap:wrap}.clip-transcript-panel{margin-top:var(--space-lg);padding:var(--space-md);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.clip-transcript-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.clip-transcript-header h3{margin:0;color:var(--gray-900);font-size:1rem;font-weight:800}.clip-transcript-header span,.clip-transcript-status{color:var(--gray-600);font-size:.86rem;font-weight:700}.clip-transcript-status{margin:0;line-height:1.5}.clip-transcript-lines{display:flex;flex-direction:column;gap:0;max-height:360px;overflow:auto}.clip-transcript-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-sm);width:100%;border:0;border-radius:var(--radius-md);background:transparent;padding:.58rem var(--space-sm);color:var(--gray-800);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.clip-transcript-line:hover,.clip-transcript-line.active{background:white}.clip-transcript-line.active{box-shadow:inset 4px 0 0 var(--primary)}.clip-transcript-time{color:var(--gray-600);font-size:.8rem;font-weight:900;font-variant-numeric:tabular-nums}.clip-transcript-text{color:var(--gray-900);font-size:.95rem;line-height:1.45}.clip-recommended-feed{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0;padding:var(--space-md);position:sticky;top:92px;width:100%}.clip-recommended-feed h3{color:var(--gray-700);font-size:.86rem;margin:0 0 var(--space-sm)}.clip-recommended-list{display:flex;flex-direction:column;gap:var(--space-xs)}.clip-recommended-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-sm);align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-xs);background:var(--gray-50);color:inherit;text-decoration:none}.clip-recommended-item:hover{border-color:var(--primary);background:rgba(99,102,241,.08)}.clip-recommended-item img{width:96px;aspect-ratio:16 / 9;border-radius:var(--radius-sm);object-fit:cover;background:#000}.clip-recommended-item span{display:grid;gap:.15rem;min-width:0}.clip-recommended-item strong,.clip-recommended-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-recommended-item strong{color:var(--gray-900);font-size:.82rem;line-height:1.25}.clip-recommended-item small{color:var(--gray-500);font-size:.68rem;line-height:1.2}.loop-toggle-button{padding:var(--space-sm) var(--space-md);background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.loop-toggle-button.active{background:var(--primary);color:#fff;border-color:var(--primary);animation:pulse 2s infinite}.loop-toggle-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.share-button{padding:var(--space-sm) var(--space-md);background:var(--info);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.share-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.share-button:hover:before{width:150px;height:150px}.share-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-button.copied{background:var(--success);animation:checkmark .5s ease-out}.app-footer{margin-top:auto;padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--gray-500);font-size:.875rem;border-top:1px solid var(--gray-200);background:white;width:100%;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.footer-links{display:flex;align-items:center;gap:var(--space-sm)}.footer-links button{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;padding:.25rem .35rem;border-radius:var(--radius-sm);transition:color var(--transition-base),background var(--transition-base)}.footer-links button:hover{color:var(--primary-hover);background:var(--primary-light)}.legal-page{margin:var(--space-xl) auto var(--space-2xl);width:100%}.legal-document{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2xl)}.legal-header{border-bottom:1px solid var(--gray-200);padding-bottom:var(--space-xl);margin-bottom:var(--space-xl)}.legal-kicker{color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:.08em;margin:var(--space-lg) 0 var(--space-xs);text-transform:uppercase}.legal-header h2{color:var(--gray-900);font-size:2.25rem;line-height:1.1;margin:0 0 var(--space-sm)}.legal-header p:last-child{color:var(--gray-500);margin:0}.legal-content{display:grid;gap:var(--space-xl)}.legal-content section{display:grid;gap:var(--space-sm)}.legal-content h3{color:var(--gray-900);font-size:1.125rem;margin:0}.legal-content p{color:var(--gray-600);margin:0;max-width:72ch}.no-clips-message{text-align:center;color:var(--gray-500);padding:var(--space-2xl);font-style:italic;animation:fadeIn .5s ease-out}.center-video{justify-content:center}.media-divider{height:1px;background:var(--gray-200);margin:var(--space-xl) 0}.hero-section{padding:var(--space-lg) 0 var(--space-xl) 0;text-align:center;animation:heroFadeIn .8s ease-out;position:relative;overflow:hidden;width:100%;margin:0 auto}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:rotate 30s linear infinite;z-index:-1;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content{max-width:900px;margin:0 auto;padding:0 var(--space-lg);width:100%;box-sizing:border-box}.hero-logo-container{position:relative;width:100px;margin:0 auto var(--space-md) auto;display:block}.hero-logo{width:100%;height:auto;display:block;animation:heroLogoEntrance 1s ease-out,float 3s ease-in-out infinite 1s;filter:drop-shadow(0 10px 30px rgba(99,102,241,.2));object-fit:contain;position:relative;z-index:1}.camera-flash{position:absolute;top:70%;right:40%;width:12px;height:12px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,100,.8) 30%,transparent 70%);border-radius:50%;opacity:0;animation:cameraFlash 3s ease-in-out infinite 2s;pointer-events:none;z-index:2}@keyframes cameraFlash{0%,90%,to{opacity:0;transform:scale(.5)}92%{opacity:1;transform:scale(1)}95%{opacity:.8;transform:scale(1.5)}98%{opacity:0;transform:scale(2)}}@keyframes heroLogoEntrance{0%{opacity:0;transform:scale(.5) rotate(-180deg)}50%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-light) 0%,#f0e7ff 100%);color:var(--primary);padding:.375rem var(--space-sm);border-radius:var(--radius-full);font-size:.813rem;font-weight:600;margin-bottom:var(--space-sm);animation:fadeIn .8s ease-out .5s both}.hero-title{font-size:2.75rem;font-weight:800;line-height:1.1;margin:0 0 var(--space-md) 0;color:var(--gray-900);letter-spacing:-.03em;animation:fadeIn .8s ease-out .7s both}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-subtitle{font-size:1.125rem;color:var(--gray-600);line-height:1.5;margin:0 0 var(--space-lg) 0;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeIn .8s ease-out .9s both}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-lg) auto;max-width:800px;width:100%;padding:0 var(--space-lg);box-sizing:border-box}.feature-card{background:white;padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:1px solid var(--gray-200);animation:featureSlideUp .6s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}@keyframes featureSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.feature-icon{font-size:2rem;margin-bottom:var(--space-xs);display:block;animation:bounce 2s ease-in-out infinite;animation-delay:var(--delay, 0s)}.feature-card:nth-child(1) .feature-icon{--delay: 0s}.feature-card:nth-child(2) .feature-icon{--delay: .2s}.feature-card:nth-child(3) .feature-icon{--delay: .4s}.feature-card h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.feature-card p{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.5}.video-input.hero-input{max-width:600px;margin:var(--space-lg) auto;box-shadow:var(--shadow-xl);border:2px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,var(--primary),var(--secondary)) border-box;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:var(--shadow-xl)}50%{box-shadow:0 20px 60px -10px #6366f180}}.video-input.hero-input input{font-size:1.1rem;padding:var(--space-md) var(--space-lg)}.video-input.hero-input .primary-cta{font-size:1.1rem;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 4px 15px #6366f14d}.video-input.hero-input .primary-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6366f166}.landing-stats{display:flex;justify-content:center;gap:var(--space-2xl);margin:var(--space-lg) auto;padding:var(--space-lg) 0;animation:statsReveal 1s ease-out .5s both;width:100%;max-width:1200px}@keyframes statsReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-item{text-align:center;animation:statBounce .6s ease-out;animation-fill-mode:both}.stat-item:nth-child(1){animation-delay:.6s}.stat-item:nth-child(2){animation-delay:.7s}.stat-item:nth-child(3){animation-delay:.8s}@keyframes statBounce{0%{opacity:0;transform:translateY(20px)}60%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.stat-number{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:.25rem;letter-spacing:-.02em}.stat-label{font-size:.875rem;color:var(--gray-600);font-weight:500}.content-wrapper{padding:0 var(--space-xl);width:100%;box-sizing:border-box}.recruit-toast{position:fixed;bottom:var(--space-lg);right:var(--space-lg);max-width:360px;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);z-index:40;animation:toastSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);border:2px solid var(--primary-light);border-left:4px solid var(--primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) translateY(0)}to{opacity:1;transform:translate(0) translateY(0)}}.recruit-toast-close{position:absolute;top:var(--space-xs);right:var(--space-xs);background:var(--gray-100);border:none;color:var(--gray-600);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;line-height:1;padding:0}.recruit-toast-close:hover{background:var(--gray-200);color:var(--gray-900)}.recruit-toast-icon{font-size:2rem;flex-shrink:0}.recruit-toast-content{flex:1;padding-right:var(--space-md)}.recruit-toast-title{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin-bottom:.125rem;line-height:1.3}.recruit-toast-highlight{color:var(--primary);font-weight:700}.recruit-toast-subtitle{font-size:.8125rem;color:var(--gray-600);font-style:italic}@media (max-width: 1024px){.video-chat-row{flex-direction:column}.chat-col{width:100%}.clip-timestamps{grid-template-columns:1fr}.clip-player-container,.clip-timeline-bar,.clip-watch-layout{width:calc(100% - 2 * var(--space-md))}.clip-watch-layout{grid-template-columns:1fr}.clip-recommended-feed{position:static}}@media (max-width: 768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}.app>*:not(.app-header):not(.app-footer):not(.hero-section){width:calc(100% - 2 * var(--space-sm))}.hero-logo-container{width:80px}.camera-flash{width:12px;height:12px;top:70%;right:40%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-features{grid-template-columns:1fr;gap:var(--space-md);padding:0 var(--space-md)}.landing-stats{flex-direction:column;gap:var(--space-lg)}.stat-number{font-size:1.5rem}.logo-title-row{padding:0 var(--space-md)}.app>*:not(.app-header):not(.app-footer):not(.hero-section){width:calc(100% - 2 * var(--space-md))}.main-heading{font-size:1.25rem}.user-info{position:static;margin-top:var(--space-sm);justify-content:center}.user-info span{font-size:.75rem}.video-input{flex-direction:column}.video-input button{width:100%}.media-controls-row{flex-direction:column;align-items:stretch}.mode-toggle{width:100%;justify-content:center}.clip-controls-row{width:100%}.clip-controls-row button{flex:1}.clip-header{flex-direction:column;gap:var(--space-md)}.clip-actions{width:100%;justify-content:space-between}.clip-timeline-bar{padding:var(--space-md)}.clip-timeline-time{min-width:45px;font-size:.75rem}.skip-segment-item{flex-direction:column;gap:var(--space-sm);align-items:stretch}.skip-segment-actions{justify-content:center}.clip-description{flex-direction:column;align-items:flex-start}.clip-description h2{font-size:1.25rem}.clip-player-container,.clip-timeline-bar,.clip-watch-layout{width:calc(100% - 2 * var(--space-sm))}.clip-watch-layout{grid-template-columns:1fr}.clip-recommended-feed{position:static}.clip-recommended-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,72vw);overflow-x:auto;padding-bottom:var(--space-xs)}.clip-recommended-item{grid-template-columns:88px minmax(0,1fr)}.clip-recommended-item img{width:88px}.clip-transcript-header{flex-direction:column;gap:var(--space-xs)}.clip-transcript-line{grid-template-columns:58px minmax(0,1fr);padding:.62rem var(--space-xs)}}@media (max-width: 480px){.app-logo-inline{height:2rem}.main-heading{font-size:1.125rem}.hero-logo-container{width:80px}.camera-flash{width:10px;height:10px;top:70%;right:40%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.clip-description h2{font-size:1.125rem}.action-button{padding:var(--space-xs);font-size:.75rem}}.dark-mode{--gray-50: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc}.dark-mode html{background-color:var(--gray-50)}.dark-mode body{background-color:var(--gray-50);color:var(--gray-900)}.dark-mode .app-header{background:rgba(15,23,42,.95);border-bottom-color:var(--gray-200)}.dark-mode .app-footer{background:var(--gray-100);border-top-color:var(--gray-200)}.dark-mode .video-input,.dark-mode .media-area-card,.dark-mode .clip-list,.dark-mode .clip-details,.dark-mode .clip-recommended-feed,.dark-mode .clip-timeline-bar,.dark-mode .clip-view-header,.dark-mode .clip-description-modal,.dark-mode .feature-card{background:var(--gray-100)}.dark-mode .video-input input,.dark-mode .clip-description-field input,.dark-mode .clip-description-field textarea,.dark-mode .timestamp-group,.dark-mode .share-url-content{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.dark-mode .clip-description-summary div,.dark-mode .clip-description-visibility,.dark-mode .clip-description-close{background:var(--gray-50);border-color:var(--gray-300)}.dark-mode .clip-description-meta span{background:var(--gray-200);color:var(--gray-700)}.dark-mode .clip-item,.dark-mode .clip-transcript-panel{background:var(--gray-50);border-color:var(--gray-300)}.dark-mode .clip-transcript-line:hover,.dark-mode .clip-transcript-line.active{background:rgba(99,102,241,.12)}.dark-mode .mode-label:has(input:checked){background:var(--gray-200)}.dark-mode .skip-segment-item{background:var(--gray-100);border-color:var(--gray-300)}.dark-mode .back-button{background:var(--primary);color:#fff}.dark-mode .back-button:hover{background:var(--primary-hover)}.dark-mode .media-controls-row,.dark-mode .skip-segment-manager{background:var(--gray-100);border-color:var(--gray-300)}.dark-mode .share-url{background:var(--gray-100)}.dark-mode .nav-user{background:var(--gray-100);border-color:var(--gray-300)}.dark-mode .nav-user:hover,.dark-mode .theme-toggle{background:var(--gray-200)}.dark-mode .theme-toggle:hover{background:var(--gray-300)}.dark-mode .recruit-toast{background:var(--gray-100);border-color:var(--gray-300);border-left-color:var(--primary)}.dark-mode .recruit-toast-close{background:var(--gray-200);color:var(--gray-600)}.dark-mode .recruit-toast-close:hover{background:var(--gray-300);color:var(--gray-900)}.development-warning-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:var(--space-lg);background:rgba(3,7,18,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.development-warning-modal{width:min(460px,100%);display:grid;gap:var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);background:white;color:var(--gray-900);box-shadow:0 24px 80px #00000047;text-align:center}.development-warning-icon{width:42px;height:42px;margin:0 auto;display:grid;place-items:center;border-radius:999px;background:rgba(245,158,11,.16);color:#b45309;font-size:1.25rem;font-weight:900}.development-warning-modal h3{margin:0;font-size:1.25rem}.development-warning-modal p{margin:var(--space-sm) 0 0;color:var(--gray-600);line-height:1.5}.development-warning-close{justify-self:center}.clip-name-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1320;display:grid;place-items:center;padding:var(--space-lg);background:rgba(3,7,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clip-name-modal{width:min(480px,100%);display:grid;gap:var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);background:white;color:var(--gray-900);box-shadow:0 24px 80px #00000052}.clip-name-modal h3{margin:0;font-size:1.25rem}.clip-name-modal p{margin:var(--space-xs) 0 0;color:var(--gray-600);line-height:1.45}.clip-name-modal label{display:grid;gap:var(--space-xs);color:var(--gray-700);font-weight:700}.clip-name-modal input{width:100%;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.75rem .85rem;font:inherit;color:var(--gray-900)}.clip-name-modal input:focus{outline:2px solid rgba(59,130,246,.28);border-color:var(--primary)}.clip-name-error{margin:0;color:var(--danger)!important;font-weight:700}.clip-name-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.clip-description-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1320;display:grid;place-items:center;padding:var(--space-lg);background:rgba(3,7,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clip-description-modal{width:min(560px,100%);max-height:calc(100vh - 2 * var(--space-lg));overflow:auto;display:grid;gap:var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);background:white;color:var(--gray-900);box-shadow:0 24px 80px #00000052}.clip-description-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.clip-description-kicker{margin:0 0 var(--space-xs);color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.clip-description-modal h3{margin:0;color:var(--gray-900);font-size:1.35rem}.clip-description-close{width:34px;height:34px;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);color:var(--gray-700);cursor:pointer;font-size:1rem;font-weight:900;line-height:1}.clip-description-close:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.clip-description-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.clip-description-summary div{display:grid;gap:.2rem;min-width:0;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-md);background:var(--gray-50)}.clip-description-summary span,.clip-description-meta span,.clip-description-skips span{font-size:.75rem;color:var(--gray-500);font-weight:800}.clip-description-summary strong{color:var(--gray-900);font-size:1rem}.clip-description-meta,.clip-description-skips{display:flex;gap:var(--space-xs);flex-wrap:wrap}.clip-description-meta span,.clip-description-skips span{width:fit-content;border-radius:var(--radius-full);padding:.25rem .55rem;background:var(--gray-100);color:var(--gray-700)}.clip-description-skips span{background:rgba(245,158,11,.14);color:#92400e}.clip-description-visibility{display:flex;align-items:flex-start;gap:var(--space-sm);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-md);background:var(--gray-50);cursor:pointer}.clip-description-visibility input{width:18px;height:18px;margin-top:.15rem;accent-color:var(--primary)}.clip-description-visibility span{display:grid;gap:.15rem;min-width:0}.clip-description-visibility strong{color:var(--gray-900);line-height:1.2}.clip-description-visibility small{color:var(--gray-500);font-size:.8125rem;line-height:1.35}.clip-description-field{display:grid;gap:var(--space-xs);color:var(--gray-700);font-weight:700}.clip-description-field input,.clip-description-field textarea{width:100%;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.75rem .85rem;font:inherit;color:var(--gray-900);resize:vertical}.clip-description-field input:focus,.clip-description-field textarea:focus{outline:2px solid rgba(59,130,246,.28);border-color:var(--primary)}.clip-description-field span{color:var(--gray-500);font-size:.75rem;font-weight:700;text-align:right}.clip-description-error{margin:0;color:var(--danger);font-weight:700}.clip-description-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}.clip-description-actions .primary-cta,.clip-description-actions .action-button{min-height:40px}@media (max-width: 768px){.nav-container{padding:.75rem 1rem;flex-wrap:wrap}.clip-description-modal{padding:var(--space-lg)}.clip-description-summary{grid-template-columns:1fr}.clip-description-actions{justify-content:stretch}.clip-description-actions .primary-cta,.clip-description-actions .action-button{flex:1}.nav-brand{flex:1 1 100%;margin-bottom:var(--space-sm);justify-content:center}.nav-logo{height:2.25rem}.nav-title{font-size:1.25rem}.nav-subtitle{font-size:.7rem}.nav-actions{width:100%;justify-content:center;gap:var(--space-sm)}.nav-user{flex:1;justify-content:center}.nav-user-name{max-width:150px}.recruit-toast{bottom:var(--space-sm);right:var(--space-sm);left:var(--space-sm);max-width:none}}@media (max-width: 480px){.nav-brand{gap:.5rem}.nav-logo{height:2rem}.nav-title{font-size:1.125rem}.nav-user-avatar{width:32px;height:32px;font-size:.75rem}.nav-user-name{font-size:.8125rem;max-width:120px}.theme-toggle{width:38px;height:38px}.recruit-toast{padding:var(--space-sm)}.recruit-toast-icon{font-size:1.5rem}.recruit-toast-title{font-size:.875rem}.recruit-toast-subtitle{font-size:.75rem}}.home-insights{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-xl);margin:var(--space-xl) auto;width:100%}.home-section{background:white;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-heading-row h3{font-size:1.25rem;color:var(--gray-900);margin:0}.section-heading-row p{color:var(--gray-500);font-size:.875rem;margin:.25rem 0 0}.clip-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.clip-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-width:0}.clip-card-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:#000;overflow:hidden}.clip-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.clip-card-time{position:absolute;right:var(--space-sm);bottom:var(--space-sm);background:rgba(17,24,39,.86);color:#fff;border-radius:var(--radius-sm);padding:.2rem .45rem;font-size:.75rem;font-weight:600}.clip-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.clip-card-title{font-size:1rem;line-height:1.3;margin:0}.clip-card-title a{color:var(--gray-900);display:-webkit-box;overflow:hidden;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.clip-card-title a:hover{color:var(--primary)}.clip-card-meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;color:var(--gray-500);font-size:.75rem}.ai-clip-author,.feed-ai-attribution{color:#4338ca!important;font-weight:800}.clip-attribution{margin:0;color:var(--gray-500);font-size:.68rem;font-weight:700;line-height:1.25}.clip-attribution.featured{margin-top:.35rem;font-size:.76rem}.clip-card-actions{margin-top:auto;display:flex;gap:var(--space-xs)}.clip-card-actions .action-button{text-decoration:none}.clip-vote-controls{display:flex;gap:var(--space-xs);align-items:center}.clip-vote-button{border:1px solid var(--gray-300);background:white;color:var(--gray-700);border-radius:var(--radius-md);min-width:84px;height:42px;padding:0 .8rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;font-weight:700;transition:var(--transition-normal)}.clip-vote-controls.compact .clip-vote-button{min-width:66px;height:34px;padding:0 .55rem;font-size:.82rem}.clip-vote-button:hover:not(:disabled),.clip-vote-button.active{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.08)}.clip-vote-button.dislike:hover:not(:disabled),.clip-vote-button.dislike.active{border-color:var(--danger);color:var(--danger);background:rgba(239,68,68,.08)}.clip-vote-button:disabled{opacity:.55;cursor:not-allowed}.clip-feed-page{min-height:100vh}.clip-feed-shell{width:min(1120px,calc(100% - 2rem));margin:var(--space-xl) auto}.feed-player-panel{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg)}.feed-player-frame-shell,.feed-player-frame{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);overflow:hidden}.feed-player-frame,.feed-player,.feed-player-target{width:100%;height:100%}.feed-vote-overlay{position:absolute;inset:auto var(--space-lg) var(--space-lg);background:rgba(255,255,255,.95);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.feed-vote-overlay strong,.feed-vote-overlay span{display:block}.feed-vote-overlay strong{color:var(--gray-900)}.feed-vote-overlay span{color:var(--gray-500);font-size:.85rem}.feed-ai-attribution{margin-top:var(--space-xs);font-size:.875rem}.feed-clip-details{margin-top:var(--space-lg);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);align-items:center}.feed-kicker{color:var(--primary);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .25rem}.feed-clip-details h2{color:var(--gray-900);margin:0;font-size:1.45rem;line-height:1.2;overflow-wrap:anywhere}.feed-clip-details p:not(.feed-kicker){color:var(--gray-500);margin:.4rem 0 0}.feed-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.feed-actions .action-button,.feed-vote-overlay .action-button{text-decoration:none;white-space:nowrap}.feed-toggle{margin-top:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--gray-600);font-weight:600;cursor:pointer}.discovery-page{width:min(1320px,calc(100% - 2rem));margin:var(--space-xl) auto}.discovery-feature{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg)}.discovery-player-shell{aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);overflow:hidden}.discovery-feature-details{align-items:flex-start}.discovery-rows{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-xl)}.discovery-row{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg)}.discovery-vote-feed{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--space-xl);padding:var(--space-lg)}.discovery-vote-feed .clip-feed-shell{width:100%;margin:0}.discovery-vote-feed .feed-player-panel{box-shadow:none}.discovery-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,280px);gap:var(--space-md);overflow-x:auto;padding:0 0 var(--space-xs);scroll-snap-type:x proximity}.discovery-card{min-width:0;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);overflow:hidden;scroll-snap-align:start}.discovery-card.active{border-color:var(--primary);box-shadow:0 0 0 2px #6366f124}.discovery-thumb-button{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}.discovery-thumb-button img{width:100%;height:100%;object-fit:cover;display:block}.discovery-card-body{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.discovery-card-title{border:0;background:transparent;color:var(--gray-900);cursor:pointer;font-size:.9rem;font-weight:800;line-height:1.25;min-height:2.5em;padding:0;text-align:left;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.discovery-card-title:hover{color:var(--primary)}.discovery-card .action-button{width:max-content}.discovery-footer-actions{display:flex;justify-content:flex-end;margin-top:var(--space-lg)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-sm)}.leaderboard-row{display:grid;grid-template-columns:auto 40px minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50)}.leaderboard-rank{font-weight:700;color:var(--primary);min-width:2.25rem}.leaderboard-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-person{min-width:0;display:flex;flex-direction:column}.leaderboard-person strong{color:var(--gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-person span{color:var(--gray-500);font-size:.8rem}.profile-page,.search-page{margin:var(--space-xl) auto;width:100%}.search-hero{grid-template-columns:minmax(0,1fr) minmax(280px,520px) auto}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center}.search-form input{width:100%;min-width:0;padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:white;color:var(--gray-900);font-size:.95rem}.search-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f124}.profile-hero{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-xl)}.profile-identity{display:flex;align-items:center;gap:var(--space-md);min-width:0}.profile-identity h2{margin:0;color:var(--gray-900)}.profile-identity p{margin:.25rem 0 0;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis}.profile-avatar-large{width:72px;height:72px;border-radius:var(--radius-full);overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;flex:0 0 auto}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-stats{display:flex;gap:var(--space-md)}.profile-stats div{min-width:110px;padding:var(--space-sm);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50)}.profile-stats strong{display:block;color:var(--primary);font-size:1.35rem}.profile-stats span,.pagination-status{color:var(--gray-500);font-size:.8rem}.pagination-controls{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.pagination-controls .action-button:disabled{background:var(--gray-300);cursor:not-allowed}.dark-mode .home-section,.dark-mode .profile-hero,.dark-mode .legal-document{background:var(--gray-100);border-color:var(--gray-300)}.dark-mode .legal-header{border-color:var(--gray-300)}.dark-mode .legal-header h2,.dark-mode .legal-content h3{color:var(--gray-900)}.dark-mode .legal-content p{color:var(--gray-600)}.dark-mode .search-form input{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.dark-mode .clip-card,.dark-mode .discovery-card,.dark-mode .leaderboard-row,.dark-mode .profile-stats div,.dark-mode .clip-vote-button,.dark-mode .discovery-feature,.dark-mode .discovery-row,.dark-mode .discovery-vote-feed,.dark-mode .feed-player-panel,.dark-mode .feed-vote-overlay{background:var(--gray-50);border-color:var(--gray-300)}@media (max-width: 1024px){.home-insights,.profile-hero,.search-hero{grid-template-columns:1fr}.profile-stats{flex-wrap:wrap}}@media (max-width: 640px){.section-heading-row{flex-direction:column}.clip-card-grid{grid-template-columns:1fr}.profile-stats{flex-direction:column}.search-form{grid-template-columns:1fr}.feed-player-panel{padding:var(--space-sm)}.discovery-page{width:min(100% - 1rem,1320px);margin-top:var(--space-md)}.discovery-feature,.discovery-row,.discovery-vote-feed{padding:var(--space-sm)}.discovery-rail{grid-auto-columns:minmax(210px,78vw)}.feed-vote-overlay{position:static;border-radius:0;box-shadow:none;flex-direction:column;align-items:stretch}.feed-clip-details{grid-template-columns:1fr}.feed-actions{justify-content:flex-start}}.admin-page{margin:var(--space-xl) auto;width:100%}.admin-hero{grid-template-columns:minmax(0,1fr) auto auto}.admin-panel+.admin-panel{margin-top:var(--space-xl)}.admin-job-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-md);align-items:end}.admin-job-form label{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--gray-700);font-weight:700;font-size:.85rem}.admin-job-form input{width:100%;min-width:0;padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:white;color:var(--gray-900);font-size:.95rem}.admin-job-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f124}.admin-job-list{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-job-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:center;padding:var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50)}.admin-job-row div{min-width:0}.admin-job-row strong,.admin-job-row span,.admin-job-row small{display:block}.admin-job-row strong{color:var(--gray-900);text-transform:capitalize}.admin-job-row span:not(.admin-job-status),.admin-job-row small{color:var(--gray-500);font-size:.78rem;overflow:hidden;text-overflow:ellipsis}.admin-job-error{color:var(--danger)!important;white-space:normal}.admin-job-output{display:block;margin-top:.35rem;color:var(--primary);font-size:.8rem;font-weight:800;text-decoration:none}.admin-job-output:hover{text-decoration:underline}.admin-job-status{width:fit-content;margin-left:auto;border-radius:var(--radius-full);padding:.2rem .55rem;background:var(--gray-200);color:var(--gray-700);font-size:.78rem;font-weight:800;text-transform:uppercase}.admin-job-status.queued{background:rgba(245,158,11,.16);color:#92400e}.admin-job-status.running{background:rgba(59,130,246,.16);color:#1d4ed8}.admin-job-status.succeeded{background:rgba(16,185,129,.16);color:#047857}.admin-job-status.failed,.admin-job-status.cancelled{background:rgba(239,68,68,.16);color:#b91c1c}.admin-convert-button{background:var(--gray-900);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-weight:800;cursor:pointer;transition:all var(--transition-base)}.admin-convert-button:hover:not(:disabled){background:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-convert-button:disabled{opacity:.65;cursor:wait}.admin-convert-status{width:100%;margin:0;color:var(--gray-500);font-size:.82rem;font-weight:700}.admin-convert-progress{width:100%;display:flex;flex-direction:column;gap:.35rem}.admin-convert-progress-track{width:100%;height:8px;overflow:hidden;border-radius:var(--radius-full);background:var(--gray-200)}.admin-convert-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success));transition:width .35s ease}.admin-convert-expiry{color:var(--gray-500);font-size:.76rem}@media (max-width: 900px){.admin-hero,.admin-job-form,.admin-job-row{grid-template-columns:1fr}.admin-job-status{margin-left:0}}.transcripts-page{margin:var(--space-xl) auto;width:100%}.transcripts-hero{grid-template-columns:minmax(0,1fr) auto}.transcripts-toolbar{margin-bottom:var(--space-xl)}.transcripts-search-form{display:grid;grid-template-columns:minmax(160px,220px) minmax(260px,1fr) minmax(220px,360px);gap:var(--space-md);align-items:end}.transcripts-command-bar{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}.transcripts-global-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:end}.transcripts-search-form label{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--gray-700);font-weight:700;font-size:.85rem}.transcripts-search-form input,.transcripts-search-form select,.transcripts-vod-search,.transcript-inline-tools input{width:100%;min-width:0;padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:white;color:var(--gray-900);font-size:.95rem}.transcripts-search-form input:focus,.transcripts-search-form select:focus,.transcripts-vod-search:focus,.transcript-inline-tools input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f124}.transcripts-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--space-xl);align-items:start}.transcripts-main-column{min-width:0}.transcripts-vod-panel{position:sticky;top:96px}.transcripts-vod-search{margin-bottom:var(--space-md)}.transcripts-vod-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:calc(100vh - 250px);overflow:auto;padding-right:.2rem}.transcripts-vod-item{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--space-sm);align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);padding:var(--space-xs);color:var(--gray-800);text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.transcripts-vod-item:hover,.transcripts-vod-item.active{border-color:var(--primary);background:rgba(99,102,241,.08)}.transcripts-vod-item.active{box-shadow:inset 4px 0 0 var(--primary)}.transcripts-vod-item img{width:92px;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-sm);background:#000}.transcripts-vod-item span{min-width:0}.transcripts-vod-item strong,.transcripts-vod-item small{display:block}.transcripts-vod-item strong{color:var(--gray-900);font-size:.86rem;line-height:1.25;max-height:2.5em;overflow:hidden}.transcripts-vod-item small{margin-top:.25rem;color:var(--gray-500);font-size:.74rem}.transcripts-global-results{margin-bottom:var(--space-xl)}.transcripts-global-result-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:360px;overflow:auto}.transcripts-global-result{width:100%;display:grid;grid-template-columns:78px minmax(0,1fr);gap:var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);padding:var(--space-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.transcripts-global-result:hover{border-color:var(--primary);background:rgba(99,102,241,.08)}.transcripts-global-result strong,.transcripts-global-result em{display:block}.transcripts-global-result strong{color:var(--gray-900);font-size:.9rem;line-height:1.25}.transcripts-global-result em{margin-top:.25rem;color:var(--gray-700);font-size:.86rem;line-height:1.45;font-style:normal}.transcripts-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-xl);align-items:start}.transcripts-channel-panel{position:sticky;top:96px}.transcripts-channel-stats{display:grid;gap:var(--space-sm);margin:0 0 var(--space-md)}.transcripts-channel-stats div{padding:var(--space-sm);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50)}.transcripts-channel-stats dt{color:var(--gray-500);font-size:.78rem;font-weight:700}.transcripts-channel-stats dd{margin:.2rem 0 0;color:var(--gray-900);font-weight:800}.transcripts-channel-link{display:inline-flex;text-decoration:none}.transcript-result-list{display:flex;flex-direction:column;gap:var(--space-md)}.transcript-result-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-md);padding:var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50)}.transcript-result-thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);background:var(--gray-900);color:#fff;text-decoration:none}.transcript-result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.transcript-result-thumb span{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:2rem}.transcript-result-thumb b{position:absolute;right:var(--space-xs);bottom:var(--space-xs);border-radius:var(--radius-sm);padding:.2rem .45rem;background:rgba(17,24,39,.88);color:#fff;font-size:.75rem}.transcript-result-body{min-width:0}.transcript-result-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--gray-500);font-size:.78rem;font-weight:700}.transcript-result-body h4{margin:.25rem 0 var(--space-xs);color:var(--gray-900);font-size:1rem;line-height:1.3}.transcript-result-body h4 a{color:inherit;text-decoration:none}.transcript-result-body h4 a:hover{color:var(--primary)}.transcript-result-body p{margin:0;color:var(--gray-700);line-height:1.55}.transcript-result-body mark{border-radius:var(--radius-sm);background:rgba(245,158,11,.25);color:inherit;padding:0 .1rem}.transcript-watch-panel{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl);padding:0;overflow:hidden}.transcript-player-shell{width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.transcript-player-shell iframe{display:block;width:100%;height:100%;border:0}.transcript-player-target,.transcript-player-target iframe{width:100%;height:100%}.transcript-vod-details{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.transcript-vod-details h3{margin:0;color:var(--gray-900);font-size:1.25rem;line-height:1.25}.transcript-vod-details p:not(.feed-kicker){margin:.35rem 0 0;color:var(--gray-500);font-size:.9rem}.transcript-vod-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs);flex:0 0 auto}.transcript-vod-stats span{border:1px solid var(--gray-200);border-radius:var(--radius-full);padding:.35rem .7rem;background:var(--gray-50);color:var(--gray-700);font-size:.78rem;font-weight:800}.transcript-reader-panel{margin-bottom:var(--space-xl)}.transcript-inline-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.transcript-inline-tools label{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--gray-700);font-size:.86rem;font-weight:800;white-space:nowrap}.transcript-inline-tools input[type=checkbox]{width:auto;min-width:0}.transcript-line-list{display:flex;flex-direction:column;max-height:min(760px,70vh);overflow:auto;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:white}.transcript-line{width:100%;display:grid;grid-template-columns:78px minmax(0,1fr);gap:var(--space-md);align-items:start;border:0;border-bottom:1px solid var(--gray-200);background:white;padding:.78rem var(--space-md);color:var(--gray-800);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.transcript-line:last-child{border-bottom:0}.transcript-line:hover,.transcript-line.active{background:rgba(99,102,241,.08)}.transcript-line.active{box-shadow:inset 4px 0 0 var(--primary)}.transcript-line-time{color:var(--primary);font-size:.8rem;font-weight:900;font-variant-numeric:tabular-nums}.transcript-line-text{color:var(--gray-800);font-size:.95rem;line-height:1.5}.transcript-line-text mark{border-radius:var(--radius-sm);background:rgba(245,158,11,.28);color:inherit;padding:0 .1rem}.dark-mode .transcripts-search-form input,.dark-mode .transcripts-search-form select,.dark-mode .transcripts-vod-search,.dark-mode .transcript-inline-tools input{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.dark-mode .transcript-result-card,.dark-mode .transcripts-channel-stats div,.dark-mode .transcripts-vod-item,.dark-mode .transcripts-global-result,.dark-mode .transcript-line-list,.dark-mode .transcript-line{background:var(--gray-50);border-color:var(--gray-300)}.dark-mode .transcript-line:hover,.dark-mode .transcript-line.active{background:rgba(99,102,241,.12)}@media (max-width: 980px){.transcripts-search-form,.transcripts-layout,.transcripts-command-bar,.transcripts-global-search,.transcripts-workspace,.transcripts-hero{grid-template-columns:1fr}.transcripts-channel-panel,.transcripts-vod-panel{position:static}.transcripts-vod-list{max-height:420px}.transcript-vod-details{flex-direction:column}.transcript-vod-stats{justify-content:flex-start}}@media (max-width: 640px){.transcript-result-card{grid-template-columns:1fr}.transcript-line{grid-template-columns:64px minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm)}.transcript-line-text{font-size:.9rem}.transcript-inline-tools,.transcripts-global-result{grid-template-columns:1fr}}.multiviewer-page{max-width:1440px;margin:0 auto;padding:var(--space-xl)}.multiviewer-page.cinema-mode{max-width:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100vw;height:100vh;min-height:100vh;margin:0;padding:52px 8px 8px;overflow:auto;background:radial-gradient(circle at 50% -20%,rgba(59,130,246,.22),transparent 34%),#000}.multiviewer-page.cinema-mode .multiviewer-hero,.multiviewer-page.cinema-mode .multiviewer-channel-section{display:none}.multiviewer-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.multiviewer-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.multiviewer-density-control{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--gray-100);border-radius:var(--radius-md)}.multiviewer-density-control button{border:0;border-radius:var(--radius-sm);padding:.45rem .65rem;background:transparent;color:var(--gray-700);cursor:pointer;font-size:.8125rem;font-weight:600}.multiviewer-density-control button.active{background:white;color:var(--primary);box-shadow:var(--shadow-sm)}.multiviewer-stage{margin-top:var(--space-xl);background:#05070c;border-radius:var(--radius-lg);min-height:360px;overflow:hidden}.cinema-mode .multiviewer-stage{margin-top:0;border-radius:10px;min-height:calc(100vh - 64px);box-shadow:0 0 0 1px #ffffff14,0 28px 80px #0009}.multiviewer-empty{min-height:360px;display:grid;place-items:center;text-align:center;color:#fff;padding:var(--space-xl)}.multiviewer-empty h3{margin:0 0 var(--space-sm);font-size:1.5rem}.multiviewer-empty p{margin:0;color:#ffffffb8}.multiviewer-grid{display:grid;gap:2px;background:#05070c;grid-auto-flow:dense;grid-auto-rows:auto}.multiviewer-grid.density-compact{grid-auto-rows:auto}.multiviewer-grid.density-cinema{grid-auto-rows:auto;min-height:calc(100vh - 64px);align-content:stretch}.multiviewer-grid-1{grid-template-columns:1fr}.multiviewer-grid-2,.multiviewer-grid-3,.multiviewer-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.multiviewer-grid-5,.multiviewer-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.cinema-mode .multiviewer-grid-2,.cinema-mode .multiviewer-grid-3,.cinema-mode .multiviewer-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-mode .multiviewer-grid-5,.cinema-mode .multiviewer-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.multiviewer-frame{background:#05070c;display:flex;flex-direction:column}.cinema-mode .multiviewer-frame{background:#000;min-height:0}.multiviewer-frame.tile-wide{grid-column:span 2}.multiviewer-frame.tile-large{grid-column:span 2;grid-row:span 2}.multiviewer-frame-body{display:grid;grid-template-columns:minmax(0,1fr);flex:1;aspect-ratio:16 / 9;min-height:0}.multiviewer-frame.has-chat .multiviewer-frame-body{grid-template-columns:minmax(0,1fr) minmax(260px,32%);aspect-ratio:21 / 9}.cinema-mode .multiviewer-frame-body{aspect-ratio:auto;min-height:0}.cinema-mode .multiviewer-grid-1 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-2 .multiviewer-frame-body{min-height:calc(100vh - 138px)}.cinema-mode .multiviewer-grid-3 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-4 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-5 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-6 .multiviewer-frame-body{min-height:calc((100vh - 142px)/2)}.multiviewer-frame iframe{width:100%;height:100%;min-height:0;border:0;display:block}.multiviewer-chat{background:white;border-left:1px solid rgba(255,255,255,.16)!important}.multiviewer-frame-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:34px;padding:.35rem var(--space-sm);background:#0b1020;color:#fff;font-size:.875rem;font-weight:700}.cinema-mode .multiviewer-frame-title,.cinema-mode .multiviewer-frame-controls{background:rgba(2,6,23,.96)}.multiviewer-frame-title span:last-child{color:#ffffffad;font-size:.75rem;font-weight:600}.multiviewer-frame-controls{display:flex;justify-content:flex-end;min-height:34px;padding:.3rem var(--space-sm);background:#0b1020;border-top:1px solid rgba(255,255,255,.08)}.multiviewer-frame-controls button{border:0;border-radius:var(--radius-sm);padding:.2rem .45rem;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;line-height:1.1}.multiviewer-frame-controls button.active{background:rgba(59,130,246,.86)}.multiviewer-frame-controls button:disabled{cursor:not-allowed;opacity:.5}.multiviewer-cinema-bar{position:fixed;z-index:1100;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);min-height:38px;padding:.35rem .45rem .35rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(2,6,23,.92);color:#fff;box-shadow:0 10px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cinema-bar-title,.cinema-bar-actions{display:inline-flex;align-items:center}.cinema-bar-title{gap:.5rem;white-space:nowrap}.cinema-bar-title strong{font-size:.875rem;letter-spacing:0}.cinema-bar-title span{font-size:.8125rem;color:#ffffffb8}.cinema-bar-actions{gap:.25rem}.cinema-bar-actions button{border:0;border-radius:999px;padding:.4rem .65rem;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-weight:700}.cinema-bar-actions button:hover{background:rgba(59,130,246,.86)}.cinema-bar-actions button.active,.cinema-bar-actions .cinema-clip{background:rgba(59,130,246,.9)}.cinema-bar-actions button:disabled{cursor:not-allowed;opacity:.5}.cinema-bar-actions .cinema-exit{background:rgba(239,68,68,.86)}.multiviewer-cinema-picker{position:fixed;z-index:1090;top:calc(max(8px,env(safe-area-inset-top)) + 50px);left:50%;width:min(720px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 86px));transform:translate(-50%);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:rgba(2,6,23,.96);color:#fff;box-shadow:0 24px 80px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cinemaPickerSlide .16s ease-out}.cinema-picker-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:.75rem var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.cinema-picker-header div{display:inline-flex;gap:.35rem}.cinema-picker-header button{border:0;border-radius:999px;padding:.35rem .6rem;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-weight:700}.cinema-picker-header button:disabled{cursor:not-allowed;opacity:.5}.cinema-picker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.35rem;max-height:440px;overflow:auto;padding:var(--space-sm)}.cinema-picker-list p{margin:0;padding:var(--space-md);color:#ffffffb8}.cinema-picker-item{display:flex;align-items:flex-start;gap:.65rem;min-width:0;border-radius:var(--radius-md);padding:.65rem;background:rgba(255,255,255,.06);cursor:pointer}.cinema-picker-item:hover{background:rgba(59,130,246,.18)}.cinema-picker-item input{margin-top:.2rem}.cinema-picker-item span{display:grid;gap:.2rem;min-width:0}.cinema-picker-item strong,.cinema-picker-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-picker-item small{color:#ffffffa8}.multiviewer-clip-status{margin:var(--space-md) 0 0;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);padding:.65rem .8rem;background:rgba(34,197,94,.1);color:#166534;font-weight:700}.cinema-mode .multiviewer-clip-status{margin:0 0 8px;border-color:#22c55e66;background:rgba(20,83,45,.8);color:#fff}@keyframes cinemaPickerSlide{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.multiviewer-tile-actions{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.multiviewer-channel-section{margin-top:var(--space-xl)}.multiviewer-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.multiviewer-channel-card{display:flex;gap:var(--space-md);align-items:flex-start;width:100%;min-height:132px;text-align:left;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:white;padding:var(--space-md);cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.multiviewer-channel-card:disabled{cursor:default;opacity:.72}.multiviewer-channel-card.is-live{border-color:#22c55e73}.multiviewer-channel-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f629}.multiviewer-channel-card.is-live:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.multiviewer-thumb{width:96px;aspect-ratio:16 / 9;flex:0 0 auto;border-radius:var(--radius-md);background:var(--gray-100);overflow:hidden;display:grid;place-items:center;font-weight:700;color:var(--gray-600)}.multiviewer-thumb img{width:100%;height:100%;object-fit:cover}.multiviewer-channel-copy{min-width:0}.multiviewer-card-title{color:var(--gray-900);font-weight:700;margin-bottom:var(--space-xs)}.multiviewer-channel-copy p{margin:var(--space-xs) 0;color:var(--gray-700);font-size:.875rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.multiviewer-channel-copy span{color:var(--gray-500);font-size:.75rem}.live-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.live-pill-live{background:rgba(34,197,94,.14);color:#15803d}.live-pill-upcoming{background:rgba(245,158,11,.14);color:#b45309}.live-pill-offline,.live-pill-unknown{background:var(--gray-100);color:var(--gray-600)}.dark-mode .multiviewer-channel-card{background:var(--gray-50);border-color:var(--gray-300)}.ai-discoveries-page{max-width:1440px;margin:0 auto;padding:var(--space-xl)}.ai-discoveries-embedded{margin-top:var(--space-xl);padding:0}.ai-discoveries-embedded-header{margin-bottom:var(--space-lg)}.ai-discoveries-hero,.ai-discoveries-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.ai-discoveries-actions{justify-content:flex-end;flex-wrap:wrap}.ai-discoveries-actions select{min-height:42px;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:0 .75rem;background:white;color:var(--gray-900);font-weight:700}.ai-discoveries-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--space-xl);margin-top:var(--space-xl)}.ai-candidate-list{display:grid;gap:var(--space-sm);max-height:760px;overflow:auto}.ai-candidate-item{display:grid;gap:.35rem;width:100%;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-md);background:white;text-align:left;cursor:pointer}.ai-candidate-item:hover,.ai-candidate-item.active{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f624}.ai-candidate-item strong{color:var(--gray-900);line-height:1.25}.ai-candidate-item span,.ai-candidate-item small{color:var(--gray-500)}.ai-source-pill,.ai-status-pill,.ai-tag-row span{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.ai-source-pill{background:rgba(99,102,241,.13);color:#4338ca}.ai-status-pill{background:var(--gray-100);color:var(--gray-700)}.ai-status-pill.status-approved,.ai-status-pill.status-converted{background:rgba(34,197,94,.14);color:#15803d}.ai-status-pill.status-rejected{background:rgba(239,68,68,.12);color:#b91c1c}.ai-detail-player{aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);background:#000;margin-bottom:var(--space-lg)}.ai-detail-player iframe{width:100%;height:100%;border:0;display:block}.ai-detail-header,.ai-tag-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;color:var(--gray-500);font-size:.85rem;margin-bottom:var(--space-md)}.ai-review-topbar,.ai-player-controls,.ai-range-strip{display:flex;align-items:center;gap:var(--space-sm)}.ai-review-topbar{justify-content:space-between;border-bottom:1px solid var(--gray-200);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.ai-review-topbar .ai-detail-header{margin-bottom:0}.ai-review-count{color:var(--gray-500);font-size:.875rem;font-weight:800;white-space:nowrap}.ai-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-lg);padding:var(--space-md);border:1px solid rgba(99,102,241,.18);border-radius:var(--radius-md);background:rgba(99,102,241,.07)}.ai-admin-actions .action-button.delete{border-color:#ef444459;color:var(--danger)}.ai-player-controls{justify-content:space-between;flex-wrap:wrap;margin:0 0 var(--space-md)}.ai-player-controls .action-button{min-height:38px}.ai-range-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--gray-500);font-size:.8125rem;font-weight:800}.ai-range-strip>div{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(99,102,241,.9),rgba(14,165,233,.9));overflow:hidden}.ai-range-strip>div>span{position:absolute;top:50%;width:10px;height:10px;border:2px solid white;border-radius:999px;background:var(--primary);transform:translate(-50%,-50%);box-shadow:0 0 0 2px #6366f140}.ai-discovery-detail h3{margin:0 0 var(--space-sm);color:var(--gray-900);font-size:1.45rem}.ai-discovery-detail>p{color:var(--gray-700);line-height:1.55}.ai-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-lg) 0}.ai-detail-grid div,.ai-reason-box,.ai-transcript-excerpt{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);padding:var(--space-md)}.ai-detail-grid dt{color:var(--gray-500);font-size:.75rem;font-weight:800;text-transform:uppercase}.ai-detail-grid dd{margin:var(--space-xs) 0 0;color:var(--gray-900);font-weight:700}.ai-reason-box strong{color:var(--gray-900)}.ai-reason-box p{margin:var(--space-xs) 0 0;color:var(--gray-700);line-height:1.5}.ai-transcript-excerpt{margin:var(--space-lg) 0;color:var(--gray-700);line-height:1.55;white-space:pre-wrap}.ai-tag-row span{background:var(--gray-100);color:var(--gray-700)}.ai-watch-link{display:inline-flex;margin-top:var(--space-md);text-decoration:none}.ai-timestamp-note{margin-top:var(--space-lg);color:var(--gray-500)!important;font-size:.85rem}@media (max-width: 900px){.multiviewer-hero{align-items:flex-start;flex-direction:column}.multiviewer-grid,.multiviewer-grid-2,.multiviewer-grid-3,.multiviewer-grid-4,.multiviewer-grid-5,.multiviewer-grid-6{grid-template-columns:1fr}.multiviewer-frame.tile-wide,.multiviewer-frame.tile-large{grid-column:span 1;grid-row:span 1}.multiviewer-frame.has-chat .multiviewer-frame-body{grid-template-columns:1fr}.multiviewer-chat{min-height:360px!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.16)!important}.multiviewer-cinema-bar{left:var(--space-sm);right:var(--space-sm);transform:none;justify-content:space-between;flex-wrap:wrap;border-radius:var(--radius-lg)}.cinema-bar-title{width:100%;justify-content:center}.cinema-bar-actions{width:100%;justify-content:center;flex-wrap:wrap}.multiviewer-cinema-picker{top:calc(max(8px,env(safe-area-inset-top)) + 96px);max-height:calc(100vh - 112px)}.cinema-picker-header{align-items:flex-start;flex-direction:column}.cinema-picker-list{grid-template-columns:1fr;max-height:calc(100vh - 190px)}.multiviewer-page.cinema-mode{padding-top:94px}.cinema-mode .multiviewer-stage,.multiviewer-grid.density-cinema{min-height:calc(100vh - 104px)}.cinema-mode .multiviewer-grid-1 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-2 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-3 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-4 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-5 .multiviewer-frame-body,.cinema-mode .multiviewer-grid-6 .multiviewer-frame-body{min-height:54vh}.ai-discoveries-hero{align-items:flex-start;flex-direction:column}.ai-discoveries-layout,.ai-detail-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:#f8f9fa;color:#333;line-height:1.5}#root{min-height:100vh}