body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease}body.dark-mode{background-color:#000}.app.dark-mode{background:#000}.app{min-height:100vh}.header{border-bottom:1px solid #cdc9bf;justify-content:space-between;margin-bottom:30px;padding:20px 2rem}.header,.logo{align-items:center;display:flex}.logo{gap:.5rem}.logo-icon,.logo-text{font-size:1.5rem}.logo-text{color:#333;font-weight:700}.logo-fire{color:#000}.logo-hooks{color:#e55a2b}.join-email-btn{background-color:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.join-email-btn:hover{background-color:#e55a2b}.main-content{margin:0 auto;max-width:1400px;padding:1rem}.page-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.page-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin-bottom:30px;margin-top:-10px;text-align:center}.filters{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{color:#555;font-size:.9rem;font-weight:600}.filter-select{min-width:200px}.tell-us-button{background-color:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:40px;margin-top:24px;padding:.75rem 1.5rem;transition:background-color .2s ease}.tell-us-button:hover{background-color:#e55a2b}.favorites-filter{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:40px;margin-top:24px}.favorites-filter input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;height:18px;width:18px}.favorites-filter span{-webkit-user-select:none;user-select:none}.filter-select .css-13cymwt-control,.filter-select .css-t3ipsp-control{border:1px solid #ddd;border-radius:8px;min-height:40px}.filter-select .css-t3ipsp-control{box-shadow:0 0 0 1px #ddd}.results-count{color:#666;font-size:1rem;margin-bottom:2rem;text-align:left}.video-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:20px 0}.video-card-wrapper{align-items:center;display:flex;flex-direction:column;width:280px}.video-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.video-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.video-container{height:100%;overflow:hidden;position:relative;width:100%}.favorite-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:40px;z-index:10}.favorite-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.favorite-btn.favorited{background:#ffffffe6;color:#ff6b35}.favorite-btn.favorited:hover{background:#fff;color:#e55a2b}.video-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.video-info{margin-top:16px;text-align:center;width:100%}.video-title{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.tag{background-color:#f5f1ed;border:1px solid #e8dcc8;border-radius:20px;color:#5a4a3f;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.tag:hover{background-color:#ede4d8;border-color:#d4c4b0;transform:translateY(-1px)}.product-type-tag{background-color:#f7f3e9;border-color:#e8dcc8;color:#8b7355}.video-type-tag{background-color:#f5f1ed;border-color:#e8dcc8;color:#7a6b5a}.industry-tag{background-color:#f8f6f2;border-color:#e8dcc8;color:#6b5b4a}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.modal-overlay{background-color:#00000080}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:400px;padding:2rem;width:90%}.modal h2{color:#333;margin-bottom:.5rem}.modal p{color:#666;margin-bottom:1.5rem}.email-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:1.5rem;padding:.75rem;width:100%}.email-input:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}.suggestion-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;margin-bottom:1.5rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.suggestion-textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-buttons button{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.modal-buttons button:first-child{background-color:#f0f0f0;border:1px solid #ddd;color:#666}.modal-buttons button:first-child:hover{background-color:#e0e0e0}.join-btn{background-color:#ff6b35;border:none;color:#fff}.join-btn:hover{background-color:#e55a2b}.error-message{color:#d32f2f;font-size:14px;margin:8px 0;text-align:center}.join-btn:disabled{cursor:not-allowed;opacity:.7}.join-btn:disabled,.join-btn:disabled:hover{background-color:#ccc}.first-time-modal-overlay{background-color:#000c;z-index:2000}.first-time-modal{max-width:500px;text-align:center;width:90%}.first-time-modal h2{color:#ff6b35;font-size:2rem;margin-bottom:1rem}.first-time-modal p{font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.industry-selection{margin-bottom:2rem}.selection-hint{color:#666;font-size:.9rem;font-style:italic;margin-top:.5rem}@media (max-width:768px){.header,.main-content{padding:1rem}.page-title{font-size:2rem}.filters{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.video-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modal{margin:1rem;padding:1.5rem}}@media (max-width:480px){.video-grid{grid-template-columns:1fr}.logo-text{font-size:1.25rem}.page-title{font-size:1.75rem}}@media (max-width:768px){.video-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:16px}.video-card-wrapper{width:100%}.video-card{height:auto;min-height:280px;width:100%}.video-container{height:250px}.filters{flex-direction:column;gap:16px}.filter-group{width:100%}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.video-modal{background-color:#faf9f6;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90%}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:20px;top:15px;transition:background-color .2s ease;width:40px;z-index:1001}.modal-close-btn:hover{background-color:#0000001a}.modal-content{display:flex;height:100%}.modal-video-section{background-color:#000;flex:2 1;min-height:500px}.modal-video-section,.video-embed-container{align-items:center;display:flex;justify-content:center}.video-embed-container{height:100%;width:100%}.modal-content-section{background-color:#faf9f6;flex:1 1;overflow-y:auto;padding:30px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{color:#333;flex:1 1;font-size:24px;font-weight:700;line-height:1.3;margin:0}.modal-favorite-section{align-items:center;background:#ffffff80;border:1px solid #e8dcc8;border-radius:8px;display:flex;gap:12px;margin:20px 0;padding:15px}.modal-favorite-btn{align-items:center;background:#ffffffe6;border:2px solid #e8dcc8;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:45px;justify-content:center;margin-bottom:20px;transition:all .2s ease;width:45px}.modal-favorite-btn:hover{background:#fff;border-color:#d4c4b0;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.modal-favorite-btn.favorited{background:#ffffffe6;border-color:#ff6b35;color:#ff6b35}.modal-favorite-btn.favorited:hover{background:#fff;border-color:#e55a2b;color:#e55a2b}.favorite-label{color:#666;font-size:14px;font-weight:500}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.transcript-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.transcript-textarea{background-color:#fff;border:1px solid #e8dcc8;border-radius:8px;color:#333;font-family:inherit;font-size:14px;line-height:1.5;min-height:300px;overflow-y:auto;padding:15px;resize:vertical;width:100%}.transcript-textarea:focus{border-color:#b2ada2;box-shadow:0 0 0 2px #b2ada233;outline:none}@media (max-width:768px){.video-modal{max-height:95vh;width:95%}.modal-content{flex-direction:column}.modal-video-section{flex:none;height:300px}.modal-content-section{padding:20px}.modal-title{font-size:20px}.modal-favorite-section{margin:15px 0;padding:12px}.modal-favorite-btn{font-size:16px;height:40px;width:40px}.favorite-label{font-size:13px}.transcript-textarea{min-height:200px}}.app.dark-mode{min-height:100vh}.app.dark-mode .header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border-bottom:2px solid red;box-shadow:0 4px 20px #ff00004d}.app.dark-mode .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,red);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #ff000080}.app.dark-mode .logo-fire{color:#fff;text-shadow:0 0 10px #fffc}.app.dark-mode .logo-hooks{color:red;text-shadow:0 0 15px #f00c}.header-actions{align-items:center;display:flex;gap:1rem}.dark-mode-toggle{align-items:center;background:#ff00001a;border:2px solid red;border-radius:50%;box-shadow:0 0 15px #ff00004d;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;transition:all .3s ease;width:45px}.dark-mode-toggle:hover{background:#f003;box-shadow:0 0 25px #f009;transform:scale(1.1)}.app.dark-mode .main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:20px;box-shadow:0 8px 32px #00000080;margin:20px auto;padding:1rem}.app.dark-mode .page-title{color:#fff;text-shadow:0 0 20px #ff000080}.app.dark-mode .page-subtitle{color:#ccc;text-shadow:0 0 10px #ffffff4d}.app.dark-mode .filter-group label{color:#fff;text-shadow:0 0 10px #ff000080}.app.dark-mode .filter-select .css-13cymwt-control{box-shadow:0 0 15px #ff00004d}.app.dark-mode .filter-select .css-13cymwt-control,.app.dark-mode .filter-select .css-t3ipsp-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid red;border-radius:8px;color:#fff;min-height:40px}.app.dark-mode .filter-select .css-t3ipsp-control{box-shadow:0 0 20px #ff000080}.app.dark-mode .filter-select .css-1dimb5e-singleValue,.app.dark-mode .filter-select .css-1uccc91-singleValue{color:#fff}.app.dark-mode .filter-select .css-1wa3eu0-placeholder{color:#ccc}.app.dark-mode .join-email-btn{background:linear-gradient(45deg,red,#c00);border:2px solid red;box-shadow:0 0 20px #ff000080;font-weight:700}.app.dark-mode .join-email-btn:hover{background:linear-gradient(45deg,#c00,#900);box-shadow:0 0 30px #f00c;transform:translateY(-2px)}.app.dark-mode .tell-us-button{background:linear-gradient(45deg,red,#c00);border:2px solid red;box-shadow:0 0 20px #ff000080;font-weight:700}.app.dark-mode .tell-us-button:hover{background:linear-gradient(45deg,#c00,#900);box-shadow:0 0 30px #f00c;transform:translateY(-2px)}.app.dark-mode .favorites-filter{color:#fff;text-shadow:0 0 10px #ff000080}.app.dark-mode .favorites-filter input[type=checkbox]{accent-color:red;box-shadow:0 0 10px #ff000080}.app.dark-mode .results-count{color:#ccc;text-shadow:0 0 10px #ffffff4d}.app.dark-mode .video-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ff00004d;box-shadow:0 8px 25px #0009}.app.dark-mode .video-card:hover{border-color:red;box-shadow:0 15px 40px #f006;transform:translateY(-8px)}.app.dark-mode .video-title{color:#fff}.app.dark-mode .tag{background:#ff00001a;border:1px solid red;color:red;text-shadow:0 0 5px #ff000080}.app.dark-mode .tag:hover{background:#f003;box-shadow:0 0 15px #ff000080;transform:translateY(-2px)}.app.dark-mode .product-type-tag{background:#ff000026;border-color:red;color:#f66}.app.dark-mode .video-type-tag{background:#ff00001a;border-color:red;color:#f99}.app.dark-mode .industry-tag{background:#f003;border-color:red;color:#f33}.app.dark-mode .favorite-btn{background:#000c;border:2px solid red;box-shadow:0 0 15px #ff000080}.app.dark-mode .favorite-btn:hover{background:#f003;box-shadow:0 0 25px #f00c}.app.dark-mode .favorite-btn.favorited{background:#ff00004d;box-shadow:0 0 20px #ff0000b3;color:red}.app.dark-mode .modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6}.app.dark-mode .modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border:2px solid red;box-shadow:0 0 40px #ff000080}.app.dark-mode .modal h2{color:#fff;font-weight:700;letter-spacing:2px;text-shadow:0 0 15px #ff000080;text-transform:uppercase}.app.dark-mode .modal p{color:#ccc;text-shadow:0 0 10px #ffffff4d}.app.dark-mode .email-input{background:#000c;border:2px solid red;box-shadow:0 0 15px #ff00004d;color:#fff}.app.dark-mode .email-input:focus{border-color:red;box-shadow:0 0 25px #f009}.app.dark-mode .suggestion-textarea{background:#000c;border:2px solid red;box-shadow:0 0 15px #ff00004d;color:#fff}.app.dark-mode .suggestion-textarea:focus{border-color:red;box-shadow:0 0 25px #f009}.app.dark-mode .join-btn{background:linear-gradient(45deg,red,#c00);border:2px solid red;box-shadow:0 0 20px #ff000080;font-weight:700}.app.dark-mode .join-btn:hover{background:linear-gradient(45deg,#c00,#900);box-shadow:0 0 30px #f00c}.app.dark-mode .first-time-modal{background:#000000f2;border:3px solid red;box-shadow:0 0 50px #f009}.app.dark-mode .first-time-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,red);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px #ff000080}.app.dark-mode .first-time-modal p{color:#ccc;text-shadow:0 0 10px #ffffff4d}.app.dark-mode .video-modal{background:#000000f2;border:3px solid red;box-shadow:0 0 50px #f009}.video-modal{background-color:#000000f2}.app.dark-mode .modal-close-btn{background:#f003;border:2px solid red;color:#fff}.app.dark-mode .modal-close-btn:hover{background:#f006;box-shadow:0 0 20px #f009}.app.dark-mode .modal-title{color:#fff;font-size:18px;text-shadow:0 0 15px #ff000080}.modal-title{font-size:18px}.app.dark-mode .modal-favorite-btn{background:#000c;border:2px solid red;box-shadow:0 0 15px #ff000080}.app.dark-mode .modal-favorite-btn:hover{background:#f003;box-shadow:0 0 25px #f00c}.app.dark-mode .modal-favorite-btn.favorited{background:#ff00004d;box-shadow:0 0 20px #ff0000b3;color:red}.app.dark-mode .modal-content-section{background-color:#000c}.app.dark-mode .transcript-textarea{background:#000c;border:2px solid red;box-shadow:0 0 15px #ff00004d;color:#fff}.app.dark-mode .transcript-textarea:focus{border-color:red;box-shadow:0 0 25px #f009}.app.dark-mode .loading{color:#fff;font-weight:700;letter-spacing:2px;text-shadow:0 0 20px #ff000080;text-transform:uppercase}@media (max-width:768px){.app.dark-mode .header-actions{flex-direction:column;gap:.5rem}.app.dark-mode .dark-mode-toggle{font-size:18px;height:40px;width:40px}.app.dark-mode .main-content{margin:10px;padding:1rem}}
/*# sourceMappingURL=main.57957772.css.map*/