:root{--bg:#050505;--text:#fff;--muted:#bdbdbd;--accent1:#6a5cff;--accent2:#00e5ff;--accent3:#ff4fd8;--sidebar-teal:teal;--highlight:#ff4fd8;--sidebar-bg:#0f0f14e6;--chatgpt-green:#10a37f;--claude-orange:#d97706;--gemini-blue:#4285f4;--grok-red:#ff6b6b;--deepseek-green:#10b981;--perplexity-purple:#8b5cf6;--qwen-purple:#9333ea;--google-blue:#1a73e8;--wiki-gray:#6b7280;--kimi-cyan:#00e6e6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;background:var(--bg);color:#fff;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{animation:gradientShift 20s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#6a5cff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff4fd814 0,#0000 60%),linear-gradient(135deg,#050505f2,#050505d9)}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body:after{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;opacity:.3}@keyframes gradientShift{0%{background-position:0 0;opacity:.9}to{background-position:10% 10%;opacity:1}}@keyframes heroGradient{0%{opacity:.8;transform:scale(1) rotate(0deg)}to{opacity:1;transform:scale(1.1) rotate(1deg)}}@keyframes borderGlow{0%{filter:blur(15px);opacity:.3}to{filter:blur(20px);opacity:.6}}@keyframes gentleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.01)}}@keyframes titleGradient{0%{background-position:0 50%}to{background-position:100% 50%}}.main-wrapper{display:grid;grid-template-columns:280px 1fr 280px;max-width:100vw;min-height:100vh;width:100%}.content-center{min-width:0;position:relative;width:100%}.sidebar-label{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14e6;background:var(--sidebar-bg);background:linear-gradient(180deg,#14141ef2,#0f0f19e6);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;font-size:.75rem;font-weight:800;gap:3rem;height:100vh;justify-content:center;letter-spacing:.15em;padding:2rem 1rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;writing-mode:horizontal-tb}.sidebar-label span{border-bottom:1px solid #ffffff0d;color:#00e5ff;color:var(--accent2);padding:.5rem 0;position:relative;text-shadow:0 0 8px #00e5ff80,0 0 15px #fff3;transform:none;transition:all .4s ease;width:100%;writing-mode:horizontal-tb;z-index:1}.sidebar-label span:hover{color:#fff;text-shadow:0 0 12px #00e5ffcc,0 0 20px #ffffff4d,0 0 30px #00e5ff33;transform:translateX(5px)}.sidebar-label span:after{background:linear-gradient(90deg,#0000,#00e5ff,#0000);background:linear-gradient(90deg,#0000,var(--accent2),#0000);bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:width .6s ease;width:0}.sidebar-label span:hover:after{width:100%}.sidebar-label span:last-child{border-bottom:none}.sidebar-right{background:linear-gradient(180deg,#14141ef2,#0f0f19e6);border-left:1px solid #ffffff1a;border-right:none}.sidebar-right span{color:#00e5ff;text-shadow:0 0 8px #6a5cff66,0 0 15px #fff3}.sidebar-right span:hover{color:#fff;text-shadow:0 0 12px #6a5cffb3,0 0 20px #ffffff4d,0 0 30px #6a5cff33;transform:translateX(-5px)}.sidebar-right span:after{background:linear-gradient(90deg,#0000,#6a5cffcc,#0000)}.auth-container{position:absolute;right:3rem;top:2rem;z-index:100}.login-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#c0c0d0;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.login-btn svg{transition:stroke .3s ease}.login-btn:hover{background:#ffffff1a;border-color:#00e5ff;border-color:var(--accent2);box-shadow:0 4px 15px #00e5ff26;color:#00e5ff;color:var(--accent2);transform:translateY(-2px)}.logo-image:hover{filter:drop-shadow(0 0 25px #00e5ff);filter:drop-shadow(0 0 25px var(--accent2));transform:scale(1.1) rotate(-3deg)}.hero{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:8rem 4rem;position:relative}.hero:before{animation:heroGradient 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 50%,#6a5cff40 0,#0000 60%),radial-gradient(circle at 80% 30%,#00e5ff33 0,#0000 55%),radial-gradient(circle at 40% 70%,#ff4fd826 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.hero-inner{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:.9fr 1.1fr;max-width:1200px}.hero-visual{position:relative}.hero-visual:before{animation:borderGlow 4s ease-in-out infinite alternate;background:linear-gradient(45deg,#6a5cff,#00e5ff,#ff4fd8,#6a5cff);background:linear-gradient(45deg,var(--accent1),var(--accent2),var(--accent3),var(--accent1));border-radius:8px;bottom:-10px;content:"";filter:blur(15px);left:-10px;opacity:.5;position:absolute;right:-10px;top:-10px;z-index:-1}.hero-visual img{animation:gentleFloat 15s ease-in-out infinite;border-radius:8px;box-shadow:0 20px 40px #0006,0 0 60px #6a5cff33;filter:brightness(1.05) contrast(1.1) saturate(1.1);max-width:500px;position:relative;width:100%;z-index:1}.site-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:titleGradient 8s ease-in-out infinite alternate;background:linear-gradient(135deg,#00e5ff,#6a5cff 50%,#ff4fd8);background:linear-gradient(135deg,var(--accent2) 0,var(--accent1) 50%,var(--accent3) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.main-headline{font-size:2.8rem;margin-bottom:.2rem}.main-headline,.sub-headline{line-height:1.1;text-shadow:0 2px 10px #0000004d}.sub-headline{font-size:2.4rem;font-weight:700}.sub-headline-line1{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#fff);background:linear-gradient(135deg,var(--accent2) 0,var(--text) 100%);-webkit-background-clip:text;background-clip:text;display:block;margin-bottom:.2rem}.sub-headline-line2{color:#fff6;font-weight:300}.hero-desc{color:#bdbdbd;color:var(--muted);font-size:.95rem;line-height:1.6;margin:1.5rem 0 2rem;max-width:480px;text-shadow:0 1px 2px #0003}.read-more-btn{background:linear-gradient(135deg,#6a5cff,#00e5ff 50%,#ff4fd8);background:linear-gradient(135deg,var(--accent1) 0,var(--accent2) 50%,var(--accent3) 100%);border:none;border-radius:50px;box-shadow:0 8px 25px #6a5cff4d,0 0 30px #00e5ff33;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.02em;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.read-more-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:-1}.read-more-btn:hover{box-shadow:0 12px 35px #6a5cff66,0 0 40px #00e5ff4d;transform:translateY(-3px)}.read-more-btn:hover:before{left:100%}.section-padding{border-top:1px solid #ffffff0d;padding:100px 4rem}.content-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:80px}.content-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff14;border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease}.content-card:before{background:linear-gradient(90deg,#6a5cff,#00e5ff,#ff4fd8);background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent3));content:"";height:3px;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.content-card:hover{border-color:#00e5ff;border-color:var(--accent2);box-shadow:0 20px 40px #0000004d,0 0 30px #6a5cff1a;transform:translateY(-10px)}.content-card:hover:before{transform:translateX(0)}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;color:#00e5ff;color:var(--accent2);font-size:1.6rem;font-weight:700;margin-bottom:1rem}.muted{color:#bdbdbd;color:var(--muted);font-size:.95rem;line-height:1.6}.tools-intro{background:linear-gradient(145deg,#6a5cff14,#00e5ff0d);border:1px solid #ffffff1a;border-radius:15px;margin:0 auto 3rem;max-width:800px;padding:2rem}.tools-intro h3{color:#00e5ff;color:var(--accent2);font-size:1.5rem;margin-bottom:1rem;text-align:center}.tools-intro p{color:#bdbdbd;color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:.8rem}.tools-section{margin-top:60px}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:0}.section-header p{color:#bdbdbd;color:var(--muted);font-size:1rem;margin:0 auto;max-width:600px}.tool-category{margin-bottom:3rem}.category-title{border-bottom:2px solid #00e5ff33;color:#00e5ff;color:var(--accent2);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.tool-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff1a;border-radius:12px;color:#fff;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .4s ease}.tool-card:before{background:linear-gradient(45deg,#0000,#ffffff08,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.tool-card:hover{box-shadow:0 15px 35px #0006,0 0 25px #00e5ff1a;transform:translateY(-8px)}.tool-card:hover:before{transform:translateX(100%)}.tool-card h4{align-items:center;display:flex;font-size:1.2rem;gap:8px;margin-bottom:.5rem;position:relative}.tool-card h4:before{color:#00e5ff;color:var(--accent2);content:"✦";font-size:1rem}.tool-card p{color:#bdbdbd;color:var(--muted);font-size:.85rem;line-height:1.5}.tool-grok{border-left:3px solid #ff6b6b;border-left:3px solid var(--grok-red)}.tool-chatgpt{border-left:3px solid #10a37f;border-left:3px solid var(--chatgpt-green)}.tool-gemini{border-left:3px solid #4285f4;border-left:3px solid var(--gemini-blue)}.tool-deepseek{border-left:3px solid #10b981;border-left:3px solid var(--deepseek-green)}.tool-claude{border-left:3px solid #d97706;border-left:3px solid var(--claude-orange)}.tool-perplexity{border-left:3px solid #8b5cf6;border-left:3px solid var(--perplexity-purple)}.tool-qwen{border-left:3px solid #9333ea;border-left:3px solid var(--qwen-purple)}.tool-google{border-left:3px solid #1a73e8;border-left:3px solid var(--google-blue)}.tool-wiki{border-left:3px solid #6b7280;border-left:3px solid var(--wiki-gray)}.tool-kimi{border-left:3px solid #00e6e6;border-left:3px solid var(--kimi-cyan)}.api-notice{background:#ffa5001a;border:1px solid #ffa5004d;border-radius:10px;color:orange;font-size:.9rem;margin:2rem auto;max-width:800px;padding:1rem;text-align:center}.ai-input-section{display:flex;flex-direction:column;gap:1rem;margin:0 auto 3rem;max-width:800px}#question-input{background:#6a5cff0d;border:1px solid #ffffff1a;border-radius:15px;min-height:120px;padding:1.5rem;transition:all .3s ease;width:100%}#question-input:focus{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff33}#submit-btn{font-size:1rem;padding:1rem}.ai-error-box{background:#ff4b4b1a;border:1px solid #ff4b4b4d;border-radius:10px;color:#ff6b6b;display:none;margin:0 auto 2rem;max-width:800px;padding:1rem}.ai-email-capture{background:linear-gradient(145deg,#6a5cff1a,#00e5ff0d);border:1px solid #ffffff26;border-radius:15px;display:none;margin:3rem auto;max-width:600px;padding:2rem;text-align:center}.ai-email-capture iframe{height:100px!important;margin-top:1rem;max-height:100px!important;min-height:100px!important}.ai-email-capture{padding:1.5rem!important}.ai-email-capture h3{font-size:1.1rem!important;margin-bottom:.3rem!important}.ai-email-capture p{font-size:.85rem!important;margin-bottom:.5rem!important}.ai-email-capture h3{color:#00e5ff;font-size:1.3rem;margin-bottom:.1rem}.ai-email-capture p{color:#bdbdbd;font-size:.9rem;margin-bottom:1.5rem}.ai-email-form{display:flex;gap:.5rem;margin:0 auto;max-width:400px}.ai-email-form input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem}.ai-email-form button{background:linear-gradient(135deg,#6a5cff,#00e5ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;white-space:nowrap}.ai-responses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.ai-response-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff1a;border-radius:15px;padding:2rem;transition:all .3s ease}.ai-response-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.ai-response-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.ai-response-icon{font-size:2rem}.ai-response-title{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.ai-response-desc{color:#bdbdbd;font-size:.8rem}.ai-response-text{color:#e0e0e0;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.ai-cta-footer{background:#0000004d;border:1px solid #ffffff0d;border-radius:15px;display:none;margin-top:4rem;padding:2rem;text-align:center}.ai-cta-footer h3{color:#00e5ff;font-size:1.5rem;margin-bottom:.5rem}.ai-cta-footer p{color:#bdbdbd;margin:0 auto 1.5rem;max-width:600px}.ai-cta-footer button{background:linear-gradient(135deg,#ff4fd8,#6a5cff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem}.ai-loading{color:#00e5ff;display:none;padding:2rem;text-align:center}.footer-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;overflow:hidden;padding:60px 4rem;position:relative}.footer-section:before{background:linear-gradient(45deg,#0000,#ffffff05,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .8s ease;width:100%}.footer-section:hover:before{transform:translateX(100%)}.footer-section h4{color:#00e5ff;color:var(--accent2);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{color:#bdbdbd;color:var(--muted);font-size:.85rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#00e5ff;color:var(--accent2);transform:translateX(5px)}.footer-links a:after{background:linear-gradient(90deg,#00e5ff,#0000);background:linear-gradient(90deg,var(--accent2),#0000);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover:after{width:100%}.footer-text{font-size:.8rem}@media (max-width:1100px){.main-wrapper{grid-template-columns:1fr}.sidebar-label{display:none}.hero-inner{grid-template-columns:1fr;text-align:center}.hero-desc{margin:2rem auto}.logo-container{right:50%;top:1rem;transform:translateX(50%)}.hero-visual:before{display:none}.content-grid{grid-template-columns:1fr}.footer-section{flex-direction:column;gap:2rem;padding:40px 2rem;text-align:center}.footer-links{justify-content:center}.tool-grid{grid-template-columns:1fr}.section-padding{padding:80px 2rem}.ai-responses-grid{grid-template-columns:1fr}}#submit-btn{border-radius:50px;display:block;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;width:100%}#submit-btn:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}#submit-btn:disabled{opacity:.5}.ai-task-selector{align-items:center;display:flex;gap:1rem;margin:0 auto 2rem;max-width:800px}.ai-task-selector label{color:#00e5ff;color:var(--accent2);font-size:.95rem;font-weight:600}#task-select{background:#6a5cff1a;border:1px solid #00e5ff4d;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}#task-select:hover{box-shadow:0 0 15px #00e5ff1a}#task-select:focus,#task-select:hover{border-color:#00e5ff;border-color:var(--accent2)}#task-select:focus{box-shadow:0 0 20px #00e5ff33;outline:none}#task-select option{background:#050505;color:#fff}@media (max-width:480px){.ai-task-selector{align-items:flex-start;flex-direction:column}#task-select{width:100%}}.chat-input-container{align-items:flex-end;background:#6a5cff0d;border:1px solid #ffffff1a;border-radius:24px;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .3s ease;z-index:20}.chat-input-container:focus-within{background:#6a5cff14;border-color:#00e5ff;border-color:var(--accent2);box-shadow:0 0 20px #00e5ff26}.mode-selector-wrapper{position:relative}.plus-icon-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:50%;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.plus-icon-btn:hover{background:#ffffff1a;border-color:#00e5ff4d;color:#00e5ff;color:var(--accent2)}.mode-dropdown-menu{animation:popDown .2s ease-out forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f0f14f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 20px #6a5cff26;display:flex;flex-direction:column;gap:4px;left:0;padding:.5rem;position:absolute;top:calc(100% + 10px);width:220px}@keyframes popDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{border-radius:10px;color:#fff;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background:#ffffff0d;color:#00e5ff;color:var(--accent2);transform:translateX(4px)}.dropdown-item.active{background:linear-gradient(135deg,#6a5cff33,#00e5ff33);border-left:3px solid #00e5ff;border-left:3px solid var(--accent2);color:#00e5ff;color:var(--accent2)}#question-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;max-height:250px;min-height:44px;outline:none;padding:.6rem .5rem;resize:vertical}#question-input::placeholder{color:#ffffff4d}#submit-btn{align-items:center;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1) 0,var(--accent2) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}#submit-btn svg{transform:translateX(-1px) translateY(1px)}#submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}#submit-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.current-mode-badge{background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:50px;color:#00e5ff;color:var(--accent2);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#050505d9;display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUpModal .4s cubic-bezier(.175,.885,.32,1.275) forwards;background:linear-gradient(145deg,#14141ef2,#0f0f19fa);border:1px solid #00e5ff4d;border-radius:20px;box-shadow:0 20px 50px #00000080,0 0 30px #00e5ff1a;max-width:500px;padding:2.5rem;position:relative;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal-btn{align-items:center;background:#0000;border:none;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease}.close-modal-btn:hover{color:#ff4fd8;color:var(--accent3);transform:rotate(90deg)}.modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;margin-bottom:.5rem}.modal-intro{color:#bdbdbd;color:var(--muted);font-size:.95rem;margin-bottom:2rem}.instructions-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.instruction-step{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:50%;color:#00e5ff;color:var(--accent2);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.instruction-step h4{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.instruction-step p{color:#bdbdbd;color:var(--muted);font-size:.85rem;line-height:1.5;margin:0}.modal-action-btn{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1) 0,var(--accent2) 100%);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.modal-action-btn:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}.sticky-chatbox{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f14d9;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 15px 40px #0006;position:-webkit-sticky;position:sticky;top:1.5rem;transition:box-shadow .3s ease;z-index:100}.chatbox-wrapper{padding-top:6rem;width:100%}.brand-sidebar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14e6;background:var(--sidebar-bg);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;padding:2rem 1.5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:50}.sidebar-login-btn{justify-content:center;width:100%}.sidebar-top-zone{min-height:80px;width:100%}.sidebar-middle-zone{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;margin-bottom:2.5rem;margin-top:auto;width:100%}.brand-text-wrapper{display:flex;flex-direction:column;text-align:left}.sidebar-logo{animation:gentleFloat 10s ease-in-out infinite;border-radius:50%;box-shadow:0 0 25px #00e5ff33;flex-shrink:0;height:80px;object-fit:cover;width:80px}.sidebar-title{font-size:1.5rem;margin-bottom:0}.sidebar-headline{font-size:1.1rem;line-height:1.2}.sidebar-sub{font-size:.9rem;margin-bottom:0}.sidebar-how-to-btn{font-size:.9rem;padding:.8rem 1.5rem;width:100%}.drawer-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14e6;background:var(--sidebar-bg);border-left:1px solid #ffffff1a;height:100vh;overflow-y:auto;padding:2rem 1.5rem;position:-webkit-sticky;position:sticky;top:0}.drawer-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#fff);background:linear-gradient(135deg,var(--accent2) 0,var(--text) 100%);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ffffff1a;font-size:.95rem;letter-spacing:.1em;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center;text-transform:uppercase}.drawer-content{display:flex;flex-direction:column;gap:.75rem}.drawer-item{background:#ffffff08;border:1px solid #ffffff0d;border-left-width:3px;border-radius:8px;color:#fff;color:var(--text);display:block;font-size:.9rem;font-weight:500;padding:.8rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.drawer-item:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateX(-3px)}.mic-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.mic-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ff4fd84d;color:#ff4fd8;color:var(--accent3)}.listening-pulse{animation:pulseGlow 1.5s infinite;background:#ff4fd833;border-color:#ff4fd8;border-color:var(--accent3);color:#ff4fd8;color:var(--accent3)}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 #ff4fd866}70%{box-shadow:0 0 0 15px #ff4fd800}to{box-shadow:0 0 0 0 #ff4fd800}}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.oauth-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.85rem;transition:all .3s ease;width:100%}.oauth-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.google-btn:hover{border-color:#4285f4}.twitter-btn:hover{border-color:#fff}.auth-divider{align-items:center;color:#bdbdbd;color:var(--muted);display:flex;font-size:.85rem;gap:1rem;margin:1rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;outline:none;padding:.85rem 1rem;transition:all .3s ease;width:100%}.auth-input:focus{border-color:#00e5ff;border-color:var(--accent2);box-shadow:0 0 15px #00e5ff26}.auth-error{color:#ff6b6b}.auth-error,.auth-success{font-size:.85rem;text-align:center}.auth-success{color:#10b981}.auth-toggle{color:#bdbdbd;color:var(--muted);font-size:.85rem;margin-top:1rem;text-align:center}.auth-toggle button{background:none;border:none;color:#00e5ff;color:var(--accent2);cursor:pointer;font-weight:600}.user-profile-btn{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.user-avatar{border:2px solid #00e5ff;border:2px solid var(--accent2);border-radius:50%;height:48px;object-fit:cover;width:48px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-display-name{color:#bdbdbd;color:var(--muted);font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out-btn{background:rgba(8,152,248,.926);border:1px solid #0bfb07;border-radius:50px;color:#c0c0d0;cursor:pointer;font-size:.8rem;padding:.4rem 1rem;transition:all .3s ease}.sign-out-btn:hover{background:#000}.profile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:49}.sidebar-pushed{overflow:hidden}.profile-panel-wrapper{animation:slideInPanel .3s ease-out forwards;background:linear-gradient(145deg,#14141efa,#0f0f19);border-right:1px solid #00e5ff33;height:100%;left:0;overflow-y:auto;padding:1.5rem;position:absolute;top:0;width:100%;z-index:50}@keyframes slideInPanel{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.profile-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-panel-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.profile-avatar-wrapper{border:2px solid #00e5ff;border:2px solid var(--accent2);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:relative;width:80px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));font-size:2rem;font-weight:700}.profile-avatar-overlay,.profile-avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-avatar-overlay{background:#0009;color:#fff;flex-direction:column;font-size:.7rem;gap:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-hint{color:#bdbdbd;color:var(--muted);font-size:.75rem}.profile-form{gap:1rem;margin-bottom:1rem}.profile-field,.profile-form{display:flex;flex-direction:column}.profile-field{gap:.4rem}.profile-field label{color:#00e5ff;color:var(--accent2);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.disabled-input{cursor:not-allowed;opacity:.5}.field-hint{color:#bdbdbd;color:var(--muted);font-size:.75rem}.user-avatar-wrapper{border:2px solid #0000;border-radius:50%;cursor:pointer;transition:all .3s ease}.user-avatar-wrapper:hover{border-color:#00e5ff;border-color:var(--accent2);box-shadow:0 0 15px #00e5ff4d}body.light-mode{--bg:#f5f5fa;--text:#111;--muted:#555;--sidebar-bg:#ebebf5f7;background:#f5f5fa;color:#111}body.light-mode:before{background:radial-gradient(circle at 20% 80%,#6a5cff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5ff0f 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff4fd80a 0,#0000 60%),linear-gradient(135deg,#f5f5fafa,#f0f0f8f2)}body.light-mode:after{background-image:linear-gradient(#0000000a 1px,#0000 0),linear-gradient(90deg,#0000000a 1px,#0000 0);opacity:.5}body.light-mode .brand-sidebar,body.light-mode .drawer-sidebar{background:linear-gradient(180deg,#e1e1f0fa,#dcdceef7);border-color:#00000014}body.light-mode .drawer-header h3{background:linear-gradient(135deg,#6a5cff,#333);background:linear-gradient(135deg,var(--accent1) 0,#333 100%);border-bottom-color:#00000014}body.light-mode .drawer-item{background:#fff9;border-color:#00000014;color:#222}body.light-mode .drawer-item:hover{background:#ffffffe6;border-color:#6a5cff4d;color:#111}body.light-mode .chat-input-container{background:#ffffffd9;border-color:#0000001f;box-shadow:0 4px 20px #0000000f}body.light-mode .chat-input-container:focus-within{background:#fffffffa;border-color:#6a5cff;border-color:var(--accent1);box-shadow:0 0 20px #6a5cff26}body.light-mode .sticky-chatbox{background:#f0f0faeb;border-color:#00000014;box-shadow:0 8px 30px #00000014}body.light-mode #question-input{color:#111}body.light-mode #question-input::placeholder{color:#0000004d}body.light-mode .mode-dropdown-menu{background:#f8f8fffc;border-color:#0000001a;box-shadow:0 10px 40px #0000001f}body.light-mode .dropdown-item{color:#222}body.light-mode .dropdown-item:hover{background:#6a5cff0f;color:#6a5cff;color:var(--accent1)}body.light-mode .dropdown-item.active{background:linear-gradient(135deg,#6a5cff1a,#00e5ff1a);border-left-color:#6a5cff;border-left-color:var(--accent1);color:#6a5cff;color:var(--accent1)}body.light-mode .ai-response-card{background:#fffffff2;border-color:#00000014;box-shadow:0 4px 20px #0000000f}body.light-mode .ai-response-text{color:#222}body.light-mode .current-mode-badge{background:#6a5cff1a;border-color:#6a5cff4d;color:#6a5cff;color:var(--accent1)}body.light-mode .plus-icon-btn{background:#0000000d;color:#555}body.light-mode .plus-icon-btn:hover{background:#0000001a}body.light-mode .mic-btn{background:#0000000d;border-color:#0000001a;color:#555}body.light-mode .mic-btn:hover{background:#ff4fd81a;border-color:#ff4fd84d;color:#ff4fd8;color:var(--accent3)}body.light-mode .sidebar-sub .sub-headline-line2{color:#00000059}body.light-mode .main-headline{color:#111}body.light-mode .user-display-name{color:#444}body.light-mode .sign-out-btn{background:#ff4b4b14;border-color:#ff4b4b33}body.light-mode .auth-modal-content,body.light-mode .modal-content{background:linear-gradient(145deg,#f5f5fffc,#f0f0fcfc);border-color:#6a5cff33}body.light-mode .modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text}body.light-mode .instruction-step p,body.light-mode .modal-intro{color:#555}body.light-mode .instruction-step h4{color:#111}body.light-mode .step-number{background:#6a5cff1a;border-color:#6a5cff4d;color:#6a5cff;color:var(--accent1)}body.light-mode .auth-input{background:#ffffffe6;border-color:#00000026;color:#111}body.light-mode .auth-input:focus{border-color:#6a5cff;border-color:var(--accent1);box-shadow:0 0 15px #6a5cff26}body.light-mode .oauth-btn{background:#0000000a;border-color:#0000001f;color:#222}body.light-mode .oauth-btn:hover{background:#00000014}body.light-mode .auth-divider{color:#999}body.light-mode .auth-divider:after,body.light-mode .auth-divider:before{background:#0000001a}body.light-mode .auth-toggle{color:#666}body.light-mode .profile-panel-wrapper{background:linear-gradient(145deg,#f0f0fcfc,#ebebfa);border-color:#6a5cff26}body.light-mode .profile-field label{color:#6a5cff;color:var(--accent1)}body.light-mode .field-hint,body.light-mode .profile-avatar-hint{color:#888}.theme-toggle-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:50px;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;gap:.5rem;letter-spacing:.03em;padding:.4rem .85rem;transition:all .3s ease}.theme-toggle-btn:hover{border-color:#00e5ff;border-color:var(--accent2);box-shadow:0 0 12px #00e5ff26;color:#00e5ff;color:var(--accent2)}body.light-mode .theme-toggle-btn{border-color:#00000026;color:#666}.theme-toggle-wrapper{display:flex;justify-content:flex-end;margin-bottom:.5rem;padding:0 .25rem}body.light-mode .footer-section{background:#dcdcebe6;border-top-color:#00000014}body.light-mode .footer-links a{color:#555}body.light-mode .footer-links a:hover{color:#6a5cff;color:var(--accent1)}body.light-mode .footer-text{color:#666}body.light-mode{--bg:#f0f0f7;--text:#0d0d0d;--muted:#444;--sidebar-bg:#e4e4f2f7;background:#f0f0f7;color:#0d0d0d}body.light-mode .chat-input-container{background:#ffffffe6;border-color:#0003;box-shadow:0 4px 20px #00000014}body.light-mode .sticky-chatbox{background:#eeeefaf2;border-color:#00000026;box-shadow:0 8px 30px #0000001a}body.light-mode #question-input::placeholder{color:#0006}body.light-mode .theme-toggle-btn{background:#fff9;border-color:#00000040;color:#333}body.light-mode .theme-toggle-btn:hover{background:#6a5cff0f;border-color:#6a5cff;border-color:var(--accent1);box-shadow:0 0 12px #6a5cff26;color:#6a5cff;color:var(--accent1)}body.light-mode .main-headline{color:#0d0d0d;text-shadow:none}body.light-mode .sub-headline-line2{color:#00000073!important}body.light-mode .drawer-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a5cff,#1a1a2e);background:linear-gradient(135deg,var(--accent1) 0,#1a1a2e 100%);-webkit-background-clip:text;background-clip:text;border-bottom-color:#0000001f}body.light-mode .drawer-item{background:#ffffffbf;border-color:#0000001f;color:#1a1a1a;font-weight:500}body.light-mode .drawer-item:hover{background:#fffffff2;border-color:#6a5cff59;color:#0d0d0d;transform:translateX(-3px)}body.light-mode .user-display-name{color:#333;font-weight:500}body.light-mode .plus-icon-btn{background:#00000012;border-color:#0000001a;color:#444}body.light-mode .plus-icon-btn:hover{background:#6a5cff1a;border-color:#6a5cff4d;color:#6a5cff;color:var(--accent1)}body.light-mode .mic-btn{background:#00000012;border-color:#0000001f;color:#444}body.light-mode .ai-response-card{background:#fffffff7;border-color:#0000001f;box-shadow:0 4px 20px #00000014}body.light-mode .ai-response-text{color:#1a1a1a}.youtube-preview-section{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem;width:100%}.youtube-thumb-row{align-items:center;background:#ff00000f;border:1px solid #ff000026;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .75rem;transition:all .2s ease}.youtube-thumb-row:hover{background:#ff000017;border-color:#ff000040}.youtube-thumb{border-radius:6px;flex-shrink:0;height:44px;object-fit:cover;width:72px}.youtube-thumb-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.youtube-thumb-label{color:#fff;color:var(--text);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-thumb-hint{color:#bdbdbd;color:var(--muted);font-size:.7rem}.fetch-transcript-btn{align-items:center;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:.3rem;padding:.45rem .9rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.fetch-transcript-btn:hover{box-shadow:0 4px 15px #6a5cff66;transform:translateY(-2px)}.transcript-instructions{grid-gap:.4rem;background:#6a5cff0d;border:1px solid #6a5cff1f;border-radius:10px;display:grid;gap:.4rem;grid-template-columns:1fr 1fr;padding:.65rem .75rem}.transcript-step{align-items:flex-start;color:#bdbdbd;color:var(--muted);display:flex;font-size:.75rem;gap:.5rem;line-height:1.4}.transcript-step strong{color:#fff;color:var(--text)}.transcript-step-num{align-items:center;background:#6a5cff33;border:1px solid #6a5cff4d;border-radius:50%;color:#6a5cff;color:var(--accent1);display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:18px;justify-content:center;margin-top:1px;width:18px}.youtube-player-wrapper{animation:popDown .2s ease-out forwards;border-radius:10px;overflow:hidden;width:100%}body.light-mode .youtube-thumb-row{background:#ff000008;border-color:#ff00001f}body.light-mode .youtube-thumb-label{color:#1a1a1a}body.light-mode .transcript-instructions{background:#6a5cff08;border-color:#6a5cff1a}body.light-mode .transcript-step strong{color:#1a1a1a}.transcript-paste-box{background:#00e5ff0a;border:1px solid #00e5ff4d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-height:120px;overflow:hidden}.transcript-paste-header{align-items:center;background:#00e5ff14;border-bottom:1px solid #00e5ff26;color:#00e5ff;color:var(--accent2);display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;padding:.4rem .75rem}.transcript-clear-btn{background:#0000;border:none;border-radius:4px;color:#bdbdbd;color:var(--muted);cursor:pointer;font-size:.75rem;padding:2px 6px;transition:all .2s ease}.transcript-clear-btn:hover{background:#ff4b4b1a;color:#ff6b6b}.transcript-paste-content{color:#bdbdbd;color:var(--muted);flex:1 1;font-size:.78rem;line-height:1.5;overflow-y:auto;padding:.5rem .75rem;white-space:pre-wrap;word-break:break-word}.transcript-paste-content::-webkit-scrollbar{width:4px}.transcript-paste-content::-webkit-scrollbar-track{background:#0000}.transcript-paste-content::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:2px}.transcript-paste-footer{background:#00e5ff0d;border-top:1px solid #00e5ff1a;color:#00e5ff;color:var(--accent2);font-size:.7rem;opacity:.8;padding:.35rem .75rem}body.light-mode .transcript-paste-box{background:#6a5cff08;border-color:#6a5cff40}body.light-mode .transcript-paste-header{background:#6a5cff0f;border-bottom-color:#6a5cff1f;color:#6a5cff;color:var(--accent1)}body.light-mode .transcript-paste-footer{background:#6a5cff0a;border-top-color:#6a5cff1a;color:#6a5cff;color:var(--accent1)}body.light-mode .transcript-paste-content{color:#444}.ai-utility-section{border-bottom:1px solid #ffffff14;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto 4rem;max-width:800px;padding-bottom:3rem}@media (max-width:768px){.brand-sidebar,.drawer-sidebar{display:none!important}.main-wrapper{grid-template-columns:1fr!important}.content-center{min-width:0;width:100%}.chatbox-wrapper{padding-left:1rem;padding-right:1rem;padding-top:1rem}.mobile-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14e6;background:var(--sidebar-bg);border-bottom:1px solid #ffffff14;display:flex!important;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:200}.mobile-brand{align-items:center;display:flex;gap:.5rem}.mobile-brand-logo{border-radius:50%;height:32px;object-fit:cover;width:32px}.mobile-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.mobile-topbar-right{align-items:center;display:flex;gap:.75rem}.mobile-avatar{object-fit:cover}.mobile-avatar,.mobile-avatar-placeholder{border:2px solid #00e5ff;border:2px solid var(--accent2);border-radius:50%;cursor:pointer;height:34px;width:34px}.mobile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));display:flex;font-size:.9rem;font-weight:700;justify-content:center}.ai-utility-section{margin:0 auto 2rem;padding-bottom:2rem}.chat-input-container{border-radius:16px}.sticky-chatbox{top:.5rem}.theme-toggle-wrapper{margin-bottom:.4rem;padding:0}.youtube-thumb-row{flex-wrap:wrap;gap:.5rem}.fetch-transcript-btn{justify-content:center;margin-top:.25rem;width:100%}.transcript-instructions{grid-template-columns:1fr}.ai-response-card{margin-top:1rem;padding:1.25rem}.auth-modal-content,.modal-content{border-radius:16px;margin:1rem;max-width:100%;padding:1.5rem 1.25rem}.modal-content h3{font-size:1.4rem}.profile-panel-wrapper{border-radius:0!important;height:100vh!important;left:0!important;overflow-y:auto;position:fixed!important;top:0!important;width:100vw!important;z-index:999!important}.mode-dropdown-menu{width:200px}.transcript-paste-box{max-height:100px}body.light-mode .mobile-topbar{background:#e4e4f2f7;border-bottom-color:#00000014}}.mobile-topbar{display:none}.mobile-icon-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.mobile-icon-btn:hover{background:#ffffff1a;border-color:#00e5ff4d;color:#00e5ff;color:var(--accent2)}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:300}.mobile-drawer-right{animation:slideInRight .3s ease-out forwards;background:linear-gradient(180deg,#14141efa,#0f0f19fc);border-left:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;max-width:300px;position:fixed;right:0;top:0;width:75vw;z-index:301}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-drawer-header{align-items:center;border-bottom:1px solid #ffffff14;color:#00e5ff;color:var(--accent2);display:flex;font-size:.85rem;font-weight:700;justify-content:space-between;letter-spacing:.1em;padding:1.25rem 1rem;text-transform:uppercase}.mobile-drawer-close{background:#0000;border:none;border-radius:6px;color:#bdbdbd;color:var(--muted);cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s ease}.mobile-drawer-close:hover{background:#ff4b4b1a;color:#ff6b6b}.mobile-drawer-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}body.light-mode .mobile-drawer-right{background:linear-gradient(180deg,#ebebf8fc,#e4e4f2fc);border-left-color:#00000014}body.light-mode .mobile-icon-btn{background:#0000000d;border-color:#0000001a;color:#555}.settings-modal{animation:slideUpModal .4s cubic-bezier(.175,.885,.32,1.275) forwards;background:linear-gradient(145deg,#14141efa,#0f0f19fc);border:1px solid #00e5ff33;border-radius:24px;display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow:hidden;width:100%}.settings-modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.settings-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.settings-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:.25rem;padding:1rem 1.5rem 0}.settings-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#bdbdbd;color:var(--muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:.4rem;padding:.6rem 1rem;transition:all .2s ease}.settings-tab:hover{background:#ffffff08;color:#fff;color:var(--text)}.settings-tab.active{background:#00e5ff0d;border-bottom-color:#00e5ff;border-bottom-color:var(--accent2);color:#00e5ff;color:var(--accent2)}.settings-tab-content{flex:1 1;overflow-y:auto;padding:1.5rem}.settings-footer{border-top:1px solid #ffffff0f;padding:1rem 1.5rem}.settings-signout{align-items:center;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.7rem;width:100%}.profile-panel-embedded{padding:0}.billing-panel{display:flex;flex-direction:column;gap:1.25rem}.billing-current{align-items:center;color:#bdbdbd;color:var(--muted);display:flex;font-size:.9rem;gap:.5rem}.billing-badge{border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.2rem .75rem;text-transform:uppercase}.billing-badge.free{background:#ffffff1a;border:1px solid #ffffff26;color:#bdbdbd;color:var(--muted)}.billing-badge.pro{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff}.billing-usage{color:#bdbdbd;color:var(--muted);font-size:.8rem;margin-top:-.75rem}.billing-tiers{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.billing-tier{border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.25rem;position:relative}.current-tier{background:#ffffff08}.pro-tier{background:linear-gradient(145deg,#6a5cff1a,#00e5ff0d);border-color:#6a5cff4d}.tier-badge-pro{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border-radius:50px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.15rem .5rem;position:absolute;right:10px;top:10px}.tier-header{display:flex;flex-direction:column;gap:.2rem}.tier-name{color:#fff;color:var(--text);font-size:1.1rem;font-weight:700}.tier-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.tier-price small{-webkit-text-fill-color:#bdbdbd;-webkit-text-fill-color:var(--muted);color:#bdbdbd;color:var(--muted);font-size:.75rem;font-weight:400}.tier-features{display:flex;flex:1 1;flex-direction:column;gap:.4rem;list-style:none}.tier-features li{color:#bdbdbd;color:var(--muted);font-size:.78rem;line-height:1.4}.tier-current-label{border:1px solid #ffffff14;border-radius:8px;color:#bdbdbd;color:var(--muted);font-size:.75rem;padding:.4rem;text-align:center}.upgrade-btn{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:.7rem;transition:all .3s ease;width:100%}.upgrade-btn:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}.howto-panel{padding:0}.sidebar-user-card{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease;width:100%}.sidebar-user-card:hover{background:#ffffff0d;border-color:#00e5ff33}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;text-align:left}.sidebar-settings-hint{align-items:center;color:#bdbdbd;color:var(--muted);display:flex;font-size:.7rem;gap:.3rem}.brand-sidebar .sidebar-bottom-zone{margin-top:auto;padding-bottom:.5rem;padding-left:.5rem;width:100%}.brand-sidebar .sidebar-middle-zone{margin-bottom:0;margin-top:0}.brand-sidebar .sidebar-logo{height:60px;width:60px}.brand-sidebar .sidebar-title{font-size:1.2rem}.brand-sidebar .sidebar-headline{font-size:.95rem}.brand-sidebar .sidebar-sub{font-size:.8rem}body.light-mode .settings-modal{background:linear-gradient(145deg,#f5f5fffc,#f0f0fcfc);border-color:#6a5cff33}body.light-mode .settings-tab{color:#666}body.light-mode .settings-tab:hover{color:#333}body.light-mode .settings-tab.active{background:#6a5cff0d;border-bottom-color:#6a5cff;border-bottom-color:var(--accent1);color:#6a5cff;color:var(--accent1)}body.light-mode .settings-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text}body.light-mode .billing-tier{border-color:#0000001a}body.light-mode .pro-tier{border-color:#6a5cff40}body.light-mode .tier-name{color:#111}body.light-mode .sidebar-user-card:hover{background:#0000000a;border-color:#6a5cff33}body.light-mode .settings-footer{border-top-color:#00000014}@media (max-width:768px){.settings-modal{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:90vh;max-width:100%;position:fixed;right:0}.billing-tiers{grid-template-columns:1fr}.theme-toggle-wrapper{display:none}}.upgrade-options{display:flex;flex-direction:column;gap:.75rem}.upgrade-divider{align-items:center;color:#bdbdbd;color:var(--muted);display:flex;font-size:.8rem;gap:.75rem}.upgrade-divider:after,.upgrade-divider:before{background:#ffffff14;content:"";flex:1 1;height:1px}body.light-mode .upgrade-divider:after,body.light-mode .upgrade-divider:before{background:#00000014}.gcash-qr-section{align-items:center;background:#00a3ff0d;border:1px solid #00a3ff33;border-radius:12px;display:flex;flex-direction:column;gap:.6rem;padding:1rem}.gcash-qr-label{color:#fff;color:var(--text);font-size:.82rem;font-weight:600;text-align:center}.gcash-qr-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000026;padding:.75rem}.gcash-qr-img{display:block;height:160px;object-fit:contain;width:160px}.gcash-qr-hint{color:#bdbdbd;color:var(--muted);font-size:.75rem;line-height:1.6;text-align:center}.gcash-qr-hint strong{color:#00e5ff;color:var(--accent2)}body.light-mode .gcash-qr-section{background:#00a3ff0a;border-color:#00a3ff26}body.light-mode .gcash-qr-hint strong{color:#6a5cff;color:var(--accent1)}.landing-page{background:#050505;background:var(--bg);min-height:100vh;overflow-x:hidden;position:relative}.landing-bg-logo{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:0}.landing-bg-img{animation:gentleFloat 15s ease-in-out infinite;border-radius:50%;filter:blur(2px) saturate(2);max-width:900px;opacity:.04;width:80vw}.landing-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505b3;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;left:0;padding:1rem 3rem;position:fixed;top:0;width:100%;z-index:100}.landing-nav-brand{align-items:center;display:flex;gap:.6rem}.landing-nav-logo{border-radius:50%;height:36px;object-fit:cover;width:36px}.landing-nav-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.landing-nav-actions{align-items:center;display:flex;gap:1rem}.landing-nav-signin{background:#0000;border:1px solid #ffffff26;border-radius:50px;color:#c0c0d0;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;padding:.5rem 1.25rem;transition:all .3s ease}.landing-nav-signin:hover{border-color:#00e5ff;border-color:var(--accent2);color:#00e5ff;color:var(--accent2)}.landing-nav-cta{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.landing-nav-cta:hover{box-shadow:0 8px 20px #6a5cff66;transform:translateY(-2px)}.landing-hero{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:8rem 5rem 4rem;position:relative;z-index:1}.landing-badge{background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:50px;color:#00e5ff;color:var(--accent2);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.4rem 1rem}.landing-headline{color:#fff;color:var(--text);font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.landing-headline-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text}.landing-headline-muted{color:#ffffff4d;font-weight:300}.landing-desc{color:#bdbdbd;color:var(--muted);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;max-width:480px}.landing-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.landing-cta-primary{align-items:center;background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.85rem 2rem;transition:all .3s ease}.landing-cta-primary:hover{box-shadow:0 12px 30px #6a5cff66;transform:translateY(-3px)}.landing-cta-secondary{background:#0000;border:1px solid #ffffff26;border-radius:50px;color:#bdbdbd;color:var(--muted);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;padding:.85rem 2rem;transition:all .3s ease}.landing-cta-secondary:hover{border-color:#ffffff4d;color:#fff;color:var(--text)}.landing-social-proof{color:#ffffff4d;font-size:.8rem}.landing-video-wrapper{position:relative}.landing-video-glow{animation:borderGlow 4s ease-in-out infinite alternate;background:linear-gradient(45deg,#6a5cff,#00e5ff,#ff4fd8);background:linear-gradient(45deg,var(--accent1),var(--accent2),var(--accent3));border-radius:20px;bottom:-20px;filter:blur(30px);left:-20px;opacity:.15;position:absolute;right:-20px;top:-20px;z-index:-1}.landing-video-frame{background:#0f0f14e6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 30px 60px #00000080;overflow:hidden}.landing-video-bar{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;display:flex;gap:.5rem;padding:.75rem 1rem}.landing-video-dot{border-radius:50%;height:12px;width:12px}.landing-video-dot.red{background:#ff5f57}.landing-video-dot.yellow{background:#febc2e}.landing-video-dot.green{background:#28c840}.landing-video-title{color:#bdbdbd;color:var(--muted);font-size:.8rem;margin-left:.5rem}.landing-video{display:block;max-height:400px;object-fit:cover;width:100%}.landing-video-placeholder{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.landing-video-placeholder-inner{color:#bdbdbd;color:var(--muted);font-size:.9rem;text-align:center}.landing-features{border-top:1px solid #ffffff0d;padding:6rem 5rem;position:relative;z-index:1}.landing-features-inner{margin:0 auto;max-width:1200px}.landing-section-title{color:#fff;color:var(--text);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.landing-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text}.landing-section-desc{color:#bdbdbd;color:var(--muted);font-size:1rem;margin-bottom:3rem;text-align:center}.landing-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.landing-feature-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:all .3s ease}.landing-feature-card:hover{border-color:#00e5ff33;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.landing-feature-icon{font-size:2rem;margin-bottom:1rem}.landing-feature-card h3{color:#fff;color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.landing-feature-card p{color:#bdbdbd;color:var(--muted);font-size:.88rem;line-height:1.6}.landing-pricing{border-top:1px solid #ffffff0d;padding:6rem 5rem;position:relative;z-index:1}.landing-pricing-inner{margin:0 auto;max-width:800px}.landing-pricing-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:3rem}.landing-pricing-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem;position:relative}.landing-pricing-card.pro{background:linear-gradient(145deg,#6a5cff1f,#00e5ff0f);border-color:#6a5cff4d}.landing-pro-badge{background:linear-gradient(135deg,#6a5cff,#00e5ff);background:linear-gradient(135deg,var(--accent1),var(--accent2));border-radius:50px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;position:absolute;right:12px;top:12px}.landing-pricing-card h3{color:#fff;color:var(--text);font-size:1.3rem;font-weight:700}.landing-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.landing-price span{-webkit-text-fill-color:#bdbdbd;-webkit-text-fill-color:var(--muted);color:#bdbdbd;color:var(--muted);font-size:1rem;font-weight:400}.landing-pricing-card ul{display:flex;flex:1 1;flex-direction:column;gap:.5rem;list-style:none}.landing-pricing-card li{color:#bdbdbd;color:var(--muted);font-size:.88rem}.landing-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.75rem;padding:3rem 5rem;position:relative;text-align:center;z-index:1}.landing-footer-brand{align-items:center;color:#fff;color:var(--text);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem}.landing-footer-tagline{color:#bdbdbd;color:var(--muted);font-size:.85rem}.landing-footer-copy{color:#fff3;font-size:.78rem}@media (max-width:768px){.landing-nav{padding:1rem 1.5rem}.landing-nav-signin{display:none}.landing-hero{gap:3rem;grid-template-columns:1fr;padding:7rem 1.5rem 3rem;text-align:center}.landing-headline{font-size:2.2rem}.landing-desc{margin:0 auto 2rem}.landing-cta-group{justify-content:center}.landing-features{padding:4rem 1.5rem}.landing-features-grid{grid-template-columns:1fr}.landing-pricing{padding:4rem 1.5rem}.landing-pricing-cards{grid-template-columns:1fr}.landing-footer{padding:3rem 1.5rem}.landing-bg-img{width:120vw}}
/*# sourceMappingURL=main.fb60c3d6.css.map*/