@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #3b82f6;--color-secondary: #8b5cf6;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-sidebar: #1e293b;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-light: #ffffff;--border-color: #e2e8f0;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius: 8px;--radius-sm: 4px;--radius-lg: 12px}body.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-sidebar: #020617;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-color: #334155}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}.app{display:flex;height:100vh;overflow:hidden;position:relative}.main-content{flex:1;overflow-y:auto;padding:32px;background:var(--bg-secondary)}.hamburger-btn{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:var(--bg-sidebar);border:none;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-lg);padding:0}.hamburger-btn span{width:24px;height:3px;background:var(--text-light);border-radius:2px;transition:all .3s}.hamburger-btn:hover span{background:var(--color-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar{width:280px;background:var(--bg-sidebar);color:var(--text-light);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);z-index:1000}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:20px;font-weight:700;margin-bottom:4px}.sidebar-subtitle{font-size:13px;color:var(--text-tertiary)}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-light);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:6px}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:var(--color-primary);box-shadow:var(--shadow-md)}.nav-item.active.blue{background:#3b82f6}.nav-item.active.green{background:#10b981}.nav-item.active.purple{background:#8b5cf6}.nav-item.active.orange{background:#f59e0b}.sidebar-actions{padding:20px 12px;border-top:1px solid rgba(255,255,255,.1)}.action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:var(--text-light);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:8px}.action-btn:hover{background:#ffffff1a;border-color:#fff3}.export-btn:hover{background:var(--color-success);border-color:var(--color-success)}.sidebar-footer{padding:12px 20px;text-align:center;font-size:11px;color:var(--text-tertiary);border-top:1px solid rgba(255,255,255,.1)}.template-selector{max-width:1200px;margin:0 auto}.template-header{margin-bottom:32px}.template-header h2{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.template-header p{font-size:15px;color:var(--text-secondary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.template-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all .3s;box-shadow:var(--shadow)}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-card-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.template-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--radius);font-size:20px}.template-description{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.template-preview{margin-bottom:16px}.preview-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.template-preview ul{list-style:none}.template-preview li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.template-preview li svg{color:var(--color-success);flex-shrink:0}.more-items{color:var(--text-tertiary);font-style:italic;margin-left:22px}.template-btn{width:100%;padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.template-btn:hover{background:#2563eb;transform:scale(1.02)}.editor{max-width:1000px;margin:0 auto}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.editor-header h2{font-size:28px;font-weight:700;color:var(--text-primary)}.editor-actions{display:flex;gap:12px}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn.folder{background:var(--color-primary);color:#fff}.add-btn.link{background:var(--color-secondary);color:#fff}.add-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.editor-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;min-height:500px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state p{font-size:16px;margin-bottom:8px}.empty-hint{font-size:14px;color:var(--text-tertiary)}.bookmarks-tree{display:flex;flex-direction:column;gap:4px}.folder-item{border-radius:var(--radius);padding:8px;transition:background .2s}.folder-item:hover{background:var(--bg-tertiary)}.folder-header{display:flex;align-items:center;gap:8px;cursor:pointer}.expand-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:all .2s}.expand-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.item-icon{flex-shrink:0;color:var(--text-secondary)}.folder-icon{color:#f59e0b}.link-icon{color:var(--color-primary)}.item-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.item-name.link{color:var(--color-primary);text-decoration:none;cursor:pointer}.item-name.link:hover{text-decoration:underline}.item-url{font-size:12px;color:var(--text-tertiary);margin-left:auto;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.folder-item:hover .item-actions{opacity:1}.action-icon{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.action-icon.delete:hover{background:var(--color-danger);color:#fff}.folder-children{margin-left:24px;margin-top:4px;border-left:2px solid var(--border-color);padding-left:8px}.link-item{padding:8px 12px}.folder-item.editing{background:var(--bg-tertiary);border:2px solid var(--color-primary)}.edit-form{display:flex;flex-direction:column;gap:8px;padding:8px}.edit-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.edit-input:focus{outline:none;border-color:var(--color-primary)}.edit-actions{display:flex;gap:8px}.btn-save,.btn-cancel{padding:6px 16px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:var(--color-success);color:#fff}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.btn-save:hover,.btn-cancel:hover{transform:scale(1.05)}.chat-ia{max-width:800px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.chat-header{margin-bottom:24px}.chat-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.chat-subtitle{font-size:14px;color:var(--text-secondary)}.beta-banner{display:flex;align-items:center;gap:12px;background:#fff3cd;border:1px solid #ffeeba;border-radius:var(--radius);padding:16px;margin-bottom:20px}.dark .beta-banner{background:#332701;border-color:#664d03}.beta-icon{font-size:24px;flex-shrink:0}.beta-content h3{font-size:16px;font-weight:600;color:#856404;margin:0 0 4px}.dark .beta-content h3{color:#ffda6a}.beta-content p{font-size:14px;color:#856404;margin:0}.dark .beta-content p{color:#cdb369}.chat-messages{flex:1;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.message{display:flex;gap:12px;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.assistant .message-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.message.user .message-icon{background:var(--bg-tertiary);color:var(--text-primary)}.message-content{max-width:70%;background:var(--bg-tertiary);padding:12px 16px;border-radius:var(--radius-lg)}.message.user .message-content{background:var(--color-primary);color:#fff}.message-content p{font-size:14px;line-height:1.5;margin:0}.suggestion-box{background:linear-gradient(135deg,#10b98120,#3b82f620);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.suggestion-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--color-success);font-weight:600;font-size:14px}.apply-btn{width:100%;padding:10px 20px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.apply-btn:hover{background:#059669;transform:scale(1.02)}.chat-input-container{display:flex;gap:12px;margin-bottom:16px}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.send-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;min-height:44px}.send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-suggestions{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.suggestions-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.quick-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-buttons button{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s;min-height:40px}.quick-buttons button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.bookmark-list-manager{max-width:1200px;margin:0 auto}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.manager-header h2{font-size:28px;font-weight:700;color:var(--text-primary)}.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.list-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .3s;box-shadow:var(--shadow)}.list-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.list-card.active{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary)05,var(--color-secondary)05);box-shadow:0 0 20px #3b82f626}.list-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px;cursor:pointer;transition:color .2s}.list-header h3:hover{color:var(--color-primary)}.list-header input{width:100%;padding:8px 12px;border:1px solid var(--color-primary);border-radius:var(--radius);font-size:16px;font-weight:600;background:var(--bg-secondary);color:var(--text-primary)}.list-info{margin-bottom:16px}.list-info p{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.list-actions{display:flex;gap:8px;opacity:.7;transition:opacity .2s}.list-card:hover .list-actions{opacity:1}.btn-icon{padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.btn-icon.btn-danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary);grid-column:1 / -1}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:24px}.tutorial-overlay{position:fixed;inset:0;background:#0006;z-index:9998}.tutorial-modal{position:fixed;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;padding:20px;max-width:450px;min-width:380px;z-index:9999;animation:tutorialSlideIn .3s ease-out}.tutorial-modal.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-modal.right{top:20%;left:300px;transform:none}.tutorial-modal.bottom{bottom:120px;left:50%;transform:translate(-50%)}.tutorial-modal.top{top:120px;left:50%;transform:translate(-50%)}.tutorial-modal.left{top:20%;right:50px;transform:none}@keyframes tutorialSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.tutorial-header{margin-bottom:20px}.tutorial-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tutorial-step-counter{font-size:14px;font-weight:600;color:var(--primary)}.tutorial-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius);color:var(--text-secondary);transition:all .2s}.tutorial-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.tutorial-progress-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .3s ease}.tutorial-content{margin-bottom:16px}.tutorial-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.tutorial-description{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-bottom:16px}.tutorial-action{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius);border-left:3px solid var(--primary)}.tutorial-action-icon{color:var(--primary);display:flex;align-items:center}.tutorial-action-text{font-size:13px;font-weight:500;color:var(--text-primary)}.tutorial-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding-top:4px}.tutorial-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:none;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:65px}.tutorial-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-btn-primary{background:#007acc;color:#fff!important;border:none;font-weight:600}.tutorial-btn-primary:hover:not(:disabled){background:#005a99;transform:translateY(-2px)}.tutorial-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.tutorial-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.tutorial-dots{display:flex;gap:6px;align-items:center}.tutorial-dot{width:28px;height:28px;border-radius:50%;border:2px solid #ddd;background:#f5f5f5;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#999}.tutorial-dot.active{border-color:#007acc;background:#007acc;color:#fff!important;transform:scale(1.1);box-shadow:0 2px 8px #007acc4d}.tutorial-dot.completed{border-color:#28a745;background:#28a745;color:#fff!important}.tutorial-dot:hover{transform:scale(1.1)}.tutorial-skip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;text-decoration:underline;opacity:.7}.tutorial-skip:hover{opacity:1}.tutorial-highlight{position:relative;z-index:9997;outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius);animation:tutorialPulse 3s infinite}@keyframes tutorialPulse{0%,to{outline-color:var(--primary);outline-width:2px}50%{outline-color:var(--primary-light);outline-width:3px}}.tutorial-help-button{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:var(--primary);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:1000}.tutorial-help-button:hover{background:var(--primary-dark);transform:scale(1.1)}.tutorial-help-button:active{transform:scale(.95)}@media(max-width:1024px){.tutorial-modal.right,.tutorial-modal.left{top:50%;left:50%;transform:translate(-50%,-50%)}}@media(max-width:768px){.tutorial-modal,.tutorial-modal.center .tutorial-modal.right,.tutorial-modal.left,.tutorial-modal.bottom,.tutorial-modal.top{min-width:90%}.tutorial-navigation{flex-direction:column}.tutorial-dots{order:-1}}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb;transform:scale(1.05)}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-tertiary)}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--bg-primary);border-radius:var(--radius-lg);padding:24px;min-width:400px;box-shadow:var(--shadow-lg)}.dialog h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.dialog input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:var(--bg-secondary);color:var(--text-primary);margin-bottom:20px}.dialog input:focus{outline:none;border-color:var(--color-primary)}.dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.notification{position:fixed;bottom:24px;right:24px;padding:16px 24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{border-left:4px solid var(--color-success);color:var(--color-success)}.notification.error{border-left:4px solid var(--color-danger);color:var(--color-danger)}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;left:-280px;height:100%;transition:left .3s}.sidebar.open{left:0}.main-content{padding:76px 16px 16px}.template-grid{grid-template-columns:1fr}.editor-header{flex-direction:column;align-items:flex-start;gap:16px}.chat-ia{height:calc(100vh - 80px);max-width:100%;padding:0 8px}.chat-header{margin-bottom:16px;text-align:center}.chat-header h2{font-size:24px;line-height:1.2}.chat-subtitle{font-size:13px}.beta-banner{padding:12px;margin-bottom:16px;flex-direction:column;text-align:center;gap:8px}.beta-content h3{font-size:15px}.beta-content p{font-size:13px;line-height:1.4}.chat-messages{padding:16px;margin-bottom:12px;height:auto;min-height:300px;max-height:50vh}.message{gap:8px}.message-icon{width:32px;height:32px;flex-shrink:0}.message-content{max-width:85%;padding:10px 12px}.message-content p{font-size:13px;line-height:1.4}.suggestion-box{padding:12px;margin-bottom:12px}.apply-btn{padding:12px 16px;font-size:15px}.chat-input-container{gap:8px;margin-bottom:12px}.chat-input{padding:14px 16px;font-size:16px;border-radius:var(--radius)}.send-btn{width:52px;height:52px;border-radius:var(--radius);flex-shrink:0}.chat-suggestions{padding:12px}.suggestions-title{font-size:12px;margin-bottom:10px;text-align:center}.quick-buttons{gap:6px}.quick-buttons button{padding:10px 12px;font-size:12px;flex:1;min-width:0;text-align:center}.dialog{min-width:90vw;max-width:90vw;margin:0 16px;padding:20px}.dialog h3,.dialog input{font-size:16px}.dialog-buttons{flex-direction:column;gap:8px}.dialog-buttons button{width:100%}.lists-grid{grid-template-columns:1fr;gap:16px}.list-card{padding:16px}.list-header h3{font-size:16px}.list-actions{opacity:1;justify-content:center;flex-wrap:wrap}.manager-header{flex-direction:column;gap:16px;margin-bottom:24px;text-align:center}.manager-header h2{font-size:24px}}@media(max-width:480px){.chat-ia{padding:0 4px}.chat-header h2{font-size:20px}.chat-messages{padding:12px;min-height:250px;max-height:45vh}.message-content{max-width:90%;padding:8px 10px}.message-content p{font-size:12px}.chat-input{padding:12px 14px}.send-btn{width:48px;height:48px}.quick-buttons{flex-direction:column}.quick-buttons button{padding:12px 16px;font-size:13px}.beta-banner{padding:10px}.beta-content h3{font-size:14px}.beta-content p{font-size:12px}}