.webpage{background:var(--light);background:linear-gradient(0deg, var(--dark-bg) 0%, var(--light) 90%, var(--light) 100%) no-repeat fixed;flex-direction:column;width:100%;min-height:100vh;display:flex}.header{flex-direction:column;align-items:center;padding:24px 24px 0;display:flex}.title{color:var(--dark);height:40px;margin:0;font-family:Space Mono,monospace;font-size:32px;font-weight:700;position:relative}.title-full{opacity:1;transition:opacity .3s ease-out;position:absolute;left:50%;transform:translate(-50%)}.title-full.title-hidden{opacity:0}.title-final{opacity:0;align-items:center;gap:8px;transition:opacity .3s ease-in .1s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.title-final.title-visible{opacity:1}.title-ai{color:var(--dark);font-family:Space Mono,monospace;font-size:32px;font-weight:700}.title-center{color:var(--dark);opacity:0;font-family:Space Mono,monospace;font-size:32px;font-style:italic;font-weight:400;transition:opacity .3s ease-in}.title-center.title-visible{opacity:1}.title-kona{color:var(--dark);opacity:0;font-family:Space Mono,monospace;font-size:32px;font-weight:700;transition:opacity .3s ease-in}.title-kona.title-visible{opacity:1}.hero{text-align:center;justify-content:center;align-items:center;width:100%;padding:48px 24px;display:flex}.hero h2{color:var(--dark);max-width:700px;margin:0;font-family:Space Mono,monospace;font-size:28px;font-weight:400;line-height:1.4}.main-content{width:100%;color:var(--dark);flex-direction:column;flex:1;align-items:center;gap:24px;padding:24px;display:flex}.chat-window{background:var(--light);border:1px solid var(--dark-bg);width:100%;max-width:320px;height:700px;box-shadow:0 4px 20px 0 var(--dark-opaque);border-radius:16px;flex-direction:column;gap:8px;padding:16px;font-family:Space Mono,monospace;display:flex}.chat-header{justify-content:center;align-items:center;width:100%;height:48px;padding:0 16px;display:flex}.chat-title{color:var(--dark);font-size:16px;font-weight:700}.chat-divider{background:var(--dark-bg);width:100%;height:1px;margin:8px 0}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;width:100%;padding:12px;display:flex;overflow-y:auto}.chat-welcome{height:100%;color:var(--dark-bg);justify-content:center;align-items:center;font-style:italic;display:flex}.chat-suggestions{flex-direction:column;gap:8px;width:100%;padding:0 12px;display:flex}.suggestions-title{color:var(--dark);font-family:Space Mono,monospace;font-size:12px;font-weight:700}.suggestions-list{flex-direction:column;gap:6px;width:100%;display:flex}.quick-reply-button{background:var(--light);border:1px solid var(--dark-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px 12px;transition:background-color .2s,transform .1s;display:flex}.quick-reply-button:hover{background:var(--dark-bg)}.quick-reply-button:active{transform:scale(.98)}.quick-reply-text{color:var(--dark);text-align:center;font-family:Space Mono,monospace;font-size:12px;font-weight:400}.chat-message{border-radius:12px;max-width:80%;padding:10px 14px;display:inline-flex}.chat-message-bot{background:var(--dark-bg);align-self:flex-start}.chat-message-user{background:var(--light);border:1px solid var(--dark-bg);align-self:flex-end}.message-text{word-wrap:break-word;font-size:14px;font-weight:400}.chat-message-bot .message-text,.chat-message-user .message-text{color:var(--dark)}.chat-input-area{align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.chat-input-field{background:var(--light);border:1px solid var(--dark-bg);border-radius:8px;flex:1;align-items:center;height:40px;padding:0 12px;transition:border-color .2s;display:flex}.chat-input-field.focused{border-color:var(--dark)}.chat-input{width:100%;height:100%;color:var(--dark);-webkit-appearance:none;-moz-appearance:none;background:0 0;border:none;outline:none;flex:1;font-family:Space Mono,monospace;font-size:14px;font-weight:400}.chat-input::placeholder{color:#888}.chat-send-button{background:var(--dark-bg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.chat-send-button:hover:not(:disabled){background:var(--dark)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.send-arrow{color:var(--light);font-family:Space Mono,monospace;font-size:18px;font-weight:700}@media (width>=768px){.chat-window{width:360px;height:700px}}@media (width>=1024px){.chat-window{width:480px;height:760px}}@media (width>=1440px){.chat-window{max-width:600px}}*{box-sizing:border-box;margin:0;padding:0}:root{--dark:#050a30;--dark-bg:#bbc0e3;--light:#f4f6fc;--light-opaque:#f4f6fc80}html{scroll-behavior:smooth}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Mono,monospace}