:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--cp-black: #0d0d0d;--cp-cyan: #00ffff;--cp-cyan-dark: #00b8d4;--cp-cyan-glow: rgba(0, 255, 255, .3);--cp-red: #ff0040;--cp-text-primary: #ffffff;--cp-text-secondary: #b0b0b0;--cp-text-muted: #808080;--cp-glow: 0 0 5px var(--cp-cyan-glow);--cp-transition: all .3s ease}*{box-sizing:border-box}body{max-width:1280px;min-width:900px;margin:0 auto;padding:1rem;background:linear-gradient(135deg,var(--cp-black) 0%,#1a0d1a 25%,#0d1a1a 50%,#1a1a0d 75%,var(--cp-black) 100%);background-attachment:fixed;min-height:100vh;color:var(--cp-text-primary);font-family:Rajdhani,Courier New,Consolas,monospace;line-height:1.6;overflow:hidden}.cp-container{background:transparent;min-height:100vh;position:relative;z-index:0}.cp-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:-1}.cp-panel{background:#1a1a1ab3;border:3px solid rgba(0,255,255,.3);border-radius:0 15px;padding:25px;position:relative;z-index:10;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.cp-title{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:var(--cp-cyan);text-shadow:var(--cp-glow);margin:0 0 30px;text-align:center}.cp-description{font-size:1rem;color:var(--cp-text-secondary);text-align:center;margin:0 0 30px;line-height:1.4}.cp-description a{color:var(--cp-cyan);text-decoration:underline;transition:var(--cp-transition)}.cp-input{background:#1a1a1acc;border:1px solid rgba(0,255,255,.3);border-radius:0 6px;color:var(--cp-text-primary);padding:12px 16px;font-family:inherit;font-size:16px;outline:none;transition:var(--cp-transition);width:100%}.cp-input:focus{border-color:var(--cp-cyan);box-shadow:var(--cp-glow);background:#1a1a1af2}.cp-input::placeholder{color:var(--cp-text-muted);text-transform:uppercase;font-size:.9em;letter-spacing:1px}.cp-button{background:transparent;border:1px solid var(--cp-cyan);color:var(--cp-cyan);padding:12px 24px;font-family:inherit;font-size:16px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--cp-transition);border-radius:0 8px}.cp-button:hover:not(:disabled){background:#00ffff1a;box-shadow:var(--cp-glow);color:var(--cp-text-primary)}.cp-button:disabled{opacity:.5;cursor:not-allowed;color:var(--cp-text-muted);border-color:var(--cp-text-muted)}.cp-loading{color:var(--cp-cyan)}.cp-loading:after{content:"";animation:cp-pulse 1.5s infinite}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.3}}.cp-flex{display:flex;gap:15px;align-items:center}.cp-mb-20{margin-bottom:20px}.cp-text-error{color:var(--cp-red);text-shadow:0 0 10px rgba(255,0,64,.3)}.cp-layout{display:flex;gap:20px;height:calc(100vh - 250px);min-height:500px}.cp-sidebar{width:350px;flex-shrink:0;background:#0d0d0d80;border:1px solid rgba(0,255,255,.4);border-radius:0 12px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:10}.cp-sidebar-header{background:#00ffff1a;border-bottom:1px solid rgba(0,255,255,.3);padding:12px 20px}.cp-sidebar-title{font-family:Orbitron,monospace;font-size:.9rem;color:var(--cp-cyan);text-transform:uppercase;letter-spacing:1px;margin:0}.cp-sidebar-content{flex:1;overflow-y:auto;padding:0}.cp-main-content{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.cp-video-list-item{border-bottom:1px solid rgba(0,255,255,.1);padding:15px 20px;cursor:pointer;transition:var(--cp-transition);background:transparent;text-align:center}.cp-video-list-item:hover{background:#00ffff0d}.cp-video-list-item.selected{background:#00ffff1a;border-left:3px solid var(--cp-cyan);padding-left:17px}.cp-video-list-title{font-size:.9rem;color:var(--cp-text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;display:flex;justify-content:space-between;align-items:center;gap:10px}.cp-video-list-title span:first-child{flex:1;min-width:0}.cp-video-list-date{font-size:.7rem;color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-right:8px}.cp-video-list-badge{background:#0ff3;color:var(--cp-cyan);padding:2px 6px;border-radius:0 3px;font-size:.7rem;font-weight:700}.cp-video-card{background:#0d0d0d80;border:1px solid rgba(0,255,255,.4);border-radius:0 12px;position:relative;z-index:10;transition:var(--cp-transition);overflow:hidden;display:flex;flex-direction:column;height:100%}.cp-video-header{background:#00ffff1a;border-bottom:1px solid rgba(0,255,255,.3);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.cp-video-id{font-family:Orbitron,monospace;font-size:.8rem;color:var(--cp-cyan);text-transform:uppercase;letter-spacing:1px}.cp-video-status{font-size:.75rem;color:var(--cp-text-secondary);text-transform:uppercase;letter-spacing:.5px}.cp-video-header-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 20px 15px;border-bottom:1px solid rgba(0,255,255,.2);background:#0d0d0d4d;flex-shrink:0}.cp-video-stats-inline{display:flex;gap:15px;flex-shrink:0}.cp-stat-inline{display:flex;flex-direction:column;align-items:center;text-align:center}.cp-stat-label{color:var(--cp-text-muted);font-size:.7rem}.cp-stat-value{color:var(--cp-cyan);font-weight:700}.cp-video-title{font-size:1.1rem;margin:0;text-transform:uppercase;letter-spacing:1px;line-height:1.3;flex:1;min-width:0;text-align:center}.cp-video-title a{color:var(--cp-text-primary);text-decoration:none;transition:var(--cp-transition)}.cp-video-title a:hover{color:var(--cp-cyan);text-shadow:var(--cp-glow)}.cp-video-body{padding:20px;overflow-y:auto;flex:1}.cp-section-title{color:var(--cp-text-secondary);font-size:.9rem;text-transform:uppercase;text-align:center;letter-spacing:1px;margin:15px 0 10px;padding:8px 12px;background:#00ffff0d;border-left:3px solid var(--cp-cyan);border-radius:0 4px}.cp-content-item{background:#0000004d;border:1px solid rgba(0,255,255,.2);border-radius:0 4px;padding:8px 12px;margin:4px 0;transition:var(--cp-transition);display:flex;align-items:flex-start;gap:12px;text-decoration:none;color:inherit;font-size:.9rem}.cp-content-item:hover{border-color:var(--cp-cyan);background:#00ffff0d}.cp-content-item.selected{border-color:var(--cp-cyan);background:#00ffff26;box-shadow:var(--cp-glow)}.cp-timestamp{color:var(--cp-cyan);font-weight:700;display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:.8rem;min-width:80px}.cp-timestamp:hover{color:var(--cp-text-primary);text-shadow:var(--cp-glow)}.cp-icon{width:10px;height:10px;flex-shrink:0;color:var(--cp-cyan)}.cp-icon svg{width:100%;height:100%;display:block}.cp-content-text{color:var(--cp-text-primary);line-height:1.4;flex:1;min-width:200px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d0d0dcc;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--cp-cyan);border-radius:4px;border:1px solid rgba(0,255,255,.3)}::-webkit-scrollbar-thumb:hover{background:var(--cp-cyan-dark);box-shadow:var(--cp-glow)}*{scrollbar-width:thin;scrollbar-color:var(--cp-cyan) rgba(13,13,13,.8)}