.chat-view{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:0;display:flex}@media (max-width:767px){.chat-view{padding:0 1rem}}.chat-view__hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.chat-view__icon{background:#0f1930;border-radius:1rem;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}@media (max-width:767px){.chat-view__icon{width:60px;height:60px;margin-bottom:1rem}}.chat-view__title{font-family:var(--font-space-grotesk);letter-spacing:-.02em;color:#dee5ff;margin-bottom:.75rem;font-size:2.25rem;font-weight:700;line-height:1.2}@media (max-width:767px){.chat-view__title{font-size:2rem}}.chat-view__subtitle{font-family:var(--font-ibm-plex);letter-spacing:.02em;color:#b0b8d1;font-size:.875rem;font-weight:500;line-height:1.5}.chat-view__input-container{background:#091328;border-radius:.75rem;width:100%;margin-bottom:1.5rem;padding:1.25rem}.chat-view__textarea{resize:none;width:100%;font-family:var(--font-ibm-plex);color:#dee5ff;background:0 0;border:none;outline:none;font-size:1rem;line-height:1.5}.chat-view__textarea::placeholder{color:#6d758c}.chat-view__input-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.chat-view__toolbar-actions{align-items:center;gap:.25rem;display:flex}.chat-view__toolbar-btn{color:#6d758c;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__toolbar-btn:hover{color:#b0b8d1;background:#0f1930}.chat-view__model-selector{position:relative}.chat-view__model-trigger{color:#b0b8d1;font-family:var(--font-ibm-plex);cursor:pointer;background:0 0;border:1px solid #4a516826;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.6875rem;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__model-trigger:hover{color:#dee5ff;background:#0f1930}.chat-view__model-label{white-space:nowrap}.chat-view__model-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#0f1930;border-radius:.75rem;min-width:220px;padding:.5rem;position:absolute;bottom:calc(100% + .5rem);left:0;box-shadow:0 0 48px #dee5ff0f}.chat-view__model-option{color:#b0b8d1;width:100%;font-family:var(--font-ibm-plex);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.75rem;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__model-option:hover{color:#dee5ff;background:#141f38}.chat-view__model-option--active{color:#69f6b8}.chat-view__model-option-label{font-weight:500}.chat-view__model-option-provider{font-family:var(--font-ibm-plex);letter-spacing:.02em;color:#6d758c;font-size:.6875rem;font-weight:500;line-height:1.5}.chat-view__branch-btn{color:#060e20;cursor:pointer;background:#69f6b8;border:none;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__branch-btn:hover{background:#3a8a62;box-shadow:0 0 12px #69f6b8}.chat-view__attachment-warning{font-family:var(--font-ibm-plex);color:#ff716c;margin:.5rem 0 0;font-size:.6875rem}.chat-view__attachments{flex-wrap:wrap;flex:1;gap:.5rem;min-width:0;display:flex}.chat-view__attachment-chip{font-family:var(--font-ibm-plex);color:#b0b8d1;background:#0f1930;border-radius:.375rem;align-items:center;gap:.5rem;max-width:220px;padding:.5rem .75rem;font-size:.6875rem;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__attachment-chip--error{color:#ff716c;background:#ff716c1a}.chat-view__attachment-thumb{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:24px;height:24px}.chat-view__attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-view__attachment-size{color:#6d758c;flex-shrink:0}.chat-view__attachment-remove{color:#6d758c;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__attachment-remove:hover{color:#dee5ff;background:#141f38}.chat-view__attachment-spinner{flex-shrink:0;animation:1s linear infinite chat-view-spin}.chat-view__drop-overlay{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#69f6b8;font-family:var(--font-ibm-plex);pointer-events:none;background:#060e20d9;border:2px dashed #69f6b866;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;display:flex;position:absolute;inset:0}.chat-view--dragging{position:relative}.chat-view__suggestions{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}@media (max-width:767px){.chat-view__suggestions{grid-template-columns:1fr;gap:.75rem}}.chat-view__suggestion-card{text-align:left;cursor:pointer;background:#091328;border:none;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1.25rem;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view__suggestion-card:hover{background:#0f1930}@media (max-width:767px){.chat-view__suggestion-card:nth-child(n+3){display:none}}.chat-view__suggestion-dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px;margin-top:6px}.chat-view__suggestion-dot--primary{background:#69f6b8;box-shadow:0 0 8px #69f6b866}.chat-view__suggestion-dot--secondary{background:#699cff;box-shadow:0 0 8px #699cff66}.chat-view__suggestion-dot--tertiary{background:#ac8aff;box-shadow:0 0 8px #ac8aff66}.chat-view__suggestion-text{flex-direction:column;gap:.25rem;display:flex}.chat-view__suggestion-title{font-family:var(--font-ibm-plex);color:#dee5ff;font-size:.875rem;font-weight:500}.chat-view__suggestion-desc{font-family:var(--font-ibm-plex);letter-spacing:.02em;color:#b0b8d1;font-size:.6875rem;font-weight:500;line-height:1.5}.chat-view-thread{flex-direction:column;flex:1;min-height:0;display:flex}.chat-view-thread__label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.chat-view-thread__branch-action{color:#6d758c;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:28px;height:28px;margin-top:10px;transition:opacity .15s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;display:flex}.chat-view-thread__message:hover .chat-view-thread__branch-action{opacity:1}.chat-view-thread__branch-action:hover{color:#69f6b8;background:#141f38}.chat-view-thread__messages{flex:1;padding:2rem 2rem 1rem;overflow-y:auto}@media (max-width:767px){.chat-view-thread__messages{padding:1rem}}.chat-view-thread__messages-inner{flex-direction:column;gap:1.5rem;max-width:720px;margin:0 auto;display:flex}.chat-view-thread__message{gap:1rem;display:flex}.chat-view-thread__node{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2rem;display:flex}.chat-view-thread__node-dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px}.chat-view-thread__node-dot--primary{background:#69f6b8;box-shadow:0 0 8px #69f6b880}.chat-view-thread__node-dot--muted{background:#6d758c}.chat-view-thread__message-body{flex:1;min-width:0}.chat-view-thread__label{font-family:var(--font-ibm-plex);letter-spacing:.02em;color:#6d758c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.6875rem;font-weight:500;line-height:1.5;display:block}.chat-view-thread__label--user{color:#b0b8d1}.chat-view-thread__label--ai{color:#69f6b8}.chat-view-thread__bubble{border-radius:.375rem;padding:1.25rem 1.5rem}@media (max-width:767px){.chat-view-thread__bubble{padding:1rem}}.chat-view-thread__bubble--user{background:#091328}.chat-view-thread__bubble--ai{background:#0f1930}.chat-view-thread__bubble p{font-family:var(--font-ibm-plex);color:#dee5ff;margin:0;font-size:1rem;font-weight:400;line-height:1.75}.chat-view-thread__input-bar{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;display:flex}@media (max-width:767px){.chat-view-thread__input-bar{padding:.75rem 1rem}}.chat-view-thread__input-container{background:#091328;border-radius:9999px;align-items:center;gap:.75rem;width:100%;max-width:720px;padding:.75rem .75rem .75rem 1.25rem;display:flex}.chat-view-thread__input{font-family:var(--font-ibm-plex);color:#dee5ff;background:0 0;border:none;outline:none;flex:1;font-size:.875rem;line-height:1.5}.chat-view-thread__input::placeholder{color:#6d758c}.chat-view-thread__submit-btn{color:#060e20;cursor:pointer;background:#69f6b8;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex}.chat-view-thread__submit-btn:hover{background:#3a8a62;box-shadow:0 0 12px #69f6b8}.chat-view-thread__hint-row{justify-content:space-between;align-items:center;width:100%;max-width:720px;display:flex}.chat-view-thread__hint{font-family:var(--font-ibm-plex);letter-spacing:.02em;color:#6d758c;text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:500;line-height:1.5}.chat-view-thread__api-key-error{font-family:var(--font-ibm-plex);color:#b0b8d1;background:#ff716c14;border-radius:.375rem;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.chat-view-thread__api-key-error-icon{color:#ff716c;flex-shrink:0;display:flex}.chat-view-thread__api-key-link{color:#69f6b8;font-weight:500;text-decoration:none}.chat-view-thread__api-key-link:hover{text-decoration:underline}.chat-view-thread__typing{color:#b0b8d1;animation:1.5s ease-in-out infinite chat-view-pulse}.chat-view-thread__thinking-dots{align-items:center;gap:6px;padding:.5rem 0;display:flex}.chat-view-thread__thinking-dots span{opacity:.3;background:#69f6b8;border-radius:9999px;width:8px;height:8px;animation:1.4s ease-in-out infinite chat-view-dot-bounce}.chat-view-thread__thinking-dots span:nth-child(2){animation-delay:.2s}.chat-view-thread__thinking-dots span:nth-child(3){animation-delay:.4s}.chat-view-thread__markdown{font-family:var(--font-ibm-plex);color:#dee5ff;font-size:1rem;font-weight:400;line-height:1.75}.chat-view-thread__markdown>:first-child{margin-top:0}.chat-view-thread__markdown>:last-child{margin-bottom:0}.chat-view-thread__markdown p{margin:0 0 1rem}.chat-view-thread__markdown p:last-child{margin-bottom:0}.chat-view-thread__markdown strong{color:#dee5ff;font-weight:600}.chat-view-thread__markdown em{color:#69f6b8;font-style:italic}.chat-view-thread__markdown h1,.chat-view-thread__markdown h2,.chat-view-thread__markdown h3,.chat-view-thread__markdown h4{font-family:var(--font-space-grotesk);color:#dee5ff;letter-spacing:-.02em;margin:1.5rem 0 .75rem;font-weight:600}.chat-view-thread__markdown h1{font-size:2rem}.chat-view-thread__markdown h2{font-size:1.75rem}.chat-view-thread__markdown h3{font-size:1.5rem}.chat-view-thread__markdown h4{font-size:1rem}.chat-view-thread__markdown ul,.chat-view-thread__markdown ol{flex-direction:column;gap:.5rem;margin:.75rem 0;padding-left:1.5rem;display:flex}.chat-view-thread__markdown ul{padding-left:1.25rem;list-style:none}.chat-view-thread__markdown ul li{padding-left:1rem;position:relative}.chat-view-thread__markdown ul li:before{content:"";background:#69f6b8;border-radius:9999px;width:6px;height:6px;position:absolute;top:.6em;left:0;box-shadow:0 0 6px #69f6b866}.chat-view-thread__markdown ol li::marker{color:#69f6b8;font-weight:600}.chat-view-thread__markdown code{color:#69f6b8;background:#141f38;border-radius:.25rem;padding:.15em .4em;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.875em}.chat-view-thread__markdown pre{background:#141f38;border-radius:.375rem;margin:1rem 0;padding:1rem 1.25rem;overflow-x:auto}.chat-view-thread__markdown pre code{color:#dee5ff;background:0 0;padding:0;font-size:.75rem}.chat-view-thread__markdown blockquote{color:#b0b8d1;border-left:2px solid #3a8a62;margin:1rem 0;padding-left:1.25rem}.chat-view-thread__markdown hr{background:#4a516826;border:none;height:1px;margin:1.5rem 0}.chat-view-thread--dragging{position:relative}.chat-view-thread__msg-attachments{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.chat-view-thread__msg-image-link{border-radius:.375rem;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:block;overflow:hidden}.chat-view-thread__msg-image-link:hover{opacity:.85}.chat-view-thread__msg-image{object-fit:cover;border-radius:.375rem;max-width:240px;max-height:180px}.chat-view-thread__msg-file-chip{font-family:var(--font-ibm-plex);color:#b0b8d1;background:#141f38;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.6875rem;display:flex}@keyframes chat-view-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes chat-view-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chat-view-dot-bounce{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}