@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body,html{align-items:center;background:#2b2b2b;color:#000;display:block;justify-content:center;margin:0;min-height:100vh;overflow-x:auto!important;padding:0}.container,body,html{font-family:Poppins,sans-serif}.container{background:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:auto;min-height:85vh;min-width:70vw;overflow:hidden;padding:20px;text-align:center;transition:width .3s ease-in-out;width:90%}h1{font-weight:400;margin-bottom:10px}h1,h2{color:#2c2c2c;font-size:18px;margin-top:0}h2{font-weight:200;margin-bottom:5px}p{color:#2c2c2c;font-size:18px;font-weight:400;margin-bottom:30px}.app-header{align-items:center;display:grid;grid-template-columns:auto 1fr auto;overflow:visible;padding:10px 20px;position:relative}.header-center{text-align:center}.header-right{width:40px}.hamburger-menu{display:inline-block;position:relative}.hamburger-button{background:none;border:none;cursor:pointer}.menu-dropdown{background:#fff;border-radius:8px;box-shadow:0 10px 20px #00000026;left:0;margin-top:10px;opacity:0;padding:10px;pointer-events:none;position:absolute;top:100%;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:150px}.menu-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-dropdown a{color:#000;display:block;padding:10px;text-decoration:none;transition:background .2s ease}.menu-dropdown a:hover{background:#f0f0f0}#text-content{word-wrap:break-word;background:#fff;border:1px solid #2c2c2c;border-radius:12px;box-shadow:inset 0 4px 10px #0000000d;box-sizing:border-box;color:#000;display:block;font-size:clamp(16px,1.5vw,20px);height:auto;line-height:1.6;margin:0 auto;max-width:650px;min-height:25vh;overflow-y:auto;padding:14px;resize:vertical;text-align:justify;white-space:pre-wrap;width:90%}.highlight{background-color:#7fed9b;font-weight:700}.audio-controls{background:#fff;box-sizing:border-box;gap:10px;justify-content:center;margin-top:5px;max-width:90vw;padding:15px;width:100%}.audio-controls,.play-speed-wrapper{flex-direction:column}.audio-controls,.play-button,.play-speed-wrapper{align-items:center;display:flex;position:relative}.play-button{background:#7fed9b;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:55px;justify-content:center;transition:background .3s ease;width:55px}.play-button:hover{background:#66d48f;transform:scale(1.05)}.play-button:disabled{background:#aaa;cursor:not-allowed}.speed-select{background:#fff;border:none;border-radius:5px;bottom:-10px;cursor:pointer;font-size:14px;height:30px;left:-90px;padding:4px 6px;position:absolute;text-align:center;width:65px}.spinner{align-items:center;animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:flex;height:22px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.progress-container{margin-bottom:5px;max-width:400px;width:75%}.progress-container,.speaker-section{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.speaker-section{background:none;border-radius:12px;flex-direction:column;margin-bottom:10px;max-width:90vw;padding:5px;width:100%}.speaker-dropdown{background:#fff;border:1px solid #ccc;border-radius:6px;color:#000;cursor:pointer;font-size:14px;height:35px;max-width:100%;outline:none;padding:5px 8px;transition:all .3s ease;width:90%}.text-input-container{align-items:center;display:flex;flex-direction:column;max-width:90vw;width:100%}.text-input-container textarea{background:#fff;border:1px solid #2c2c2c;border-radius:5px;box-sizing:border-box;color:#000;display:block;font-size:16px;margin:0 auto;max-width:650px;min-height:100px;padding:14px;resize:none;width:90%}#text-content:focus,textarea:focus{border-color:#7fed9b;box-shadow:0 0 6px #66d48fcc}.button{background:#7fed9b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(14px,1.5vw,18px);margin-top:10px;max-width:300px;min-width:180px;padding:12px;transition:background .3s,transform .2s ease-in-out;width:60%}.button:hover{background:#66d48f;transform:scale(1.05)}.chatgpt-container{margin-top:15px;max-width:90vw;position:relative;width:100%}.chatgpt-input{background:#fff;border:1px solid #2c2c2c;box-sizing:border-box;color:#000;display:block;font-size:16px;margin:0 auto;max-width:650px;padding:14px;resize:none;width:90%}.chatgpt-input:focus{border-color:#7fed9b;box-shadow:0 0 6px #66d48fcc}.chatgpt-submit{background:#7fed9b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(14px,1.5vw,18px);margin-top:10px;max-width:300px;min-width:180px;padding:12px;transition:background .3s,transform .2s ease-in-out;width:60%}.chatgpt-submit:hover{background:#66d48f;transform:scale(1.05)}.chatgpt-form{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;gap:10px;margin:0 auto;max-width:700px;padding:10px;width:100%}#chatgpt-form.show{display:flex!important}.chatgpt-input{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}audio{height:40px;width:100%!important}audio::-webkit-media-controls-panel{background-color:#2c2c2c;border-radius:8px}audio::-webkit-media-controls-timeline{border-radius:5px;height:10px;margin:5px 0;width:100%}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:#fff;font-size:14px}audio::-webkit-media-controls-play-button{transform:scale(1.2)}#selected-preview{background:#f0f0f0;border-radius:5px;color:#555;font-style:italic;padding:5px}@media (max-width:768px){.container{max-width:100%;min-width:90vw;padding:15px}#text-content,textarea{font-size:16px;max-width:none;width:95%}.audio-controls{flex-direction:column;gap:6px}.play-button{font-size:20px;height:50px;width:50px}.button{font-size:14px;max-width:none;padding:10px;width:80%}.speed-select{bottom:-15px!important;font-size:12px;left:-80px!important;width:55px}.chatgpt-container{margin-top:15px;max-width:90vw;position:relative;width:100%}.chatgpt-container.expanded{transform:scale(1)}.chatgpt-form{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;gap:5px;padding:10px}}.container input,.container select:not(.speed-select),.container textarea{box-sizing:border-box;width:100%}.knowledge-article{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;line-height:1.8;margin:40px auto;max-width:800px;padding:20px}.knowledge-article h1{color:#333;font-size:32px;margin-bottom:20px}.knowledge-article h2{color:#555;font-size:24px;margin-top:20px}.knowledge-article pre{background:#f4f4f4;border-left:4px solid #007bff;overflow-x:auto;padding:10px}.knowledge-article p{text-align:left}.widget-section{background:#fafafa;border:1px solid #ddd;border-radius:5px;margin-top:30px;padding:15px}.feature-matrix-container{font-family:Arial,sans-serif;margin:40px auto;max-width:95%;text-align:center}.matrix-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:20px}.table-wrapper{align-items:flex-start;display:flex;justify-content:flex-start;overflow-x:auto;padding-bottom:10px;position:relative;text-align:left;white-space:nowrap;width:100%}.feature-table{border-collapse:collapse;flex:0 0 auto;margin-left:0;margin-top:20px;width:max-content}.feature-table td,.feature-table th{border:1px solid #ddd;padding:12px;text-align:center;white-space:nowrap}.feature-table th{background-color:#4caf50;color:#fff;position:sticky;top:0;z-index:10}.sticky-feature{word-wrap:break-word!important;background-color:#fff;border-right:2px solid #ddd;font-weight:700;left:0;max-width:300px;min-width:250px;overflow-wrap:anywhere!important;padding:12px;position:sticky;text-align:left;white-space:normal!important;z-index:10}.plan-header{background-color:#4caf50;color:#fff;font-weight:700;padding:14px}.feature-table tr:nth-child(2n){background-color:#333;background-color:#f9f9f9;color:#fff;color:#000}.feature-table tr:nth-child(odd){background-color:#fff;color:#000}.feature-table tr:hover{background-color:#e0e0e0}.feature-value{word-wrap:break-word!important;color:#333;font-size:16px;font-weight:400;max-width:250px;overflow-wrap:anywhere!important;white-space:normal!important}@media (max-width:768px){.sticky-feature{font-size:14px;max-width:160px;min-width:140px}.feature-value,.plan-header{font-size:14px}}
/*# sourceMappingURL=main.748b5943.css.map*/