.chat-interface{gap:20px;width:90%;box-sizing:border-box;min-height:350px;overflow-x:hidden;padding:30px;margin:2em auto auto}.chat-interface,.chat-messages{display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.chat-messages{flex-grow:1;padding:10px;position:relative}.message{margin-left:10px;width:100%}.user-message{max-width:45%;margin-left:auto;margin-top:2em;margin-bottom:2em}.ari-message,.user-message{display:flex;flex-direction:row;background-color:var(--card-background);border-radius:8px;padding:20px;border:1px solid var(--border);animation:fadeIn .3s ease-in-out;position:relative;word-wrap:break-word;min-width:200px;transition:margin-left .3s ease-in-out}.ari-message{align-items:flex-start;max-width:100%}.ari-heading{margin-top:0;margin-bottom:3%;font-size:1.5rem}.ari-message-avatar{color:var(--icon);width:24px;height:24px;margin-right:5px;margin-top:4px;flex-shrink:0}.ari-message-avatar:hover{animation:wobble .8s ease-in-out 1}@keyframes wobble{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.ari-message .content{display:flex;flex-direction:column}.timestamp{font-size:.9em;color:var(--text-muted);margin-top:6px;margin-bottom:1.2em;display:flex;font-weight:600;letter-spacing:.05em;line-height:1.5em}.timestamp .time{color:var(--time-stamp);margin-left:7px;padding-left:7px}.ari-text p{margin-bottom:1em;color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-container{background-color:var(--card-background);border:1px solid var(--border);color:#e0e0e0;border-radius:8px;padding:25px;width:100%}.search-box textarea{width:100%;resize:none;font-size:1em;font-family:Mulish,sans-serif;line-height:1.5;letter-spacing:.05em;border:1px solid var(--border);color:var(--text);border-radius:5px;background-color:var(--secondary-background);transition:all .3s ease;box-sizing:border-box;margin:auto;padding:10px;overflow-y:hidden;overflow-x:hidden}.search-box textarea:focus{outline:none;border-color:var(--link-hover);border-width:1px}.search-box .search-button{position:absolute;right:20px;top:52%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.search-box .search-button svg{width:18px;color:var(--icon)}.search-box .search-button:hover svg{transform:scale(1.2);transition:transform .2s ease-in-out;color:var(--link-hover)}.search-box{margin-top:2em;box-sizing:border-box;display:flex}.input-container{position:relative;width:100%;display:flex;align-items:flex-start}.search-label{font-size:.9em;margin-top:.5em;margin-bottom:1.5em;display:block}.new-chat-button,.search-label{line-height:1.5;letter-spacing:.05em;color:var(--text)}.new-chat-button{display:flex;align-items:center;padding:10px 15px;cursor:pointer;font-size:.8rem;white-space:nowrap;background-color:var(--search-background);border:none}.new-chat-button .icon{width:16px;height:16px;margin-right:5px}.new-chat-button:hover{color:var(--link-hover)}.suggestions-container{flex-direction:column;flex-wrap:wrap;gap:15px;margin:auto}.suggestions-container ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.suggestions-container ul li:last-child{margin-left:auto}.suggestion-button{display:flex;align-items:center;padding:10px 15px;background-color:var(--search-background);border:1px solid var(--border);border-radius:30px;cursor:pointer;font-size:.8rem;white-space:nowrap;color:var(--text);letter-spacing:.05em}.suggestion-button .icon{width:16px;height:16px;margin-right:10px;color:var(--icon)}.suggestion-button:hover{background-color:var(--primary-background)}.suggestion-button:active{background-color:var(--secondary-background)}.search-icon{display:flex}.search-label .icon{width:16px;height:16px;margin-top:200px}.ari-loading{display:block;height:20px;background:var(--loading);background-size:200% 100%;animation:loading 2s ease-in-out infinite;border-radius:4px;margin-bottom:1em}.line-40{width:40%}.line-50{width:50%}.line-60{width:60%}.line-70{width:70%}.line-80{width:80%}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.ari-loading{animation:none;background:var(--primary-background)}}.name{color:var(--text)}.result-codeblock-container{margin-top:1.5em;margin-bottom:1em;width:90%;border:1px solid var(--border);border-radius:8px}.code-block-header{background-color:var(--secondary-background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 15px;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0}.code-block-header h3{margin:0;font-size:.9rem}code{font-family:Mulish,sans-serif;font-size:1rem;letter-spacing:.05em;line-height:2em;margin-left:1em;margin-right:1em;display:block}.result-codeblock{color:var(--text);padding:10px;display:flex;flex-direction:column}.code-type-group{display:flex;align-items:center;gap:0}.code-line{display:flex}.line-number{color:var(--text-muted);margin-right:20px;font-size:.9rem;text-align:right;min-width:1em}.line-content{word-wrap:break-word;white-space:pre-wrap;font-family:Mulish,sans-serif;font-size:1rem}@media (max-width:900px){.chat-interface{width:100%;padding:0;margin-left:0;margin-right:0}.suggestions-container ul{gap:5px}.suggestions-container li{margin:.3em}.suggestions-container ul li:last-child{margin-left:none}}