body{color:#333;background-color:#fff;height:100vh;margin:0;font-family:sans-serif}.main-container{flex-direction:column;width:100%;max-width:800px;height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 10px #0000000d}.tabs-nav{background-color:#f9f9f9;border-bottom:1px solid #ddd;flex-shrink:0;display:flex}.tab-btn{background-color:inherit;color:#555;cursor:pointer;border:none;border-bottom:2px solid #0000;border-radius:0;outline:none;flex:1;padding:14px 16px;font-size:15px;transition:all .3s}.tab-btn:hover{background-color:#eee}.tab-btn.active{color:#333;background-color:#fff;border-bottom:2px solid #4caf50;font-weight:700}.tab-pane{flex-direction:column;flex-grow:1;padding:20px;display:none;overflow-y:auto}.tab-pane.active{display:flex}#auth-view{text-align:center;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;justify-content:center;align-items:center;height:auto;margin-top:2rem;padding:2rem}.articles-list{flex-direction:column;flex-grow:1;gap:8px;margin:0;display:flex}.article-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.article-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.title-container{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.article-title{white-space:nowrap;text-overflow:ellipsis;color:#333;flex:1;min-width:0;margin:0;font-size:15px;font-weight:400;text-decoration:none;overflow:hidden}.article-title a{color:inherit;text-decoration:none}.article-title a:hover{text-decoration:underline}.article-summary{color:#555;background-color:#f9f9f9;border-left:3px solid #4caf50;border-radius:0 4px 4px 0;margin-top:10px;padding:10px;font-size:13px;line-height:1.5;display:none}.article-summary.visible{display:block}.settings-section{background-color:#0000;margin:0;padding:0}.settings-group{flex-direction:column;gap:16px;display:flex}.setting-row{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;display:grid}.setting-block{flex-direction:column;gap:8px;display:flex}.settings-group label{color:#555;font-size:14px;font-weight:600}.settings-group input,.settings-group textarea,.settings-group select{box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.settings-group textarea{resize:vertical;min-height:100px;line-height:1.5}.settings-group input:focus,.settings-group textarea:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501f}.settings-actions{gap:10px;margin-top:24px;display:flex}.chat-container{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex}.article-dropdown{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;flex-shrink:0;width:100%;margin-bottom:15px;padding:10px;font-size:14px}.chat-history{box-sizing:border-box;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;flex-direction:column;flex-grow:1;gap:15px;width:100%;padding:15px;display:flex;overflow-y:auto}.chat-message{word-wrap:break-word;border-radius:8px;max-width:90%;padding:12px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.chat-message.user{background-color:#e3f2fd;border-left:4px solid #2196f3;align-self:flex-end}.chat-message.ai{background-color:#fff;border:1px solid #e0e0e0;border-left:4px solid #8bc34a;align-self:flex-start}.summary-content p,.chat-message p{margin-top:0;margin-bottom:10px}.summary-content p:last-child,.chat-message p:last-child{margin-bottom:0}.summary-content pre,.chat-message pre{background-color:#f5f5f5;border-radius:4px;padding:10px;overflow-x:auto}.summary-content code,.chat-message code{background-color:#f5f5f5;border-radius:3px;padding:2px 4px;font-family:monospace}.summary-content pre code,.chat-message pre code{background-color:#0000;padding:0}.summary-content blockquote,.chat-message blockquote{color:#666;border-left:3px solid #ccc;margin:10px 0;padding-left:10px}.chat-input{flex-direction:column;flex-shrink:0;gap:10px;width:100%;margin-top:15px;display:flex}.preset-prompts-container{flex-wrap:wrap;gap:8px;display:flex}.prompt-tag{cursor:pointer;white-space:nowrap;color:#444;background-color:#f0f0f0;border:1px solid #ddd;border-radius:16px;padding:6px 14px;font-size:13px;transition:all .2s}.prompt-tag:hover{background-color:#e4e4e4}.chat-input textarea{box-sizing:border-box;resize:vertical;border:1px solid #ccc;border-radius:6px;width:100%;min-height:60px;padding:12px;font-family:inherit;font-size:14px}.chat-input button{width:100%;height:44px;font-size:16px}button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:6px;padding:8px 16px;font-size:14px}button:hover{background-color:#45a049}button:disabled{cursor:not-allowed;background-color:#ccc}.chat-button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:4px;flex-shrink:0;padding:4px 12px;font-size:12px}.chat-button:hover{background-color:#1976d2}.actions{border-top:1px solid #eee;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}@media (width<=600px){.setting-row{grid-template-columns:1fr;gap:6px}}.hidden{display:none!important}