*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app,body{background-color:#f8fafc}.app{display:flex;flex-direction:column;height:100vh}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;padding:1rem 2rem;z-index:100}.header-content{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-left{align-items:center;display:flex}.header-left{flex:0 0 auto}.logo{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:8px 12px;transition:all .2s ease}.logo:hover{background-color:#6366f11a;transform:translateY(-1px)}.logo-icon{font-size:1.5rem}.logo-text{color:#6366f1;font-size:1.25rem;font-weight:600}.header-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;text-align:center}.video-title{color:#1e293b;font-size:1.1rem;font-weight:500}.header-right{flex:0 0 auto;gap:12px}.header-right,.share-btn{align-items:center;display:flex}.share-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.share-btn:hover{background:#4f46e5;box-shadow:0 2px 4px #6366f133;transform:translateY(-1px)}.main-content{align-items:stretch;display:flex;flex:1 1;gap:0;height:calc(100vh - 80px);margin:0;max-width:none;min-height:0;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.video-section{display:flex;flex-direction:column;min-width:0;transition:width .1s ease}.resizer{background:linear-gradient(180deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);border-left:1px solid #cbd5e1;border-right:1px solid #f1f5f9;position:relative;transition:all .2s ease;width:4px}.resizer:hover{background:linear-gradient(180deg,#6366f1,#4f46e5);width:6px}.resizer:active{background:linear-gradient(180deg,#4f46e5,#3730a3)}.video-container{box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin:0;overflow:hidden;position:relative}.video-container,.video-player{background-color:#000;border-radius:0}.video-player{cursor:pointer;height:100%;object-fit:contain;width:100%}.video-controls{background:linear-gradient(180deg,#0000,#000000e6);bottom:0;left:0;opacity:0;padding:12px 20px 16px;position:absolute;right:0;transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.progress-container{margin-bottom:12px}.progress-bar{background:#fff6;border-radius:3px;cursor:pointer;height:5px;position:relative;transition:height .2s ease;width:100%}.progress-bar:hover{height:7px}.progress-fill{background:#f44;border-radius:3px;height:100%;position:relative;transition:width .1s ease}.progress-handle{background:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:14px}.progress-bar:hover .progress-handle{opacity:1;transform:translateY(-50%) translateX(-50%) scale(1)}.controls-bar{align-items:center;display:flex;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:12px}.controls-left{flex:1 1}.controls-right{flex-shrink:0}.control-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.9;padding:8px;transition:all .2s ease}.control-btn:hover{background:#ffffff1a;opacity:1;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.play-pause-btn{background:#ffffff1a;border-radius:50%;padding:10px}.play-pause-btn:hover{background:#fff3}.volume-control{align-items:center;display:flex;gap:8px;margin-left:8px;opacity:0;transition:opacity .3s ease}.controls-left:hover .volume-control,.volume-btn:hover+.volume-slider,.volume-btn:hover~.volume-control,.volume-control:hover,.volume-slider:hover{opacity:1}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:3px;outline:none;width:50px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:10px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:10px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.time-info{letter-spacing:.5px;margin-left:16px;white-space:nowrap}.speed-btn,.time-info{color:#fff;font-size:13px;font-weight:500;opacity:.9}.speed-btn{background:none;border:none;border-radius:3px;cursor:pointer;min-width:32px;padding:4px 8px;text-align:center;transition:all .2s ease}.speed-btn:hover{background:#ffffff1a;opacity:1}.sidebar{background:#fff;border-left:1px solid #e2e8f0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:280px;overflow:hidden;padding:1.5rem;transition:width .1s ease}.sidebar-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.video-summary{background:#f1f5f9;border-left:4px solid #6366f1;border-radius:8px;margin:12px 0;padding:12px}.video-summary p{color:#334155;font-size:.875rem;line-height:1.5;margin:0}.sidebar-header p{color:#64748b;font-size:.875rem}.sections-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:-.25rem;min-height:0;overflow-y:auto;padding:.25rem}.section-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;cursor:pointer;margin:.125rem;padding:.875rem;transition:all .2s}.section-item:hover{background:#f8fafc;border-color:#6366f1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.section-item.active{background:#f0f9ff;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.section-title{color:#1e293b;font-size:1rem;font-weight:600}.section-timestamp{background:#6366f1;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.section-description{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.loading-sections,.video-loading{align-items:center;background:#1a1a1a;color:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-height:0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#f44;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-loading p{font-size:16px;margin:0;opacity:.8}.video-error{align-items:center;background:#1a1a1a;color:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-height:0;text-align:center}.video-error p{color:#ff6b6b;font-size:16px;margin:0 0 16px}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.video-error button{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:80px;padding:8px 16px;transition:background .2s ease}.video-error button:hover{background:#f33}.video-error button:nth-child(2){background:#4f46e5}.video-error button:nth-child(2):hover{background:#3730a3}.video-error button:nth-child(3){background:#059669}.video-error button:nth-child(3):hover{background:#047857}.copy-notification{animation:slideInRight .3s ease-out forwards;position:fixed;right:20px;top:20px;z-index:1000}.copy-notification-content{align-items:center;animation:slideInRight .3s ease-out forwards;background:#10b981;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.main-content.theater-mode{gap:0;max-width:100%;padding:0}.main-content.theater-mode .video-section{flex:1 1}.main-content.theater-mode .sidebar{flex:0 0 300px;max-width:300px;min-width:280px}.main-content.theater-mode .video-player{height:100%}.main-content.cinema-mode{background:#000;bottom:0;gap:0;left:0;max-width:100%;padding:0;position:fixed;right:0;top:0;z-index:1000}.main-content.cinema-mode .video-section{flex:1 1;width:100%!important}.main-content.cinema-mode .resizer,.main-content.cinema-mode .sidebar{display:none}.main-content.cinema-mode .video-player{border-radius:0;height:100vh;min-height:100vh;object-fit:cover}.main-content.cinema-mode .video-container{border-radius:0;box-shadow:none}.app:has(.cinema-mode) .header{display:none}.app:has(.cinema-mode){height:100vh;overflow:hidden}.app:has(.cinema-mode) .main-content.cinema-mode{height:100vh}.simple-homepage{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh}.logo-center{color:#1e293b;text-align:center}.logo-center .logo-icon{font-size:4rem;margin-bottom:1rem}.logo-center .logo-text{color:#6366f1;font-size:3rem;font-weight:600;margin:0 0 1.5rem}.homepage-description{color:#64748b;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}@media (max-width:1024px){.main-content{flex-direction:column;padding:0}.sidebar{border-left:none;border-top:1px solid #e2e8f0;max-height:none;overflow-y:auto;padding:1rem}.main-content.theater-mode{flex-direction:column}.main-content.theater-mode .sidebar{border-left:none;border-top:1px solid #e2e8f0;flex:none;max-width:none;min-width:auto;order:2;padding:1rem}.main-content.theater-mode .video-player{height:100%}.main-content.cinema-mode{padding:0}.main-content.cinema-mode .video-error,.main-content.cinema-mode .video-loading,.main-content.cinema-mode .video-player{height:100%}}@media (max-width:768px){.main-content{flex-direction:column}.sidebar{border-left:none;border-top:1px solid #e2e8f0;max-height:40vh;min-width:0;min-width:auto;width:100%!important}.resizer{display:none}.video-section{width:100%!important}.header{padding:1rem}.header-content{align-items:center;flex-direction:column;gap:1rem}.header-left{order:1}.header-center{order:2;width:100%}.header-right{order:3}.share-btn{font-size:.8rem;padding:.4rem .8rem}.logo-text{display:none}.video-title{font-size:16px}.controls-bar{flex-direction:column;gap:8px;gap:12px}.controls-left,.controls-right{gap:16px;justify-content:center;width:100%}.progress-container{margin-bottom:12px;order:-1}.volume-control{display:none}.time-info{font-size:14px;margin-left:0;margin-top:8px;order:2;text-align:center;width:100%}.video-container .video-controls{opacity:1}.control-btn{padding:12px}.play-pause-btn{padding:14px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.control-btn:focus,.logo:focus,.share-btn:focus{outline:2px solid #6366f1;outline-offset:2px}.sections-list{scroll-behavior:smooth}.section-item:hover .section-timestamp{background:#4f46e5;color:#fff}.video-player{pointer-events:auto}.video-controls,.video-player{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
/*# sourceMappingURL=main.d8c2beff.css.map*/