@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_ca35ecd4-module__VNkuCW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_ca35ecd4-module__VNkuCW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe8b9d92-module__LINzvG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe8b9d92-module__LINzvG__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--background:#050508;--foreground:#fff;--accent-primary:#3b82f6;--accent-secondary:#fbbf24;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-blur:blur(12px);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.main-container{background:radial-gradient(circle,#11111a 0%,#050508 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.avatar-layer{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:relative}.chat-container{background:var(--glass-bg);width:340px;max-width:90vw;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);pointer-events:auto;border-radius:20px;flex-direction:column;transition:transform .3s;display:flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 8px 32px #000c}.chat-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.chat-header h2{font-family:var(--font-heading);background:linear-gradient(90deg,#fff,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.25rem}.chat-messages{flex-direction:column;flex:1;gap:.8rem;max-height:300px;padding:1rem 1.5rem;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:85%;padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.message.kalam{border-left:3px solid var(--accent-primary);color:#e0e0e0;background:#3b82f61a;align-self:flex-start}.message.user{color:#fff;background:#ffffff0d;align-self:flex-end}.chat-input-wrapper{border-top:1px solid var(--glass-border);gap:.5rem;padding:1rem;display:flex}.chat-input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;transition:border-color .3s}.chat-input:focus{border-color:var(--accent-primary)}.send-btn{background:var(--accent-primary);cursor:pointer;color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;transition:transform .2s,opacity .2s;display:flex}.send-btn:hover{opacity:.9;transform:scale(1.05)}.title-card{pointer-events:auto;max-width:480px;position:absolute;top:4rem;left:4rem}.title-card h1{font-family:var(--font-heading);letter-spacing:-1px;margin:0;font-size:3.5rem;font-weight:800;line-height:1.1}.title-highlight{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.subtitle{color:#ffffff80;margin-top:.75rem;font-size:1rem;line-height:1.6}.subtitle-quote{color:#fbbf2480;border-left:2px solid #fbbf244d;margin-top:.75rem;padding-left:.75rem;font-size:.85rem;font-style:italic;line-height:1.6}.title-card p{color:#888;margin-top:.5rem;font-size:1.1rem}.badge{color:var(--accent-secondary);text-transform:uppercase;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:99px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.footer-credit{pointer-events:auto;align-items:center;gap:1rem;display:flex;position:absolute;bottom:1.5rem;left:4rem}.footer-line{background:#ffffff26;width:40px;height:1px;display:block}.footer-credit p{color:#fff6;letter-spacing:.5px;max-width:500px;margin:0;font-size:.75rem;line-height:1.5}.footer-link{color:var(--accent-primary);font-weight:600;text-decoration:none;transition:all .2s}.footer-link:hover{color:#fff;text-shadow:0 0 8px #3b82f680;text-decoration:underline}.footer-credit strong{color:#fff9;font-weight:600}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.mobile-scroll-container{-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;background:var(--background);width:100vw;overflow:hidden auto}.mobile-model-section{scroll-snap-align:start;background:radial-gradient(circle,#11111a 0%,#050508 100%);width:100%;height:100dvh;position:relative}.mobile-model-section .avatar-layer{z-index:1;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-title-overlay{z-index:10;pointer-events:none;position:absolute;top:1.5rem;left:1.5rem;right:1.5rem}.mobile-title-overlay h1{font-family:var(--font-heading);letter-spacing:-1px;margin:0;font-size:2.2rem;font-weight:800;line-height:1.1}.mobile-title-overlay .subtitle{margin-top:.5rem;font-size:.85rem}.mobile-action-button{z-index:20;width:75%;max-width:280px;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.glass-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;width:100%;font-family:var(--font-heading);letter-spacing:.5px;cursor:pointer;background:#3b82f640;border:1px solid #fff3;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 30px #00000080}.glass-btn:active{background:#3b82f666;transform:scale(.95)}.chat-section-header{z-index:100;pointer-events:none;justify-content:center;margin-bottom:1.5rem;display:flex;position:sticky;top:1rem}.back-to-model-pill{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}.back-to-model-pill:active{background:#ffffff26;transform:scale(.95)}.scroll-indicator{z-index:10;color:#ffffff4d;flex-direction:column;align-items:center;gap:.4rem;animation:2s infinite bounce-down;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.scroll-indicator span{text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem}@keyframes bounce-down{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.mobile-chat-section{scroll-snap-align:start;background:linear-gradient(#0a0a12 0%,#050508 100%);flex-direction:column;min-height:100dvh;padding:1.5rem;display:flex}.mobile-chat-section .chat-container{border-radius:20px;flex:1;width:100%;max-width:100%;max-height:none;position:relative;bottom:auto;left:auto;right:auto}.mobile-chat-section .chat-messages{max-height:50vh}.mobile-footer{text-align:center;padding:1.5rem 0 4rem}.mobile-footer p{color:#fff6;margin:0;padding:0 1rem;font-size:.75rem;line-height:1.6}.mobile-footer strong{color:#fff9}@media (max-width:768px){.main-container{display:none}}.footer-feedback-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.footer-feedback-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.mobile-feedback-wrapper{justify-content:center;margin-top:1rem;display:flex}
