: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:60px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 5%;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%}.controls-bar{display:flex;flex-direction:column}.omni-bar-container{display:flex;flex-direction:column;gap:16px}.main-input-group{display:flex;background:var(--bg-color);border:1px solid var(--border-color);border-radius:24px;height:48px;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;height:100%}.url-input-wrapper input[type=text]{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;padding:0 20px;height:100%;outline:none;font-family:inherit}.url-input-wrapper input[type=text]::placeholder{color:var(--text-secondary);opacity:.6}.secondary-actions{display:flex;gap:12px;justify-content:flex-start}.checkbox-live{display:flex;align-items:center;gap:8px;padding:0 16px;border-left:1px solid var(--border-color);height:100%;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;font-size:14px;font-weight:600}.checkbox-live:hover{background:var(--panel-bg)}.omni-submit{background:var(--accent-gradient);color:#fff;border:none;padding:0 32px;height:100%;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.omni-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;height:48px;border:1px solid var(--border-color);border-radius:24px;background:var(--panel-bg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:hover{background:var(--bg-color);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-fav{border-color:var(--success);color:var(--success)}.btn-fav:hover{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 4px 15px #10b9814d}.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)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--bg-color)}.col-url{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-cell{text-align:center;color:var(--text-secondary);padding:30px!important}.action-cell{display:flex;gap:8px}.btn-sm{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:12px;border-radius:4px;border:1px solid var(--border-color);background:transparent;cursor:pointer;color:var(--text-primary);transition:all .2s}.btn-play{border-color:var(--accent-color);color:var(--accent-color)}.btn-play:hover{background:var(--accent-color);color:#fff}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.blob-warning{margin-top:10px;font-size:13px;color:var(--danger)}.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}.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}.dialog-content input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-primary);margin-bottom:20px;outline:none}.dialog-content input:focus{border-color:var(--accent-color)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:768px){.header{padding:0 16px;height:50px}.logo-text{font-size:16px}.landing-container{padding:16px 12px;gap:20px}.main-input-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:auto;background:transparent;border:none;box-shadow:none}.url-input-wrapper{grid-column:span 2;height:48px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.checkbox-live{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-color);height:48px;justify-content:center;padding:0}.omni-submit{border-radius:12px;height:48px;padding:0}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.secondary-actions .btn{width:100%;padding:0 12px}.apps-grid,.features-grid,.guide-grid{grid-template-columns:1fr}.main-player-section{padding:16px;border-radius:12px}.video-container{min-height:240px}}@media(max-width:480px){.toolbar{gap:8px}}