body{margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.5em;font-size:14px}header{background:#f2f3f7;min-height:80px}header h1{margin:0;padding-top:15px}main{padding-bottom:10010px;margin-bottom:-10000px;float:left;width:100%}footer{clear:left;width:100%;background:#f2f3f7;text-align:center;padding:4px 0}#wrapper{overflow:hidden}.innertube{margin:0 20px 20px}p{color:#464646}.submitVideoButton{box-shadow:inset 0 1px #f29c93;background:linear-gradient(to bottom,#fe1a00 5%,#ce0100);background-color:#fe1a00;border-radius:6px;border:1px solid #d83526;display:inline-block;cursor:pointer;color:#fff;font-family:Arial,sans-serif;font-size:28px;font-weight:700;padding:19px 61px;text-decoration:none;text-shadow:0 1px 0 #b23e35}.submitVideoButton:hover{background:linear-gradient(to bottom,#ce0100 5%,#fe1a00);background-color:#ce0100}.sidenav{height:100%;width:0;position:fixed;z-index:1000;top:0;right:0;background-color:#fcfeff;overflow-x:hidden;transition:.5s;overflow-y:auto}.sidenav.open{width:400px}.off-canvas-main{padding:1.875rem 2.5rem;width:auto;line-height:1.5}.sidenav a{padding-left:0;padding-right:0;text-decoration:none;font-size:18px;color:#0a0a0a;display:block;transition:.3s;font-weight:600}.sidenav a:hover{color:orange}.sidenav .closebtn{font-size:36px;text-align:right}#navInput{width:80%;font-size:16px;padding:12px 20px;border:1px solid #ddd;margin-bottom:12px}.navUL{list-style-type:none;padding:0;margin:0}.catButton{box-shadow:0 1px #fff6af;background:linear-gradient(to bottom,#ffec64 5%,#ffab23);background-color:#ffec64;border-radius:6px;border:1px solid #ffaa22;display:none;cursor:pointer;color:#333;font-family:Arial,sans-serif;font-size:18px;font-weight:700;padding:10px 15px;text-decoration:none;text-shadow:0 1px 0 #ffee66}.catButton.visible{display:inline-block}.catButton:hover{background:linear-gradient(to bottom,#ffab23 5%,#ffec64)}:root{--site-header-height: 70px}.videowrapper{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:calc(100vh - var(--site-header-height));min-height:280px;background:#000}.videowrapper #myytplayer{width:100%;height:100%}.videowrapper #myytplayer iframe{width:100%!important;height:100%!important}.share-links a{color:#006400;font-weight:700}.duration-controls{background-color:#f5f5f5;border-radius:8px;padding:16px;margin:16px 0}.control-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.control-group label{font-weight:600;color:#333}.time-inputs{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid #ddd}.time-input{width:60px;padding:6px;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:14px}.time-input:focus{outline:none;border-color:red;box-shadow:0 0 0 2px #ff00001a}.duration-hint{color:#666;font-size:12px}.player-controls{display:flex;justify-content:center;margin-top:8px;padding:8px}.next-button{background-color:red;color:#fff;border:none;padding:10px 24px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.next-button:hover:not(:disabled){background-color:#c00}.next-button:active:not(:disabled){transform:translateY(1px)}.next-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media(max-width:768px){.control-group{flex-direction:column;align-items:flex-start}.time-inputs{width:100%;justify-content:center}}.top-menu{position:fixed;top:0;left:0;width:100%;height:60px;background:#14141eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 8px #0000004d;color:#fff;box-sizing:border-box;gap:8px;flex-wrap:nowrap;overflow-x:auto}.menu-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.menu-logo{font-size:28px;line-height:1}.menu-title{font-size:20px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.menu-right{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:1;min-width:0}.menu-btn{background:transparent;border:none;color:#eee;font-size:14px;font-weight:500;padding:6px 12px;border-radius:20px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap;background:#ffffff14}.menu-btn:hover{background:#fff3;color:#fff}.menu-btn.next-btn{background:#ff4d4d;color:#fff;font-weight:600}.menu-btn.next-btn:hover{background:#e60000}.menu-btn.next-btn:disabled{opacity:.4;cursor:not-allowed}.duration-label{font-size:16px}.duration-input{width:36px;padding:2px 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;text-align:center;font-size:14px;outline:none}.duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main-content{position:absolute;top:20px;left:0;right:0;bottom:0}.videowrapper{height:100%!important;width:100%!important;margin:0!important;min-height:0!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.modal-header h2{margin:0;font-size:24px;font-weight:600}.modal-close{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#666;padding:0 8px;transition:color .2s}.modal-close:hover{color:#000}.modal-body{padding:24px;overflow-y:auto;flex:1}@media(max-width:768px){.top-menu{height:54px;padding:0 12px;gap:4px}.main-content{height:calc(100vh - var(--site-header-height));margin-top:80px}.menu-title{font-size:16px}.menu-logo{font-size:24px}.menu-btn{font-size:12px;padding:4px 10px}.compact-duration{font-size:12px;padding:2px 6px}.duration-input{width:28px;font-size:12px}.modal-content{max-width:100%;max-height:80vh;border-radius:0;margin:0}.modal-header h2{font-size:20px}.modal-body{padding:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.main-content{height:calc(100vh - var(--site-header-height));margin-top:60px;overflow:hidden;position:relative}.main-content .youtube-player-container{height:100%;width:100%}.main-content .videowrapper{position:relative;width:100%!important;max-width:none;margin:0!important;height:100%!important;min-height:0!important;background:#000}.main-content #myytplayer{width:100%!important;height:100%!important}@media(max-width:768px){.main-content{height:calc(100vh - var(--site-header-height));margin-top:54px}}html,body{overflow:hidden;height:100%;width:100%;margin:0;padding:0}#root{height:100%;width:100%}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:#1a1a2e;color:#fff;font-size:2rem;text-align:center;font-weight:600}.loading-screen h1{margin:0;font-size:2.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-content{overflow:hidden}.compact-duration{display:flex;align-items:center;gap:4px;background:#ffffff1a;padding:2px 8px;border-radius:16px;color:#fff;font-size:14px}.duration-field{display:flex;flex-direction:column;align-items:center;gap:0}.duration-input{width:30px;padding:0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;text-align:center;font-size:14px;outline:none;height:24px}.duration-input:focus{border-bottom-color:#ff4d4d}.duration-input::-webkit-inner-spin-button,.duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input[type=number]{-moz-appearance:textfield}.dur-btn{background:transparent;border:none;color:#ffffffb3;font-size:10px;line-height:1;padding:0 2px;cursor:pointer;height:14px;display:flex;align-items:center;justify-content:center;transition:color .2s}.dur-btn:hover{color:#fff}.dur-btn:active{transform:scale(.9)}.modal-body .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.tTable{background:#fff;border-collapse:collapse;border-spacing:0;width:100%}.tTable tr.table-head{font-weight:600;background:#0000000d!important}.tTable tr:nth-child(odd){background:#00000008}.tTable tr:hover,.table-col-hover{background:#e5e5e5!important}.tTable td{border:1px #ccc solid;padding:3px 10px;height:24px;position:relative}.tTable td.tTable-description{max-width:280px;word-break:break-word}.table-pager{display:block;height:30px;overflow:hidden;background:#0000001a}.table-search-input{width:200px;padding:3px 10px;font-size:13px}