#root{flex:1;width:100%;height:100%;background-color:var(--background-color);transition:background-color .3s,color .3s}.App{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}button{background-color:transparent}.prevent-copy{-webkit-user-select:none;user-select:none}.card{padding:2em}.work-in-progress{width:100%;max-width:32rem;background-color:#fffaf0;border-left:4px solid #f97316;color:#9a3412;padding:1rem;margin-bottom:1.5rem;z-index:1000}.work-in-progress .bold-text{font-weight:700}.soundee-container{margin:0 auto 0 0;position:relative;width:300px;left:50%;transform:translate(-50%)}.soundee-title{position:relative;top:20px}label[for=intervalSlider]{position:relative;color:#888}input[id=intervalSlider]{position:relative;flex:1;margin:0 5px;z-index:300}input[id=intervalValue]{padding:5px}.rapOutput input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;background:#d3d3d3;border-radius:5px;outline:none;margin-bottom:10px}.rapOutput input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#999;cursor:pointer;border-radius:50%}#intervalValue{display:block;margin-bottom:10px;font-size:.9rem}input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#555;border-radius:50%;cursor:pointer}input[type=range]::-ms-thumb{width:15px;height:15px;background:#555;border-radius:50%;cursor:pointer}.rap-container{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-left:286px}.rapOutput label{font-size:.9em;margin-bottom:13px}.rapOutput{display:flex;justify-content:center;align-items:center;position:relative;bottom:150px}@media (max-height: 520px){.rapOutput{position:relative;top:-100px}}@media (max-height: 520px){.rapOutput label{font-size:.6em}}.generate-button{margin-left:5px;background-color:#1f4e79;color:#fff;z-index:100;margin-bottom:10px}.generate-button:hover{background-color:#2e6292;color:#fff}@media (max-height: 520px){.generate-button{font-size:.6em}}.word-output{display:flex;justify-content:center;align-items:center;position:relative;bottom:80px;height:50px;z-index:1}.word{margin:10px 0;font-size:36px;z-index:1}header{padding:1rem 0rem;height:40px;background-color:var(--header-background-color);transition:background-color .3s,color .3s;display:flex;align-items:center;justify-content:flex-start;position:fixed;width:100%;top:0;left:3px;z-index:998}@media (max-width: 768px){.header{justify-content:center;border-bottom:1px solid #ccc}}.header-content{display:flex;align-items:center}.title-header-main{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem;top:100px;font-size:3rem}@media (max-width:768px){.title-header-main{top:125px;font-size:1.8rem}}.logo-container{position:absolute;display:flex;align-items:center;cursor:pointer;left:30px}@media (max-width: 768px){.logo-container{position:relative;display:flex;align-items:center;cursor:pointer;left:-15px}}.logo-icon-light,.logo-icon-dark{height:30px;margin-right:5px}.h1-title{margin:0;font-size:1.1rem}.dropdown-icon{font-size:1.2rem;margin-left:5px}.mid-dropdown-menu{background-color:#fff;position:absolute;top:100%;left:0;width:100px;z-index:998;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;border-radius:10px}@media (max-width: 768px){.mid-dropdown-menu{left:25%}}@media (min-width: 768px){.mid-dropdown-menu{left:0}}.mid-dropdown-menu a{display:block;color:#333;text-decoration:none;padding:10px 20px;text-align:left}.mid-dropdown-menu a:hover{background-color:#f0f0f0;border-radius:10px}.footer-sitemap-container{display:flex;position:relative;border-radius:10px;top:250px}@media (max-width: 768px){.footer-sitemap-container{top:520px}}.footer-sitemap-app{position:absolute;top:0;left:0;right:0}.footer-sitemap-container-cont{overflow:hidden;position:relative;border-radius:30px;top:250px}@media (max-width: 768px){.footer-sitemap-container-cont{top:20px}}.footer-sitemap-app-cont{position:absolute;top:0;left:0;right:0}.footer-sitemap-container-faq{overflow:hidden;position:relative;border-radius:10px;top:250px}@media (max-width: 768px){.footer-sitemap-container-faq{top:20px}}.footer-sitemap-app-faq{position:absolute;top:0;left:0;right:0}.footer-sitemap-container-priv{overflow:hidden;position:relative;border-radius:10px;top:50px}@media (max-width: 768px){.footer-sitemap-container-priv{top:20px}}.footer-sitemap-app-priv{position:absolute;top:0;left:0;right:0}.footer-sitemap-container-term{overflow:hidden;position:relative;border-radius:10px;top:250px}@media (max-width: 768px){.footer-sitemap-container-term{top:20px}}.footer-sitemap-app-terms{position:absolute;top:0;left:0;right:0}.input-textarea{width:100%;resize:none;border-color:#bbb;padding:8px;border-radius:15px;height:auto;min-height:30px;overflow:hidden;text-align:left;line-height:30px;outline:none;background-color:var(--textarea-background-color);color:var(--textarea-text-color);transition:background-color .3s,color .3s}.title-indicator{font-weight:700;font-size:14px;margin-top:8px;margin-right:auto;align-self:center;color:#0d0d0d;color:var(--textarea-text-color);transition:background-color .3s,color .3s}.avatar{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid #e0e0e0;background-color:var(--avatar-background-color);transition:background-color .3s,color .3s;display:flex;align-items:center;justify-content:center;margin-right:10px;top:5px}.avatar-icon{font-size:16px;color:#0d0d0d;background-color:var(--avatar-background-color);transition:background-color .3s,color .3s}.logo-icon{width:100%;height:auto}.arrow-up{color:#fff}.submit-button{position:absolute;right:20px;width:30px;height:32px;background-color:#ebebeb;color:#fff;border:none;padding:5px;border-radius:25%;cursor:pointer}.submit-button:hover{background-color:transparent}.submit-button.typing{background-color:#0d0d0d}.external-link-button{display:flex;justify-content:center;align-items:center;height:30px;width:100%;padding:10px 20px;background-color:transparent;color:#999;border:none;border-radius:4px;text-align:center;transition:background-color .3s,color .3s;position:absolute;bottom:20px;left:50%;gap:5px;transform:translate(-50%)}.external-link-button:hover{background-color:transparent}.music-icon{font-size:20px;color:inherit}.soundee-header{position:relative;top:0;left:50%;width:100%;transform:translate(-50%);font-size:xx-small;margin-top:10px;color:#ccc}.provided-by{position:absolute;margin-left:16%;bottom:75px;text-align:left;font-size:small}.App-body{height:80vh}@media (max-width: 768px){.App-body{height:50vh}}.App-content{position:relative;font-family:Reddit Sans;padding:20px;max-width:800px;margin:0 auto;line-height:1.6}.App-content section{margin-bottom:40px}.App-content h1,.App-content h2{color:#333;margin-bottom:20px;font-weight:700}.App-content h1{font-size:2.5em}.App-content h2{font-size:2em}.App-content p{margin-bottom:20px;color:#666}.App-content ul,.App-content ol{margin-left:20px;color:#444}.App-content ul li,.App-content ol li{margin-bottom:10px}.App-content blockquote{font-style:italic;color:#555;margin:20px 0;padding:10px 20px;border-left:5px solid #ccc;background-color:#f9f9f9}.App-content dl{margin-bottom:20px}.App-content dt{font-weight:700;color:#333}.App-content dd{margin-bottom:10px;color:#555}.App-content a{color:#06c;text-decoration:none}.App-content a:hover{text-decoration:underline}.sidebar-container{position:relative;display:block;flex-direction:column;height:100%;z-index:1001;overflow-x:auto;transition:transform .3s ease-in-out;transform:translate(0)}.hamburger{position:fixed;top:50%;left:0;padding:0;transform:translateY(50%);z-index:1000;font-size:24px;cursor:pointer;transition:left .3s ease;background-color:transparent;background-color:var(--sidebar-color)}.hamburger.outside{position:absolute;left:390px}.sidebar{position:fixed;top:0;left:-390px;width:390px;height:100%;background-color:#f9f9f9;transition:left .3s ease;background-color:var(--sidebar-background-color);color:var(--text-color);transition:background-color .3s,color .3s;z-index:9999;box-shadow:4px 0 10px #0000001a}.sidebar.open{left:0}@media (max-width: 768px){.hamburger{top:35px;left:0;transition:left .3s ease;z-index:10000}.open-icon-left{display:none}.hamburger.outside{position:absolute;left:360px;color:#9f9f9f}.sidebar{position:fixed;width:100%;max-width:390px;transition:left .3s ease}.sidebar.open{left:0;transition:left .3s ease}}@media (max-height: 535px){.sidebar{overflow-y:scroll}}@media (min-width: 768px){.sidebar .hamburger{top:50%;transition:left .3s ease;z-index:10000}}.close-icon-left{position:absolute;top:0;font-size:18px;transition:left .3s ease;z-index:10000}.right-sidebar-container{position:relative;display:block;flex-direction:column;height:100%;overflow-x:auto;transition:transform .3s ease-in-out;transform:translate(0)}.right-sidebar-toggle-button{position:fixed;top:50%;right:0;padding:0;transform:translateY(50%);z-index:1000;font-size:24px;cursor:pointer;transition:right .3s ease;background-color:transparent}.right-sidebar-toggle-button.outside{right:390px}.right-sidebar{position:fixed;top:0;right:-390px;width:390px;height:100%;background-color:#f9f9f9;transition:right .3s ease;background-color:var(--right-sidebar-background-color);color:var(--text-color);transition:background-color .3s,color .3s;z-index:1011;box-shadow:-4px 0 10px #0000001a}.right-sidebar.open{right:0}.right-sidebar.closed{right:-300px}@media (max-width: 768px){.right-sidebar-toggle-button{top:35px;right:0;transform:none;z-index:1012}.open-icon-right{display:none}.right-sidebar-toggle-button.outside{position:absolute;right:12px;color:#9f9f9f;transition:right .3s ease}.right-sidebar{position:fixed;width:100%;max-width:390px}.right-sidebar.open{right:0;transition:right .3s ease}}@media (min-width: 768px){.right-sidebar{position:fixed;width:100%;max-width:390px;overflow-x:auto;z-index:999}.right-sidebar-toggle-button{top:50%;right:0;transform:none;z-index:999}.right-sidebar-toggle-button.outside{position:absolute;right:390px}}.close-icon-right{top:0;font-size:18px;transform:none;z-index:200}.content{padding:10px;max-width:800px;position:relative;top:200px;margin-bottom:250px}@media (max-width: 768px){.content{top:250px;padding-bottom:250px}}.content.centered{margin-left:auto;margin-right:auto}.content.shifted-left{margin-left:289px}.content.shifted-right{margin-right:289px}.content.shifted-both{margin-left:289px;margin-right:289px}.title-header{position:relative;transform:translateY(0);text-align:center;z-index:1;bottom:150px;width:100%;max-width:1000px;padding:20px;box-sizing:border-box;font-size:x-large;margin:0 auto;color:#515151}@media (max-height: 520px){.title-header{position:relative;top:-100px}}.gradient-background{background:#ebebeb;height:100%;width:100%;display:flex;flex-direction:column}.landing-header-fixed{background-color:#0d0d0d}.home-icon-landing{position:fixed;top:20px;right:30px;color:inherit;text-decoration:none;color:#5555;z-index:999}@media (max-width: 768px){.home-icon-landing{right:115px;top:22.5px}}@media (max-width: 375px){.home-icon-landing{right:60px;top:22.5px}}.image-span img{font-size:x-small;height:auto;display:inline}.image-span-header img{position:relative;width:32px;height:auto;display:inline;left:60px;top:3px}@media (max-width:768px){.image-span-header img{position:relative;width:25px;height:auto;display:inline;left:20px;top:3px}}.open-ai-logo{margin:auto;display:flex;font-size:40px}.generator-img{position:relative;top:5px;font-size:39px}.generator-tab{position:relative;display:inline;top:2px;margin-right:5px}.container-landing{background-color:#ffffff0c;padding:2.25rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;position:relative;top:75px;width:420px;margin:auto;max-height:1000px;margin-top:0vh;z-index:0}@media (max-width: 768px){.container-landing{width:300px}}@media (max-width: 375px){.container-landing{width:245px}}.container-title-l{font-size:xx-large;color:#ccc}@media (max-width: 768px){.container-title-l{font-size:x-large}}header .logo-landing{position:relative;height:auto;display:inline;margin:auto auto auto 50px;left:20px;font-size:1.5rem;font-weight:700;color:#ccc}@media (max-width:768px){header .logo-landing{position:relative;height:auto;display:inline;margin:auto auto auto 5px;left:20px;font-size:1.5rem;font-weight:700;color:#ccc}}header nav{margin-right:50px;display:flex;gap:1rem;border-radius:5px;z-index:100}header nav a{color:#10a37f;text-decoration:none;padding:.5rem 1rem}header nav a:hover{color:#1ec59b;border-radius:8px}input[type=email]{padding:.5rem;border:1px solid #ccc;border-radius:5px;width:calc(100% - 1rem);margin-bottom:1rem;font-size:1rem;box-shadow:0 4px 8px #0000001a}input[type=text]{padding:.5rem;border:1px solid #ccc;border-radius:5px;width:calc(100% - 1rem);margin-bottom:10px;font-size:1rem;box-shadow:0 4px 8px #0000001a}label[for=message]{font-size:16px;font-weight:700;color:#333;margin-bottom:8px;display:block}textarea#message{width:95%;height:40px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Arial,sans-serif;resize:vertical;margin-bottom:16px}textarea#message:focus{border-color:#212121;box-shadow:0 0 5px #0066cc80;outline:none}small#message-caption{font-size:11px;color:#666;display:block}.terms-of-service{color:#1f4e79}.terms-of-service:hover{color:#295b8a}input[type=checkbox]{cursor:pointer;margin:0}label[for=consent]{display:flex;align-items:center;font-size:.9em;margin-top:10px}label[for=consent] small{margin-left:5px;color:#555}label[for=consent] a{color:#1f4e79;text-decoration:none}label[for=consent] a:hover{text-decoration:underline}label[for=consent] input[type=checkbox]{margin-right:10px;vertical-align:middle}.container-landing-buttons label{display:flex;align-items:center;margin-bottom:10px;color:#ccc}.container-landing-buttons label a{color:#1f4e79;text-decoration:none;margin-left:5px}.container-landing-buttons label a:hover{text-decoration:underline;color:#ccc}.hamburger-landing{display:none;flex-direction:column;cursor:pointer;margin-right:5%}.hamburger-landing div{width:25px;height:2px;background-color:#ccc;margin:3px 0;transition:.3s}button.secondary{background-color:transparent;padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;margin-top:1rem;font-size:1rem;width:100%}button.secondary:hover{background-color:transparent;color:#ccc}button[type=submit]{background:#10a37f;color:#fff;margin-top:1rem;box-shadow:0 4px 8px #0000001a;width:100%}button[type=submit]:hover{background-color:#23c49b;color:#fff}@media (min-width: 768px){button.secondary:hover{color:snow;background-color:transparent}}@media (max-width: 768px){header nav{display:none;flex-direction:column;background-color:#333;position:absolute;top:60px;right:0;width:100%;text-align:center}header nav.active{margin-right:0;display:flex;background:#212121;color:#000;z-index:100}.hamburger-landing{display:flex}header .logo-landing{display:flex}}.main-container-landing{padding:1.125rem;border-radius:10px;text-align:center;margin:auto;margin-top:0vh;width:420px}.blog-post{max-width:800px;margin:auto;padding:20px;font-family:Reddit Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:#666;z-index:0}@media screen and (min-height: 768px){.blog-post{margin-top:200px}}@media screen and (max-width: 768px){.blog-post{margin-top:75px}}@media screen and (max-width: 375px){.blog-post{margin-top:50px}}@media screen and (min-height: 900px){.blog-post{margin-top:200px}}@media screen and (min-height: 1000px){.blog-post{margin-top:369px}}@media (max-height: 900px) and (min-height: 838px){.blog-post{margin-top:150px}}.blog-post h1{font-size:2.5em;margin-bottom:20px;color:#ccc;text-align:center}@media (max-width: 768px){.blog-post h1{font-size:2.5em}}.span-titles{color:#10a37f}.span-titles1{color:#f4d35e}.span-titles2{color:#ccc}.post-section{margin-bottom:40px;border-bottom:1px solid #ccc;padding-bottom:20px}.post-section h2{font-size:2em;margin-bottom:10px;color:#a3103a}.post-section h3{font-size:1.5em;margin-bottom:10px;color:#eee}.post-section p{font-size:1em;margin-bottom:10px;color:#ccc}.post-section ul{list-style-type:disc;padding-left:20px;margin-bottom:20px}.post-section ul li{margin-bottom:5px}.post-section a{display:inline-block;margin-top:10px;color:#f4d35e;text-decoration:none}.post-section a:hover{text-decoration:none;color:#f8f0d4}.post-section button{display:inline-block;margin-top:10px;padding:10px 20px;color:#fff;background-color:#7e28ce;border:none;border-radius:4px;cursor:pointer}.post-section button:hover{color:#fff;background-color:#963ee9}.home-footer-container-landing{background-color:var(--footer-background-color);color:var(--footer-text-color);transition:background-color .3s,color .3s;text-align:center;max-width:fit-content;width:100%;box-sizing:border-box;margin:0 auto;border-radius:10px}.footer-label-landing{position:relative;bottom:0;left:50%;transform:translate(-50%);width:80%;padding:11px 0;margin:0;color:#888;display:flex;justify-content:center;text-align:center;z-index:0}.home-footer-container{position:relative;bottom:0}.footer-label-l{position:relative;bottom:0;left:50%;transform:translate(-50%);width:80%;padding:11px 0;margin:0;color:#888;display:flex;justify-content:center;text-align:center;z-index:0}.footer-sitemap-title{width:100%;color:#444;margin-bottom:10px;text-align:center}.footer-sitemap ul{list-style:none;padding:0;margin:0}.footer-sitemap li{display:inline-block;margin:0 10px}.footer-sitemap a{color:#1f4e79;text-decoration:none;font-size:.9rem}.footer-sitemap a:hover{color:#295e91}.footer-copyright{color:#888;text-align:center}.footer-sitemap-row{display:flex;flex-wrap:row;justify-content:center;text-align:center}@media (max-width: 768px){.footer-sitemap-row{display:flex;flex-wrap:wrap;justify-content:center;padding:0;text-align:center}}.footer-sitemap-category{flex:1;min-width:150px;margin:5px}.footer-sitemap-category ul{list-style-type:none;padding:0}.footer-sitemap-category li{margin-bottom:8px}.home-footer-container-landing-l{position:relative;bottom:0}.footer-label-landing-l{position:relative;bottom:0;left:50%;transform:translate(-50%);width:80%;padding:11px 0;margin:0;color:#888;display:flex;justify-content:center;text-align:center;z-index:0}.home-footer-container-l{position:relative;bottom:0}.footer-sitemap-l{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.footer-sitemap-title-l{width:100%;color:#444;margin-bottom:10px;text-align:center}.footer-sitemap-l ul{list-style:none;padding:0;margin:0}.footer-sitemap-l li{display:inline-block;margin:0 10px}.footer-sitemap-l a{color:#1f4e79;text-decoration:none;font-size:.9rem}.footer-sitemap-l a:hover{color:#295e91}.footer-copyright-l{margin-bottom:10px;color:#888;text-align:center}.footer-copyright-app{margin-top:10px;margin-bottom:10px;color:#888;text-align:center}.footer-sitemap-row-l{display:flex;flex-wrap:row;justify-content:center;padding:0;text-align:center}@media (max-width: 768px){.footer-sitemap-row-l{display:flex;flex-wrap:wrap;justify-content:center;padding:0;text-align:center}}.footer-sitemap-category-l{flex:1;min-width:150px;margin:10px}.footer-sitemap-category-l ul{list-style-type:none;padding:0}.footer-sitemap-category-l li{margin-bottom:8px}p{color:#777978}b{color:#48a58e}h1,h2,h3{color:#777978}h4{color:#48a58e}.page{flex:1;width:100%;padding:20px;box-sizing:border-box;overflow-y:auto}.page.dark{background-color:#212121;color:#fff}.page.light{background-color:#fff;color:#0d0d0d}.home-icon{position:fixed;top:10px;left:20px;color:inherit;text-decoration:none;color:#5555}.privacy-policy-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:40px;padding:20px;box-sizing:border-box}.policy-container{width:100%;max-width:800px;padding:20px;background-color:#ffffff1a;border-radius:10px;box-sizing:border-box;box-shadow:0 0 10px #0000001a;margin-bottom:40px;text-align:left}.policy-container h1,.policy-container h4,.policy-container p{margin:10px 0}.disclaimer-header{color:#2f2f2f;position:relative}.disclaimer{color:#999;font-size:.6em;text-align:center}.copyright{color:#999;font-size:smaller;text-align:center}.reachout{padding:10px}.contact-email{padding:10px;color:#48a58e}.bold-email{padding:10px;color:#777978}.theme-switch-wrapper-d{position:fixed;top:5px;right:8px;z-index:1}.theme-switch-d{display:flex;align-items:center;margin-bottom:10px;margin-right:20px;z-index:1}@media (max-width: 768px){.theme-switch-d{margin-top:10px;margin-right:10px}}.theme-switch-d.hide,.theme-switch-d input{display:none}.slider-d{width:40px;height:20px;background-color:#ccc;position:relative;border-radius:10px;cursor:pointer;transition:background-color .3s}.slider-d:before{content:"";position:absolute;width:18px;height:18px;background-color:#f9f9f9;border-radius:50%;top:1px;left:1px;transition:transform .3s}input:checked+.slider-d{background-color:#4d4d4d}input:checked+.slider-d:before{transform:translate(20px)}.label-d{margin-left:5px;font-size:.9rem;color:var(--text-color)}.logo-container-d{position:relative;width:0;left:50%;transform:translate(-50%);z-index:1;display:none}.header-container-d{position:relative;top:50px;width:100%;text-align:center;z-index:1}@media screen and (max-width: 768px){.header-container-d{position:relative}}.header-button{position:relative;display:flex;align-items:center;background-color:transparent;border:none;padding:12px;margin:20px 20px auto;width:100%;max-width:300px;cursor:pointer;transition:color 0s ease}.header-button:hover{background-color:var(--help-dropdown-background-color);color:var(--text-color);transition:background-color .3s,color .3s}.notepad-icon{font-size:24px;margin-right:8px}@media (max-width: 768px){.button-title{color:#9f9f9f}}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;text-align:center}.lightbox h4{margin-top:0}.lightbox a{color:#007bff;text-decoration:none}.lightbox a:hover{text-decoration:underline}.text-area-container{position:relative;display:flex;flex-direction:column;margin-top:5px;margin-left:10px;margin-right:30px;color:var(--text-color);transition:background-color .3s,color .3s}#notepad{resize:none;height:400px;padding:10px;margin:20px 20px auto;border:1px solid #ececec;border-radius:4px;font-size:16px;line-height:1.5;outline:none;transition:border-color .3s ease;width:100%;max-width:300px;background-color:var(--text-area-background-color);color:var(--text-area-text-color);transition:background-color .3s,color .3s}.textarea:focus{border-color:#555}.button-group{padding:10px;display:flex;align-items:center;margin-top:20px}.icon-button{background-color:transparent;border:none;padding:10px;cursor:pointer}.icon-button:hover{background-color:#f0f0f0;border-radius:50%}.character-count{margin-left:auto;font-size:14px;color:#6c757d}.note-history{padding:20px;position:relative}.note-header{display:flex;align-items:center;margin-bottom:10px;background-color:#f9f9f9;padding:5px 10px;border-radius:5px}.note-icon{position:absolute;right:10px}@media (max-width: 768px){.note-icon,.icon-button{color:#9f9f9f}}.note-title{position:relative;font-size:12px;display:flex;align-items:center;padding:10px 10}.note-list{max-height:500px;width:95%;overflow-y:auto;margin-left:10px}.note-list::-webkit-scrollbar{width:.6rem}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:21px}.note-item{position:relative;display:flex;align-items:center;height:40px;width:calc(100% - 30px);padding:0 10px;background-color:transparent;border-radius:9px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-bottom:5px}.note-item:hover{background-color:#e0e0e0}.note-item-title{font-size:14px;right:10px}.note-item-content{font-size:16px;margin-left:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:0px}.note-item-ellipsis{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:14px;color:#555;cursor:pointer;transition:color 0s ease}.note-item-ellipsis:hover{color:#333}.list-dropdown{position:relative;width:22%}.list-dropdown-button{padding:10px;background-color:transparent;color:#0d0d0d;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;position:fixed;top:10px;left:300px;width:44%;transition:color 0s ease}.list-dropdown-button:hover{background-color:transparent;border-radius:10px}.list-dropdown-button:focus{outline:none}.list-dropdown-icon{position:relative;padding:10px;bottom:10px;right:65%;font-size:13px;color:#b91c1c}.list-text{position:relative;bottom:57px;right:0;color:#b91c1c}.list-dropdown-menu{position:auto;top:0;left:305px;width:165%;max-height:32px;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;text-align:right;font-size:.9rem}.list-dropdown-item{padding:10px;color:#333;text-decoration:none;display:block}.list-dropdown-menu:hover{background-color:#f9f9f9}@media only screen and (max-height: 444px){.note-list{max-height:100px;overflow-y:auto}}@media only screen and (min-height: 445px) and (max-height: 599px){.note-list{max-height:300px;overflow-y:auto}}@media only screen and (min-height: 600px) and (max-height: 1023px){.note-list{max-height:500px;overflow-y:auto}}@media only screen and (min-height: 1024px){.note-list{max-height:700px;overflow-y:auto}}.spinner{width:12px;height:12px;position:absolute;margin-top:50px}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.theme-switch-wrapper{position:absolute;top:5px;right:5px;z-index:1}.theme-switch{display:flex;align-items:center;margin-bottom:10px}.theme-switch.hide,.theme-switch input{display:none}.slider{width:40px;height:20px;background-color:#ccc;position:relative;border-radius:10px;cursor:pointer;transition:background-color .3s}.slider:before{content:"";position:absolute;width:18px;height:18px;background-color:#f9f9f9;border-radius:50%;top:1px;left:1px;transition:transform .3s}input:checked+.slider{background-color:#4d4d4d}input:checked+.slider:before{transform:translate(20px)}.label{margin-left:5px;font-size:.9rem;color:var(--text-color)}@media (max-width: 768px){.theme-switch{position:relative;left:39%}}.dub-menu{position:fixed;top:0;z-index:999}.hamburger-menu{position:relative;z-index:998;left:0;border-radius:10px;height:fit-content}.hamburger-icon{position:fixed;cursor:pointer}.ham-dropdown-menu{position:absolute;top:100%;left:0;width:100px;background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 4px #0000001a}.ham-dropdown-menu a{display:block;color:#333;text-decoration:none;padding:5px 0;text-align:left}.ham-dropdown-menu a:hover{padding-left:10px;background-color:#f0f0f0;border-radius:10px;width:90px;text-align:left}@media (max-width: 768px){.hamburger-menu{position:absolute;font-size:1.1rem;top:5px;margin:0 0 0 10px}}@media (max-width: 768px){.hamburger-icon{font-size:25px;left:30px}.hamburger-menu{position:absolute;font-size:1.1rem;top:20px;margin:0 0 0 15px}}@media (min-width: 768px){.hamburger-menu{display:none}}.dub-menu-r{position:fixed;top:0;z-index:999}.hamburger-menu-r{position:relative;z-index:1010;right:0}.hamburger-icon-r{cursor:pointer}.ham-dropdown-menu-r{position:absolute;top:100%;right:0;width:100px;background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 4px #0000001a}.ham-dropdown-menu-r a{display:block;color:#333;text-decoration:none;padding:5px 0;text-align:left}.ham-dropdown-menu-r a:hover{padding-left:10px;background-color:#f0f0f0;border-radius:10px;width:90px;text-align:left}@media (max-width: 768px){.hamburger-icon-r{font-size:30px;right:0}.hamburger-menu-r{position:fixed;margin:0 25px 0 0;right:0;font-size:1.1rem;top:15px}}@media (min-width: 768px){.hamburger-menu-r{display:none}}@media screen and (max-width: 768px){.footer-container{position:fixed;bottom:0;left:0;width:100%}}.metronome{position:relative;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background-color:transparent;margin:10px;border-radius:10px;width:100%;z-index:1}@media (max-width: 768px){.metronome{display:none}}.metronome-icon{font-size:20px;cursor:pointer;color:#9f9f9f;margin-right:10px}.metronome-icon:hover{color:#0d0d0d}.dropdown{display:flex;align-items:center;margin-right:10px}#bpm-slider{width:100px;margin-left:10px}.metronome-button{padding:5px 10px;font-size:14px;color:#9f9f9f;background-color:transparent;border:none;border-radius:5px;cursor:pointer}.metronome-button:hover{color:#0d0d0d}.sidebar-open{position:absolute;text-align:center;bottom:0}.main-container{position:fixed;bottom:20px;right:20px;z-index:1000}.main-container.disabled{opacity:.5;pointer-events:none}.chat-toggle-closed.disabled{cursor:not-allowed}.disabled-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:5px;text-align:center;margin-bottom:10px}.chat-toggle-closed{width:60px;height:60px;background-color:#a3103a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s}.chat-toggle-closed:hover{transform:scale(1.05)}.chat-container{width:392px;height:558px;background-color:#2c2f33;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000004d;overflow:hidden}.chat-header{background-color:#23272a;padding:15px;display:flex;align-items:center;justify-content:space-between}.chat-header-content{display:flex;align-items:center}.logo{width:30px;height:30px;margin-right:10px}.logo-name{font-size:18px;font-weight:700;color:#fff}.close-button{color:#fff;font-size:20px;cursor:pointer;transition:color .2s}.close-button:hover{color:#a3103a}.chat-box{flex-grow:1;display:flex;flex-direction:column;background-color:#2c2f33;overflow:hidden}.message-list{flex-grow:1;padding:10px;overflow-y:auto;background-color:#2c2f33;border-bottom:1px solid #3a3d41;display:flex;flex-direction:column;scroll-behavior:smooth}.message-list::-webkit-scrollbar{width:6px;background-color:transparent}.message-list::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.message-list::-webkit-scrollbar-thumb:hover{background-color:#555}.message-list{scrollbar-width:thin;scrollbar-color:#888 transparent}.message-input{display:flex;border-top:1px solid #3a3d41;background-color:#2c2f33;padding:10px}input[type=text]{flex-grow:1;padding:10px;border:none;border-radius:5px;outline:none;background-color:#40444b;color:#fff;font-size:14px;margin-right:10px}button{background-color:#a3103a;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:14px;border-radius:5px}button:hover{background-color:transparent}.placeholder-message{text-align:center;margin-top:100px;color:#b9bbbe}.placeholder-logo{width:80px;height:80px;margin-bottom:20px}.message{display:flex;align-items:flex-start;margin-bottom:15px}.user-icon,.ai-icon{width:30px;height:30px;border-radius:50%;background-color:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-right:10px}.ai-icon{background-color:#7289da;object-fit:cover}.message-content{background-color:#40444b;color:#fff;padding:12px 16px;border-radius:8px;max-width:75%;position:relative;word-break:break-word}.message.user .message-content{background-color:transparent;align-self:flex-end}.copy-icon{position:absolute;bottom:-25px;right:0;cursor:pointer;color:#b9bbbe;font-size:14px;transition:color .2s}.copy-icon:hover{color:#fff}.tooltip{position:absolute;bottom:-30px;right:0;background-color:#23272a;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;box-shadow:0 4px 12px #0000004d;white-space:nowrap}.typing-indicator .message-content{background-color:#40444b;display:flex;align-items:center;justify-content:center;height:40px;width:60px;padding:0}.typing-dots{display:flex;align-items:center;justify-content:space-between;width:24px}.dot{width:6px;height:6px;background-color:#b9bbbe;border-radius:50%;animation:blink 1.4s infinite both}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.message-input{padding:15px;background-color:#23272a;border-top:1px solid #2c2f33}.input-container{position:relative;width:100%}.message-textarea{width:100%;padding:12px 50px 12px 15px;border:none;border-radius:25px;background-color:#40444b;color:#fff;font-size:14px;outline:none;resize:none;max-height:100px;overflow-y:auto;box-sizing:border-box;line-height:1.5;transition:height .2s ease}.message-textarea::-webkit-scrollbar{width:6px;background-color:transparent}.message-textarea::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.message-textarea::-webkit-scrollbar-thumb:hover{background-color:#555}.message-textarea{scrollbar-width:thin;scrollbar-color:#888 transparent}.message-textarea:focus{height:auto}.message-input button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b9bbbe;font-size:20px;cursor:pointer;padding:0;outline:none;transition:color .2s}.message-input button:hover{color:#fff}.message-input button:disabled{color:#4f545c;cursor:not-allowed}.notification-banner{position:fixed;bottom:100px;right:20px;background-color:#a3103a;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;cursor:pointer;animation:slideIn .5s ease-out,fadeOut .5s ease-in 3.5s;z-index:1100;max-width:300px;text-align:center;line-height:1.4;word-break:break-word}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 500px){.chat-container{width:100%;height:100%;border-radius:0;bottom:0;right:0;position:fixed;z-index:1000}.notification-banner{right:50%;transform:translate(50%);max-width:90%;bottom:80px}}:root{font-family:Reddit Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#212121;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--background-color: #ffffff;--text-color: #0d0d0d;--sidebar-background-color: #f9f9f9;--sidebar-text-color: #212121;--right-sidebar-background-color: #f9f9f9;--right-sidebar-text-color: #212121;--dropdown-button-background-color: #ffffff;--dropdown-button-text-color: #212121;--dropdown-button-hover-background-color: #f9f9f9;--dropdown-menu-background-color: #ffffff;--help-dropdown-background-color: #ffffff;--help-dropdown-text-color: #0d0d0d;--text-area-background-color: #ffffff;--text-area-text-color: #0d0d0d;--textarea-background-color: #ffffff;--textarea-text-color: #0d0d0d;--avatar-background-color: #ebebeb;--header-background-color: #fff;--header-border-bottom-color: #9f9f9f;--header-text-color: #212121;--footer-background-color: #ebebeb;--footer-text-color: #0d0d0d}:root[data-theme=dark]{--background-color: #212121;--text-color: #ececec;--sidebar-background-color: #1a1a1a;--right-sidebar-background-color: #1a1a1a;--dropdown-button-background-color: transparent;--dropdown-button-text-color: #ececec;--dropdown-background-color: #2f2f2f;--dropdown-text-color: #ececec;--dropdown-button-hover-background-color: #2f2f2f;--dropdown-button-hover-background-text-color: #ececec;--dropdown-item-background-color: #2f2f2f;--dropdown-item-text-color: #ececec;--dropdown-item-hover-background-color: #9f9f9f;--dropdown-item-hover-text-color: #ececec;--dropdown-menu-background-color: #2f2f2f;--help-dropdown-background-color: #ccc;--help-dropdown-text-color: #ececec;--text-area-background-color: #fff;--text-area-text-color: #0d0d0d;--textarea-background-color: #2f2f2f;--textarea-text-color: #ececec;--avatar-background-color: #ececec;--header-background-color: #0d0d0d;--header-border-bottom-color: #ececec;--header-text-color: #212121;--footer-background-color: #0d0d0d;--footer-text-color: #9f9f9f}:root[light-theme="Switch to Light Theme"]{--LogoAComponent-path: url(/assets/LogoA-DPqgYdnL.svg)}:root[dark-theme="Switch to Dark Theme"]{--LogoBComponent-path: url(/assets/LogoB-4jG71_vK.svg)}a{font-weight:500;color:#555;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}body::-webkit-scrollbar{width:.5rem}body::-webkit-scrollbar-track{background:#ebebeb}body::-webkit-scrollbar-thumb{background:#999;border-radius:10px;margin-left:1rem;padding:1rem}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.sidebar-open{display:none;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}a:hover{color:#070707}button{color:#cdcdcd;background-color:transparent}button:hover{color:#000}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}