:root{--primary-bg:#1a1a1d;--secondary-bg:#2b2d42;--text-color:#edf2f4;--accent-color:#ef233c;--sage-bubble-bg:#43455f;--user-bubble-bg:#8d99ae;--font-family:'Montserrat', sans-serif}html,body{margin:0;font-family:var(--font-family)}#app-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;box-shadow:0 0 20px rgb(0 0 0 / .5);font-family:var(--font-family);background-color:var(--secondary-bg);color:var(--text-color)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--primary-bg);border-bottom:1px solid var(--accent-color)}.app-header h1{font-size:1.2rem;margin:0;color:var(--text-color)}.app-header p{font-size:.8rem;margin:0;color:var(--user-bubble-bg)}.icon-button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;transition:transform 0.2s ease}.icon-button:hover{transform:scale(1.1)}.settings-panel{display:none;padding:20px;background-color:var(--primary-bg);border-bottom:1px solid #444}.settings-panel.active{display:block}.setting{margin-bottom:15px}.setting label{display:block;margin-bottom:5px;font-weight:600}.setting input[type="range"]{width:100%;accent-color:var(--accent-color)}.privacy-section{margin-top:20px;padding-top:15px;border-top:1px solid #444}.utility-button{background-color:var(--accent-color);color:var(--text-color);border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color 0.2s}.utility-button:hover{background-color:#d90429}.chat-window{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.chat-message{max-width:80%;padding:12px 18px;border-radius:20px;margin-bottom:10px;line-height:1.5;animation:fadeIn 0.5s ease-in-out}.user-message{background-color:var(--user-bubble-bg);color:#000;align-self:flex-end;border-bottom-right-radius:5px}.sage-message{background-color:var(--sage-bubble-bg);color:var(--text-color);align-self:flex-start;border-bottom-left-radius:5px}.sage-message.loading{display:flex;align-items:center}.sage-message.loading .dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-color);margin:0 3px;animation:bounce 1.4s infinite ease-in-out both}.sage-message.loading .dot:nth-child(2){animation-delay:-0.16s}.sage-message.loading .dot:nth-child(3){animation-delay:-0.32s}.quick-actions-bar{display:flex;justify-content:center;gap:10px;padding:10px 20px;border-top:1px solid #444}.quick-action{background-color:var(--sage-bubble-bg);color:var(--text-color);border:1px solid var(--accent-color);padding:8px 15px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:background-color 0.2s}.quick-action:hover{background-color:var(--accent-color)}.chat-footer{padding:10px 20px;background-color:var(--primary-bg)}.input-container{display:flex;align-items:center;background-color:var(--secondary-bg);border-radius:25px;padding:5px 5px 5px 15px}#user-input{flex-grow:1;background:none;border:none;color:var(--text-color);font-family:var(--font-family);font-size:1rem;resize:none;max-height:100px;overflow-y:auto}#user-input:focus{outline:none}#send-button{background-color:var(--accent-color);color:#fff;border-radius:50%;width:40px;height:40px;font-size:1.5rem;flex-shrink:0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:600px){.app-header h1{font-size:1rem}.quick-actions-bar{flex-wrap:wrap;justify-content:flex-start}.quick-action{margin-bottom:5px}}```