.app-noscript{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#1e293b;line-height:1.6;z-index:9999}.noscript-container{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.noscript-header{text-align:center;margin-bottom:3rem}.lumo-logo{width:80px;height:80px;margin:0 auto 1.5rem;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.noscript-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem 0;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#ec4899 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.noscript-subtitle{font-size:1.5rem;font-weight:600;color:#475569;margin:0 0 1rem 0;text-align:center}.noscript-intro{font-size:1.125rem;color:#64748b;text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.js-required-notice{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border:1px solid #f59e0b;border-radius:12px;padding:1.5rem;margin-bottom:3rem;text-align:center}.js-required-notice h2{color:#92400e;margin:0 0 .5rem 0;font-size:1.25rem;font-weight:600}.js-required-notice p{color:#a16207;margin:0;font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.feature-card h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem 0;display:flex;align-items:center;gap:.5rem}.feature-card p{color:#64748b;margin:0;font-size:.95rem}.feature-icon{width:24px;height:24px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.company-info{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e2e8f0;text-align:center}.company-info h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 1rem 0}.company-info p{color:#64748b;margin:0;font-size:1rem}.enable-js-button{display:inline-block;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:#fff;padding:.75rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;margin-top:1rem;transition:transform .2s ease,box-shadow .2s ease}.enable-js-button:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(99,102,241,.3)}@media (max-width:768px){.noscript-container{padding:1rem}.noscript-title{font-size:2rem}.noscript-subtitle{font-size:1.25rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}

Crooli AI

Your AI, powered by your provider

Connect your own AI provider key and use Crooli AI with your Crooli account.

JavaScript Required

Crooli AI requires JavaScript to run. Please enable JavaScript in your browser settings to use Crooli AI.

Refresh Page

🔒Your chats are yours alone

Your AI requests use the provider you connect in Settings.

🔐Only you have access

Your Crooli account controls access to your saved profile and provider settings.

🔍Tech that you can trust

Crooli AI is built from open-source software and supports bring-your-own-key providers.

⚙️You're in control

You choose the AI provider and model used for your requests.

One Crooli account

Use the same Crooli identity across Crooli products, with your name and profile image carried into Crooli AI.