:root{--color:#0f172a;--color-muted:#64748b;--color-light:#1e293b;--color-medium:#475569;--bg:#fafaf9;--bg-secondary:#f1f5f9;--bg-elevated:#fff;--bg-warm:#fafaf9;--bg-card:#fff;--border:rgba(15,23,42,.1);--border-hover:rgba(15,23,42,.15);--border-focus:rgba(15,23,42,.3);--border-light:rgba(15,23,42,.05);--shadow-sm:0 1px 3px 0 rgba(15,23,42,.1),0 1px 2px 0 rgba(15,23,42,.06);--shadow-md:0 4px 6px -1px rgba(15,23,42,.1),0 2px 4px -1px rgba(15,23,42,.06);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.1),0 4px 6px -2px rgba(15,23,42,.05);--shadow-xl:0 20px 25px -5px rgba(15,23,42,.1),0 10px 10px -5px rgba(15,23,42,.04);--shadow-2xl:0 25px 50px -12px rgba(15,23,42,.15);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--gradient-primary:linear-gradient(135deg,#fafaf9,#f1f5f9);--gradient-blue:linear-gradient(135deg,#fafaf9,#f1f5f9);--gradient-purple:linear-gradient(135deg,#fafaf9,#f1f5f9);--gradient-pink:linear-gradient(135deg,#fafaf9,#f1f5f9);--blue:#0f172a;--blue-dark:#1e293b;--blue-light:#475569;--blue-glow:rgba(15,23,42,.1);--success:#475569;--error:#0f172a;--warning:#6366f1;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{background:var(--bg);color:var(--color);line-height:1.5;margin:0;padding:0;flex-direction:column}.app-wrapper,body{height:100vh;display:flex;overflow:hidden}.app-wrapper{flex:1 1;flex-direction:column;min-height:0}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;padding-bottom:3.5rem}.app-footer{position:fixed;bottom:0;left:0;right:0;width:100%;padding:1rem;background:var(--bg-elevated);border-top:1px solid var(--border-light);z-index:15;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-footer p{margin:0;font-size:.75rem;color:var(--color);opacity:.45;text-align:center}.app-container.blink-black{animation:blinkBlack .3s ease-in-out}@keyframes blinkBlack{0%,to{background:var(--bg)}50%{background:#0f172a}}.top-url-bar{position:fixed;top:0;left:0;right:0;z-index:30;padding:.875rem 1.5rem;background:hsla(0,0%,100%,.9);border-bottom:1px solid var(--border-light);display:flex;justify-content:center;align-items:center;min-height:64px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-sm)}.navbar-content{width:100%;max-width:1600px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:2rem;gap:2rem}.navbar-center-container,.navbar-left{display:flex;align-items:center}.navbar-center-container{justify-content:center;gap:1rem;margin:0 auto}.top-url-input-wrapper{position:relative;width:100%;max-width:600px;display:flex;align-items:center}.top-url-input{width:100%;background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.9375rem;font-family:inherit;padding:.625rem 4.5rem .625rem 1rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.top-url-input:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.top-url-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.top-url-input::placeholder{color:var(--color);opacity:.4}.top-url-stop-button{position:absolute;right:2.75rem;background:transparent;border:none;color:var(--color-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.65;transition:all .2s ease}.top-url-stop-button:hover{opacity:1;color:var(--color);transform:scale(1.08)}.top-url-stop-button svg{width:18px;height:18px}.top-url-add-button{position:absolute;right:.5rem;background:var(--blue);border:none;color:var(--color);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.9}.top-url-add-button:hover{opacity:1;background:var(--blue-dark);transform:scale(1.08)}.top-url-add-button svg{width:18px;height:18px}.navbar-actions{gap:.5rem}.navbar-actions,.navbar-right{display:flex;align-items:center}.navbar-right{width:40px}.status-button-container{position:relative}.status-button{background:var(--bg);border:1px solid var(--border);color:var(--color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md)}.status-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.status-icon{width:20px;height:20px}.status-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:fadeInDown .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.status-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.status-dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color)}.status-refresh-button{background:transparent;border:none;color:var(--color);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.7}.status-refresh-button:hover:not(:disabled){opacity:1;background:var(--bg-hover)}.status-refresh-button:disabled{opacity:.4;cursor:not-allowed}.status-refresh-button svg{width:18px;height:18px}.status-content{padding:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.status-item:last-child{border-bottom:none}.status-item.status-footer{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-light);font-size:.875rem}.status-label{color:var(--color-muted)}.status-label,.status-value{font-size:.875rem;font-weight:500}.status-value{color:var(--color)}.status-value.status-online{color:#10b981}.status-value.status-error{color:#ef4444}.status-value.status-success{color:#10b981}.status-error-message{margin-top:1rem;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:.875rem;color:#ef4444}.status-error-message strong{display:block;margin-bottom:.25rem}.status-loading{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-muted);font-size:.875rem}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--color);border-radius:50%;animation:spin .8s linear infinite}.user-profile-container{position:relative}.user-profile-button{background:var(--bg);border:1px solid var(--border);color:var(--color);width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md)}.user-profile-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-profile-avatar{width:100%;height:100%}.user-profile-initials{font-size:.875rem;font-weight:600;color:var(--bg);line-height:1}.user-profile-dropdown{top:calc(100% + .5rem);left:0;border-radius:var(--radius-lg);animation:fadeInDown .2s cubic-bezier(.4,0,.2,1)}.user-profile-dropdown-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);gap:1rem}.user-profile-dropdown-avatar{border:2px solid var(--border)}.user-profile-dropdown-initials{font-size:1.125rem;font-weight:600;color:var(--bg);line-height:1}.user-profile-dropdown-info h3{font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.user-profile-dropdown-info h3,.user-profile-dropdown-info p{color:var(--color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-dropdown-info p{font-size:.8125rem;margin:0;opacity:.5}.user-profile-dropdown-content{padding:.5rem}.user-profile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color);font-size:.9375rem;font-family:inherit;text-align:left;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.85;margin:.125rem 0}.user-profile-menu-item:hover{opacity:1;background:var(--bg)}.user-profile-menu-item svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.user-profile-menu-item-danger{opacity:.6}.user-profile-menu-item-danger:hover{opacity:.9;background:rgba(0,0,0,.04)}.user-profile-menu-divider{height:1px;background:var(--border-light);margin:.5rem 0}.wallet-dropdown-container{position:relative}.wallet-icon-button{background:var(--bg);border:1px solid var(--border);color:var(--color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md)}.wallet-icon-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.wallet-icon-button svg{width:20px;height:20px}.wallet-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:360px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:fadeInDown .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.wallet-dropdown-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--color)}.wallet-dropdown-content{padding:.75rem;max-height:500px;overflow-y:auto}.wallet-preference-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-sm);margin:.125rem 0}.wallet-preference-item:hover{background:var(--bg)}.wallet-preference-item-full{flex-direction:column;align-items:flex-start;gap:.75rem}.wallet-preference-label{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.wallet-preference-label span:first-child{font-size:.9375rem;font-weight:500;color:var(--color)}.wallet-preference-desc{font-size:.8125rem;color:var(--color);opacity:.5}.wallet-toggle{position:relative;width:44px;height:24px;background:var(--bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0}.wallet-toggle:hover{border-color:var(--border-hover)}.wallet-toggle.active{background:var(--color);border-color:var(--color)}.wallet-toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateX(0);box-shadow:var(--shadow-sm)}.wallet-toggle.active .wallet-toggle-slider{transform:translateX(20px)}.wallet-timeout-selector{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.wallet-timeout-btn{flex:1 1;min-width:50px;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);color:var(--color);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.7;border-radius:var(--radius-sm)}.wallet-timeout-btn:hover{opacity:1;border-color:var(--border-hover);background:var(--bg-elevated)}.wallet-timeout-btn.active{background:var(--color);color:var(--bg-elevated);border-color:var(--color);opacity:1;box-shadow:var(--shadow-sm)}.security-dropdown-container{position:relative}.security-icon-button{background:var(--bg);border:1px solid var(--border);color:var(--color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md)}.security-icon-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.security-icon-button svg{width:20px;height:20px}.security-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:360px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:fadeInDown .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.security-dropdown-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.security-dropdown-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--color)}.security-dropdown-content{padding:.75rem;max-height:500px;overflow-y:auto}.security-preference-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-sm);margin:.125rem 0}.security-preference-item:hover{background:var(--bg)}.security-preference-item-full{flex-direction:column;align-items:flex-start;gap:.75rem}.security-preference-label{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.security-preference-label span:first-child{font-size:.9375rem;font-weight:500;color:var(--color)}.security-preference-desc{font-size:.8125rem;color:var(--color);opacity:.5}.security-toggle{position:relative;width:44px;height:24px;background:var(--bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0}.security-toggle:hover{border-color:var(--border-hover)}.security-toggle.active{background:var(--color);border-color:var(--color)}.security-toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateX(0);box-shadow:var(--shadow-sm)}.security-toggle.active .security-toggle-slider{transform:translateX(20px)}.security-timeout-selector{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.security-timeout-btn{flex:1 1;min-width:50px;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);color:var(--color);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.7;border-radius:var(--radius-sm)}.security-timeout-btn:hover{opacity:1;border-color:var(--border-hover);background:var(--bg-elevated)}.security-timeout-btn.active{background:var(--color);color:var(--bg-elevated);border-color:var(--color);opacity:1;box-shadow:var(--shadow-sm)}.wallet-dropdown-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.wallet-quick-action-btn{background:transparent;border:1px solid var(--border);color:var(--color);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.7}.wallet-quick-action-btn:hover{opacity:1;background:var(--bg);border-color:var(--border-hover)}.wallet-quick-action-btn svg{width:16px;height:16px}.wallet-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 .75rem}.wallet-tab{flex:1 1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.6}.wallet-tab:hover{opacity:.8}.wallet-tab.active{opacity:1;border-bottom-color:var(--color);font-weight:500}.wallet-website-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.wallet-empty-state{padding:2rem 1rem;text-align:center}.wallet-empty-state p{font-size:.9375rem;color:var(--color);margin:0 0 .5rem;opacity:.7}.wallet-empty-desc{font-size:.8125rem;color:var(--color);opacity:.5}.wallet-website-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-radius:var(--radius-sm);transition:all .15s cubic-bezier(.4,0,.2,1);gap:1rem}.wallet-website-item:hover{background:var(--bg)}.wallet-website-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.wallet-website-hostname{font-size:.9375rem;font-weight:500}.wallet-website-hostname,.wallet-website-url{color:var(--color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-website-url{font-size:.8125rem;opacity:.5}.wallet-website-actions{display:flex;gap:.5rem;flex-shrink:0}.wallet-action-btn{background:transparent;border:1px solid var(--border);color:var(--color);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.7}.wallet-action-btn:hover{opacity:1;background:var(--bg);border-color:var(--border-hover)}.wallet-action-btn svg{width:14px;height:14px}.wallet-action-btn-allow{border-color:rgba(0,128,0,.3);color:rgba(0,128,0,.8)}.wallet-action-btn-allow:hover{background:rgba(0,128,0,.05);border-color:rgba(0,128,0,.5)}.wallet-action-btn-block{border-color:rgba(255,0,0,.3);color:rgba(255,0,0,.8)}.wallet-action-btn-block:hover{background:rgba(255,0,0,.05);border-color:rgba(255,0,0,.5)}.wallet-action-btn-remove:hover{background:var(--bg)}.history-dropdown-container{position:relative}.history-icon-button{background:var(--bg);border:1px solid var(--border);color:var(--color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md)}.history-icon-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.history-icon-button svg{width:20px;height:20px}.history-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:400px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:fadeInDown .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.history-dropdown-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.history-dropdown-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--color)}.history-clear-button{background:transparent;border:1px solid var(--border);color:var(--color);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.7}.history-clear-button:hover{opacity:1;background:var(--bg);border-color:var(--border-hover)}.history-clear-button svg{width:16px;height:16px}.history-dropdown-content{padding:.5rem;max-height:500px;overflow-y:auto}.history-empty-state{padding:2rem 1rem;text-align:center}.history-empty-state p{font-size:.9375rem;color:var(--color);margin:0 0 .5rem;opacity:.7}.history-empty-desc{font-size:.8125rem;color:var(--color);opacity:.5}.history-list{display:flex;flex-direction:column;gap:.25rem}.history-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;opacity:.85}.history-item.active,.history-item:hover{background:var(--bg);opacity:1}.history-item.active{border:1px solid var(--border)}.history-item-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.6}.history-item-icon svg{width:18px;height:18px}.history-item.active .history-item-icon{opacity:1}.history-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.history-item-hostname{font-size:.9375rem;font-weight:500}.history-item-hostname,.history-item-url{color:var(--color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-url{font-size:.8125rem;opacity:.5}.history-item-time{font-size:.75rem;color:var(--color);opacity:.4;white-space:nowrap;flex-shrink:0}.browser-panel-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.browser-panel-background .browser-panel{pointer-events:auto}.browser-panel-background .browser-controls{display:none}.browser-panel{width:100%;height:100%;display:flex;flex-direction:column;min-width:0;transition:width .3s ease}.browser-panel.collapsed{width:0;min-width:0;overflow:hidden;border-right:none}.browser-controls{align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.browser-nav{display:flex;gap:.25rem}.nav-button{background:transparent;border:none;color:var(--color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;padding:0;opacity:.6}.nav-button:hover:not(:disabled){opacity:1}.nav-button:disabled{opacity:.2;cursor:not-allowed}.nav-button svg{width:18px;height:18px}.url-input{width:100%;background:transparent;border:1px solid var(--border);color:var(--color);font-size:.875rem;font-family:inherit;padding:.5rem .75rem;outline:none;transition:border-color .2s ease}.url-input:focus{border-color:var(--color)}.browser-content{overflow:auto;background:var(--bg)}.browser-content iframe{width:100%;height:100%;border:none}.browser-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color);opacity:.3;font-size:.9rem}.browser-content .web-content{padding:2rem;max-width:1200px;margin:0 auto}.browser-content .web-content img{max-width:100%;height:auto}.browser-content .web-content a{color:var(--color);text-decoration:underline;text-decoration-thickness:1px}.chat-center-wrapper{z-index:10;justify-content:center;align-items:center;height:100vh;max-width:calc(100% - 400px);padding:5rem 2rem 4.5rem}.chat-center-wrapper,.chat-panel{position:relative;display:flex;width:100%;margin:0 auto}.chat-panel{max-width:800px;flex-direction:column;border:none;border-radius:0;background:transparent;transition:all .3s ease;min-width:0;height:auto;max-height:calc(100vh - 10rem)}.clear-messages-button{position:absolute;top:1rem;right:1rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.5;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:11;border-radius:var(--radius-md)}.clear-messages-button:hover{opacity:1;background:var(--bg);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.clear-messages-button svg{width:14px;height:14px}.chat-panel.collapsed{width:0;min-width:0;overflow:hidden;border:none}.chat-container{flex:1 1;overflow-y:auto;width:100%;padding:0;display:flex;flex-direction:column;justify-content:flex-start;scroll-behavior:smooth;position:relative;max-height:calc(100vh - 10rem)}.centered-input-container{display:flex;align-items:center;justify-content:center;flex:1 1;width:100%;min-height:60vh;padding:4rem 2rem}.centered-input-wrapper{width:100%;max-width:640px;position:relative}.centered-input-container .chat-input-form{width:100%;max-width:100%;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1.5px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.centered-input-container .chat-input-form:focus-within{border-bottom-color:var(--border-focus);border-bottom-width:2px}.centered-input-container .message-input{border:none;padding:.75rem 0;border-radius:0;font-size:1.25rem;font-weight:400;background:transparent;width:100%;cursor:text;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.015em;line-height:1.5}.centered-input-container .message-input:focus{outline:none}.centered-input-container .message-input::placeholder{text-align:left;opacity:.35;font-weight:400}.centered-input-container .send-button{width:36px;height:36px;background:transparent;color:var(--color-muted);opacity:.7;flex-shrink:0;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.centered-input-container .send-button:hover:not(:disabled){opacity:1;color:var(--color);transform:translateY(-1px)}.centered-input-container .send-button:disabled{opacity:.2}.chat-input-container-inline{width:100%;padding-top:3rem;margin-top:auto;flex-shrink:0;border-top:1px solid var(--border-light)}.chat-input-container-inline .chat-input-form{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input-container-inline .chat-input-form:focus-within{border-bottom-color:var(--border-focus);border-bottom-width:2px}.chat-container::-webkit-scrollbar{width:1px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:var(--color);opacity:.2}.messages{display:flex;flex-direction:column;gap:3rem;width:100%;flex:0 1 auto;min-height:0;padding:3rem 0 2rem}.message{animation:fadeIn .3s ease-out;width:100%}.message.user{justify-content:flex-end}.message-text{color:var(--color);line-height:1.8;word-wrap:break-word;max-width:90%;font-size:1rem;font-weight:400;letter-spacing:-.01em}.message.user .message-text{text-align:right}.message-text p{margin:0}.message-text code{background:transparent;padding:0;font-family:Monaco,Menlo,monospace;font-size:.9em;border-bottom:1px solid var(--color)}.message-text pre{background:transparent;padding:0;border:none;overflow-x:auto;margin:.5rem 0}.message-text pre code{border:none}.message-text a{color:var(--color-muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.message-text a:hover{color:var(--color)}.message-text ol,.message-text ul{margin-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.message-text li{margin-bottom:.25rem}.typing-indicator{width:100%;padding:0 1.5rem}.typing-dots{display:flex;gap:.5rem;padding:0}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--color);opacity:.4;animation:typingDot 1.4s ease-in-out infinite}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.chat-input-container{width:100%;padding:1.5rem 1.5rem 2rem;border-top:1px solid var(--border);flex-shrink:0}.chat-input-form{display:flex;align-items:flex-end;gap:1rem;padding-top:1rem}.message-input{flex:1 1;background:transparent;border:none;color:var(--color);font-size:.9rem;font-family:inherit;resize:none;max-height:150px;overflow-y:auto;padding:0;line-height:1.6;outline:none}.chat-input-container-inline .message-input{border:none;padding:.75rem 0;border-radius:0;font-size:1rem;font-weight:400;background:transparent;outline:none;letter-spacing:-.011em;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-input-container-inline .message-input:focus{outline:none}.chat-input-container-inline .message-input::placeholder{opacity:.35}.chat-input-container-inline .send-button{width:32px;height:32px;opacity:.5;flex-shrink:0;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-input-container-inline .send-button:hover:not(:disabled){opacity:1;background:var(--bg);transform:translateY(-1px)}.chat-input-container-inline{position:relative}.tab-suggestions-dropdown{left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-height:400px;overflow-y:auto;animation:fadeInUp .2s cubic-bezier(.4,0,.2,1)}.tab-suggestions-dropdown,.tab-suggestions-dropdown.inline{position:absolute;bottom:calc(100% + .5rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-suggestions-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);font-size:.8125rem;font-weight:500;color:var(--color);opacity:.7}.tab-suggestions-list{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.tab-suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;opacity:.85}.tab-suggestion-item:hover{background:var(--bg);opacity:1}.tab-suggestion-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.6}.tab-suggestion-icon svg{width:18px;height:18px}.tab-suggestion-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.tab-suggestion-title{font-size:.9375rem;font-weight:500}.tab-suggestion-title,.tab-suggestion-url{color:var(--color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-suggestion-url{font-size:.8125rem;opacity:.5}.message-related-tabs{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.related-tabs-header{font-size:.8125rem;font-weight:500;color:var(--color);opacity:.7;margin-bottom:.75rem}.related-tabs-list{display:flex;flex-direction:column;gap:.5rem}.related-tab-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.related-tab-item:hover{background:var(--bg-warm);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateX(2px)}.related-tab-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.7}.related-tab-icon svg{width:18px;height:18px}.related-tab-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.related-tab-title{font-size:.9375rem;font-weight:500}.related-tab-title,.related-tab-url{color:var(--color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-tab-url{font-size:.8125rem;opacity:.5}.related-tab-arrow{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.5}.related-tab-arrow svg{width:16px;height:16px}.related-tab-item:hover .related-tab-arrow{opacity:1;transform:translateX(2px)}.message-extracted-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.extracted-content-header{font-size:.8125rem;font-weight:500;color:var(--color);opacity:.7;margin-bottom:.75rem}.extracted-content-list{display:flex;flex-direction:column;gap:1rem}.extracted-content-item{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.extracted-content-item:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.extracted-content-header-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.extracted-content-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.6;margin-top:2px}.extracted-content-icon svg{width:18px;height:18px}.extracted-content-title-section{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.extracted-content-title{font-size:.9375rem;font-weight:600;margin:0}.extracted-content-hostname,.extracted-content-title{color:var(--color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extracted-content-hostname{font-size:.8125rem;opacity:.5}.extracted-content-navigate-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);opacity:.7}.extracted-content-navigate-btn:hover{opacity:1;background:var(--bg-warm);border-color:var(--border-hover);transform:translateX(2px)}.extracted-content-navigate-btn svg{width:16px;height:16px}.extracted-content-text{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.extracted-content-text p{font-size:.875rem;line-height:1.6;color:var(--color);opacity:.8;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extracted-content-error{margin-top:.75rem;padding:.5rem;background:rgba(255,0,0,.05);border:1px solid rgba(255,0,0,.2);border-radius:var(--radius-sm);font-size:.8125rem;color:rgba(255,0,0,.8)}.tab-mode-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-warm);border-bottom:1px solid var(--border-light);margin:-2rem -2rem 1rem}.tab-mode-info{display:flex;align-items:center;gap:.75rem;flex:1 1;min-width:0}.tab-mode-icon{width:20px;height:20px;flex-shrink:0;opacity:.6;color:var(--color-muted)}.tab-mode-icon svg{width:18px;height:18px}.tab-mode-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1}.tab-mode-title{font-size:.875rem;font-weight:500;color:var(--color)}.tab-mode-title,.tab-mode-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-mode-url{font-size:.75rem;color:var(--color-muted)}.tab-mode-exit{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;opacity:.7;transition:all .2s ease;color:var(--color-muted)}.tab-mode-exit:hover{opacity:1;border-color:var(--border-hover);color:var(--color)}.tab-mode-exit svg{width:14px;height:14px}.tab-selector-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-warm);border-bottom:1px solid var(--border-light);margin:-2rem -2rem 1rem;flex-wrap:wrap}.tab-selector-label{font-size:.8125rem;color:var(--color-muted);font-weight:500;white-space:nowrap}.tab-selector-list{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1 1}.tab-selector-item{padding:.375rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tab-selector-item:hover{border-color:var(--border-hover);color:var(--color);background:var(--bg-warm)}.tab-selector-item.active{border-color:var(--blue);background:rgba(59,130,246,.05);color:var(--blue)}.tab-selector-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input::placeholder{color:var(--color);opacity:.3}.message-input::-webkit-scrollbar{width:1px}.send-button{color:var(--color-muted);width:28px;height:28px;transition:all .2s ease;padding:0;opacity:.7}.send-button:hover:not(:disabled){color:var(--color)}.send-button:disabled{opacity:.2}.send-button svg{width:18px;height:18px}.message-text h1,.message-text h2,.message-text h3{margin-top:1rem;margin-bottom:.5rem;font-weight:400}.message-text h1{font-size:1.5rem}.message-text h2{font-size:1.25rem}.message-text h3{font-size:1.1rem}.message-text blockquote{border-left:1px solid var(--color);padding-left:1rem;margin:1rem 0;opacity:.6;font-style:italic}.message-text table{width:100%;border-collapse:collapse;margin:1rem 0}.message-text table td,.message-text table th{border-width:1px;border-left:0 solid var(--color);border-bottom:1px solid var(--color);border-right:0 solid var(--color);border-top:1px solid var(--color);padding:.5rem;text-align:left}.message-text table th{font-weight:400}.message-text hr{border:none;border-top:1px solid var(--color);margin:1.5rem 0;opacity:.2}.hljs{background:transparent!important;padding:0!important;color:var(--color)!important}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:var(--color)!important;opacity:1!important}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:var(--color)!important;opacity:.8!important}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:var(--color)!important;opacity:.5!important}.progress-panel-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:26;background:var(--bg-elevated);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);width:40px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8;box-shadow:-2px 0 8px rgba(0,0,0,.06)}.progress-panel-toggle:hover{opacity:1;background:var(--bg-elevated);box-shadow:-4px 0 12px rgba(0,0,0,.1);transform:translateY(-50%) translateX(-2px)}.progress-panel-toggle.open{right:380px}.progress-panel-toggle.open svg{transform:rotate(180deg)}.progress-panel-toggle svg{width:20px;height:20px;transition:transform .3s ease}.progress-panel{width:380px;display:flex!important;flex-direction:column;border-left:1px solid var(--border-light);height:calc(100vh - 60px);position:fixed!important;right:0!important;top:0!important;background:var(--bg-elevated);z-index:30!important;overflow-y:auto;overflow-x:hidden;margin-bottom:60px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 12px rgba(0,0,0,.04)}.progress-panel.closed{transform:translateX(100%);visibility:hidden}.progress-panel.open{transform:translateX(0)!important;visibility:visible!important;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.progress-header{padding:1.5rem;border-bottom:1px solid var(--border)}.progress-header h2{font-size:1rem;font-weight:400;margin:0}.progress-content{flex:1 1;overflow-y:auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.progress-content::-webkit-scrollbar{width:1px}.progress-content::-webkit-scrollbar-thumb{background:var(--color);opacity:.2}.progress-logo-container{padding:2rem 0}.progress-logo-circle,.progress-logo-container{display:flex;justify-content:center;align-items:center}.progress-logo-circle{width:80px;height:80px;border-radius:50%;border:2px solid var(--border);position:relative;transition:all .3s ease}.progress-logo-circle.active{border-color:var(--color);animation:pulse 2s infinite}.progress-logo-circle.completed{border-color:var(--color);background:var(--color)}.progress-logo-circle.completed .progress-logo{color:var(--bg)}.progress-logo{width:40px;height:40px;color:var(--color);transition:color .3s ease}.progress-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--color);animation:ripple 2s infinite;opacity:.6}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.progress-steps{display:flex;flex-direction:column;gap:1.5rem}.progress-step{display:flex;gap:1rem;align-items:flex-start}.progress-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.progress-step-circle{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.progress-step.completed .progress-step-circle{border-color:var(--color);background:var(--color)}.progress-step.completed .progress-step-circle svg{width:14px;height:14px;color:var(--bg)}.progress-step.active .progress-step-circle{border-color:var(--color);border-width:2px}.progress-step-active-dot{width:8px;height:8px;border-radius:50%;background:var(--color);animation:pulse 1.5s infinite}.progress-step-line{width:1px;flex:1 1;background:var(--border);min-height:40px;margin-top:.5rem;transition:background .3s ease}.progress-step-line.completed{background:var(--color)}.progress-step-content{flex:1 1;padding-top:.25rem}.progress-step-title{font-size:.9rem;line-height:1.5;margin-bottom:.25rem}.progress-step-url{font-size:.75rem;opacity:.6;margin-bottom:.25rem;word-break:break-all}.progress-step-time{font-size:.7rem;opacity:.4}.progress-footer{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border)}.open-final-website-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.open-final-website-button:hover{background:var(--color);color:var(--bg-elevated);border-color:var(--color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.open-final-website-button svg{width:18px;height:18px}.progress-panel-footer{margin-top:auto;padding:1.5rem;border-top:1px solid var(--border);flex-shrink:0}.progress-panel-footer p{margin:0;font-size:.75rem;color:var(--color);opacity:.4;text-align:center;text-transform:lowercase}@media (max-width:1024px){.top-url-bar{padding:.75rem 1rem;min-height:60px}.navbar-content{gap:1rem;grid-template-columns:auto 1fr auto}.navbar-center-container{gap:.75rem}.top-url-input-wrapper{max-width:100%}.history-dropdown,.security-dropdown,.wallet-dropdown{width:320px;right:-.5rem}.user-profile-dropdown{width:260px}.chat-center-wrapper{max-width:100%;padding:4.5rem 1rem 1rem}.chat-panel{max-width:100%;max-height:85vh}.progress-panel{width:300px}}@media (max-width:768px){.top-url-bar{padding:.625rem .75rem;min-height:56px}.navbar-content{gap:.75rem;grid-template-columns:auto 1fr auto}.navbar-center-container{gap:.5rem;max-width:100%}.top-url-input-wrapper{max-width:100%}.top-url-input{font-size:.875rem;padding:.625rem 4rem .625rem .875rem}.top-url-add-button,.top-url-stop-button{width:24px;height:24px}.top-url-stop-button{right:2.25rem}.top-url-add-button svg,.top-url-stop-button svg{width:16px;height:16px}.user-profile-button{width:36px;height:36px}.user-profile-initials{font-size:.8125rem}.user-profile-dropdown{width:calc(100vw - 1.5rem);left:-1rem;max-width:280px}.wallet-icon-button{width:36px;height:36px}.wallet-icon-button svg{width:18px;height:18px}.history-dropdown,.security-dropdown,.wallet-dropdown{width:calc(100vw - 1.5rem);right:-1rem;max-width:320px}.security-preference-item,.wallet-preference-item{padding:.75rem}.wallet-website-item{padding:.75rem;flex-wrap:wrap}.wallet-website-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.navbar-right{width:36px}.chat-center-wrapper{max-width:100%;padding:4rem 1rem 1rem}.progress-panel{width:100%;right:0}.chat-container{padding:1.5rem 1rem}.chat-input-container{padding:1rem 1rem 1.5rem}.message-text{max-width:90%;font-size:.85rem}.messages{gap:1.5rem}.browser-controls{padding:.5rem .75rem}.url-input{font-size:.8rem;padding:.4rem .5rem}}.video-feed-container{min-height:100vh;background:var(--bg-warm);padding-top:140px}.video-feed-main{max-width:100%;padding:var(--spacing-lg) var(--spacing-md)}.header-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-elevated);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.header-nav-container{max-width:100%;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg)}.header-nav-logo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:1.25rem;font-weight:700;color:var(--color);text-decoration:none;flex-shrink:0}.header-nav-logo-main{display:flex;align-items:center;gap:var(--spacing-sm)}.header-nav-logo svg{width:32px;height:32px;color:var(--red)}.header-nav-beta{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:rgba(51,65,85,.85);color:var(--color-muted);border:1px solid rgba(148,163,184,.6)}.header-nav-search{flex:1 1;max-width:600px;margin:0 auto}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-warm);border:1px solid var(--border);border-radius:0;padding:0 var(--spacing-md);transition:all .2s ease}.search-input-wrapper.focused{border-color:var(--blue);box-shadow:0 0 0 3px rgba(6,95,212,.1)}.search-input{flex:1 1;border:none;background:transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;color:var(--color);outline:none;font-family:inherit}.search-input::placeholder{color:var(--color-muted)}.search-button{background:transparent;border:none;padding:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-muted);transition:color .2s ease}.search-button:hover{color:var(--color)}.search-button svg{width:20px;height:20px}.header-nav-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.header-nav-icon-btn{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-full);color:var(--color);transition:background .2s ease}.header-nav-icon-btn:hover{background:var(--bg-warm)}.header-nav-icon-btn svg{width:24px;height:24px}.header-nav-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--blue);color:var(--color);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.875rem}.header-nav-categories{border-top:1px solid var(--border-light);background:var(--bg-elevated);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-nav-categories::-webkit-scrollbar{display:none}.categories-container{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap}.category-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-warm);border:1px solid var(--border);border-radius:0;font-size:.875rem;font-weight:500;color:var(--color);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.category-btn:hover{background:var(--border-light);border-color:var(--border-hover)}.category-btn.active{background:var(--color);color:var(--bg-elevated);border-color:var(--color)}.feed-grid{width:100%;max-width:100%}.feed-grid-container{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:start}.feed-grid-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.feed-grid-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--color);border-radius:50%;animation:spin .8s linear infinite}.feed-grid-loading-sentinel{height:100px;width:100%}.video-pin-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);break-inside:avoid;page-break-inside:avoid}.video-pin-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-pin-thumbnail-wrapper{position:relative;width:100%;padding-top:56.25%;background:var(--bg-warm);overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.video-pin-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-pin-card:hover .video-pin-thumbnail{transform:scale(1.05)}.video-pin-duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:rgba(0,0,0,.8);color:var(--color);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-pin-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-sm);opacity:0;transition:all .2s ease}.video-pin-card:hover .video-pin-overlay{opacity:1;background:rgba(0,0,0,.2)}.video-pin-save-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-elevated);border:none;color:var(--color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-md)}.video-pin-save-btn:hover{transform:scale(1.1)}.video-pin-save-btn.saved,.video-pin-save-btn:hover{background:var(--pinterest-red);color:var(--color)}.video-pin-save-btn svg{width:20px;height:20px}.video-pin-info{padding:var(--spacing-md)}.video-pin-title{font-size:.9375rem;font-weight:500;color:var(--color);margin:0 0 var(--spacing-xs) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em}.video-pin-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-muted);margin-bottom:var(--spacing-sm)}.video-pin-channel{font-weight:500}.video-pin-separator{opacity:.5}.video-pin-views{font-weight:400}.video-pin-stats{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-muted);margin-top:var(--spacing-xs)}.video-pin-stats svg{width:16px;height:16px;color:var(--pinterest-red)}@media (max-width:1280px){.feed-grid-container{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:1024px){.feed-grid-container{grid-template-columns:repeat(3,1fr)!important}.header-nav-container{padding:var(--spacing-sm) var(--spacing-md)}.header-nav-search{max-width:400px}}@media (max-width:768px){.video-feed-container{padding-top:120px}.feed-grid-container{grid-template-columns:repeat(2,1fr)!important}.header-nav-container{flex-wrap:wrap;gap:var(--spacing-sm)}.header-nav-search{order:3;width:100%;max-width:100%}.header-nav-logo{font-size:1rem}.header-nav-logo svg{width:24px;height:24px}.categories-container{padding:var(--spacing-xs) var(--spacing-md)}.category-btn{font-size:.8125rem;padding:6px var(--spacing-sm)}}@media (max-width:480px){.feed-grid-container{grid-template-columns:1fr!important}.video-feed-main{padding:var(--spacing-md) var(--spacing-sm)}.feed-grid-column{gap:var(--spacing-sm)}}.unified-workspace{min-height:100vh;background:var(--bg-warm);display:flex;flex-direction:column}.workspace-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-elevated);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.workspace-header-content{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.workspace-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--color)}.workspace-logo svg{width:32px;height:32px;color:var(--blue)}.workspace-nav{display:flex;gap:var(--spacing-xs)}.workspace-nav-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:0;font-size:.9375rem;font-weight:500;color:var(--color-muted);cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative}.workspace-nav-btn:hover{color:var(--color);background:var(--bg-warm)}.workspace-nav-btn.active{color:var(--color)}.workspace-nav-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.workspace-main{flex:1 1;max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-lg)}.service-grid-container,.workspace-services-view{width:100%}.service-section{margin-bottom:var(--spacing-xl)}.service-section-title{font-size:1.25rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-md) 0}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.service-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.service-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card.connected{border-left:3px solid var(--service-color,var(--blue))}.service-card.disconnected{opacity:.7}.service-card-header{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.service-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0}.service-icon svg{width:24px;height:24px}.service-unread-badge{position:absolute;top:-4px;right:-4px;background:var(--pinterest-red);color:var(--color);font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.service-connect-indicator{width:20px;height:20px;color:var(--color-muted);display:flex;align-items:center;justify-content:center}.service-connect-indicator svg{width:16px;height:16px}.service-card-content{flex:1 1}.service-name{font-size:1rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-xs) 0}.service-description{font-size:.8125rem;color:var(--color-muted);margin:0 0 var(--spacing-xs) 0;line-height:1.4}.service-last-used{font-size:.75rem;color:var(--color-light)}.service-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.service-status-connected{font-size:.75rem;color:#10b981;font-weight:500}.unified-chat{display:flex;flex-direction:column;height:calc(100vh - 120px);max-height:900px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.unified-chat-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.selected-service-info{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-warm)}.selected-service-icon,.selected-service-info{display:flex;align-items:center;border-radius:var(--radius-sm)}.selected-service-icon{width:24px;height:24px;justify-content:center;color:var(--color)}.selected-service-icon svg{width:14px;height:14px}.selected-service-name{font-size:.875rem;font-weight:500;color:var(--color)}.service-selector{position:relative}.service-selector-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-warm);border:1px solid var(--border);border-radius:0;cursor:pointer;transition:all .2s ease;font-family:inherit}.service-selector-button:hover{background:var(--border-light);border-color:var(--border-hover)}.service-selector-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0}.service-selector-icon svg{width:14px;height:14px}.service-selector-icon.service-selector-icon-all{background:var(--color-muted);color:var(--color)}.service-selector-icon.service-selector-icon-all svg{width:16px;height:16px}.service-selector-name{font-size:.875rem;font-weight:500;color:var(--color)}.service-selector-arrow{width:16px;height:16px;color:var(--color-muted);transition:transform .2s ease;margin-left:var(--spacing-xs)}.service-selector-arrow.open{transform:rotate(180deg)}.service-selector-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;min-width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow-y:auto;animation:fadeInDown .2s ease}.service-selector-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;font-size:.875rem;color:var(--color)}.service-selector-item:hover{background:var(--bg-warm)}.service-selector-item.active{background:var(--bg-warm);font-weight:500}.service-selector-item-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0}.service-selector-item-icon svg{width:14px;height:14px}.service-selector-unread{margin-left:auto;background:var(--pinterest-red);color:var(--color);font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.unified-chat-messages{flex:1 1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-empty-state{padding:var(--spacing-xl);color:var(--color-muted)}.chat-empty-icon{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.3}.chat-empty-icon svg{width:100%;height:100%}.chat-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-sm) 0}.chat-empty-state p{font-size:.9375rem;color:var(--color-muted);margin:0;max-width:400px}.chat-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);animation:fadeIn .3s ease}.chat-message-user{flex-direction:row-reverse}.chat-message-system{justify-content:center}.chat-message-service-badge{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0}.chat-message-service-badge svg{width:16px;height:16px}.chat-message-content{flex:1 1;max-width:70%}.chat-message-user .chat-message-content{display:flex;align-items:flex-end;flex-direction:column}.chat-message-text{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-warm);border-radius:var(--radius-md);font-size:.9375rem;line-height:1.5;color:var(--color);word-wrap:break-word}.chat-message-user .chat-message-text{background:var(--blue);color:var(--color)}.chat-message-system .chat-message-text{background:transparent;color:var(--color-muted);font-size:.8125rem;padding:0}.chat-message-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.chat-message-user .chat-message-actions{justify-content:flex-end}.chat-action-button{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color);cursor:pointer;transition:all .15s ease;font-family:inherit}.chat-action-button:hover{background:var(--bg-warm);border-color:var(--border-hover)}.typing-indicator{padding:var(--spacing-sm) var(--spacing-md)}.typing-indicator span{animation:typingDot 1.4s ease-in-out infinite}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.unified-chat-input-container{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);flex-shrink:0}.unified-chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm);background:var(--bg-warm);border:1px solid var(--border);border-radius:0;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.unified-chat-input-wrapper:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(6,95,212,.1)}.unified-chat-input{flex:1 1;border:none;background:transparent;font-size:.9375rem;font-family:inherit;color:var(--color);resize:none;outline:none;min-height:24px;max-height:120px;line-height:1.5}.unified-chat-input::placeholder{color:var(--color-muted)}.unified-chat-send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--blue);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;flex-shrink:0}.unified-chat-send-button:hover:not(:disabled){background:var(--bg-elevated)}.unified-chat-send-button:disabled{opacity:.3;cursor:not-allowed}.unified-chat-send-button svg{width:18px;height:18px}@media (max-width:768px){.workspace-header-content{padding:var(--spacing-sm) var(--spacing-md)}.workspace-logo{font-size:1.25rem}.workspace-logo svg{width:24px;height:24px}.workspace-main{padding:var(--spacing-md)}.service-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}.unified-chat{height:calc(100vh - 100px)}.chat-message-content{max-width:85%}.service-selector-dropdown{min-width:200px}}.workflow-workspace{min-height:100vh;background:var(--bg-warm);display:flex;flex-direction:column}.workflow-workspace-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.workflow-workspace-header-content{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-lg)}.workflow-workspace-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.workflow-workspace-logo svg{width:32px;height:32px;color:var(--blue)}.workflow-workspace-logo h1{font-size:1.75rem;font-weight:700;color:var(--color);margin:0}.workflow-workspace-subtitle{font-size:1rem;color:var(--color-muted);margin-top:var(--spacing-xs)}.workflow-workspace-main{flex:1 1;max-width:1200px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.workflow-command,.workflow-command-section{width:100%}.social-workflow-header .workflow-command-input-wrapper{background:var(--bg-warm);border:1px solid var(--border)}.workflow-command-form{width:100%}.workflow-command-input-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.workflow-command-input-wrapper:focus-within{border-color:var(--color);box-shadow:0 0 0 4px rgba(0,0,0,.05),var(--shadow-lg);transform:translateY(-1px)}.workflow-command-input{flex:1 1;border:none;background:transparent;font-size:1rem;font-family:inherit;color:var(--color);resize:none;outline:none;min-height:24px;max-height:200px;line-height:1.6}.workflow-command-input::placeholder{color:var(--color-muted);opacity:.6}.workflow-command-submit{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color);border:none;border-radius:var(--radius-md);color:var(--color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.workflow-command-submit:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,.2);background:var(--blue-dark)}.workflow-command-submit:active:not(:disabled){transform:scale(.95)}.workflow-command-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-small,.workflow-command-submit svg{width:20px;height:20px}.spinner-small{border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.workflow-examples{margin-top:var(--spacing-lg)}.workflow-examples-label{font-size:.875rem;font-weight:500;color:var(--color-muted);margin-bottom:var(--spacing-sm)}.workflow-examples-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workflow-example{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:0;text-align:left;font-size:.875rem;color:var(--color);cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1.5}.workflow-example:hover{background:var(--bg-warm);border-color:var(--border-hover);transform:translateX(4px)}.workflow-progress-section{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.workflow-empty-state{text-align:center;padding:var(--spacing-xl) * 2;color:var(--color-muted)}.workflow-empty-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);opacity:.3}.workflow-empty-icon svg{width:100%;height:100%}.workflow-empty-state h2{font-size:1.5rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-sm) 0}.workflow-empty-state p{font-size:1rem;color:var(--color-muted);max-width:500px;margin:0 auto}.workflow-progress{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);animation:fadeIn .3s ease}.workflow-progress-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.workflow-progress-command{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.workflow-progress-label{font-size:.8125rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.workflow-progress-command-text{font-size:1rem;font-weight:500;color:var(--color);line-height:1.5}.workflow-progress-status{flex-shrink:0}.workflow-status-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem;letter-spacing:.5px}.workflow-status-running{background:rgba(59,130,246,.1);color:var(--blue)}.workflow-status-completed{background:rgba(16,185,129,.1);color:#10b981}.workflow-status-failed{background:rgba(239,68,68,.1);color:#ef4444}.workflow-step-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.workflow-step-icon{width:48px;height:48px;border-radius:var(--radius-md);color:var(--color);position:relative;z-index:1}.workflow-step-icon svg{width:24px;height:24px}.workflow-step-line{width:2px;flex:1 1;min-height:40px;background:var(--border);margin:var(--spacing-xs) 0;transition:background .3s ease}.workflow-step-line-completed{background:var(--blue)}.workflow-step-content{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.workflow-step-running .workflow-step-content{border-color:var(--blue);box-shadow:0 0 0 3px rgba(6,95,212,.1)}.workflow-step-completed .workflow-step-content{border-color:#10b981;background:rgba(16,185,129,.02)}.workflow-step-failed .workflow-step-content{border-color:#ef4444;background:rgba(239,68,68,.02)}.workflow-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.workflow-step-service{color:var(--color);text-transform:uppercase;letter-spacing:.5px}.workflow-step-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:500;color:var(--color-muted)}.workflow-step-status .spinner-small,.workflow-step-status svg{width:16px;height:16px}.workflow-step-status-pending{color:var(--color-muted)}.workflow-step-status-running{color:var(--blue)}.workflow-step-status-completed{color:#10b981}.workflow-step-status-failed{color:#ef4444}.workflow-step-action{font-size:1rem;font-weight:500;color:var(--color);margin-bottom:var(--spacing-sm);line-height:1.5}.workflow-step-result{color:#10b981;background:rgba(16,185,129,.1)}.workflow-step-error,.workflow-step-result{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);line-height:1.5}.workflow-step-error{color:#ef4444;background:rgba(239,68,68,.1)}.workflow-step-time{font-size:.75rem;color:var(--color-light);margin-top:var(--spacing-sm)}@media (max-width:768px){.workflow-workspace-header-content,.workflow-workspace-main{padding:var(--spacing-md)}.workflow-progress-header{flex-direction:column;align-items:flex-start}.workflow-step{gap:var(--spacing-sm)}.workflow-step-icon{width:40px;height:40px}.workflow-step-icon svg{width:20px;height:20px}.workflow-command-input-wrapper{padding:var(--spacing-sm) var(--spacing-md)}}.social-workflow{min-height:100vh;background:var(--bg-warm);display:flex;flex-direction:column}.social-workflow-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.05);box-shadow:0 1px 3px 0 rgba(0,0,0,.3)}.social-workflow-header-content{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.social-workflow-search{flex:1 1;max-width:500px;margin:0 auto}.navbar-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-warm);border:1px solid var(--border);border-radius:0;font-size:.9375rem;font-family:inherit;color:var(--color);outline:none;transition:all .2s ease}.navbar-search-input::placeholder{color:var(--color-muted)}.navbar-search-input:focus{border-color:var(--blue);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--blue-glow)}.social-workflow-logo{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.social-workflow-logo svg{width:32px;height:32px;color:var(--blue)}.social-workflow-logo h1{font-size:1.5rem;font-weight:700;color:var(--color);margin:0;letter-spacing:-.025em}.social-nav-link{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9375rem;font-weight:500;color:var(--color-muted);transition:color .2s ease;font-family:inherit;position:relative;cursor:default}.social-nav-link.active{color:var(--color);font-weight:600}.social-nav-link.active:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:40%;height:3px;background:var(--color);border-radius:var(--radius-full)}.social-workflow-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.social-workflow-profile{flex-shrink:0}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--color);color:var(--color);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid hsla(0,0%,100%,.8)}.profile-avatar:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,.2)}.social-workflow-main{max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-lg);display:grid;grid-template-columns:260px 1fr 300px;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:start}.social-workflow-sidebar{position:-webkit-sticky;position:sticky;top:80px}.sidebar-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .3s ease}.sidebar-section:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.sidebar-title{font-size:.8125rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0}.sidebar-action-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;color:var(--color);cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;margin-bottom:var(--spacing-xs)}.sidebar-action-btn:hover{background:var(--bg-warm);transform:translateX(4px);color:var(--color)}.sidebar-action-btn svg{width:20px;height:20px;opacity:.7}.sidebar-action-link{position:relative;justify-content:space-between;padding:var(--spacing-md);border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);text-decoration:none;color:var(--color);font-weight:500}.sidebar-action-link:hover{border-color:var(--color);background:var(--bg-elevated);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sidebar-action-link svg:first-child{opacity:1;flex-shrink:0}.sidebar-action-link span{flex:1 1;margin-left:var(--spacing-sm)}.sidebar-action-arrow{width:16px;height:16px;opacity:.4;transition:all .2s ease;flex-shrink:0}.sidebar-action-link:hover .sidebar-action-arrow{opacity:1;transform:translateX(2px)}.social-workflow-feed{min-width:0}.feed-empty-state{text-align:center;padding:var(--spacing-xl) 0;color:var(--color-muted)}.feed-empty-state h2{font-size:1.25rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-sm) 0}.feed-empty-state p{margin:0;color:var(--color-muted)}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-card{background:transparent;border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color);opacity:0;transition:opacity .3s ease}.activity-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.activity-card:hover:before{opacity:1}.activity-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.activity-card-author{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1 1}.activity-service-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.activity-card:hover .activity-service-icon{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 20px rgba(0,0,0,.2)}.activity-service-icon svg{width:24px;height:24px}.activity-card-author-info{flex:1 1;min-width:0}.activity-card-service{font-size:.9375rem;font-weight:600;color:var(--color);margin-bottom:2px}.activity-card-author-name{font-size:.875rem;color:var(--color-muted);margin-bottom:2px}.activity-card-time{font-size:.8125rem;color:var(--color-light)}.activity-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-status-completed{background:rgba(16,185,129,.1);color:#10b981}.activity-status-running{background:rgba(59,130,246,.1);color:var(--blue)}.activity-status-pending{background:hsla(220,9%,46%,.1);color:var(--color-muted)}.activity-card-content{margin-bottom:var(--spacing-md)}.activity-card-title{font-size:1.125rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-xs) 0;line-height:1.4;letter-spacing:-.018em}.activity-card-description{font-size:.9375rem;color:var(--color);line-height:1.6;margin:0 0 var(--spacing-md) 0;font-weight:400;letter-spacing:-.008em}.activity-links-list{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--bg-warm);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.activity-link-item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.activity-link-services{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.activity-link-service-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);box-shadow:0 2px 8px rgba(0,0,0,.15)}.activity-link-service-icon svg{width:20px;height:20px}.activity-link-connector{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:60px}.activity-link-line{width:100%;height:2px;background:var(--border);transition:background .3s ease}.activity-link-line-completed{background:var(--color)}.activity-link-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--border);color:var(--color-muted);flex-shrink:0}.activity-link-status-completed{background:#10b981;color:var(--color)}.activity-link-status-running{background:var(--color);color:var(--color);animation:spin 1s linear infinite}.activity-link-content{flex:1 1;min-width:0}.activity-link-path{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.activity-link-from,.activity-link-to{font-size:.8125rem;font-weight:600;color:var(--color)}.activity-link-arrow{font-size:1rem;color:var(--color-muted);font-weight:300}.activity-link-action{font-size:.875rem;color:var(--color);margin-bottom:var(--spacing-xs);line-height:1.5}.activity-link-result{font-size:.8125rem;color:var(--color-muted);font-style:italic;margin-top:var(--spacing-xs)}.activity-card-footer{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.activity-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-muted);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;letter-spacing:-.01em}.activity-action-btn:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:var(--bg-warm);opacity:0;transition:opacity .25s ease;z-index:-1}.activity-action-btn:hover:before{opacity:1}.activity-action-btn:hover{color:var(--color);transform:scale(1.05)}.activity-action-btn svg{width:20px;height:20px;transition:transform .25s ease}.activity-action-btn:hover svg{transform:scale(1.1)}.activity-like-btn.liked{color:#ef4444}.activity-like-btn.liked svg{fill:#ef4444;animation:heartBeat .4s ease}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}}.social-workflow-widgets{position:-webkit-sticky;position:sticky;top:80px}.widget{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .3s ease}.widget:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.widget-title{font-size:.9375rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-md) 0}.widget-list{flex-direction:column}.widget-item,.widget-list{display:flex;gap:var(--spacing-sm)}.widget-item{align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.widget-item:hover{background:var(--bg-warm);transform:translateX(4px);border-radius:var(--radius-md)}.widget-service-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}.widget-item:hover .widget-service-icon{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.widget-service-icon svg{width:16px;height:16px}.widget-item-content{flex:1 1;min-width:0}.widget-item-name{font-size:.875rem;font-weight:500;color:var(--color)}.widget-item-meta{font-size:.75rem;color:var(--color-muted)}@media (max-width:1200px){.social-workflow-main{grid-template-columns:200px 1fr}.social-workflow-widgets{display:none}}@media (max-width:768px){.social-workflow-header-content{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap}.social-workflow-nav{order:3;width:100%;margin-top:var(--spacing-sm)}.social-workflow-main{grid-template-columns:1fr;padding:var(--spacing-md)}.social-workflow-sidebar{position:static;order:2}.sidebar-section{margin-bottom:var(--spacing-sm)}.activity-card{padding:var(--spacing-md)}}.notifications-container{position:relative}.notifications-button{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.notifications-button:hover{background:var(--bg-warm);color:var(--color);transform:scale(1.05)}.notifications-button svg{width:24px;height:24px}.notifications-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color);font-size:.75rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-elevated);box-shadow:0 2px 8px rgba(239,68,68,.4);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.notifications-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;background:transparent}.notifications-panel{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:400px;max-height:600px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:999;display:flex;flex-direction:column;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.notifications-title{font-size:1.125rem;font-weight:600;color:var(--color);margin:0}.notifications-clear-btn{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--blue);cursor:pointer;transition:all .15s ease;font-family:inherit}.notifications-clear-btn:hover{background:var(--blue-light)}.notifications-list{flex:1 1;overflow-y:auto;max-height:500px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.notifications-empty{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-muted)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background .15s ease;position:relative;border-bottom:1px solid var(--border-light)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-warm)}.notification-item.unread{background:var(--blue-light)}.notification-item.unread:hover{background:#bfdbfe}.notification-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0}.notification-icon svg{width:20px;height:20px}.notification-content{flex:1 1;min-width:0}.notification-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.notification-service{font-size:.8125rem;font-weight:600;color:var(--color)}.notification-time{font-size:.75rem;color:var(--color-light)}.notification-title{font-size:.9375rem;font-weight:600;color:var(--color);margin-bottom:var(--spacing-xs);line-height:1.4}.notification-message{font-size:.875rem;color:var(--color-muted);line-height:1.5}.notification-dot{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);width:8px;height:8px;background:var(--blue);border-radius:var(--radius-full);flex-shrink:0}.social-workflow-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9)}.sidebar-section{box-shadow:none}.activity-card,.feed-composer{box-shadow:none;border:1px solid var(--border)}.activity-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.widget{box-shadow:none;border:1px solid var(--border)}body{font-family:Arial,sans-serif;letter-spacing:-.011em;background:linear-gradient(180deg,#fafbfc,#f1f5f9);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,h1,h2,h3{font-weight:700}h1,h2,h3{letter-spacing:-.025em}div,h1,h2,h3,p,span{font-feature-settings:"cv02","cv03","cv04","cv11"}.social-workflow-main{padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl)}.activity-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.activity-feed{gap:var(--spacing-lg)}.service-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.service-manager-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:80vh}.service-manager,.service-manager-modal{overflow:hidden;display:flex;flex-direction:column;min-height:0}.service-manager{height:100%;max-height:100%}.service-manager-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border);flex-shrink:0}.service-manager-header h2{font-size:1.5rem;font-weight:600;color:var(--color);margin:0}.service-manager-close{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.service-manager-close:hover{background:var(--bg-warm);color:var(--color)}.service-manager-close svg{width:20px;height:20px}.service-manager-search{padding:var(--spacing-lg);border-bottom:1px solid var(--border);flex-shrink:0}.service-manager-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.9375rem;transition:all .2s ease;margin-bottom:var(--spacing-sm)}.service-manager-search-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow);background:var(--bg-elevated)}.service-manager-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.service-manager-add-btn:hover{background:var(--bg-warm);border-color:var(--color)}.service-manager-add-btn svg{width:16px;height:16px}.service-manager-add-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.service-manager-add-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.9375rem;transition:all .2s ease}.service-manager-add-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow);background:var(--bg-elevated)}.service-manager-add-input:disabled{opacity:.6;cursor:not-allowed}.service-manager-add-actions{display:flex;gap:var(--spacing-sm)}.service-manager-add-cancel,.service-manager-add-submit{flex:1 1;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.service-manager-add-submit{background:var(--color);color:var(--bg);border-color:var(--color)}.service-manager-add-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.service-manager-add-submit:disabled{opacity:.6;cursor:not-allowed}.service-manager-add-cancel{background:var(--bg);color:var(--color)}.service-manager-add-cancel:hover:not(:disabled){background:var(--bg-warm);border-color:var(--border-hover)}.service-manager-add-cancel:disabled{opacity:.6;cursor:not-allowed}.service-manager-error{padding:var(--spacing-xs) var(--spacing-sm);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#dc2626;font-size:.8125rem}.service-manager-list{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);min-height:0;max-height:100%}.service-manager-list::-webkit-scrollbar{width:8px}.service-manager-list::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.service-manager-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.service-manager-list::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.service-manager-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-muted)}.service-manager-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all .2s ease}.service-manager-item:hover{background:var(--bg-warm)}.service-manager-item-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1 1}.service-manager-item-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color);flex-shrink:0;overflow:hidden}.service-manager-item-icon svg{width:24px;height:24px}.service-manager-item-icon img{width:24px;height:24px;object-fit:contain;background:hsla(0,0%,100%,.05);border-radius:4px;padding:2px}.service-manager-item-info{flex:1 1;min-width:0}.service-manager-item-name{font-weight:500;color:var(--color);margin-bottom:2px}.service-manager-item-description{font-size:.8125rem;color:var(--color-muted);margin-bottom:2px}.service-manager-item-meta{font-size:.75rem;color:var(--color-muted)}.service-manager-item-actions{display:flex;gap:var(--spacing-xs);align-items:center}.service-manager-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.service-manager-btn-connect{background:var(--color);color:var(--bg);border-color:var(--color)}.service-manager-btn-connect:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.service-manager-btn-disconnect{background:transparent;color:var(--color-muted)}.service-manager-btn-disconnect:hover{background:var(--bg-warm);color:var(--color);border-color:var(--border-hover)}.service-manager-btn-delete{padding:var(--spacing-xs);min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-muted);border-color:transparent}.service-manager-btn-delete:hover{background:rgba(239,68,68,.1);color:#dc2626;border-color:rgba(239,68,68,.3)}.service-manager-btn-delete svg{width:16px;height:16px}.service-manager-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.service-manager-footer-text{font-size:.8125rem;color:var(--color-muted);margin:0;line-height:1.5}.widget-empty{text-align:center;padding:var(--spacing-lg)}.widget-empty p{color:var(--color-muted);margin-bottom:var(--spacing-md)}.widget-connect-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color);color:var(--bg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.widget-connect-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.internet-chat{flex:1 1;background:var(--bg);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.internet-chat-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.internet-chat-header-content{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.internet-chat-logo h1{font-size:1.5rem;font-weight:700;color:var(--color);margin:0}.header-subtitle{font-size:.8125rem;color:var(--color-muted);margin:2px 0 0}.internet-chat-nav{display:flex;align-items:center;gap:var(--spacing-lg);flex:1 1;justify-content:center}.nav-link{font-size:.9375rem;font-weight:500;color:var(--color-muted);text-decoration:none;transition:color .2s ease;padding:var(--spacing-xs) 0;position:relative}.nav-link:hover{color:var(--color)}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background-color:var(--color);transition:width .2s ease-out}.nav-link:hover:after{width:100%}.internet-chat-actions{display:flex;align-items:center;gap:var(--spacing-md)}.services-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.services-button:hover{background:var(--bg-warm);border-color:var(--border-hover)}.services-button svg{width:18px;height:18px}.internet-chat-main{flex:1 1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;position:relative;overflow-y:auto}.internet-chat-main:has(.workflow-progress-wrapper.sidebar){padding-right:380px}.internet-chat-services-bar{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.services-scroll{gap:var(--spacing-sm)}.service-chip,.services-scroll{display:flex;align-items:center}.service-chip{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.service-chip:hover{background:var(--bg-warm);border-color:var(--border-hover)}.service-chip.active{background:var(--color);color:var(--bg);border-color:var(--color)}.service-chip-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.service-chip-icon svg{width:14px;height:14px}.service-chip-icon img{width:14px;height:14px;object-fit:contain}.internet-chat-messages{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.internet-chat-messages,.messages-list{min-height:0;display:flex;flex-direction:column}.messages-list{gap:var(--spacing-md)}.message{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:80%;animation:fadeIn .2s ease}.message-user{align-self:flex-end;align-items:flex-end}.message-assistant,.message-service{align-self:flex-start;align-items:flex-start}.message-service-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-muted);margin-bottom:4px}.message-service-icon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff}.message-service-icon svg{width:12px;height:12px}.message-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.6;word-wrap:break-word}.message-user .message-content{background:var(--color);color:var(--bg);border-bottom-right-radius:4px}.message-assistant .message-content,.message-service .message-content{background:var(--bg-elevated);color:var(--color);border:1px solid var(--border);border-bottom-left-radius:4px}.message-time{font-size:.75rem;color:var(--color-muted);padding:0 var(--spacing-xs)}.typing-indicator{display:flex;gap:4px;padding:var(--spacing-md) var(--spacing-lg)}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--color-muted);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-md);min-height:0;flex:1 1;overflow-y:auto}.empty-icon{width:60px;height:60px;margin-bottom:var(--spacing-md);color:var(--color-muted);opacity:.5;flex-shrink:0}.empty-icon svg{width:100%;height:100%}.chat-empty-state h2{font-size:1.25rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-sm) 0}.chat-empty-state>p{font-size:.9375rem;color:var(--color-muted);max-width:500px;margin:0 0 var(--spacing-md) 0;line-height:1.5}.beta-notice{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);max-width:500px;text-align:center;flex-shrink:0}.beta-badge{font-size:.75rem;margin-bottom:var(--spacing-sm)}.beta-badge,.logo-beta-badge{display:inline-block;padding:2px 8px;background:var(--color);color:var(--bg);font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:4px}.logo-beta-badge{font-size:.625rem;margin-left:var(--spacing-xs);vertical-align:middle;position:relative;top:-2px}.beta-text{font-size:.875rem;color:var(--color);margin:0;line-height:1.5}.beta-text a{color:var(--blue);text-decoration:underline;cursor:pointer}.beta-text a:hover{color:var(--blue-light)}.empty-suggestions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.empty-suggestions>p{font-size:.875rem;color:var(--color-muted);margin:0 0 var(--spacing-xs) 0}.empty-suggestions button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.875rem;cursor:pointer;transition:all .2s ease}.empty-suggestions button:hover{background:var(--bg-warm);border-color:var(--border-hover);transform:translateX(4px)}.internet-chat-input-container{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:0;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);max-width:100%}.chat-input-wrapper:focus-within{border-color:var(--color);box-shadow:0 0 0 1px var(--color)}.chat-input{flex:1 1;background:transparent;border:none;color:var(--color);font-size:1rem;font-family:inherit;font-weight:400;resize:none;outline:none;min-height:24px;max-height:200px;line-height:1.5;padding:0;letter-spacing:-.01em}.chat-input::placeholder{color:var(--color-muted);opacity:.6}.send-button{padding:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;width:32px;height:32px;opacity:.6}.send-button:hover:not(:disabled){opacity:1;background:var(--bg-warm);transform:translateY(-1px)}.send-button:disabled{opacity:.3;cursor:not-allowed}.send-button svg{width:20px;height:20px;stroke-width:2}.auth-prompt-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap}.auth-prompt-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block;border:1px solid var(--border)}.auth-prompt-login{background:var(--color);color:var(--bg);border-color:var(--color)}.auth-prompt-login:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-prompt-waitlist{background:var(--bg-elevated);color:var(--color);border-color:var(--border)}.auth-prompt-waitlist:hover{background:var(--bg-warm);border-color:var(--border-hover)}.site-footer{margin-top:auto;padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg);border-top:1px solid var(--border)}.site-footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.site-footer-link{font-size:.75rem;color:var(--color-muted);text-decoration:none;transition:color .2s ease}.site-footer-link:hover{color:var(--color)}.site-footer-separator{font-size:.75rem;color:var(--color-muted);opacity:.5}.site-footer-copyright{font-size:.75rem;color:var(--color-muted);margin:0}.content-page{min-height:calc(100vh - 100px);background:var(--bg);padding:var(--spacing-xl) 0 var(--spacing-2xl) 0}.content-page-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.content-page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.content-page-logo{text-decoration:none;color:var(--color)}.content-page-logo h1{font-size:1.5rem;font-weight:700;color:var(--color);margin:0}.content-page-main{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.content-page-title{font-size:2.5rem;font-weight:700;color:var(--color);margin:0}.content-page-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.content-page-section-title{font-size:1.5rem;font-weight:600;color:var(--color);margin:0}.content-page-text{font-size:1rem;line-height:1.7;color:var(--color);margin:0}.content-page-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.content-page-list li{font-size:1rem;line-height:1.7;color:var(--color)}.content-page-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.content-page-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color);color:var(--bg);border:1px solid var(--color);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block}.content-page-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.content-page-link{padding:var(--spacing-md) var(--spacing-xl);background:transparent;color:var(--color);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block}.content-page-link:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-question{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-elevated);border:none;text-align:left;font-size:1rem;font-weight:500;color:var(--color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);transition:all .2s ease}.faq-question:hover{background:var(--bg-warm)}.faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease;color:var(--color-muted)}.faq-icon.open{transform:rotate(180deg)}.faq-answer{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg);border-top:1px solid var(--border)}.faq-answer p{font-size:.9375rem;line-height:1.7;color:var(--color);margin:0}.auth-page{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg);flex:1 1;min-height:0;overflow-y:auto}.auth-container{width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo{text-decoration:none;color:var(--color)}.auth-logo h1{font-size:1.75rem;font-weight:700;color:var(--color);margin:0 0 var(--spacing-sm) 0}.auth-subtitle{font-size:1rem;color:var(--color-muted);margin:var(--spacing-md) 0 0 0}.auth-form{gap:var(--spacing-lg)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--spacing-sm)}.auth-label{font-size:.875rem;font-weight:500;color:var(--color)}.auth-input{width:100%;padding:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.auth-input:hover{border-color:var(--border-hover)}.auth-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(0,0,0,.05);outline:none}.auth-input::placeholder{color:var(--color-muted);opacity:.6}.auth-button{width:100%;padding:var(--spacing-md);background:var(--color);color:var(--bg);border:1px solid var(--color);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;display:inline-block}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-error{padding:var(--spacing-md);background:rgba(0,0,0,.05);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;text-align:center}.auth-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) 0;text-align:center}.auth-success svg{width:64px;height:64px;color:var(--success)}.auth-success h2{font-size:1.5rem;font-weight:600;color:var(--color);margin:0}.auth-success p{font-size:.9375rem;color:var(--color-muted);margin:0}.auth-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border);text-align:center}.auth-footer p{margin:var(--spacing-sm) 0;font-size:.875rem;color:var(--color-muted)}.auth-link{color:var(--color);text-decoration:underline;transition:color .2s ease}.auth-link:hover{color:var(--color-light)}.not-found-page{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg)}.not-found-container{text-align:center;max-width:600px}.not-found-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.not-found-title{font-size:8rem;font-weight:700;color:var(--color);line-height:1;margin:0;opacity:.2}.not-found-heading{font-size:2rem;font-weight:600;color:var(--color);margin:0}.not-found-text{font-size:1rem;color:var(--color-muted);line-height:1.6;margin:0}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.not-found-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color);color:var(--bg);border:1px solid var(--color);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block}.not-found-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.not-found-link{padding:var(--spacing-md) var(--spacing-xl);background:transparent;color:var(--color);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block}.not-found-link:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.example-card{padding:var(--spacing-xl);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all .2s ease}.example-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.example-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.example-title{font-size:1.25rem;font-weight:600;color:var(--color);margin:0}.example-services{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.example-service-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color);color:var(--bg);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.example-description{font-size:.9375rem;color:var(--color-muted);margin:0}.example-request{padding:var(--spacing-md);background:var(--bg);border-left:3px solid var(--color);border-radius:var(--radius-sm)}.example-request strong{font-size:.875rem;font-weight:600;color:var(--color);display:block;margin-bottom:var(--spacing-xs)}.example-request p{font-size:.9375rem;color:var(--color);margin:0;font-style:italic}.example-steps{padding-top:var(--spacing-md);border-top:1px solid var(--border)}.example-steps strong{font-size:.875rem;font-weight:600;color:var(--color);display:block;margin-bottom:var(--spacing-sm)}.example-steps ol{margin:0;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.example-steps li{font-size:.9375rem;color:var(--color);line-height:1.6}.user-profile-dropdown-container{position:relative}.user-profile-button{background:transparent;border:none;padding:0}.user-profile-avatar,.user-profile-button{cursor:pointer;display:flex;align-items:center;justify-content:center}.user-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--color);color:var(--bg);font-weight:600;font-size:.875rem;transition:all .2s ease;border:2px solid var(--border)}.user-profile-avatar:hover{border-color:var(--border-hover);transform:scale(1.05)}.user-profile-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:280px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:fadeInDown .2s ease;overflow:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-profile-dropdown-header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.user-profile-dropdown-avatar{width:48px;height:48px;border-radius:50%;background:var(--color);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.user-profile-dropdown-info{flex:1 1;min-width:0}.user-profile-dropdown-name{font-size:1rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-xs) 0}.user-profile-dropdown-email{font-size:.875rem;color:var(--color-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-dropdown-divider{height:1px;background:var(--border);margin:0}.user-profile-dropdown-menu{padding:var(--spacing-xs) 0}.user-profile-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--color);font-size:.9375rem;text-decoration:none;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.user-profile-dropdown-item:hover{background:var(--bg-warm)}.user-profile-dropdown-item svg{width:20px;height:20px;flex-shrink:0;color:var(--color-muted)}.user-profile-dropdown-item:hover svg{color:var(--color)}.workflow-progress-wrapper{position:relative;z-index:50}.workflow-progress-wrapper.sidebar{position:fixed;right:0;top:80px;bottom:0;width:380px;background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg)}.workflow-progress-wrapper.inline{padding:var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.workflow-progress-container{display:flex;flex-direction:column;height:100%}.workflow-progress-container.sidebar-mode{height:100%;overflow-y:auto}.workflow-progress-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg)}.workflow-progress-header h3{font-size:1rem;font-weight:600;color:var(--color);margin:0}.workflow-close-button{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.workflow-close-button:hover{background:var(--bg-warm);color:var(--color)}.workflow-close-button svg{width:18px;height:18px}.workflow-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.workflow-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.workflow-item.running{border-color:var(--color);box-shadow:0 0 0 1px var(--color)}.workflow-item.completed{opacity:.8}.workflow-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.workflow-expand-button{width:100%;padding:var(--spacing-lg);background:transparent;border:none;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;text-align:left;transition:all .2s ease}.workflow-expand-button:hover{background:var(--bg-warm)}.workflow-expand-icon{width:20px;height:20px;color:var(--color-muted);transition:transform .2s ease;flex-shrink:0}.workflow-expand-icon.expanded{transform:rotate(90deg)}.workflow-header-info{flex:1 1;min-width:0}.workflow-title{font-size:1rem;font-weight:600;color:var(--color);margin:0 0 var(--spacing-xs) 0}.workflow-services-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.workflow-service-tag{padding:2px 8px;background:var(--bg-elevated);border:1px solid var(--border);font-weight:500;color:var(--color)}.workflow-service-tag,.workflow-status-badge{border-radius:var(--radius-sm);font-size:.75rem}.workflow-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;text-transform:uppercase}.workflow-status-badge.running{background:var(--bg-elevated);color:var(--color);border:1px solid var(--border)}.workflow-status-badge.completed{background:var(--bg-elevated);color:var(--color-muted);border:1px solid var(--border)}.workflow-content{padding:var(--spacing-lg)}.workflow-steps{flex-direction:column}.workflow-step,.workflow-steps{display:flex;gap:var(--spacing-md)}.workflow-step{position:relative}.workflow-step-indicator{flex-direction:column}.workflow-step-icon,.workflow-step-indicator{display:flex;align-items:center;flex-shrink:0}.workflow-step-icon{width:32px;height:32px;border-radius:50%;justify-content:center;border:2px solid var(--border);background:var(--bg-elevated);color:var(--color-muted)}.workflow-step-pending .workflow-step-icon{background:var(--bg-elevated);border-color:var(--border)}.workflow-step-active .workflow-step-icon{background:var(--color);border-color:var(--color);color:var(--bg)}.workflow-step-completed .workflow-step-icon{background:var(--bg-elevated);border-color:var(--color);color:var(--color)}.workflow-step-error .workflow-step-icon{background:var(--bg-elevated);border-color:var(--error);color:var(--error)}.workflow-step-icon svg{width:16px;height:16px}.workflow-step-dot{width:8px;height:8px;border-radius:50%;background:var(--color-muted)}.workflow-step-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top:2px solid var(--bg);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.workflow-step-connector{width:2px;flex:1 1;min-height:24px;background:var(--border);margin-top:var(--spacing-xs)}.workflow-step-connector.completed{background:var(--color)}.workflow-step-content{flex:1 1;padding-bottom:var(--spacing-md)}.workflow-step-service{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.workflow-step-action{font-size:.875rem;color:var(--color-muted)}.workflow-step-pending .workflow-step-action{opacity:.6}.workflow-step-active .workflow-step-action{color:var(--color)}.logo-icon{display:inline-block;vertical-align:middle;margin-left:var(--spacing-sm);width:32px;height:32px}.homepage{height:100vh;background:var(--bg);display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.homepage-header{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg);border-bottom:1px solid var(--border-light)}.homepage-header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.homepage-header-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--color);text-decoration:none;transition:opacity .2s ease}.homepage-header-logo-icon img{display:block;width:20px;height:20px}.homepage-header-logo-text{line-height:1}.homepage-header-logo:hover{opacity:.8}.homepage-header-beta{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:rgba(51,65,85,.85);color:var(--color-muted);border:1px solid rgba(148,163,184,.6);line-height:1}.homepage-header-nav{display:flex;align-items:center;gap:var(--spacing-md)}.homepage-header-link{font-size:.9375rem;font-weight:500;color:var(--color-medium);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:none}.homepage-header-link:hover{color:var(--color);background:var(--bg-elevated);box-shadow:none}.homepage-header-link-arrow{transition:transform .2s ease}.homepage-header-link:hover .homepage-header-link-arrow{transform:translateX(4px)}.homepage-main{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-md)}.homepage-hero{text-align:center;max-width:640px;margin:0 auto}.homepage-hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.homepage-logo-pill{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-elevated);font-size:.875rem;font-weight:500;color:var(--color-medium)}.homepage-logo-pill img{width:20px;height:20px}.homepage-title{font-size:2.5rem;font-weight:700;line-height:1.1;margin:0;color:var(--color)}.homepage-subtitle{font-size:1.0625rem;color:var(--color-muted);line-height:1.6;margin:0}.homepage-cta-row{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.homepage-cta-primary,.homepage-cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-full);font-size:.9375rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:all .18s ease}.homepage-cta-primary{background:var(--color);color:var(--bg);border-color:var(--color)}.homepage-cta-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.homepage-cta-secondary{background:transparent;color:var(--color-medium);border-color:var(--border-light)}.homepage-cta-secondary:hover{background:var(--bg-elevated);color:var(--color)}.homepage-footnote{margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-medium)}.homepage-demo{padding:0}.homepage-demo-container{max-width:960px;margin:0 auto;width:100%;display:flex;flex-direction:column}.homepage-demo-shell{border-radius:var(--radius-xl);border:1px solid var(--border-light);background:var(--bg-elevated);box-shadow:var(--shadow-lg);overflow:visible;display:flex;flex-direction:column;min-height:500px}.homepage-features{padding:var(--spacing-2xl) var(--spacing-xl);background:var(--bg)}.homepage-features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.homepage-feature{display:flex;flex-direction:column;gap:var(--spacing-md)}.homepage-feature-icon{width:48px;height:48px;color:var(--color);opacity:.8}.homepage-feature h4{font-size:1.5rem;font-weight:600;margin:0;color:var(--color)}.homepage-feature p{font-size:1rem;color:var(--color-muted);line-height:1.6;margin:0}.homepage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);animation:fadeIn .2s ease}.homepage-modal{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-width:480px;width:100%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.homepage-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.homepage-modal-close:hover{background:var(--bg-elevated);color:var(--color)}.homepage-modal-close svg{width:20px;height:20px}.homepage-modal-title{font-size:1.5rem;font-weight:600;margin:0;padding:var(--spacing-xl);padding-bottom:var(--spacing-md);color:var(--color)}.homepage-modal-form{padding:0 var(--spacing-xl) var(--spacing-xl)}.homepage-modal-footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--border);text-align:center}.homepage-modal-footer p{margin:0;font-size:.875rem;color:var(--color-muted)}.homepage-modal-link{background:none;border:none;color:var(--color);text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.homepage-modal-link:hover{color:var(--color-light)}.demo-video{width:100%;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border)}.demo-video-container{display:flex;flex-direction:column;height:min(60vh,460px)}.demo-video-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.demo-video-controls{display:flex;gap:var(--spacing-xs)}.demo-video-dot{width:12px;height:12px;border-radius:50%;background:var(--color-muted);opacity:.4}.demo-video-title-bar{flex:1 1;display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--color)}.demo-video-subtitle{color:var(--color-muted);font-weight:400}.demo-video-content{overflow:hidden}.demo-video-content,.demo-video-messages{flex:1 1;display:flex;flex-direction:column}.demo-video-messages{overflow-y:auto;padding:var(--spacing-xl);gap:var(--spacing-lg)}.demo-message{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:80%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-message-user{align-self:flex-end}.demo-message-assistant,.demo-message-service{align-self:flex-start}.demo-message-service-badge{font-size:.75rem;font-weight:600;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;width:-moz-fit-content;width:fit-content}.demo-message-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9375rem;line-height:1.6;white-space:pre-line}.demo-message-user .demo-message-content{background:var(--color);color:var(--bg)}.demo-message-assistant .demo-message-content,.demo-message-service .demo-message-content{background:var(--bg-elevated);color:var(--color);border:1px solid var(--border)}.demo-video-input{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-elevated)}.demo-video-input-field{flex:1 1;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;min-height:48px;display:flex;align-items:center}.demo-video-input-text{color:var(--color)}.demo-video-input-placeholder{color:var(--color-muted);opacity:.5}.demo-video-send-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color);color:var(--bg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.demo-video-send-button:hover{opacity:.9;transform:scale(1.05)}.demo-video-send-button svg{width:20px;height:20px}.demo-typing-indicator{display:flex;gap:var(--spacing-xs);align-items:center}.demo-typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--color-muted);animation:typing 1.4s infinite}.demo-typing-indicator span:nth-child(2){animation-delay:.2s}.demo-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}@media (max-width:768px){.homepage-title{font-size:2.5rem}.homepage-subtitle{font-size:1rem}.homepage-header-content{flex-wrap:wrap}.demo-video-container{height:500px}.demo-message{max-width:90%}}.browser-animation{width:100%;background:radial-gradient(circle at top left,rgba(148,163,184,.18),transparent 55%),var(--bg);border-radius:var(--radius-lg);overflow:visible;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 45px rgba(15,23,42,.45)}.browser-window{display:flex;flex-direction:column;min-height:500px;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(15,23,42,.98));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow:visible}.browser-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(15,23,42,.95));border-bottom:1px solid rgba(148,163,184,.35)}.browser-controls{display:flex;gap:6px;flex-shrink:0}.browser-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px rgba(15,23,42,.6)}.browser-dot-red{background:#ff5f57}.browser-dot-yellow{background:#ffbd2e}.browser-dot-green{background:#28ca42}.browser-url-bar{flex:1 1;background:radial-gradient(circle at top left,rgba(148,163,184,.2),transparent 60%),rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.4);border-radius:999px;padding:4px 10px;font-size:.8125rem;color:var(--color-muted);min-width:0}.browser-url-inner{display:flex;align-items:center;gap:8px}.browser-url-favicon{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 0 0 1px rgba(15,23,42,.8);flex-shrink:0}.browser-url-active{color:var(--color-light);font-weight:500}.browser-tabs-container{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.98));border-bottom:1px solid rgba(148,163,184,.25);overflow-x:visible;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:10}.browser-tabs-container::-webkit-scrollbar{display:none}.browser-tabs{gap:2px;padding:0 var(--spacing-xs);min-height:44px;align-items:flex-end;flex-wrap:nowrap}.browser-tab,.browser-tabs{display:flex;overflow:visible}.browser-tab{align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(180deg,rgba(30,64,175,.9),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.4);border-bottom:none;border-radius:9px 9px 0 0;font-size:.8125rem;color:rgba(226,232,240,.78);white-space:nowrap;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;min-width:100px;max-width:180px;box-shadow:0 8px 18px rgba(15,23,42,.5);z-index:1}.browser-tab-active{background:radial-gradient(circle at top left,#4f46e5,#6366f1);color:#fff;border-color:transparent;z-index:1;transform:translateY(1px)}.browser-tab-condensing{animation:condenseTab 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--tab-delay, 0) * 1s)}@keyframes condenseTab{0%{opacity:1;transform:translateX(0) translateY(0) scale(1);width:auto;min-width:100px;z-index:1}30%{opacity:.9;transform:translateX(calc(-15px * var(--tab-index, 0))) translateY(-2px) scale(.98);z-index:2}60%{opacity:.5;transform:translateX(calc(-40px * var(--tab-index, 0))) translateY(-8px) scale(.7);width:70px;min-width:70px;z-index:3}to{opacity:0;transform:translateX(calc(-60px * var(--tab-index, 0))) translateY(-15px) scale(.3);width:0;min-width:0;padding:8px 0;margin:0;z-index:4}}.browser-tab-onetab{background:linear-gradient(135deg,#4f46e5,#6366f1 40%,#a855f7);color:#fff;border-color:rgba(129,140,248,.9);animation:expandTab .6s cubic-bezier(.4,0,.2,1);min-width:200px;max-width:none}@keyframes expandTab{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.browser-tab-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.browser-tab-icon-box{width:16px;height:16px;border-radius:3px;background:var(--color-muted)}.browser-tab-icon-onetab .browser-tab-icon-box{background:#fff;opacity:.9}.browser-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-content{flex:1 1;background:radial-gradient(circle at top left,rgba(51,65,85,.85),#0f172a);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:350px;overflow:visible;position:relative}.browser-content-multiple{width:100%}.browser-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:600px;margin:0 auto}.browser-content-app{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius);background:radial-gradient(circle at top left,rgba(31,41,55,.95),#0f172a);border:1px solid rgba(148,163,184,.4);box-shadow:0 10px 30px rgba(15,23,42,.7);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.browser-content-app:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px rgba(15,23,42,.85);border-color:rgba(148,163,184,.7)}.browser-content-app-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--color-muted)}.browser-content-app span{font-size:.8125rem;color:var(--color);font-weight:500}.browser-content-onetab{text-align:center;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.browser-content-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center}.browser-content-icon-box{width:80px;height:80px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea,#764ba2)}.browser-content-onetab h3{font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-sm);color:var(--color)}.browser-content-onetab p{font-size:1rem;color:var(--color-muted);margin:0}.browser-onetab-connections{margin-top:var(--spacing-lg);display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.browser-onetab-connection-chip{padding:4px 10px;border-radius:999px;font-size:.75rem;color:rgba(226,232,240,.9);background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.5)}.browser-onetab-layout{margin-top:var(--spacing-xl);display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg);text-align:left}.browser-onetab-sidebar{display:flex;flex-direction:column;gap:6px}.browser-onetab-sidebar-item{padding:8px 10px;border-radius:var(--radius);font-size:.8125rem;color:rgba(226,232,240,.85);background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.35)}.browser-onetab-sidebar-item-active{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:transparent;color:#fff}.browser-onetab-main{background:rgba(15,23,42,.85);border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.4);padding:var(--spacing-md);display:flex;flex-direction:column;gap:8px}.browser-onetab-main-header{height:22px;border-radius:999px;background:linear-gradient(90deg,rgba(148,163,184,.5),rgba(148,163,184,.2))}.browser-onetab-main-row{height:16px;border-radius:999px;background:rgba(148,163,184,.25)}.browser-onetab-main-row-faded{opacity:.6}.browser-content-website{width:100%;max-width:640px;margin:0 auto;background:radial-gradient(circle at top,rgba(15,23,42,.8),rgba(15,23,42,.95));border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px rgba(15,23,42,.85);padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.browser-site-header{display:flex;justify-content:center}.browser-site-logo{width:130px;height:44px;border-radius:999px;background:radial-gradient(circle at left,#22c55e,#3b82f6)}.browser-site-search{display:flex;flex-direction:column;gap:var(--spacing-md)}.browser-site-search-input{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.5)}.browser-site-search-icon{width:16px;height:16px;border-radius:999px;border:2px solid rgba(148,163,184,.9);position:relative}.browser-site-search-icon:after{content:"";position:absolute;width:2px;height:6px;background:rgba(148,163,184,.9);border-radius:999px;bottom:-4px;right:-1px;transform:rotate(45deg)}.browser-site-search-placeholder{font-size:.9rem;color:rgba(203,213,225,.9)}.browser-site-search-chips{display:flex;flex-wrap:wrap;gap:8px}.browser-site-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:.75rem;color:rgba(226,232,240,.9)}.browser-site-results{display:flex;flex-direction:column;gap:var(--spacing-md)}.browser-site-apps{margin-top:var(--spacing-lg);display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.browser-site-app-card{min-width:110px;padding:10px 12px;border-radius:var(--radius-lg);background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.5);display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 10px 30px rgba(15,23,42,.7)}.browser-site-app-icon{width:20px;height:20px;border-radius:6px}.browser-site-app-name{font-size:.8rem;color:rgba(226,232,240,.95)}.browser-site-app-card-condensing{animation:mergeApp 1.4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--app-index, 0) * .08s);z-index:20;position:relative}@keyframes mergeApp{0%{opacity:1;transform:translateY(0) translateX(0) scale(1)}40%{opacity:.8;transform:translateY(-20px) translateX(calc(20px * var(--app-index, 0))) scale(.85)}70%{opacity:.4;transform:translateY(-50px) translateX(calc(40px * var(--app-index, 0))) scale(.6)}to{opacity:0;transform:translateY(-80px) translateX(calc(60px * var(--app-index, 0))) scale(.3)}}.browser-site-result{text-align:left}.browser-site-result-url{font-size:.75rem;color:rgba(74,222,128,.9);margin-bottom:2px}.browser-site-result-title{font-size:.95rem;font-weight:600;color:rgba(248,250,252,.96);margin-bottom:2px}.browser-site-result-snippet{font-size:.8rem;color:rgba(148,163,184,.96)}.browser-site-result-faded{opacity:.7}@media (max-width:768px){.browser-tab{min-width:100px;max-width:150px;padding:6px 12px;font-size:.75rem}.browser-content-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-md)}.browser-content-app-icon{width:40px;height:40px}.browser-content{min-height:250px;padding:var(--spacing-lg)}}