@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;700&display=swap";:root,[data-theme=dark]{--bg-deep:#0c0d12;--bg-panel:#12141cb3;--bg-sidebar:#0f1017;--accent-cyan:#00f2ff;--accent-pink:#ff007a;--accent-purple:#9d4edd;--accent-gold:#dfb15b;--text-main:#f1f3f9;--text-dim:#94a3b8;--glass-border:#ffffff0d;--glow-cyan:0 0 20px #00f2ff33;--glow-pink:0 0 20px #ff007a40;--panel-blur:40px;--shadow-main:0 12px 35px #000000a6;--bg-gradient:radial-gradient(circle at 10% 20%, #00f2ff0b 0%, transparent 45%), radial-gradient(circle at 90% 80%, #ff007a0b 0%, transparent 45%), #0c0d12;--segment-bg-summary:linear-gradient(135deg, #ffaa0038 0%, #ffaa000d 100%);--segment-border-summary:#ffaa0073;--segment-bg-segmentation:linear-gradient(135deg, #00f2ff38 0%, #00f2ff0d 100%);--segment-border-segmentation:#00f2ff73;--segment-bg-analogies:linear-gradient(135deg, #ff007a38 0%, #ff007a0d 100%);--segment-border-analogies:#ff007a73;--segment-bg-logic:linear-gradient(135deg, #00ff9d38 0%, #00ff9d0d 100%);--segment-border-logic:#00ff9d73;--segment-bg-recall:linear-gradient(135deg, #ff5e0038 0%, #ff5e000d 100%);--segment-border-recall:#ff5e0073;--segment-bg-linkages:linear-gradient(135deg, #9d4edd38 0%, #9d4edd0d 100%);--segment-border-linkages:#9d4edd73;--segment-bg-quiz:linear-gradient(135deg, #00e5ff38 0%, #00e5ff0d 100%);--segment-border-quiz:#00e5ff73;--segment-bg-stories:linear-gradient(135deg, #f77f0038 0%, #f77f000d 100%);--segment-border-stories:#f77f0073;--segment-bg-database:linear-gradient(135deg, #00b4d838 0%, #00b4d80d 100%);--segment-border-database:#00b4d873;--segment-bg-qa:linear-gradient(135deg, #52b78838 0%, #52b7880d 100%);--segment-border-qa:#52b78873;--segment-bg-suggestions:linear-gradient(135deg, #ffd16638 0%, #ffd1660d 100%);--segment-border-suggestions:#ffd16673}[data-theme=light]{--bg-deep:#eef2f6;--bg-panel:#ffffffd9;--bg-sidebar:#fff;--accent-cyan:#0284c7;--accent-pink:#db2777;--accent-purple:#7209b7;--accent-gold:#d97706;--text-main:#0f172a;--text-dim:#475569;--glass-border:#0f172a14;--glow-cyan:0 0 15px #0284c726;--glow-pink:0 0 15px #db277726;--panel-blur:20px;--shadow-main:0 10px 30px #0f172a0f;--bg-gradient:radial-gradient(circle at 10% 20%, #0284c70d 0%, transparent 45%), radial-gradient(circle at 90% 80%, #db27770d 0%, transparent 45%), #eef2f6;--segment-bg-summary:linear-gradient(135deg, #fbbf243d 0%, #ffffffa6 100%);--segment-border-summary:#fbbf248c;--segment-bg-segmentation:linear-gradient(135deg, #38bdf83d 0%, #ffffffa6 100%);--segment-border-segmentation:#38bdf88c;--segment-bg-analogies:linear-gradient(135deg, #f43f5e3d 0%, #ffffffa6 100%);--segment-border-analogies:#f43f5e8c;--segment-bg-logic:linear-gradient(135deg, #34d3993d 0%, #ffffffa6 100%);--segment-border-logic:#34d3998c;--segment-bg-recall:linear-gradient(135deg, #fb923c3d 0%, #ffffffa6 100%);--segment-border-recall:#fb923c8c;--segment-bg-linkages:linear-gradient(135deg, #c084fc3d 0%, #ffffffa6 100%);--segment-border-linkages:#c084fc8c;--segment-bg-quiz:linear-gradient(135deg, #2dd4bf3d 0%, #ffffffa6 100%);--segment-border-quiz:#2dd4bf8c;--segment-bg-stories:linear-gradient(135deg, #f973163d 0%, #ffffffa6 100%);--segment-border-stories:#f973168c;--segment-bg-database:linear-gradient(135deg, #0ea5e93d 0%, #ffffffa6 100%);--segment-border-database:#0ea5e98c;--segment-bg-qa:linear-gradient(135deg, #4ade803d 0%, #ffffffa6 100%);--segment-border-qa:#4ade808c;--segment-bg-suggestions:linear-gradient(135deg, #fde0473d 0%, #ffffffa6 100%);--segment-border-suggestions:#fde0478c}[data-theme=high-contrast]{--bg-deep:#000;--bg-panel:#000;--bg-sidebar:#000;--accent-cyan:#0ff;--accent-pink:#f0f;--accent-purple:#fff;--accent-gold:#ff0;--text-main:#fff;--text-dim:#ddd;--glass-border:#fff;--glow-cyan:none;--glow-pink:none;--panel-blur:0px;--shadow-main:none;--bg-gradient:#000;--segment-bg-summary:transparent;--segment-border-summary:#ff0;--segment-bg-segmentation:transparent;--segment-border-segmentation:#0ff;--segment-bg-analogies:transparent;--segment-border-analogies:#f0f;--segment-bg-logic:transparent;--segment-border-logic:#0f0;--segment-bg-recall:transparent;--segment-border-recall:#ff8000;--segment-bg-linkages:transparent;--segment-border-linkages:#8000ff;--segment-bg-quiz:transparent;--segment-border-quiz:#00ff80;--segment-bg-stories:transparent;--segment-border-stories:#ff8000;--segment-bg-database:transparent;--segment-border-database:#0080ff;--segment-bg-qa:transparent;--segment-border-qa:#00ff80;--segment-bg-suggestions:transparent;--segment-border-suggestions:#ff0}[data-theme=royal]{--bg-deep:#090b20;--bg-panel:#0e1030bf;--bg-sidebar:#0c0d38;--accent-cyan:#dfb15b;--accent-pink:gold;--accent-purple:#c77dff;--accent-gold:#ffb703;--text-main:#f1f3fa;--text-dim:#a5b4fc;--glass-border:#dfb15b26;--glow-cyan:0 0 20px #dfb15b40;--glow-pink:0 0 20px #c77dff40;--panel-blur:40px;--shadow-main:0 12px 40px #000000bf;--bg-gradient:radial-gradient(circle at 10% 20%, #dfb15b0f 0%, transparent 45%), radial-gradient(circle at 90% 80%, #8a2be20f 0%, transparent 45%), #090b20;--segment-bg-summary:linear-gradient(135deg, #dfb15b38 0%, #0e103026 100%);--segment-border-summary:#dfb15b80;--segment-bg-segmentation:linear-gradient(135deg, #a5b4fc38 0%, #0e103026 100%);--segment-border-segmentation:#a5b4fc80;--segment-bg-analogies:linear-gradient(135deg, #c77dff38 0%, #0e103026 100%);--segment-border-analogies:#c77dff80;--segment-bg-logic:linear-gradient(135deg, #34d39938 0%, #0e103026 100%);--segment-border-logic:#34d39980;--segment-bg-recall:linear-gradient(135deg, #fb923c38 0%, #0e103026 100%);--segment-border-recall:#fb923c80;--segment-bg-linkages:linear-gradient(135deg, #c4b5fd38 0%, #0e103026 100%);--segment-border-linkages:#c4b5fd80;--segment-bg-quiz:linear-gradient(135deg, #2dd4bf38 0%, #0e103026 100%);--segment-border-quiz:#2dd4bf80;--segment-bg-stories:linear-gradient(135deg, #f9731638 0%, #0e103026 100%);--segment-border-stories:#f9731680;--segment-bg-database:linear-gradient(135deg, #0ea5e938 0%, #0e103026 100%);--segment-border-database:#0ea5e980;--segment-bg-qa:linear-gradient(135deg, #4ade8038 0%, #0e103026 100%);--segment-border-qa:#4ade8080;--segment-bg-suggestions:linear-gradient(135deg, #fde04738 0%, #0e103026 100%);--segment-border-suggestions:#fde04780}body,html{background:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,sans-serif;transition:background .3s,color .3s;overflow:hidden}#root{width:100%;height:100%;margin:0;padding:0}.dashboard-layout-container{background:var(--bg-gradient);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.top-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;box-sizing:border-box;background:#0f172a59;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 24px;transition:background .3s,border-color .3s;display:flex}[data-theme=light] .top-header{background:#ffffff73}[data-theme=high-contrast] .top-header{background:#000;border-bottom:2px solid #fff}[data-theme=royal] .top-header{border-bottom:1px solid var(--glass-border);background:#090b208c}.header-logo-group{align-items:center;gap:16px;display:flex}.active-lecture-meta{align-items:center;gap:10px;font-size:.85rem;display:flex}.meta-divider{color:var(--glass-border);font-weight:300}.lecture-title-label{color:var(--text-dim);font-family:Outfit,sans-serif;font-weight:500}.lecture-title-value{color:var(--accent-cyan);text-shadow:var(--glow-cyan);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-weight:600;overflow:hidden}.header-controls{align-items:center;gap:20px;display:flex}.theme-toggle-group-pill{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border-radius:30px;padding:3px;display:flex}[data-theme=light] .theme-toggle-group-pill{background:#00000008}[data-theme=high-contrast] .theme-toggle-group-pill{background:#000;border:2px solid #fff}.theme-pill-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.theme-pill-btn:hover{color:var(--text-main)}.theme-pill-btn.active-pill{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff14;box-shadow:0 4px 12px #00000026}[data-theme=light] .theme-pill-btn.active-pill{background:#fff;border-color:#0000000d;box-shadow:0 4px 10px #0000000f}[data-theme=high-contrast] .theme-pill-btn.active-pill{color:#000;background:#fff;border:1px solid #fff}[data-theme=royal] .theme-pill-btn.active-pill{color:var(--accent-cyan);border:1px solid var(--glass-border);background:#dfb15b26}.header-logout-btn{border:1px solid var(--glass-border);color:var(--text-dim);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.header-logout-btn:hover{border-color:var(--accent-pink);color:#fff;box-shadow:var(--glow-pink);background:#ff007a14}[data-theme=high-contrast] .header-logout-btn{color:#fff;background:#000;border:2px solid #fff;border-radius:0}[data-theme=high-contrast] .header-logout-btn:hover{color:#000;background:#fff}.main-container{background:0 0;flex:1;width:100vw;transition:background .3s;display:flex;position:relative;overflow:hidden}.main-container:before{content:"";pointer-events:none;opacity:.5;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.sidebar{background:var(--bg-sidebar);border:1px solid var(--glass-border);z-index:20;width:320px;height:calc(100% - 24px);box-shadow:var(--shadow-main);box-sizing:border-box;-webkit-backdrop-filter:blur(var(--panel-blur));border-radius:16px;flex-direction:column;margin:12px 6px 12px 12px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1),border .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed{border-right:none!important;width:0!important;padding:0!important;overflow:hidden!important}.sidebar-toggle-btn{border:1px solid var(--glass-border);color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.sidebar-toggle-btn:hover{border-color:var(--accent-cyan);color:#fff;background:#ffffff1a;transform:scale(1.1);box-shadow:0 0 15px #00f2ff40}.sidebar-header{border-bottom:1px solid var(--glass-border);padding:24px}.theme-toggle-group{border:1px solid var(--glass-border);background:#ffffff05;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;padding:4px;display:grid}.theme-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.theme-btn:hover{color:var(--text-main);background:#ffffff0a;transform:translateY(-1px)}.theme-icon{font-size:1.05rem}.theme-btn.active-theme{border-color:var(--accent-cyan);color:var(--text-main);background:#ffffff14;box-shadow:0 0 10px #00f2ff26}[data-theme=light] .theme-toggle-group{background:#00000008}[data-theme=light] .theme-btn.active-theme{background:#fff;box-shadow:0 2px 8px #00000014}.sidebar-logo{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-pink));-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800}.sidebar-badge{border:1px solid var(--accent-cyan);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;vertical-align:middle;background:#00f2ff1a;border-radius:100px;margin-left:8px;padding:2px 6px;font-size:.6rem;font-weight:700}.sidebar-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.control-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:block}.custom-select{border:1px solid var(--glass-border);width:100%;color:var(--text-main);cursor:pointer;appearance:none;background:#ffffff05 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") right 14px center/16px no-repeat;border-radius:10px;outline:none;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 10px #00000005}[data-theme=light] .custom-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")}.custom-select:focus{border-color:var(--accent-cyan);background-color:var(--bg-sidebar);box-shadow:0 0 12px #00f2ff26}.custom-select option{background:var(--bg-sidebar);color:var(--text-main);padding:10px}.radio-group{border:1px solid var(--glass-border);background:#ffffff03;border-radius:10px;flex-direction:row;gap:4px;padding:4px;display:flex}.radio-option{cursor:pointer;color:var(--text-dim);text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.radio-option:hover{color:var(--text-main);background:#ffffff08}.radio-option input{display:none}.radio-option:has(input:checked){border-color:var(--accent-cyan);color:var(--text-main);box-shadow:0 0 10px #00f2ff1a;background:#ffffff0f!important}.radio-option:has(input:disabled){opacity:.4;cursor:not-allowed}.sidebar-footer{border-top:1px solid var(--glass-border);color:var(--text-dim);text-align:center;background:#0003;padding:20px 24px;font-size:.7rem}.viewport{flex:1;height:100%;padding:0 6px 0 0;display:flex;overflow:hidden}.left-column{z-index:10;box-sizing:border-box;background:0 0;flex-direction:column;width:48%;min-width:400px;height:100%;display:flex}.video-pane{border:1px solid var(--glass-border);height:52%;box-shadow:var(--shadow-main);background:#000;border-radius:16px;justify-content:center;align-items:center;margin:12px 6px 6px;display:flex;position:relative;overflow:hidden}#captionOverlay{background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--panel-blur));color:var(--text-main);text-align:center;z-index:9999;pointer-events:auto;border:1px solid var(--glass-border);width:480px;height:auto;min-height:80px;box-shadow:var(--shadow-main);cursor:move;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:14px;justify-content:center;align-items:center;padding:14px 22px;font-size:20px;font-weight:500;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:fixed;overflow:hidden}#captionOverlay:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff03 0,#0000 1px 2px);position:absolute;inset:0}#captionOverlay:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-main), var(--glow-cyan)}#captionOverlay.resizing{border-color:var(--accent-cyan);background:var(--bg-deep);box-shadow:var(--shadow-main), var(--glow-cyan);scale:1.02}#captionContent{text-shadow:0 2px 10px #00000080;max-width:100%;line-height:1.4}.handle-r,.handle-b,.handle-corner{background:#00f2ff1a;transition:all .3s;position:absolute}.handle-r{cursor:ew-resize;border-radius:4px;width:4px;height:50%;top:25%;right:4px}.handle-b{cursor:ns-resize;border-radius:4px;width:50%;height:4px;bottom:4px;left:25%}.handle-corner{cursor:nwse-resize;z-index:10;border:2px solid #00f2ff66;border-radius:4px;width:12px;height:12px;bottom:6px;right:6px}#captionOverlay:hover .handle-r,#captionOverlay:hover .handle-b{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}#captionOverlay:hover .handle-corner{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}.time-hud{background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--panel-blur));color:var(--accent-cyan);z-index:100;border:1px solid var(--glass-border);border-left:3px solid var(--accent-cyan);box-shadow:var(--shadow-main);letter-spacing:2px;border-radius:8px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;position:absolute;top:24px;right:24px}.font-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100px;height:4px}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);border:3px solid var(--bg-deep);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%;transition:transform .2s}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.transcript-pane{background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-main);border-top:none;border-radius:0 0 16px 16px;flex:1;margin:0 6px 12px;padding:20px;position:relative;overflow-y:auto}.right-column{z-index:5;box-sizing:border-box;background:0 0;flex-direction:column;flex:1;min-width:450px;height:100%;display:flex}.pane-header{text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid var(--glass-border);-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#ffffff08,#0000);justify-content:space-between;align-items:center;padding:14px 24px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;display:flex}.left-column .pane-header{border:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:var(--shadow-main);border-radius:16px 16px 0 0;margin:6px 6px 0;background:var(--bg-panel)!important}.right-column .pane-header{border:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:var(--shadow-main);border-radius:16px 16px 0 0;margin:12px 12px 0 6px;background:var(--bg-panel)!important}.header-cyan{color:var(--accent-cyan);text-shadow:0 0 10px #00f2ff4d}.header-pink{color:var(--accent-pink);text-shadow:0 0 10px #ff007a4d}.control-group{align-items:center;gap:16px;display:flex}.header-btn{border:1px solid var(--glass-border);color:#fffc;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:100px;padding:6px 14px;font-size:.6rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1)}.header-btn:hover{border-color:var(--accent-cyan);color:#fff;background:#ffffff1a;transform:scale(1.05);box-shadow:0 0 15px #00f2ff33}.ts-block{cursor:pointer;border:1px solid var(--glass-border);background:#ffffff03;border-radius:12px;align-items:flex-start;margin-bottom:10px;padding:14px 18px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 4px 15px #0000000d}.ts-block:hover{background:#ffffff08;border-color:#ffffff14;transform:translate(6px);box-shadow:0 4px 20px #00000026}.ts-time{color:var(--accent-cyan);text-shadow:0 0 10px #00f2ff1a;min-width:65px;margin-right:18px;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:.825rem;font-weight:700}.ts-text{color:var(--text-dim);font-size:.925rem;font-weight:400;line-height:1.6;transition:color .3s}.ts-block:hover .ts-text{color:var(--text-main)}.active-ts{border-radius:0 12px 12px 0;transform:translate(4px);border-color:var(--accent-cyan)!important;border-left:3px solid var(--accent-cyan)!important;box-shadow:var(--glow-cyan), inset 0 0 15px #ffffff05!important;background:#ffffff0a!important}.active-ts .ts-text{color:var(--text-main);font-weight:600}.active-ts .ts-time{text-shadow:0 0 12px var(--accent-cyan)}.active-note{border-radius:0 16px 16px 0;box-shadow:20px 0 40px #ff007a0d;border-left:3px solid var(--accent-pink)!important;background:#ff007a0f!important;padding-left:24px!important}.notes-pane{scroll-behavior:smooth;background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-main);border-top:none;border-radius:0 0 16px 16px;flex:1;margin:0 12px 12px 6px;padding:40px;overflow-y:auto}.note-section{border:1px solid var(--glass-border);background:#ffffff04;border-radius:16px;margin-bottom:40px;padding:30px;transition:all .3s;box-shadow:0 8px 30px #00000040}[data-theme=light] .note-section{background:#00000004;box-shadow:0 8px 30px #00000008}[data-theme=high-contrast] .note-section{background:#000;border:2px solid #fff;border-radius:0}[data-theme=royal] .note-section{border:1px solid var(--glass-border);background:#0e103040}.notes-content{color:var(--text-dim);font-family:Inter,sans-serif;font-size:1rem;line-height:1.8}.notes-content strong{color:var(--text-main);font-weight:700}.notes-content h1,.notes-content h2,.notes-content h3{color:var(--text-main);letter-spacing:-.02em;font-family:Outfit,sans-serif}.notes-content h1{color:var(--accent-pink);border:2px dashed var(--accent-pink);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-pink) 6%, transparent), color-mix(in srgb, var(--accent-pink) 6%, transparent) 10px, transparent 10px, transparent 20px);text-shadow:0 0 10px #ff007a33;border-radius:12px;margin-top:0;margin-bottom:24px;padding:16px 24px;font-size:2.2rem}.notes-content h2{color:var(--accent-cyan);border:2px dashed var(--accent-cyan);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-cyan) 6%, transparent), color-mix(in srgb, var(--accent-cyan) 6%, transparent) 8px, transparent 8px, transparent 16px);text-shadow:0 0 10px #00f2ff33;border-radius:10px;margin-top:2.2em;margin-bottom:18px;padding:14px 20px;font-size:1.6rem}.notes-content h3{color:var(--accent-purple);border:1.5px dashed var(--accent-purple);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-purple) 6%, transparent), color-mix(in srgb, var(--accent-purple) 6%, transparent) 6px, transparent 6px, transparent 12px);text-shadow:0 0 10px #9d4edd33;border-radius:8px;margin-top:1.8em;margin-bottom:14px;padding:10px 16px;font-size:1.25rem}.notes-content ul{margin-bottom:20px;padding-left:20px}.notes-content li{margin-bottom:8px}.note-ts{color:var(--accent-cyan);cursor:pointer;vertical-align:middle;background:#00f2ff0d;border-bottom:1px dashed #00f2ff4d;border-radius:4px;padding:2px 4px;font-family:JetBrains Mono,monospace;font-size:.85em;font-weight:700;transition:all .2s;display:inline-block}.note-ts:hover{text-shadow:0 0 8px var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#00f2ff26;transform:translateY(-1px)}.resizer-h{cursor:col-resize;background:color-mix(in srgb, var(--accent-pink) 25%, transparent);z-index:100;border-left:1px solid #0006;border-right:1px solid #ffffff14;width:6px;transition:all .3s}.resizer-h:hover{background:var(--accent-pink);box-shadow:0 0 12px var(--accent-pink)}.resizer-v{cursor:row-resize;background:color-mix(in srgb, var(--accent-cyan) 25%, transparent);border-top:1px solid #0006;border-bottom:1px solid #ffffff14;height:6px;transition:all .3s}.resizer-v:hover{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.hidden{display:none!important}.loader-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#050505d9;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.spinner{border:3px solid #00f2ff1a;border-top-color:var(--accent-cyan);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{letter-spacing:2px;color:var(--accent-cyan);text-shadow:0 0 10px #00f2ff4d;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.mobile-tab-bar{display:none}@media (width<=768px){:root{--mobile-video-height:56.25vw}body,html{overflow:hidden}.top-header{display:none!important}.main-container{width:100vw;height:100vh;display:block;position:relative}.resizer-h,.resizer-v{display:none!important}.video-pane{z-index:1000;position:fixed;top:0;left:0;box-shadow:0 5px 25px #000c;width:100vw!important;height:var(--mobile-video-height)!important;border-bottom:2px solid var(--accent-cyan)!important;border:none!important;border-radius:0!important;margin:0!important}.video-pane .plyr{width:100%!important;height:100%!important}.mobile-tab-bar{top:var(--mobile-video-height);border-bottom:1px solid var(--glass-border);z-index:1000;box-sizing:border-box;background:#0a0a0c;width:100vw;height:44px;position:fixed;left:0;display:flex!important}.mobile-tab{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);cursor:pointer;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.mobile-tab.active-tab-cyan{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);text-shadow:0 0 10px #00f2ff33;background:#00f2ff05}.mobile-tab.active-tab-pink{color:var(--accent-pink);border-bottom-color:var(--accent-pink);text-shadow:0 0 10px #ff007a33;background:#ff007a05}.sidebar,.transcript-pane,.right-column{top:calc(var(--mobile-video-height) + 44px)!important;width:100vw!important;height:calc(100vh - var(--mobile-video-height) - 44px)!important;z-index:900!important;box-sizing:border-box!important;box-shadow:none!important;background:var(--bg-deep)!important;border:none!important;border-radius:0!important;margin:0!important;display:none!important;position:fixed!important;left:0!important}.notes-pane{border:none!important;border-radius:0!important;margin:0!important}.pane-header{display:none!important}.active-panel{flex-direction:column!important;display:flex!important}.sidebar-content,.transcript-pane{padding:16px!important;overflow-y:auto!important}.notes-pane{height:100%!important;padding:20px!important;overflow-y:auto!important}#captionOverlay{border-radius:8px!important;max-width:90vw!important;height:auto!important;min-height:40px!important;padding:8px 12px!important;font-size:14px!important;box-shadow:0 4px 20px #00000080!important}.handle-r,.handle-b,.handle-corner{display:none!important}.time-hud{padding:4px 8px;font-size:.65rem;top:10px;right:10px}}.notes-content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9rem}.notes-content th,.notes-content td{text-align:left;padding:12px 16px;border:1.5px dashed var(--accent-cyan)!important}.notes-content th{color:var(--text-main);background:#00f2ff08;font-family:Outfit,sans-serif;font-weight:700}.notes-content tr:nth-child(2n){background:#ffffff03}.gfm-alert{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a66;border-radius:12px;margin:20px 0;padding:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.gfm-alert:before{content:"";border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.gfm-alert-header{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;display:flex}.gfm-alert-content{color:var(--text-dim);font-size:.9rem;line-height:1.6}.gfm-alert-content p:first-child{margin-top:0}.gfm-alert-content p:last-child{margin-bottom:0}.gfm-alert-note{border-color:#00f2ff26;box-shadow:0 0 15px #00f2ff08}.gfm-alert-note:before{background:var(--accent-cyan)}.gfm-alert-note .gfm-alert-title{color:var(--accent-cyan);text-shadow:0 0 8px #00f2ff33}.gfm-alert-tip{border-color:#00ff9d26;box-shadow:0 0 15px #00ff9d08}.gfm-alert-tip:before{background:#00ff9d}.gfm-alert-tip .gfm-alert-title{color:#00ff9d;text-shadow:0 0 8px #00ff9d33}.gfm-alert-important{border-color:#bb00ff26;box-shadow:0 0 15px #bb00ff08}.gfm-alert-important:before{background:#b0f}.gfm-alert-important .gfm-alert-title{color:#b0f;text-shadow:0 0 8px #b0f3}.gfm-alert-warning{border-color:#ffaa0026;box-shadow:0 0 15px #ffaa0008}.gfm-alert-warning:before{background:#fa0}.gfm-alert-warning .gfm-alert-title{color:#fa0;text-shadow:0 0 8px #fa03}.gfm-alert-caution{border-color:#ff003c26;box-shadow:0 0 15px #ff003c08}.gfm-alert-caution:before{background:#ff003c}.gfm-alert-caution .gfm-alert-title{color:#ff003c;text-shadow:0 0 8px #ff003c33}.gfm-alert-link{border-color:#ff007a26;box-shadow:0 0 15px #ff007a08}.gfm-alert-link:before{background:var(--accent-pink)}.gfm-alert-link .gfm-alert-title{color:var(--accent-pink);text-shadow:0 0 8px #ff007a33}.login-container{background:var(--bg-gradient);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;transition:background .3s;display:flex;position:fixed;top:0;left:0}.login-theme-selector{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:var(--shadow-main);z-index:10000;border-radius:20px;gap:12px;padding:8px 16px;display:flex;position:absolute;top:24px;right:24px}.login-theme-dot{background:var(--dot-color);cursor:pointer;border:1.5px solid #ffffff40;border-radius:50%;outline:none;width:14px;height:14px;padding:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.login-theme-dot:hover{box-shadow:0 0 10px var(--dot-color);border-color:#fff;transform:scale(1.3)}.login-theme-dot.active-dot{border-color:var(--text-main);box-shadow:0 0 12px var(--dot-color);transform:scale(1.4)}.login-card{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--panel-blur));width:100%;max-width:400px;box-shadow:var(--shadow-main);border-radius:16px;flex-direction:column;gap:20px;padding:40px;transition:transform .3s,box-shadow .3s,background .3s;display:flex}.login-card:hover{box-shadow:var(--shadow-main), var(--glow-cyan);transform:translateY(-2px)}.login-logo-container{justify-content:center;align-items:center;gap:8px;display:flex}.login-logo-icon{font-size:1.8rem}.login-logo-title{background:linear-gradient(135deg, var(--accent-cyan), var(--text-main), var(--accent-pink));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.login-logo-badge{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-pink));color:#050505;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700}.login-subtitle{color:var(--text-dim);text-align:center;margin:0 0 10px;font-size:.875rem;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.login-input{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff05;border-radius:8px;padding:12px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.login-input:focus{border-color:var(--accent-cyan);background:#ffffff0a;outline:none;box-shadow:0 0 10px #00f2ff26}.login-input::placeholder{color:#ffffff40}.login-error{color:#ff003c;text-align:center;background:#ff003c1a;border:1px solid #ff003c33;border-radius:6px;padding:10px 12px;font-size:.8rem;font-weight:500}.login-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-pink));color:#050505;cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:14px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #0000004d}.login-btn:hover:not(:disabled){box-shadow:var(--glow-cyan), var(--glow-pink);filter:brightness(1.1);transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #0000001a;border-top-color:#050505;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite login-spin;display:inline-block}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shake{animation:.5s ease-in-out login-shake}@keyframes login-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media print{:root{--bg-deep:#fff!important;--bg-panel:#fff!important;--bg-sidebar:#fff!important;--accent-cyan:#000!important;--accent-pink:#000!important;--text-main:#000!important;--text-dim:#000!important;--glass-border:transparent!important;--glow-cyan:none!important;--glow-pink:none!important}@page{margin:20mm;size:A4}body,html{color:#000!important;background:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}.main-container,.viewport{background:#fff!important;width:auto!important;height:auto!important;display:block!important;position:static!important;overflow:visible!important}.main-container:before,.main-container:after,.sidebar,.left-column,.pane-header,.resizer-h,.resizer-v,.mobile-tab-bar,button,.header-btn,.sidebar-toggle-btn{display:none!important}.right-column{width:100%!important;height:auto!important;box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.notes-pane{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.notes-content{color:#000!important;background:#fff!important;width:100%!important}.notes-content,.notes-content *,.notes-content p,.notes-content span,.notes-content strong,.notes-content em,.notes-content code,.notes-content pre,.notes-content li,.notes-content ul,.notes-content ol,.notes-content a,.notes-content .note-section,.notes-content .active-note,.note-section,.active-note{color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border-left:none!important}.notes-content h1,.notes-content h2,.notes-content h3,.notes-content h4,.notes-content h5,.notes-content h6{page-break-after:avoid;page-break-inside:avoid;color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important}.notes-content h1{border-bottom:2px solid #000!important;margin-top:0!important;padding-bottom:10px!important;font-size:2rem!important}.notes-content h2{border-bottom:1px solid #dee2e6!important;margin-top:1.5em!important;padding-bottom:6px!important;font-size:1.5rem!important}.notes-content h3{margin-top:1.2em!important;font-size:1.2rem!important}.notes-content table{page-break-inside:avoid;border-collapse:collapse!important;background:0 0!important;width:100%!important;margin:20px 0!important}.notes-content th,.notes-content td{color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important;border:1px solid #000!important;padding:8px 12px!important}.notes-content th{font-weight:700!important}.notes-content .note-ts,.notes-content span.note-ts,.note-ts{color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important;border-bottom:none!important;font-weight:700!important}.notes-content .gfm-alert{box-shadow:none!important;page-break-inside:avoid!important;background:#f8f9fa!important;border:1px solid #dee2e6!important;border-left:5px solid #000!important;border-radius:8px!important;margin:20px 0!important;padding:16px!important}.notes-content .gfm-alert *{color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important}.notes-content .gfm-alert-title{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important;font-weight:700!important}.notes-content .gfm-alert-content{color:#000!important;-webkit-text-fill-color:#000!important}.notes-content .note-section,.note-section{background:0 0!important;border-left:none!important;margin-bottom:30px!important;padding:0!important}}