:root{--bg-color: #0B0F19;--bg-gradient: linear-gradient(135deg, #0B0F19 0%, #111827 100%);--panel-bg: rgba(20, 25, 35, .6);--border-color: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #60a5fa;--accent-gradient: linear-gradient(135deg, #60a5fa, #a78bfa);--accent-hover: #3b82f6;--nav-bg: rgba(11, 15, 25, .6);--danger: #ef4444;--success: #10b981}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;transition:background .4s ease,color .4s ease;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b99}.header{height:calc(60px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 5%;padding-top:env(safe-area-inset-top,0px);background-color:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #00000005}.logo{display:flex;align-items:center;font-weight:800;text-decoration:none;color:inherit;font-size:20px;letter-spacing:-.5px}.logo-img{height:32px;margin-right:12px}.logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.toolbar{display:flex;align-items:center;gap:12px;margin-left:auto}.lang-switch{font-weight:600;font-size:.9rem}.lang-switch .lang-link{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.lang-switch .lang-link:hover{color:var(--text-primary)}.landing-container{max-width:1200px;margin:0 auto;padding:30px 20px;display:flex;flex-direction:column;gap:32px}.main-player-section{display:flex;flex-direction:column;gap:20px;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--glass-shadow)}.video-container{width:100%;background:#000;border-radius:12px;overflow:hidden;position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000026}#videoEl{width:100%;height:100%}body.player-fullscreen .header,body.player-fullscreen .sidebar-tabs{display:none!important}body.player-fullscreen .main-player-section,body.player-fullscreen .video-container,body.player-fullscreen .landing-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.player-fullscreen{overflow:hidden!important}#videoEl.zwp-fullscreen-win{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;background-color:#000!important}.controls-bar{display:flex;flex-direction:column}.omni-bar-container{display:flex;flex-direction:column;gap:12px}.main-input-group{position:relative;display:flex;background:var(--bg-color);border:1px solid var(--border-color);border-radius:22px;height:44px;overflow:hidden;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005,0 2px 10px #0000000a}.main-input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f626}.url-input-wrapper{flex:1;display:flex;width:100%;height:100%}.url-input-wrapper input[type=text]{flex:1;width:100%;background:transparent;border:none;color:var(--text-primary);font-size:15px;padding:0 44px 0 16px;height:100%;outline:none;font-family:inherit}.url-input-wrapper input[type=text]::placeholder{color:var(--text-secondary);opacity:.6}.btn-clear-url{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;padding:4px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;z-index:10}.btn-clear-url.visible{display:flex}.action-buttons-row{display:flex;gap:6px;width:100%}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;height:44px;border:1px solid var(--border-color);border-radius:22px;background:var(--panel-bg);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:all .2s ease}.btn-action:hover{background:var(--bg-color);border-color:var(--text-secondary)}.btn-action input[type=checkbox]{margin:0;width:14px;height:14px;cursor:pointer}.btn-action.primary-action{flex:1 1 auto;max-width:280px;min-width:0;padding:0 14px;border:none;background:var(--accent-gradient);color:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 15px #3b82f64d}.btn-action.primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:var(--accent-gradient);color:#fff;border:none}.btn-action.primary-action span{overflow:hidden;text-overflow:ellipsis}.tabs-section{background:var(--panel-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 4px 6px #00000005}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.sidebar-tab{padding:16px 24px;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab.active{color:var(--accent-color);background:var(--panel-bg)}.sidebar-tab.active:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color)}.sidebar-body{padding:20px}.table-header-ops{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.table-note{font-size:13px;color:var(--text-secondary);flex:1}.auto-save-switch{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.auto-save-switch input[type=checkbox]{width:36px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#cbd5e1;border-radius:10px;position:relative;cursor:pointer;transition:background .2s}.auto-save-switch input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.auto-save-switch input[type=checkbox]:checked{background:var(--accent-color)}.auto-save-switch input[type=checkbox]:checked:after{transform:translate(16px)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;white-space:nowrap}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-color);font-weight:600;color:var(--text-secondary);text-align:center}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--bg-color)}.col-url{max-width:320px}.col-title{max-width:280px}.cell-text{display:flex;align-items:center;gap:6px;min-width:0}.text-clamp-1{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-clamp-2{display:-webkit-box;flex:1;min-width:0;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-all;-webkit-line-clamp:2}.empty-cell{text-align:center;color:var(--text-secondary);padding:30px!important}.col-actions{text-align:center}.action-cell{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.action-cell .btn-action{height:34px;padding:0 10px;font-size:12px;border-radius:17px;gap:4px}.action-cell .btn-action svg{width:13px;height:13px}.action-cell .btn-action span{display:none}.fav-inline{display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);vertical-align:middle;margin-left:6px;padding:0}.fav-inline.btn-fav-active{color:var(--text-primary)}.btn-secondary{background:var(--bg-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--panel-bg);color:var(--text-primary)}.action-buttons-row .btn-fav,.action-buttons-row .checkbox-live{background:var(--bg-color);color:var(--text-secondary)}.action-buttons-row .btn-fav:hover,.action-buttons-row .checkbox-live:hover{background:var(--panel-bg);color:var(--text-primary)}.btn-flat{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:34px;border:1px solid var(--border-color);border-radius:6px;background:var(--panel-bg);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all .2s ease}.btn-flat:hover{background:var(--bg-color);border-color:var(--text-secondary)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.app-card{display:flex;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .25s;background:var(--bg-color);text-decoration:none;color:inherit}.app-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;border-color:var(--accent-color)}.app-icon{font-size:24px;color:var(--accent-color);display:flex;align-items:center;justify-content:center}.app-content h3{font-size:15px;margin-bottom:4px;color:var(--text-primary)}.app-content p{font-size:13px;color:var(--text-secondary)}.landing-content{display:flex;flex-direction:column;gap:30px}.content-block{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:30px;box-shadow:0 4px 6px #00000005}.content-block h2{font-size:22px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid var(--accent-color);padding-left:12px}.content-block h3{font-size:16px;margin:20px 0 10px;color:var(--text-primary)}.intro-p{font-size:15px;color:var(--text-secondary);margin-bottom:8px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:16px}.feature-card{background:var(--panel-bg);padding:24px;border-radius:16px;border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease;box-shadow:0 4px 20px #00000008}.feature-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #3b82f61a;border-color:#3b82f64d}.feature-card h3{font-size:16px;margin-bottom:12px;color:var(--accent-color)}.feature-card ul{list-style-type:none;color:var(--text-secondary)}.feature-card li{margin-bottom:8px;position:relative;padding-left:16px}.feature-card li:before{content:"•";position:absolute;left:0;color:var(--accent-color);font-weight:700}.formats-box{background:var(--bg-color);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.formats-box p{margin-bottom:10px}.formats-p1{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);color:var(--text-secondary)}.text-center{text-align:center}.faq-item{border-bottom:1px solid var(--border-color);padding:16px 0}.faq-item:last-child{border-bottom:none}.faq-item summary{font-weight:600;font-size:15px;cursor:pointer;list-style:none;outline:none;position:relative;padding-left:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"▶";position:absolute;left:0;font-size:12px;color:var(--accent-color);transition:transform .2s}.faq-item[open] summary:before{transform:rotate(90deg)}.faq-content{margin-top:12px;padding-left:20px;color:var(--text-secondary)}.faq-content ul{margin-left:20px;margin-top:8px}.footer{background:var(--panel-bg);border-top:1px solid var(--border-color);padding:40px 20px 20px;margin-top:40px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.footer-col h4{font-size:16px;margin-bottom:16px;color:var(--text-primary)}.footer-col p{color:var(--text-secondary);margin-bottom:8px}.footer-col img{border-radius:8px;border:1px solid var(--border-color)}.footer-bottom{max-width:1200px;margin:40px auto 0;text-align:center;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border-color);padding-top:20px}dialog{margin:auto;padding:0;border:none;border-radius:12px;background:transparent}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content{background:var(--panel-bg);padding:24px;border-radius:12px;width:400px;max-width:90vw;box-shadow:0 10px 25px #0000001a;border:1px solid var(--border-color);color:var(--text-primary)}.dialog-content h3{margin-bottom:16px;font-size:18px;font-weight:700}.dialog-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.dialog-content input,.dialog-content textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-primary);outline:none;font-family:inherit;font-size:14px;box-sizing:border-box;transition:border-color .2s}.dialog-content input{margin-bottom:16px}.dialog-content textarea{resize:vertical;min-height:72px;line-height:1.5;word-break:break-all}.dialog-content input:focus,.dialog-content textarea:focus{border-color:var(--accent-color)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.dialog-actions .btn-action{height:38px;min-width:96px;flex:0 0 auto;padding:0 20px;font-size:14px;border-radius:19px}.dialog-actions .btn-action.primary-action{flex:0 0 auto}.badge-live{color:#ef4444;border:1px solid #ef4444;border-radius:4px;padding:0 4px;font-size:11px;margin-left:8px;flex-shrink:0}.btn-icon{padding:4px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:4px;z-index:9999;font-size:14px;transition:opacity .3s;pointer-events:none}.share-dialog-content{position:relative}.share-close-x{position:absolute;top:10px;right:10px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);padding:4px;line-height:0;border-radius:6px}.share-close-x:hover{color:var(--text-primary);background:#ffffff0f}.share-qr-wrap{display:flex;justify-content:center;align-items:center;margin:8px 0 4px;min-height:220px}.share-qr{background-color:#fff;border-radius:6px;max-width:100%;height:auto;display:block}.share-qr-error{color:var(--text-secondary);font-size:13px;text-align:center;padding:80px 16px;line-height:1.6}.share-scan-tip{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:16px}.share-url-row{display:flex;gap:8px;align-items:stretch}.share-url-row input,.share-url-row .btn-action{flex:1 1 auto;min-width:0;height:42px;box-sizing:border-box}.share-url-row .btn-action{flex:0 0 auto;height:42px;white-space:nowrap;border-radius:8px;padding:0 14px;font-size:14px}@media(max-width:768px){.share-dialog-content{width:92vw;padding:18px}.share-qr{max-width:70vw}.share-url-row{flex-direction:column}html,body{height:100%;height:100dvh;width:100%;margin:0;padding:0}body{overflow:hidden;display:flex;flex-direction:column}.header{flex-shrink:0;position:relative;padding:0 16px;padding-top:env(safe-area-inset-top,0px);height:calc(50px + env(safe-area-inset-top,0px))}.logo-text{font-size:16px}.landing-container{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 8px calc(56px + env(safe-area-inset-bottom,8px));gap:8px;max-width:none;margin:0}.main-player-section{flex:none;display:flex;flex-direction:column;padding:0;border-radius:0;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;gap:8px}.video-container{border-radius:8px;flex:none;height:calc(100dvh - 222px);min-height:200px;overflow:hidden}#videoEl{width:100%!important;height:100%!important}body.player-fullscreen{touch-action:none!important}.controls-bar{padding:0 4px;flex-shrink:0}.action-buttons-row .btn-action.primary-action{flex:1 1 auto;max-width:160px}.action-buttons-row .btn-action:not(.primary-action):not(.checkbox-live) span{display:none}.tabs-section{display:block;padding:0;border:none;background:transparent;box-shadow:none;overflow:visible}.sidebar-body{position:fixed;top:0;left:0;right:0;height:calc(100dvh - 56px - env(safe-area-inset-bottom,0px));z-index:150;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0;border:1px solid var(--border-color);border-bottom:none;padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px));max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(120%);transition:transform .3s cubic-bezier(.3,1,.3,1);display:block!important}.sidebar-body.mobile-visible{transform:translateY(0)}.sidebar-tabs{order:99;position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;justify-content:space-around;align-items:center;background:var(--bg-color);border-top:1px solid var(--border-color);border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(56px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0003}.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;font-size:11px;min-height:44px}.sidebar-tab.active:after{display:none}.sidebar-tab .tab-icon{display:block;width:20px;height:20px;margin-bottom:2px}.landing-content{position:fixed;top:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:150;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0;border:1px solid var(--border-color);border-bottom:none;padding:16px 12px;max-height:none;flex-direction:column;gap:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(120%);transition:transform .3s cubic-bezier(.3,1,.3,1);display:flex!important}.landing-content.mobile-visible{transform:translateY(0)}.text-clamp-1{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-all;flex:1;min-width:0;-webkit-line-clamp:2}.bottom-notes{padding:12px 0;display:flex;flex-direction:column;gap:8px}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:140;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-backdrop.visible{opacity:1;pointer-events:auto}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{display:flex;flex-direction:column;margin-bottom:12px;background:var(--bg-color);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.data-table td{padding:0;border:none;text-align:left;white-space:normal;word-break:break-all}.data-table td.col-title{order:1;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.data-table td.col-url{order:2;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.data-table td.col-date{order:4;display:flex;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.data-table td.col-actions{order:99;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.data-table td.col-actions .action-cell{display:flex;flex-wrap:wrap;gap:8px}.fav-inline{display:inline-flex;margin-left:auto}.data-table td.col-actions .fav-action{display:none}.data-table td.col-actions .btn-action svg{display:none}.data-table td.col-actions .btn-action span{display:inline}.data-table td.col-actions .btn-action{flex:1 1 calc(25% - 6px);min-width:0;height:40px;padding:0 6px;font-size:13px;border-radius:20px;justify-content:center}.apps-grid,.features-grid,.guide-grid{grid-template-columns:1fr}.footer{display:none}}@media(max-width:768px)and (orientation:landscape){html,body{height:auto!important;overflow:auto!important}body{display:block!important}.landing-container{overflow:visible!important;padding:12px!important;gap:12px!important}.main-player-section{flex:none!important}.video-container{min-height:300px!important;max-height:none!important}.sidebar-tabs{display:none!important}.sidebar-body{position:static!important;transform:none!important;height:auto!important;max-height:none!important;overflow:visible!important}}@media(max-width:480px){.toolbar{gap:8px}}@media(min-width:769px){.tab-icon,.sidebar-tab[data-tab=explore],.sidebar-tab[data-tab=home]{display:none}}