@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #070913;--bg-darker: #04050a;--card-bg: rgba(255, 255, 255, .03);--card-bg-hover: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .08);--card-border-active: rgba(255, 59, 48, .3);--primary-red: #ff3b30;--primary-red-glow: rgba(255, 59, 48, .4);--secondary-green: #34c759;--secondary-green-glow: rgba(52, 199, 89, .4);--accent-blue: #007aff;--text-white: #f5f5f7;--text-muted: #86868b;--text-dimmed: rgba(255, 255, 255, .4)}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-dark);color:var(--text-white);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(255,59,48,.08) 0px,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,122,255,.08) 0px,transparent 40%);background-attachment:fixed}.app-container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--card-border);padding-bottom:24px}.header-title-section h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px}.header-title-section p{color:var(--text-muted);margin-top:4px;font-size:.95rem}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;padding:28px;box-shadow:0 12px 40px #00000080;transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-card:hover{background:var(--card-bg-hover);border-color:#ffffff1f}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.channel-card{position:relative;display:flex;flex-direction:column;justify-content:space-between}.channel-card.is-live{border-color:var(--card-border-active);box-shadow:0 0 25px #ff3b3026}.channel-card.is-live:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;border:1px solid var(--primary-red);pointer-events:none;animation:border-pulse 2s infinite ease-in-out}@keyframes border-pulse{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.channel-platform{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.platform-youtube{background:#ff3b3026;color:var(--primary-red);border:1px solid rgba(255,59,48,.2)}.platform-tiktok{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-live{background:var(--primary-red);color:#fff;animation:pulse-badge 1.5s infinite alternate}@keyframes pulse-badge{0%{box-shadow:0 0 4px var(--primary-red-glow)}to{box-shadow:0 0 16px var(--primary-red)}}.status-offline{background:#ffffff0f;color:var(--text-muted)}.channel-name{font-size:1.3rem;font-weight:700;margin-bottom:6px;color:#fff}.channel-identifier{font-size:.85rem;color:var(--text-muted);margin-bottom:20px}.channel-info-row{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--card-border);padding-top:16px;margin-top:auto}.info-label{font-size:.75rem;text-transform:uppercase;color:var(--text-dimmed);letter-spacing:.05em}.info-value{font-size:.9rem;color:var(--text-white);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.info-value a{color:var(--accent-blue);text-decoration:none;transition:opacity .2s}.info-value a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-red);color:#fff;box-shadow:0 4px 12px var(--primary-red-glow)}.btn-primary:hover:not(:disabled){background:#ff453a;transform:translateY(-1px);box-shadow:0 6px 16px #ff3b3080}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-delete{background:#ff3b301a;color:var(--primary-red);border:1px solid rgba(255,59,48,.2);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;align-self:flex-end;margin-top:16px;font-weight:600;transition:all .2s}.btn-delete:hover{background:var(--primary-red);color:#fff}.btn-action{background:#ffffff0d;color:#fff;border:1px solid var(--card-border);padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:all .2s}.btn-action:hover{background:var(--card-bg-hover);border-color:#fff3}.input-field{width:100%;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;padding:12px;color:#fff;font-size:.95rem;margin-top:6px;margin-bottom:16px;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--accent-blue)}.select-field{width:100%;background:#111422;border:1px solid var(--card-border);border-radius:8px;padding:12px;color:#fff;font-size:.95rem;margin-top:6px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:8px;margin-bottom:30px;background:#ffffff05;border:1px solid var(--card-border);padding:4px;border-radius:12px;width:fit-content}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.tab-btn.active{background:#ffffff14;color:#fff}.form-group{margin-bottom:16px}label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.status-pill{width:10px;height:10px;border-radius:50%;display:inline-block}.status-pill-green{background:var(--secondary-green);box-shadow:0 0 8px var(--secondary-green)}.status-pill-red{background:var(--primary-red);box-shadow:0 0 8px var(--primary-red)}.toast{position:fixed;bottom:24px;right:24px;background:#111424;border:1px solid var(--card-border);border-radius:12px;padding:16px 24px;box-shadow:0 8px 30px #00000080;display:flex;align-items:center;gap:12px;transform:translateY(150%);animation:slide-up .3s forwards;z-index:1000}@keyframes slide-up{to{transform:translateY(0)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.5}.player-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#04050ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.player-modal-container{background:#0d1020;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100vh!important;display:flex;flex-direction:column;box-shadow:none!important;overflow:hidden;animation:slide-scale-up .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-scale-up{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.player-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--card-border)}.player-modal-body{display:flex;flex:1;min-height:0}.player-column{flex:7.5;padding:0!important;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background-color:#000;height:100%!important;max-height:100%!important;overflow:hidden!important}.player-wrapper-container{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-aspect-wrapper{position:relative;width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#000}.video-aspect-wrapper iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.video-aspect-wrapper.vertical{width:auto;height:100%;max-width:100%;aspect-ratio:9 / 16}.notes-column{flex:2.5;border-left:1px solid var(--card-border);padding:16px;display:flex;flex-direction:column;background-color:#0d1020}.notes-list-container{flex:1;overflow-y:auto;margin-bottom:16px;padding-right:4px}.notes-list-container::-webkit-scrollbar{width:6px}.notes-list-container::-webkit-scrollbar-track{background:transparent}.notes-list-container::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}.notes-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.note-item{transition:transform .2s ease,border-color .2s ease}.note-item:hover{border-color:#ffffff26;transform:translate(2px)}.note-timestamp-btn:hover{background:var(--primary-red)!important;color:#fff!important}@media (max-width: 900px){.player-modal-container{height:95vh}.player-modal-body{flex-direction:column}.player-column{flex:none;padding:16px}.notes-column{flex:1;border-left:none;border-top:1px solid var(--card-border);padding:16px}}.note-input-overlay{position:absolute;z-index:100;display:flex;align-items:flex-end;gap:8px;background:#0d1020d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:8px;padding:8px;width:320px;box-shadow:0 10px 30px #0009;transition:all .3s cubic-bezier(.16,1,.3,1);animation:overlay-fade-in .25s ease-out}@keyframes overlay-fade-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.note-input-overlay .input-field{color:#fff!important}.playlist-video-item{transition:all .2s ease}.playlist-video-item:hover{background:#ffffff0d!important;border-color:#fff3!important;transform:translateY(-1px)}.playlist-video-item:active{transform:translateY(0)}.player-wrapper-container:fullscreen{width:100vw!important;height:100vh!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important}.player-wrapper-container:fullscreen .video-aspect-wrapper{width:100%!important;height:100%!important;padding-bottom:0!important;border:none!important;border-radius:0!important;margin:0!important}.player-wrapper-container:fullscreen iframe{width:100%!important;height:100%!important}.player-wrapper-container:fullscreen .note-input-overlay{z-index:2147483647!important}.drag-handle{display:flex;align-items:center;cursor:move;padding:0 4px;color:#fff6;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.1);margin-right:4px;transition:color .2s}.drag-handle:hover{color:#fff}