.playlist-input-container{display:flex;gap:12px;margin-bottom:20px}.playlist-input{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.playlist-input:focus{border-color:var(--brand-color)}.playlist-input::placeholder{color:var(--text-secondary)}.submit-button{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:opacity .2s}.submit-button:hover{opacity:.9}.submit-button:disabled{cursor:not-allowed;opacity:.5}.video-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-right:1px solid #fff3;box-sizing:border-box;height:100vh;overflow-y:auto;padding:20px;width:350px}.video-list::-webkit-scrollbar{width:8px}.video-list::-webkit-scrollbar-track{background:#ffffff1a}.video-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.video-item{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.video-item.dark{background-color:#2a2a2a}.video-item.light{background-color:#f5f5f5}.video-item:hover{background:#ffffff26;transform:translateY(-2px)}.video-item.active{background:#3498db33;border:2px solid var(--accent)}.video-thumbnail{position:relative;width:100%}.video-thumbnail img{height:180px;object-fit:cover;width:100%}.now-playing{background:#3498dbe6;border-radius:4px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:5px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px}.video-info{padding:15px}.video-info h3{color:#fff;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 10px}.video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;margin-top:4px;overflow:hidden}.video-player{background:var(--bg-primary);height:100%;width:100%}.video-player,.youtube-player{left:0;position:absolute;top:0}.youtube-player{height:100%!important;width:100%!important}.video-player:before{background:linear-gradient(180deg,#1a1f35cc,#0000);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.video-player.dark{background-color:var(--dark-bg)}.video-player.light{background-color:var(--light-bg)}.video-info-overlay{background:linear-gradient(180deg,#000c 0,#0009 50%,#0000);color:#fff;left:0;padding:20px;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.video-info-overlay h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;text-shadow:2px 2px 4px #00000080}.video-info-overlay p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e0e0e0;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;max-width:800px;opacity:.9;overflow:hidden;text-shadow:1px 1px 2px #00000080;transition:opacity .3s ease}.video-player:hover .video-info-overlay{opacity:1}.video-player:hover .video-info-overlay p{opacity:0}.pomodoro-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-top:20px;padding:24px;position:relative;text-align:center}.pomodoro-container h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px}.timer-display{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin:20px 0;padding:24px}.time{color:var(--accent-color);font-family:SF Mono,Roboto Mono,monospace;font-size:48px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px #0000001a}.session-type{color:var(--text-secondary);font-size:16px;font-weight:500;margin-top:12px}.timer-controls{display:flex;gap:12px;justify-content:center;margin-top:24px}.timer-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--accent-color);cursor:pointer;font-size:16px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.timer-button:hover{background:var(--hover-bg);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.timer-button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.timer-button:focus{box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.progress-ring{background:conic-gradient(var(--accent-color) var(--progress),#0000 var(--progress));border-radius:50%;bottom:-8px;left:-8px;opacity:.1;position:absolute;right:-8px;top:-8px;z-index:0}.theme-toggle{display:flex;justify-content:flex-end;margin-bottom:32px;position:relative}.theme-toggle-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.theme-toggle-button:hover{background:var(--hover-bg);transform:scale(1.05)}.theme-toggle-button.dark{box-shadow:0 2px 5px #0003;color:#fff}.theme-toggle-button.light{box-shadow:0 2px 5px #0000001a;color:#000}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f9f9f9;--text-primary:#0f0f0f;--text-secondary:#606060;--border-color:#e0e0e0;--hover-bg:#f0f0f0;--accent-color:#1a73e8;--accent-hover:#1557b0}:root[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1f1f1f;--text-primary:#fff;--text-secondary:#aaa;--border-color:#333;--hover-bg:#ffffff1a;--accent-color:#3ea6ff;--accent-hover:#65b8ff}.quote-container{border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-top:24px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.quote-container:before{color:#fff;content:'"';font-family:Georgia,serif;font-size:120px;left:10px;opacity:.2;position:absolute;top:-20px}.quote-content{position:relative;z-index:1}.quote-text{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:12px;text-shadow:0 1px 2px #0000001a}.quote-author{font-size:14px;font-style:italic;font-weight:400;margin:0;opacity:.9;text-align:right}.quote-container:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.notes-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35cc;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:20px}.notes-header{margin-bottom:15px}.notes-header h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.video-title{color:#a0aec0;margin:0;text-overflow:ellipsis;white-space:nowrap}.notes-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:24px;padding:20px}.notes-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.notes-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.6;min-height:150px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.notes-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3ea6ff1a;outline:none}.notes-textarea::placeholder{color:var(--text-secondary)}:root[data-theme=dark] .notes-textarea{background:var(--bg-secondary)}:root[data-theme=light] .notes-textarea{background:#fff}.welcome-section{margin:0 auto;max-width:1200px;padding:2rem;text-align:center}.welcome-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.feature-card{background:var(--background-secondary);border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.get-started{background:var(--background-secondary);border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin-top:4rem;padding:2rem}.get-started h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.get-started p{color:var(--text-secondary);margin-bottom:1.5rem}.url-example{background:var(--background-primary);border-radius:.5rem;display:inline-block;padding:1rem}.url-example code{color:var(--text-secondary);font-family:monospace;font-size:.9rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:16px 0;width:100%}.footer-content{color:var(--text-secondary);font-size:14px;text-align:center}.footer-content p{margin:0}.footer-content a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}.footer-content a:hover{color:var(--accent-hover);text-decoration:underline}:root{--bg-primary:#0f0f0f;--bg-secondary:#1f1f1f;--text-primary:#fff;--text-secondary:#aaa;--brand-color:red;--hover-bg:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f0f0f;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:YouTube Sans,Roboto,Arial,sans-serif;min-height:100vh}.app-container,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;gap:20px;padding:20px}.video-and-playlist{background-color:#1f1f1f;background-color:var(--bg-secondary);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:0;height:calc(100vh - 100px);overflow:hidden}.video-section{background:#0f0f0f;background:var(--bg-primary);padding-top:56.25%;position:relative;width:100%}.video-section>*{height:100%;left:0;position:absolute;top:0;width:100%}.playlist-section{background:#1f1f1f;background:var(--bg-secondary);border-top:1px solid #ffffff1a;flex:1 1;overflow-y:auto;padding:8px 0}.playlist-header{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:16px}.video-item{cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.video-item.active,.video-item:hover{background-color:#ffffff1a;background-color:var(--hover-bg)}.thumbnail{border-radius:8px;height:90px;object-fit:cover;width:160px}.video-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:500;overflow:hidden}.video-duration{color:#aaa;color:var(--text-secondary);font-size:12px}.pomodoro-space{background:#1f1f1f;background:var(--bg-secondary);border-left:1px solid #ffffff1a;padding:20px;width:400px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#666;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#888}.error-message{background:#ff00001a;border:1px solid #f003;border-radius:8px;color:#fff;padding:12px 20px;text-align:center}
/*# sourceMappingURL=main.50cde314.css.map*/