:root{--background-color:#fff;--text-color:#212529;--sidebar-bg:#f8f9fa;--sidebar-width:280px;--border-color:#dee2e6;--active-bg:#e9ecef;--card-bg:#fff;--card-border:#f1f3f5;--card-shadow:0 4px 6px rgba(0,0,0,.05);--input-bg:#343a40;--input-text:#adb5bd;--button-bg:#fcc419;--button-text:#212529;--accent-blue:#dbe4ff;--accent-teal:#d3f9d8;--accent-pink:#ffdeeb;--accent-purple:#e5dbff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);height:100vh;margin:0;display:flex;overflow:hidden}.app-container{width:100%;height:100%;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;flex-shrink:0;padding:24px;display:flex}.sidebar__logo{margin:0 0 40px;font-size:24px;font-weight:700}.sidebar__nav{flex-grow:1;overflow-y:auto}.sidebar__logo-bottom{border-top:1px solid var(--border-color);flex-shrink:0;margin-top:16px;padding-top:16px}.nav-section{margin-bottom:24px}.nav-section__title{color:#495057;margin:0 0 12px;padding:0 12px;font-size:16px;font-weight:600}.nav-section__title-link{color:var(--text-color);border-radius:6px;padding:8px 12px;font-size:16px;font-weight:600;text-decoration:none;display:block}.nav-section__title-link:hover{background-color:var(--active-bg)}.nav-section__list{margin:0;padding:0;list-style:none}.nav-section__link{color:#495057;border-radius:6px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav-section__link.active,.nav-section__link:hover{background-color:var(--active-bg);color:var(--text-color);font-weight:600}.nav-section__link svg{stroke:#868e96;width:20px;height:20px}.nav-section__link.active svg,.nav-section__link:hover svg{stroke:var(--text-color)}.new-chat-btn{color:#212529;cursor:pointer;background-color:#fcc419;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s}.new-chat-btn:hover{background-color:#fab005}.chat-history-list{max-height:250px;margin-top:4px;padding:0 4px;overflow-y:auto}.history-item{cursor:pointer;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;transition:background-color .2s;display:flex}.history-item:hover{background-color:var(--active-bg)}.history-item.active{background-color:#fff9e6;border-color:#fcc419}.history-title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;font-size:13px;overflow:hidden}.delete-history-btn{cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:14px;transition:opacity .2s}.history-item:hover .delete-history-btn{opacity:1}.delete-history-btn:hover{transform:scale(1.2)}.sidebar__footer{color:#868e96;margin-top:auto;font-size:14px}.main-content{flex-direction:column;flex-grow:1;height:100vh;display:flex}.main-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.main-header__title{font-size:18px;font-weight:600}.main-header__controls{gap:8px;display:flex}.icon-button{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.icon-button:hover{background-color:var(--sidebar-bg)}.icon-button svg{stroke:#495057;width:20px;height:20px}.chat-container-wrapper{flex-direction:column;flex-grow:1;padding:0 40px 20px;display:flex;overflow-y:auto}.chat-container{flex-direction:column;flex-grow:1;width:100%;max-width:900px;margin:0 auto;display:flex}#initial-view{flex-direction:column;align-items:center;padding-top:20px;display:flex}.main-title{margin:20px 0;font-size:36px;font-weight:700}.recommendations{width:100%}.recommendations__title{margin-bottom:14px;font-size:16px;font-weight:600}.recommendations__grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.card{border:1px solid var(--card-border);background-color:var(--card-bg);box-shadow:var(--card-shadow);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 6px 10px rgba(0,0,0,.07)}.card__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.card__text{flex-grow:1}.card__title{margin:0 0 3px;font-size:14px;font-weight:600}.card__subtitle{color:#868e96;margin:0;font-size:12px}.chat-form{background:var(--background-color);gap:10px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding-top:20px;display:flex}#initial-view+#chat-view+.chat-form{margin-top:40px}.chat-form input{background-color:var(--input-bg);color:#fff;border:none;border-radius:999px;flex-grow:1;padding:16px 24px;font-size:16px}.chat-form input::placeholder{color:var(--input-text)}.chat-form button{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:999px;padding:0 32px;font-size:16px;font-weight:600;transition:background-color .2s}.chat-form button:hover{background-color:#ffc933}.chat-form button:disabled{opacity:.7;cursor:not-allowed}.hidden{display:none!important}#chat-view{flex-grow:1}#chat-log{flex-direction:column;gap:20px;padding:20px 0;display:flex}.chat-message-wrapper{flex-direction:column;margin-bottom:12px;display:flex;position:relative}.chat-message-wrapper:hover .message-actions{opacity:1}.chat-message{border-radius:18px;max-width:80%;padding:12px 18px;line-height:1.6}.chat-message p{margin:0 0 1em}.chat-message p:last-child,.chat-message ul:last-child,.chat-message ol:last-child{margin-bottom:0}.chat-message a{color:#1c7ed6;text-decoration:none}.chat-message a:hover{text-decoration:underline}.chat-message.user{color:#594b1a;background-color:#fff9e6;border-bottom-right-radius:4px;align-self:flex-end}.chat-message.model{background-color:var(--sidebar-bg);border-bottom-left-radius:4px;align-self:flex-start}.message-actions{opacity:0;align-items:center;gap:6px;margin-top:4px;transition:opacity .2s;display:flex}.chat-message-wrapper.user .message-actions{align-self:flex-end}.chat-message-wrapper.model .message-actions{align-self:flex-start}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:background-color .2s}.action-btn:hover{background-color:rgba(0,0,0,.05)}.version-nav{gap:2px;display:flex}.edit-mode{align-self:flex-end;width:80%}.edit-textarea{resize:vertical;border:2px solid #fcc419;border-radius:8px;width:100%;min-height:60px;padding:12px;font-family:inherit;font-size:14px}.edit-actions{gap:8px;margin-top:8px;display:flex}.edit-actions button{cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.edit-actions button:first-child{color:#212529;background-color:#fcc419}.edit-actions button:first-child:hover{background-color:#fab005}.edit-actions button:last-child{color:#495057;background-color:#e9ecef}.edit-actions button:last-child:hover{background-color:#dee2e6}.edit-actions button:disabled{opacity:.5;cursor:not-allowed}.loading{color:#868e96;align-items:center;gap:8px;display:flex}.loading:after{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out -.32s infinite both bounce}.loading:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out -.16s infinite both bounce}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.card__icon.blue{background-color:var(--accent-blue);color:#1c7ed6}.card__icon.teal{background-color:var(--accent-teal);color:#2f9e44}.card__icon.pink{background-color:var(--accent-pink);color:#d6336c}.card__icon.purple{background-color:var(--accent-purple);color:#7048e8}