:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--surface-glass:hsla(0,0%,100%,.05);--surface-glass-hover:hsla(0,0%,100%,.08);--surface-glass-active:hsla(0,0%,100%,.1);--border-glass:hsla(0,0%,100%,.1);--border-glass-strong:hsla(0,0%,100%,.2);--accent-primary:#4a9eff;--accent-primary-glow:rgba(74,158,255,.4);--accent-secondary:#7c3aed;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--text-primary:hsla(0,0%,100%,.95);--text-secondary:hsla(0,0%,100%,.7);--text-tertiary:hsla(0,0%,100%,.5);--code-bg:hsla(0,0%,100%,.03);--shadow-glass:0 8px 32px rgba(0,0,0,.4);--shadow-glow:0 0 40px rgba(74,158,255,.3);--blur-glass:blur(10px);--blur-heavy:blur(20px);--primary:#4a9eff;--primary-dark:#2d7dd2;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--background:#0f0f0f;--surface:hsla(0,0%,100%,.05);--text:hsla(0,0%,100%,.95);--border:hsla(0,0%,100%,.1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}.header-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border:none;border-radius:0;box-shadow:none;margin-bottom:10px;padding:40px 0 20px}.header-row{justify-content:space-between}.header-card h1,.header-row{align-items:center;display:flex}.header-card h1{color:var(--accent-primary);font-size:32px;gap:1.2rem;margin:0;padding-left:.2rem;text-shadow:0 0 20px var(--accent-primary-glow)}.demo-card{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.4);color:inherit;cursor:pointer;overflow:hidden;padding:24px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;will-change:transform,background,border-color,box-shadow}.demo-card:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-strong);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 30px var(--accent-primary-glow);transform:translateY(-4px)}.demo-card:before{background:radial-gradient(circle,var(--accent-primary-glow) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.demo-card:hover:before{height:300px;width:300px}.demo-icon{align-items:center;display:flex;filter:drop-shadow(0 0 10px var(--accent-primary-glow));font-size:48px;height:60px;justify-content:center;margin-bottom:16px}.demo-title{color:var(--text);font-size:20px;font-weight:600;margin-bottom:8px}.demo-description{font-size:14px}.demo-description,.nav-tab{color:var(--text-secondary)}.nav-tab{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.nav-tab:hover{background:var(--surface-glass-hover);box-shadow:0 4px 16px rgba(74,158,255,.2);color:var(--text);transform:translateY(-1px)}.nav-tab.active,.nav-tab:hover{border-color:var(--accent-primary)}.nav-tab.active{background:linear-gradient(135deg,rgba(74,158,255,.2),rgba(74,158,255,.1));color:var(--accent-primary);text-shadow:0 0 10px var(--accent-primary-glow)}body:before{background:radial-gradient(circle at 20% 50%,var(--accent-primary-glow) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.3) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(16,185,129,.2) 0,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-2}@keyframes gradientShift{0%,to{background-position:20% 50%,80% 80%,40% 20%,0 0;background-size:100% 100%,100% 100%,100% 100%,100% 100%}25%{background-position:30% 60%,70% 70%,50% 30%,0 0;background-size:120% 120%,110% 110%,115% 115%,100% 100%}50%{background-position:25% 40%,85% 85%,35% 25%,0 0;background-size:110% 110%,120% 120%,105% 105%,100% 100%}75%{background-position:15% 55%,75% 75%,45% 15%,0 0;background-size:105% 105%,105% 105%,110% 110%,100% 100%}}.glass-card{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-glass);padding:24px;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.glass-card:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-strong);box-shadow:var(--shadow-glass),var(--shadow-glow);transform:translateY(-2px)}.glass-button{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.glass-button:before{background:radial-gradient(circle,var(--accent-primary-glow) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.glass-button:hover{background:var(--surface-glass-hover);border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(74,158,255,.3);transform:translateY(-1px)}.glass-button:hover:before{height:200px;width:200px}.glass-button:active{transform:translateY(0)}.glass-button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.glass-button.primary:before{background:radial-gradient(circle,#0076ff 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.glass-button.primary:hover{border-color:transparent;box-shadow:0 0 20px #0076ff;transform:translateY(-2px) scale(1.02)}.glass-button.primary:hover:before{height:200px;width:200px}.glass-button.primary:active{transform:translateY(0)}.glass-button.primary:disabled{cursor:not-allowed;opacity:.5}.glass-button.primary>*{position:relative;z-index:1}.glass-button.outline{background:var(--surface-glass);border:1px solid var(--accent-primary);color:var(--accent-primary)}.glass-button.danger{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));border-color:var(--accent-error);color:var(--accent-error);font-weight:500}.glass-button.danger:before{background:radial-gradient(circle,rgba(239,68,68,.3) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.glass-button.danger:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(239,68,68,.2));border-color:var(--accent-error);box-shadow:0 4px 16px rgba(239,68,68,.3);text-shadow:0 0 10px rgba(239,68,68,.5);transform:translateY(-1px)}.glass-button.danger:hover:not(:disabled):before{height:200px;width:200px}.glass-button.danger:active{transform:translateY(0)}.glass-button.danger:disabled{cursor:not-allowed;opacity:.5}.primary-btn{align-items:center;backdrop-filter:var(--blur-glass);background:var(--accent-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:10px 24px;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:all .3s ease}.primary-btn:before{background:radial-gradient(circle,#0076ff 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.primary-btn:hover{box-shadow:0 0 20px #0076ff;transform:translateY(-2px) scale(1.02)}.primary-btn:hover:before{height:200px;width:200px}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.primary-btn>*{position:relative;z-index:1}.danger-btn{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));border:none;border-radius:12px;color:var(--accent-error);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;overflow:hidden;padding:10px 24px;position:relative;transition:all .3s ease}.danger-btn:before{background:radial-gradient(circle,rgba(239,68,68,.3) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(239,68,68,.2));border-color:var(--accent-error);box-shadow:0 4px 16px rgba(239,68,68,.3);text-shadow:0 0 10px rgba(239,68,68,.5);transform:translateY(-1px)}.danger-btn:hover:not(:disabled):before{height:200px;width:200px}.danger-btn:active{transform:translateY(0)}.danger-btn:disabled{cursor:not-allowed;opacity:.5}.glass-input,.glass-select,.glass-textarea{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.glass-input:focus,.glass-select:focus,.glass-textarea:focus{background:var(--surface-glass-active);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.glass-input::placeholder,.glass-textarea::placeholder{color:var(--text-tertiary)}.glass-container{backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:24px;box-shadow:var(--shadow-glass);padding:32px}.glow-text{color:var(--accent-primary);text-shadow:0 0 20px var(--accent-primary-glow)}.status-glow{border-radius:50%;height:12px;position:relative;width:12px}.status-glow:after{animation:pulse 2s infinite;background:inherit;border-radius:50%;bottom:-4px;content:"";filter:blur(8px);left:-4px;opacity:.6;position:absolute;right:-4px;top:-4px}.status-glow.success{background:var(--accent-success)}.status-glow.warning{background:var(--accent-warning)}.status-glow.error{background:var(--accent-error)}.status-glow.primary{background:var(--accent-primary)}@keyframes pulse-size{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.tab-group{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);border-radius:12px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.tab-group,.tab-group.default{background:var(--surface-glass)}.tab-group.default{border:1px solid var(--border-glass)}.tab-group.underline{background:none;border:none;border-bottom:1px solid var(--border-glass);border-radius:0;gap:0;padding:0}.tab-group.pills{background:hsla(0,0%,100%,.03);gap:4px;padding:6px}.tab-button{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover:not(.active){background:var(--surface-glass-hover);color:var(--text-primary)}.tab-button.active{background:linear-gradient(135deg,rgba(74,158,255,.15),rgba(74,158,255,.08));color:var(--accent-primary);text-shadow:0 0 10px var(--accent-primary-glow)}.tab-button:before{background:radial-gradient(circle,var(--accent-primary-glow) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.tab-button.active:before{height:100px;opacity:.3;width:100px}.tab-group.underline .tab-button{background:none;border-bottom:2px solid transparent;border-radius:0;margin:0;padding:12px 20px;position:relative}.tab-group.underline .tab-button:hover:not(.active){background:none;color:var(--text-primary)}.tab-group.underline .tab-button.active{background:none;border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.tab-group.underline .tab-button.active:after{background:var(--accent-primary);bottom:-2px;box-shadow:0 0 10px var(--accent-primary-glow);content:"";height:2px;left:0;position:absolute;right:0}.tab-group.pills .tab-button{border-radius:20px;padding:8px 20px}.tab-group.pills .tab-button:hover:not(.active){background:var(--surface-glass-hover)}.tab-group.pills .tab-button.active{background:var(--accent-primary);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.tab-icon{align-items:center;display:flex;font-size:16px;transition:transform .3s ease}.tab-button:hover .tab-icon{transform:scale(1.1)}.tab-button.active .tab-icon{filter:drop-shadow(0 0 8px var(--accent-primary-glow))}.tab-label{font-weight:inherit;transition:all .3s ease}@media (max-width:640px){.tab-button{font-size:13px;padding:8px 12px}.tab-icon{font-size:14px}.tab-group{gap:4px}.tab-group.underline .tab-button{padding:10px 16px}.tab-group.pills .tab-button{padding:6px 16px}}.glass-loader{display:inline-block;height:48px;position:relative;width:48px}.glass-loader:after{animation:glass-loader 1.2s linear infinite;border:3px solid var(--accent-primary);border-color:var(--accent-primary) transparent var(--accent-primary) transparent;border-radius:50%;content:"";display:block;height:38px;margin:5px;width:38px}@keyframes glass-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.glass-card{border-radius:12px;padding:16px}.glass-container{border-radius:16px;padding:20px}.glass-button{font-size:14px;padding:10px 20px}}.fade-in{animation:fadeIn .5s ease forwards}.slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.neon-border{position:relative}.neon-border:before{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));border-radius:inherit;content:"";filter:blur(10px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.neon-border:hover:before{opacity:.7}.glass-nav{backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);background:hsla(0,0%,6%,.8);border-bottom:1px solid var(--border-glass);box-shadow:0 4px 20px rgba(0,0,0,.5)}.glass-button-active{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:linear-gradient(135deg,rgba(74,158,255,.3),rgba(74,158,255,.2));border:1px solid var(--accent-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 0 10px var(--accent-primary-glow);transition:all .3s ease}.no-underline{text-decoration:none!important}a.glass-card{color:inherit;text-decoration:none}.audio-bar{background:linear-gradient(to top,var(--accent-primary),var(--accent-primary-glow));box-shadow:0 0 5px var(--accent-primary-glow);min-height:4px;transform-origin:bottom;transition:height .08s ease-out;will-change:height}.textarea-wrapper{margin-bottom:16px;position:relative}.textarea-wrapper textarea{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:16px;min-height:120px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.textarea-wrapper textarea:focus{background:var(--surface-glass-active);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.char-counter{background:var(--surface);border-radius:4px;bottom:8px;color:var(--text-secondary);font-size:12px;padding:2px 6px;position:absolute;right:12px}.examples-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.generate-button-container{flex-shrink:0}.slider-container{align-items:center;display:flex;gap:12px}.slider-container input[type=range]{-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;flex:1;height:6px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary-glow);cursor:pointer;height:18px;width:18px}.slider-value{font-weight:500;min-width:50px;text-align:right}.progress-bar{background:hsla(0,0%,100%,.05)}.progress-fill{background:linear-gradient(90deg,var(--accent-primary),rgba(74,158,255,.6));box-shadow:0 0 10px var(--accent-primary-glow)}.audio-player-section{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;margin-top:24px;padding:20px}.audio-player{margin-top:12px;width:100%}.download-btn{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));border:1px solid var(--accent-success);border-radius:8px;color:var(--accent-success);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-top:12px;padding:12px 24px;transition:all .2s}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(16,185,129,.2));box-shadow:0 8px 24px rgba(16,185,129,.3);text-shadow:0 0 10px rgba(16,185,129,.5);transform:translateY(-1px)}.history-section{margin-top:24px}.history-item{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .3s ease}.history-text{flex:1;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-controls{display:flex;gap:8px}.history-btn{font-size:14px;padding:6px 12px}.container{margin:0 auto;max-width:1400px}.stats-grid{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stats-grid.three-col{grid-template-columns:repeat(3,1fr)}.stat-item{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;padding:16px;text-align:center}.stat-label{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.stat-icon{font-size:16px}.stat-value{color:var(--text-primary);font-size:20px;font-weight:600}.glass-select{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;outline:none;padding:12px;transition:all .3s ease;width:100%}.glass-select:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-strong)}.glass-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.glass-select option{background:var(--bg-secondary);color:var(--text-primary)}.settings-panel{margin-bottom:20px}.settings-panel h3{color:var(--text-primary);font-size:18px;margin-bottom:16px}.glass-slider{-webkit-appearance:none;appearance:none;background:var(--surface-glass);border-radius:3px;height:6px;outline:none;transition:all .3s ease;width:100%}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border-radius:50%;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.glass-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--accent-primary-glow);transform:scale(1.2)}.glass-slider::-moz-range-thumb{background:var(--accent-primary);border-radius:50%;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.glass-slider::-moz-range-thumb:hover{box-shadow:0 0 10px var(--accent-primary-glow);transform:scale(1.2)}.toggle-label{align-items:center;cursor:pointer;display:flex}.toggle-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.toggle-text{color:var(--text-primary)}.error-message{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444;margin-bottom:20px}.error-icon{font-size:20px}.modal-content{height:100%}.tabs{display:flex;gap:12px;margin-bottom:20px}.code-content{position:relative}.code-content pre{background:var(--code-bg);border:1px solid var(--border-glass);border-radius:8px;margin:0;max-height:500px;overflow-x:auto;padding:20px}.code-content code{color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5}.copy-button{right:10px;top:10px}.main-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.card{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-glass);padding:24px}.full-width{grid-column:1/-1}.generate-code-btn{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--accent-primary);border-radius:12px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.generate-code-btn:hover{background:linear-gradient(135deg,rgba(74,158,255,.2),rgba(74,158,255,.1));box-shadow:0 4px 16px var(--accent-primary-glow);text-shadow:0 0 10px var(--accent-primary-glow);transform:translateY(-1px)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal,.modal-overlay.active{display:flex}.modal{backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.modal-content{background:transparent;max-height:90vh;max-width:90vw;padding:0;position:relative}.modal-content.markdown-modal{background:#263349;background:linear-gradient(135deg,rgba(74,158,255,.4) 0,transparent 100%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.3) 0,transparent 50%),linear-gradient(191deg,rgba(16,185,129,.2) 0,transparent 50%),linear-gradient(209deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-radius:16px;overflow-y:auto;padding:32px}.modal-content.image-modal{align-items:center;border-radius:1rem;display:flex;justify-content:center}.modal-content.image-modal img{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);max-height:90vh;max-width:100%;object-fit:contain}.modal-tabs-section{background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border-glass)}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:var(--text);font-size:20px;margin:0}.modal-close{align-items:center;background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:rgba(0,0,0,.85);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:fixed;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.modal-close:hover{background:#fff;color:#000;transform:scale(1.1)}.modal-body{flex:1;overflow-y:auto;padding:24px}.code-tabs{display:flex;gap:8px;padding:0 24px}.code-tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:all .2s}.code-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.code-container{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--code-bg);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:20px;position:relative}.code-container pre{word-wrap:break-word;margin:0;white-space:pre-wrap;word-break:break-all}.copy-button{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;font-size:12px;padding:6px 12px;position:absolute;right:12px;top:12px;transition:all .2s}.copy-button:hover{background:linear-gradient(135deg,rgba(74,158,255,.2),rgba(74,158,255,.1));box-shadow:0 2px 8px var(--accent-primary-glow);transform:translateY(-1px)}.copy-button.copied{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));border-color:var(--accent-success);color:var(--accent-success)}h2{font-size:20px;margin-bottom:16px}h2,h3{color:var(--text)}h3{font-size:16px}.connection-warning{align-items:center;animation:fadeIn .3s ease;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--accent-warning);border-radius:12px;color:var(--accent-warning);display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.input-section{gap:2rem}.input-section,.text-inputs{display:flex;flex-direction:column}.text-inputs{gap:12px;margin-bottom:16px}.text-input-wrapper{align-items:center;display:flex;gap:8px}input[type=text]{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;color:var(--text);flex:1;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease}input[type=text]:focus{background:var(--surface-glass-active);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}input[type=text]::placeholder{color:var(--text-tertiary)}button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.5}.secondary-btn{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--text)}.secondary-btn:hover:not(:disabled){background:var(--surface-glass-hover);border-color:var(--border-glass-strong);box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(-1px)}.icon-btn{background:transparent;color:var(--text-secondary);padding:8px}.icon-btn:hover{background:var(--surface-glass-hover);border-radius:8px;color:var(--text-primary)}.settings-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-label{color:var(--text-secondary);font-size:14px;font-weight:500}select{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;color:var(--text);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .3s ease}select:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-strong)}select:focus{background:var(--surface-glass-active);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.controls{flex-wrap:wrap}.progress-bar{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:4px;display:none;height:8px;margin:16px 0;overflow:hidden;width:100%}.progress-bar.active{display:block}.progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));box-shadow:inset 0 0 10px var(--accent-primary-glow);height:100%;transition:width .3s ease;width:0}.embeddings-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.embedding-item{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.embedding-item:hover{background:var(--surface-glass-hover);border-color:var(--accent-primary);box-shadow:0 4px 16px var(--accent-primary-glow);transform:translateY(-1px)}.embedding-item.selected{background:linear-gradient(135deg,rgba(74,158,255,.1),rgba(74,158,255,.05));border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow)}.embedding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.embedding-text{color:var(--text);font-weight:500}.embedding-meta{color:var(--text-secondary);display:flex;font-size:12px;gap:16px}.search-section{margin-bottom:20px}.search-input-wrapper{display:flex;gap:12px;margin-bottom:16px}.search-results{display:flex;flex-direction:column;gap:12px}.result-item{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-left:4px solid var(--accent-primary);border-radius:12px;box-shadow:inset 4px 0 0 0 var(--accent-primary-glow);padding:16px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.similarity-score{color:var(--accent-primary);font-size:24px;font-weight:700;text-shadow:0 0 10px var(--accent-primary-glow)}.similarity-bar{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.similarity-fill{background:linear-gradient(90deg,var(--accent-success),var(--accent-primary));box-shadow:inset 0 0 10px rgba(16,185,129,.3);height:100%;transition:width .3s ease}.analysis-section{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;margin-top:16px;padding:20px}.analysis-content{font-family:inherit;line-height:1.6;white-space:pre-wrap}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.stat-card{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:none!important;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--border-glass-strong);box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.stat-value{color:var(--accent-primary);font-size:24px;font-weight:700;text-shadow:0 0 10px var(--accent-primary-glow)}.stat-label{color:var(--text-secondary);font-size:14px;margin-top:4px}.example-btn{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);font-size:14px;padding:8px 16px;transition:all .3s ease}.example-btn:hover{background:linear-gradient(135deg,rgba(74,158,255,.2),rgba(74,158,255,.1));box-shadow:0 2px 8px var(--accent-primary-glow);color:var(--text-primary);text-shadow:0 0 10px var(--accent-primary-glow);transform:translateY(-1px)}.error-message{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3);border-radius:12px;box-shadow:inset 0 0 20px rgba(239,68,68,.1);color:var(--accent-error);display:flex;gap:8px;margin-top:16px;padding:12px 16px}@media (max-width:768px){.main-grid{grid-template-columns:1fr}}.status-section{padding:0 0 10px 12px}.control-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.control-header .status{flex:1;min-width:150px}.control-header .model-select{flex:1;max-width:350px;min-width:250px}.control-header .controls{display:flex;gap:12px}.control-header .controls button{white-space:nowrap}.status{align-items:center;color:var(--text);display:flex;font-size:16px;font-weight:500;gap:12px}.status-indicator{background:#e0e0e0;border-radius:50%;height:12px;transition:all .3s;width:12px}.status.connected .status-indicator{animation:pulse-size 2s infinite;background:#0add00}.status.connecting .status-indicator{animation:pulse 1s infinite;background:#e0e0e0}.status.error .status-indicator{background:var(--error)}.controls{display:flex;gap:12px}.transcript-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.transcript-header h2{color:var(--text);font-size:18px;font-weight:600;margin:0}.transcript-container{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;line-height:1.8;max-height:500px;min-height:300px;overflow-y:auto;padding:20px}.transcript-empty{color:var(--text-secondary);padding:40px;text-align:center}.transcript-line{animation:fadeIn .3s ease;margin-bottom:8px;padding:4px 0}.transcript-line.preview{color:var(--accent-primary);font-style:italic;opacity:.9;text-shadow:0 0 5px var(--accent-primary-glow)}.audio-visualizer{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:linear-gradient(135deg,rgba(74,158,255,.05),rgba(74,158,255,.02));border:1px solid var(--border-glass);border-radius:16px;box-shadow:inset 0 2px 10px rgba(0,0,0,.2),0 4px 20px rgba(74,158,255,.1);display:flex;gap:2px;height:120px;justify-content:center;margin:20px 0;overflow:hidden;padding:0 20px;position:relative;width:100%}.audio-bar{background:#1a73e8;border-radius:2px;transition:height .1s ease;width:3px}.model-select{backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:hsla(0,0%,100%,.05);border:1px solid var(--border-glass);border-radius:12px;color:var(--text);font-size:15px;font-weight:500;max-width:100%;padding:10px 16px;transition:all .3s ease}.model-select:focus{background:var(--surface-glass-active);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.model-select optgroup{font-weight:600}.message{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:3px}.message.user{align-items:flex-end}.message-row,.message.assistant{align-items:flex-start}.message-row{display:flex;gap:12px;max-width:100%;width:100%}.message.user .message-row{flex-direction:row-reverse}.message-metadata{align-items:center;color:hsla(0,0%,100%,.3);display:flex;font-size:12px;gap:8px;justify-content:space-between;max-width:100%;padding-left:49px}.message-details{align-items:center;display:flex;gap:0;margin-left:auto}.message.user .message-metadata{flex-direction:row-reverse;padding-left:0;padding-right:48px}.message.user .message-details{margin-left:0;margin-right:auto}.message-model{font-weight:500}.message-timestamp{opacity:.7}.message-tags{align-items:center;display:flex;gap:4px}.message-tag{backdrop-filter:blur(8px);background:rgba(74,158,255,.15);border:1px solid rgba(74,158,255,.3);border-radius:12px;color:var(--accent-primary);font-size:11px;font-weight:500;padding:2px 8px;transition:all .2s ease;white-space:nowrap}.message-tag:hover{background:rgba(74,158,255,.25);border-color:rgba(74,158,255,.5);transform:translateY(-1px)}.message-agent-tags{align-items:center;display:flex;gap:4px;margin-left:8px}.message-agent-tag{backdrop-filter:blur(8px);background:rgba(138,43,226,.15);border:1px solid rgba(138,43,226,.3);border-radius:12px;color:#ba6dff;font-size:11px;font-weight:500;padding:2px 8px;transition:all .2s ease;white-space:nowrap}.message-agent-tag:hover{background:rgba(138,43,226,.25);border-color:rgba(138,43,226,.5);transform:translateY(-1px)}.message-request-stats{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;gap:6px;margin-left:8px}.request-cost{background:rgba(16,185,129,.15);color:#10b981}.request-cost,.request-duration{border-radius:6px;font-weight:500;padding:2px 6px}.request-duration{background:rgba(245,158,11,.15);color:#f59e0b}.duration-with-tools{color:var(--text-tertiary);font-size:10px}.message-summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;transition:opacity .2s ease;user-select:none}.message-summary:hover{opacity:.8}.message-summary.expanded{border-bottom:1px solid hsla(0,0%,100%,.05);padding:0 0 13px}.expandable-content{will-change:max-height}.expand-icon{display:inline-block;font-size:12px}.message-prefix{color:var(--text-secondary);font-weight:600;margin-right:8px}.message-avatar{align-items:center;backdrop-filter:none!important;background:none!important;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center}.message-avatar svg{fill:hsla(0,0%,100%,.1);max-height:40%;max-width:40%}.message-avatar.user{background:var(--accent-primary)}.message-avatar.assistant{background:var(--accent-secondary)}.message-content-wrapper{display:flex;flex:1;flex-direction:column;min-width:0}.message-content{flex:1;min-width:0}.message-content .glass{backdrop-filter:var(--blur-glass);background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:.8rem;font-size:.93rem;margin-bottom:1rem;margin-top:0;padding:1rem 1.2rem}.message-content .glass.thinking-content{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.3);font-size:.85rem;font-style:italic;line-height:1.2rem}.message-content .glass.thinking-content+.tool-calls{margin-top:2rem}.message-content .glass.tool-call{backdrop-filter:none;background:transparent;border-color:transparent;padding-top:0}.message-content .glass ol,.message-content .glass ul{padding-inline-start:1em}.message-content .glass hr{border-color:rgba(16,185,129,.2);margin:1rem 0}.message-content .glass ol,.message-content .glass p,.message-content .glass ul{margin:0 0 .5rem}.message-content .glass ol:last-child,.message-content .glass p:last-child,.message-content .glass ul:last-child{margin-bottom:0}.message-content .glass pre{white-space:pre-wrap}.message-content.user .glass{background:linear-gradient(135deg,rgba(74,158,255,.1),rgba(74,158,255,.05));border-color:rgba(74,158,255,.3)}.message-text{word-wrap:break-word;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-text code{background:var(--code-bg);border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.message-text pre{background:var(--code-bg);border:1px solid var(--border-glass);border-radius:8px;margin:8px 0;overflow-x:auto;padding:12px}.message-text pre code{background:none;padding:0}.message-text ol,.message-text ul{margin:8px 0;padding-left:24px}.message-text li{margin:4px 0}.message-text strong{color:var(--text-primary);font-weight:600}.message-text em{font-style:italic;opacity:.9}.message-text a{border-bottom:1px solid transparent;color:var(--accent-primary);text-decoration:none;transition:border-color .2s ease}.message-text a:hover{border-bottom-color:var(--accent-primary)}.thinking-content{background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.2);border-radius:8px;margin-top:12px;padding:12px}.thinking-header{align-items:center;color:var(--accent-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.thinking-text{color:var(--text-secondary);font-size:14px;line-height:1.5;white-space:pre-wrap}.tool-calls{display:flex;flex-direction:column}.tool-call,.tool-result{border-radius:8px;font-size:14px;padding:10px}.tool-call pre,.tool-result pre{white-space:pre-wrap}.tool-call .tool-arguments,.tool-result .tool-arguments{color:#ababab}.tool-call .tool-arguments strong,.tool-result .tool-arguments strong{font-weight:400}.tool-result{border-top:1px solid hsla(0,0%,100%,.05)}.tool-result ol,.tool-result ul{max-width:100%}.tool-result ol,.tool-result ol li,.tool-result p,.tool-result ul,.tool-result ul li{word-wrap:break-word;word-break:break-all}.tool-call+.tool-result{margin-top:1rem;padding-top:20px}.tool-call-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tool-call-name{color:var(--accent-primary);font-weight:500}.tool-call-status{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.tool-call-status.running{color:var(--accent-warning)}.tool-call-status.completed{color:var(--accent-success)}.tool-call-status.error{color:var(--accent-error)}.tool-call-args{background:var(--code-bg);border:1px solid var(--border-glass);border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;margin-bottom:8px;overflow-x:auto;padding:8px}.tool-call-result{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:6px;color:var(--text-primary);font-size:13px;max-height:200px;overflow-y:auto;padding:8px;white-space:pre-wrap}.conversation{display:flex;flex-direction:column;height:100%;padding:0 3%}.conversation-container{flex:1;overflow-y:auto;padding:30px 0}.conversation-wrapper{display:flex;min-height:100%;padding:20px 0}.memory-tag-graph-wrapper{align-self:flex-start;animation:fadeIn .3s ease-in;flex-shrink:0;height:100%;min-width:40px;padding-left:8px;padding-right:8px;position:sticky;top:0;transition:width .2s ease-out}.memory-tag-graph{height:100%;position:relative}.memory-tag-graph svg{display:block;position:relative}.memory-tag-graph svg circle,.memory-tag-graph svg line,.memory-tag-graph svg path,.memory-tag-graph svg rect,.memory-tag-graph svg text{transition:all .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.memory-tag-graph svg circle[filter="blur(2px)"]{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.4}}.memory-tag-graph svg g[style*="cursor: pointer"]:hover text{transform:translateY(-1px)}.messages{display:flex;flex:1;flex-direction:column;gap:16px;padding-left:0}.message-thread{align-items:center;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-right:8px;padding:4px 10px}.thread-icon{font-size:14px}.thread-main{background:rgba(74,158,255,.1);border-color:rgba(74,158,255,.3);color:var(--accent-primary)}.thread-metamemory{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.thread-metacognition{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.3);color:#7c3aed}.message.thread-main{border-left:3px solid rgba(74,158,255,.5);padding-left:13px}.message.thread-metamemory{background:linear-gradient(90deg,rgba(239,68,68,.05) 0,transparent);border-left:3px solid rgba(239,68,68,.5);padding-left:13px}.message.thread-metacognition{background:linear-gradient(90deg,rgba(124,58,237,.05) 0,transparent);border-left:3px solid rgba(124,58,237,.5);padding-left:13px}.message.compact{padding:8px 0}.message.compact .message-metadata{display:none}.empty-state{color:var(--text-secondary);font-size:14px;padding:40px 20px;text-align:center}.loading-indicator{display:flex;padding:30px 50px}.loading-dots{align-items:center;display:flex;gap:4px}.loading-dots .dot{animation:loading-pulse 1.4s ease-in-out infinite;background-color:var(--text-tertiary);border-radius:50%;height:8px;width:8px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes loading-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-indicator{display:flex;gap:4px;padding:8px 12px}.typing-dot{animation:typing 1.4s ease-in-out infinite;background:var(--text-secondary);border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.code-modal .modal-tabs-section{background:transparent;border-bottom:none;margin:0 -24px;padding:0 24px}.code-modal .tab-group.underline{background:transparent;border-bottom:1px solid var(--border-glass);margin-bottom:0}.code-modal .code-modal-content{margin:0;padding:0}.code-modal .code-display{background:var(--code-bg);border:none;border-radius:0;margin:0}.code-modal .code-display pre{background:transparent;border:none;border-radius:0;margin:0;max-height:60vh;overflow:auto;padding:24px}.code-modal .code-display .copy-button{position:absolute;right:12px;top:12px;z-index:10}.code-modal .enhanced-modal-body,.code-modal .tab-panel{padding:0}.code-display{background:var(--code-bg,#1e1e1e);border-radius:8px;overflow:hidden;position:relative}.code-display .code-container{overflow:auto;position:relative}.code-display .code-container::-webkit-scrollbar{display:block;height:8px;width:8px}.code-display .code-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.code-display .code-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.code-display .code-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.code-display pre{color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:20px;white-space:pre}.code-display code{background:none;color:inherit;font-family:inherit;font-size:inherit;padding:0}.code-display .copy-button{align-items:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;position:absolute;transition:all .2s ease;z-index:10}.code-display .copy-button.top{right:12px;top:12px}.code-display .copy-button.bottom{bottom:12px;right:12px}.code-display .copy-button:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-strong);color:var(--text-primary);transform:translateY(-1px)}.code-display .copy-button.copied{border-color:var(--accent-success);color:var(--accent-success)}.code-display .copy-button svg{height:16px;width:16px}.conversation-wrapper{align-items:start;display:grid;gap:8px;grid-template-columns:auto 1fr}.tag-introduction,.tagged-message{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.highlighted{background:hsla(0,0%,100%,.03);border-left:3px solid hsla(0,0%,100%,.2);transition:background .3s ease-in-out,border-left .3s}.tagged-message{position:relative}.tag-introduction{background:none;border:none;cursor:default;margin-top:50px;padding:0 4px}.tag-header{transition:opacity .2s ease}.tag-header:hover{opacity:.8}.tag-description{animation:fadeIn .3s ease;color:hsla(0,0%,100%,.3);font-size:12px;line-height:1.3;margin:4px 0 0}.tag-introduction:first-child{margin-top:0}.message.branch-end{margin-bottom:10px}.message.branch-end:last-child{margin-bottom:0}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.transparent-grid-bg,.transparent-grid-bg-large,.transparent-grid-bg-small{background:#fff;background:conic-gradient(#fff 90deg,#f0f0f0 90deg 180deg,#fff 180deg 270deg,#f0f0f0 270deg);background-position:0 0;background-repeat:repeat;background-size:40px 40px}.transparent-grid-bg-small{background-size:17px 17px}.transparent-grid-bg-large{background-size:70px 70px}.message-image-container{border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;height:140px;overflow:hidden;transition:all .2s ease;width:200px}.message-image-container:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.no-content{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;min-height:200px;padding:20px;text-align:center}.message-image{height:100%;object-fit:cover;object-position:center;transition:transform .2s ease;width:100%}.message-image-container:hover .message-image{transform:scale(1.05)}.image-modal-content{align-items:center;display:flex;justify-content:center;min-height:200px}.image-modal-content img{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media (max-width:768px){.with-graph .conversation-wrapper{grid-template-columns:1fr}.memory-tag-graph-wrapper{display:none}}.message-body.glass{backdrop-filter:blur(8px);background:rgba(var(--color),.03);border:1px solid rgba(var(--color),.15);border-radius:12px}.float{animation:floatAnimation 3s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message-body a{color:#fff}.header-navigation{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;width:100%}.header-tabs{align-items:center;backdrop-filter:var(--blur-glass);display:flex;padding:14px 21px}.header-tab{background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:400;gap:6px;line-height:22px;outline:none;padding:5px 20px 10px;position:relative;transition:color .2s ease}.header-tab:hover{color:hsla(0,0%,100%,.9)}.header-tab.active{border-bottom:1px solid #4a9eff;color:#fff}.header-tab .header-tab-count{opacity:.5}.llm-request-log{display:flex;gap:0;height:100%}.llm-request-log .request-list{display:flex;flex:1;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto;padding:20px}.llm-request-log .request-item{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.llm-request-log .request-item:hover{background:rgba(74,158,255,.05);border-color:rgba(74,158,255,.2)}.llm-request-log .request-item.selected{background:rgba(74,158,255,.1);border-color:var(--primary)}.llm-request-log .request-item.pending{border-left:4px solid var(--warning)}.llm-request-log .request-item.complete{border-left:4px solid var(--success)}.llm-request-log .request-item.error{border-left:4px solid var(--error)}.llm-request-log .request-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.llm-request-log .request-meta{align-items:center;display:flex;gap:8px}.llm-request-log .status-badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.llm-request-log .status-badge.pending{background:rgba(255,193,7,.2);color:var(--warning)}.llm-request-log .status-badge.complete{background:rgba(40,167,69,.2);color:var(--success)}.llm-request-log .status-badge.error{background:rgba(220,53,69,.2);color:var(--error)}.llm-request-log .request-model{color:var(--primary);font-weight:600}.llm-request-log .request-time{color:var(--text-secondary)}.llm-request-log .request-preview{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:8px}.llm-request-log .request-stats{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.llm-request-log .request-stats span{background:hsla(0,0%,100%,.05);border:1px solid var(--border);border-radius:3px;padding:2px 6px}.llm-request-log .request-tags{display:flex;flex-wrap:wrap;gap:4px}.llm-request-log .request-tag{backdrop-filter:blur(4px);background:rgba(138,43,226,.15);border:1px solid rgba(138,43,226,.3);border-radius:10px;color:#ba6dff;font-size:10px;font-weight:500;padding:2px 6px;transition:all .2s ease;white-space:nowrap}.llm-request-log .request-tag:hover{background:rgba(138,43,226,.25);border-color:rgba(138,43,226,.5);transform:translateY(-1px)}.llm-request-log .empty-state{color:var(--text-secondary);font-size:14px;padding:40px;text-align:center}.llm-request-log .request-details{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;display:flex;flex:1;flex-direction:column;margin:20px 20px 20px 0;overflow:hidden}.llm-request-log .details-header{align-items:center;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;padding:16px}.llm-request-log .details-header h3{font-size:16px;font-weight:600;margin:0}.llm-request-log .details-header .close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.llm-request-log .details-header .close-button:hover{background:var(--surface);color:var(--text)}.llm-request-log .details-tabs{border-bottom:1px solid var(--border-glass);display:flex;gap:0;padding:0 16px}.llm-request-log .tab-button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.llm-request-log .tab-button:hover{background:hsla(0,0%,100%,.02);color:var(--text-primary)}.llm-request-log .tab-button.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.llm-request-log .tab-button:before{display:none!important}.llm-request-log .details-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.llm-request-log .tab-content{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:16px}.llm-request-log .detail-section{margin-bottom:24px}.llm-request-log .detail-section h4{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:12px}.llm-request-log .metadata-grid{display:grid;font-size:13px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.llm-request-log .metadata-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:8px}.llm-request-log .metadata-grid strong{color:var(--text-secondary)}.llm-request-log .metadata-tags{align-items:center;display:flex;gap:10px;grid-column:1/-1}.llm-request-log .metadata-tags .request-tags{margin-left:8px}.llm-request-log .message{margin-bottom:12px}.llm-request-log .message .message-role{color:var(--text-secondary);font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.llm-request-log .message .message-content,.llm-request-log .message .response-content{background:var(--surface);border:1px solid var(--border);border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;line-height:1.5;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.llm-request-log .message .message-content.error,.llm-request-log .message .response-content.error{background:rgba(220,53,69,.1);border-color:var(--error);color:var(--error)}.llm-request-log .message.user .message-role{color:var(--primary)}.llm-request-log .message.assistant .message-role{color:var(--success)}.llm-request-log .message.system .message-role{color:var(--warning)}.llm-request-log .tab-content .response-content{flex:1;max-height:none;white-space:pre-wrap;word-break:break-word}.llm-request-log .usage-stats{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-top:12px}.llm-request-log .usage-stats span{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 8px}.cost-view{padding:24px}.cost-view .cost-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.cost-view .cost-view-header h3{color:hsla(0,0%,100%,.9);font-size:20px;font-weight:600;margin:0}.cost-view .cost-view-header .cost-view-total{align-items:baseline;display:flex;gap:8px}.cost-view .cost-view-header .cost-view-total .label{color:hsla(0,0%,100%,.6);font-size:14px}.cost-view .cost-view-header .cost-view-total .value{color:#34d399;font-size:24px;font-weight:600}.cost-view .cost-view-stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.cost-view .cost-view-stats .stat{background:hsla(0,0%,100%,.05);border-radius:8px;padding:16px;text-align:center}.cost-view .cost-view-stats .stat .stat-label{color:hsla(0,0%,100%,.6);display:block;font-size:12px;margin-bottom:4px}.cost-view .cost-view-stats .stat .stat-value{color:hsla(0,0%,100%,.9);display:block;font-size:20px;font-weight:600}.cost-view .cost-view-models{display:flex;flex-direction:column;gap:16px}.cost-view .cost-view-models .model-cost{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px;transition:all .2s ease}.cost-view .cost-view-models .model-cost:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}.cost-view .cost-view-models .model-cost .model-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cost-view .cost-view-models .model-cost .model-header .model-name{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:500}.cost-view .cost-view-models .model-cost .model-header .model-total{color:#60a5fa;font-size:14px;font-weight:600}.cost-view .cost-view-models .model-cost .model-progress{background:hsla(0,0%,100%,.1);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.cost-view .cost-view-models .model-cost .model-progress .model-progress-bar{background:linear-gradient(90deg,#60a5fa,#34d399);border-radius:2px;height:100%;transition:width .3s ease}.cost-view .cost-view-models .model-cost .model-details{display:flex;flex-wrap:wrap;gap:16px}.cost-view .cost-view-models .model-cost .model-details .detail{color:hsla(0,0%,100%,.6);font-size:12px}.cost-view .cost-view-models .model-cost .model-details .detail.cached{color:#fbbf24}.cost-view .cost-view-empty{padding:48px 24px;text-align:center}.cost-view .cost-view-empty p{color:hsla(0,0%,100%,.5);font-size:14px;margin:0}.markdown-viewer-container{display:flex;flex-direction:column;gap:12px;margin-top:12px}.markdown-viewer-box{backdrop-filter:var(--blur-glass);background:rgba(251,191,36,.03);border-radius:8px;color:#fff;margin-bottom:1rem;overflow:hidden}.markdown-viewer-header{align-items:center;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;padding:1rem .9rem 1rem 2rem}.markdown-viewer-filename{font-size:14.4px;font-weight:500}.markdown-viewer-expand{align-items:center;background:none;border:none;border-radius:4px;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.markdown-viewer-expand:hover{color:#fff;transform:scale(1.15)}.markdown-viewer-content{font-size:14.4px;line-height:1.6;max-height:300px;overflow-y:auto;padding:1rem 2rem}.markdown-viewer-content h1,.markdown-viewer-content h2,.markdown-viewer-content h3,.markdown-viewer-content h4,.markdown-viewer-content h5,.markdown-viewer-content h6{font-weight:600;margin-bottom:8px;margin-top:16px}.markdown-viewer-content h1{font-size:1.5em}.markdown-viewer-content h2{font-size:1.3em}.markdown-viewer-content h3{font-size:1.1em}.markdown-viewer-content p{margin:8px 0}.markdown-viewer-content ol,.markdown-viewer-content ul{margin:8px 0;padding-left:24px}.markdown-viewer-content code{background:hsla(0,0%,100%,.1);border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 4px}.markdown-viewer-content pre{background:rgba(0,0,0,.3);border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.markdown-viewer-content pre code{background:none;padding:0}.markdown-viewer-content blockquote{border-left:3px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8);font-style:italic;margin:12px 0;padding-left:12px}.markdown-viewer-content a{color:#60a5fa;text-decoration:none}.markdown-viewer-content a:hover{text-decoration:underline}.markdown-viewer-content hr{border:none;border-top:1px solid hsla(0,0%,100%,.1);margin:16px 0}.markdown-viewer-content table{border-collapse:collapse;margin:12px 0;width:100%}.markdown-viewer-content table td,.markdown-viewer-content table th{border:1px solid hsla(0,0%,100%,.1);padding:8px;text-align:left}.markdown-viewer-content table th{background:hsla(0,0%,100%,.05);font-weight:600}.markdown-viewer-loading{color:hsla(0,0%,100%,.5);padding:20px;text-align:center}.markdown-viewer-error{color:#ef4444;font-weight:500;padding:20px}.markdown-viewer-modal-title{border-bottom:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9);font-size:18px;font-weight:600;margin:5px 0 40px!important;padding:0 0 20px!important}.markdown-viewer-modal-content{font-size:15px;line-height:1.6;max-height:100%;overflow-y:auto;padding:3rem 4rem}.markdown-viewer-modal-content h1,.markdown-viewer-modal-content h2,.markdown-viewer-modal-content h3,.markdown-viewer-modal-content h4,.markdown-viewer-modal-content h5,.markdown-viewer-modal-content h6{font-weight:600;margin-bottom:12px;margin-top:30px}.markdown-viewer-modal-content h1{font-size:1.8em;margin-bottom:30px}.markdown-viewer-modal-content h2{font-size:1.5em}.markdown-viewer-modal-content h3{font-size:1.3em}.markdown-viewer-modal-content p{margin:12px 0}.markdown-viewer-modal-content ol,.markdown-viewer-modal-content ul{margin:12px 0;padding-left:28px}.markdown-viewer-modal-content code{background:hsla(0,0%,100%,.1);border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}.markdown-viewer-modal-content pre{background:rgba(0,0,0,.3);border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.markdown-viewer-modal-content pre code{background:none;padding:0}.markdown-viewer-modal-content blockquote{border-left:4px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8);font-style:italic;margin:16px 0;padding-left:16px}.markdown-viewer-modal-content a{color:#60a5fa;text-decoration:none}.markdown-viewer-modal-content a:hover{text-decoration:underline}.markdown-viewer-modal-content hr{border:none;border-top:1px solid hsla(0,0%,100%,.1);margin:20px 0}.markdown-viewer-modal-content table{border-collapse:collapse;margin:16px 0;width:100%}.markdown-viewer-modal-content table td,.markdown-viewer-modal-content table th{border:1px solid hsla(0,0%,100%,.1);padding:10px;text-align:left}.markdown-viewer-modal-content table th{background:hsla(0,0%,100%,.05);font-weight:600}.cognition-view{background:var(--surface);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.cognition-view .cognition-header{background:var(--surface-glass);border-bottom:1px solid var(--border-glass);padding:16px 20px}.cognition-view .cognition-header h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 12px}.cognition-view .cognition-header .stats-summary{display:flex;flex-wrap:wrap;gap:20px}.cognition-view .cognition-header .stats-summary .stat-item{align-items:center;display:flex;flex-direction:column;flex-grow:1}.cognition-view .cognition-header .stats-summary .stat-item .stat-value{color:var(--accent-primary);font-size:20px;font-weight:600}.cognition-view .cognition-header .stats-summary .stat-item .stat-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.cognition-view .cognition-tabs{background:var(--surface-glass);border-bottom:1px solid var(--border-glass);display:flex}.cognition-view .cognition-tabs .tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-secondary);cursor:pointer;flex:1;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;position:relative;transition:all .2s ease}.cognition-view .cognition-tabs .tab:hover{background:rgba(var(--accent-primary-rgb),.05);color:var(--text)}.cognition-view .cognition-tabs .tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.cognition-view .cognition-tabs .tab.active:after{background:var(--surface-glass);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.cognition-view .cognition-content{flex:1;overflow-y:auto;padding:20px}.cognition-view .analysis-events-section .events-list{display:grid;gap:12px}.cognition-view .analysis-events-section .analysis-event{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;padding:16px}.cognition-view .analysis-events-section .analysis-event.running{background:rgba(var(--warning-rgb),.05);border-color:var(--warning)}.cognition-view .analysis-events-section .analysis-event.completed{border-color:var(--success)}.cognition-view .analysis-events-section .analysis-event .event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cognition-view .analysis-events-section .analysis-event .event-header .event-meta{align-items:center;display:flex;gap:12px}.cognition-view .analysis-events-section .analysis-event .event-header .event-meta .event-status{color:var(--text);font-weight:500}.cognition-view .analysis-events-section .analysis-event .event-header .event-meta .event-time{color:var(--text-secondary);font-size:14px}.cognition-view .analysis-events-section .analysis-event .event-header .event-meta .event-duration{background:var(--surface);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.cognition-view .analysis-events-section .analysis-event .event-header .request-count{color:var(--accent-primary);font-size:14px;font-weight:500}.cognition-view .analysis-events-section .analysis-event .event-adjustments{margin-bottom:16px}.cognition-view .analysis-events-section .analysis-event .event-adjustments h5{color:var(--text);font-size:14px;font-weight:600;margin:0 0 8px}.cognition-view .analysis-events-section .analysis-event .event-adjustments ul{margin:0;padding-left:20px}.cognition-view .analysis-events-section .analysis-event .event-adjustments ul li{color:var(--text-secondary);font-size:14px;margin-bottom:4px}.cognition-view .analysis-events-section .analysis-event .event-thoughts h5{color:var(--text);font-size:14px;font-weight:600;margin:0 0 8px}.cognition-view .analysis-events-section .analysis-event .event-thoughts .thought-item{background:var(--surface);border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.cognition-view .analysis-events-section .analysis-event .event-thoughts .thought-item .thought-icon{flex-shrink:0;font-size:20px}.cognition-view .analysis-events-section .analysis-event .event-thoughts .thought-item .thought-content{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.5}.cognition-view .state-section .cognition-state .state-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.cognition-view .state-section .cognition-state .state-grid .state-item{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;padding:16px;text-align:center}.cognition-view .state-section .cognition-state .state-grid .state-item .state-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cognition-view .state-section .cognition-state .state-grid .state-item .state-value{color:var(--text);font-size:18px;font-weight:600}.cognition-view .state-section .cognition-state .state-section{margin-top:24px}.cognition-view .state-section .cognition-state .state-section h5{color:var(--text);font-size:14px;font-weight:600;margin:0 0 12px}.cognition-view .state-section .cognition-state .state-section .model-list{margin:0;padding-left:20px}.cognition-view .state-section .cognition-state .state-section .model-list li{color:var(--text-secondary);font-family:monospace;font-size:14px;margin-bottom:4px}.cognition-view .state-section .cognition-state .state-section .model-scores{display:grid;gap:8px}.cognition-view .state-section .cognition-state .state-section .model-scores .model-score{align-items:center;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.cognition-view .state-section .cognition-state .state-section .model-scores .model-score .model-name{color:var(--text-secondary);font-family:monospace;font-size:14px}.cognition-view .state-section .cognition-state .state-section .model-scores .model-score .model-score-value{color:var(--accent-primary);font-size:16px;font-weight:600}.cognition-view .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cognition-view .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.cognition-view .empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.memory-view{background:var(--surface);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.memory-view .memory-header{background:var(--surface-glass);border-bottom:1px solid var(--border-glass);padding:16px 20px}.memory-view .memory-header h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 12px}.memory-view .memory-header .stats-summary{display:flex;flex-wrap:wrap;gap:20px}.memory-view .memory-header .stats-summary .stat-item{align-items:center;display:flex;flex-direction:column;flex-grow:1}.memory-view .memory-header .stats-summary .stat-item .stat-value{color:var(--accent-primary);font-size:20px;font-weight:600}.memory-view .memory-header .stats-summary .stat-item .stat-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.memory-view .memory-tabs{background:var(--surface-glass);border-bottom:1px solid var(--border-glass);display:flex}.memory-view .memory-tabs .tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-secondary);cursor:pointer;flex:1;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;position:relative;transition:all .2s ease}.memory-view .memory-tabs .tab:hover{background:rgba(var(--accent-primary-rgb),.05);color:var(--text)}.memory-view .memory-tabs .tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.memory-view .memory-tabs .tab.active:after{background:var(--surface-glass);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.memory-view .filter-bar{align-items:center;background:rgba(var(--info-rgb),.1);border-bottom:1px solid var(--border-glass);display:flex;font-size:14px;justify-content:space-between;padding:12px 20px}.memory-view .filter-bar strong{color:var(--accent-primary)}.memory-view .filter-bar button{background:var(--surface);border:1px solid var(--border-glass);border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px}.memory-view .filter-bar button:hover{background:var(--surface-glass)}.memory-view .memory-content{flex:1;overflow-y:auto;padding:20px}.memory-view .topics-section .topics-list{display:grid;gap:12px}.memory-view .topics-section .topic-item{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.memory-view .topics-section .topic-item:hover{border-color:var(--accent-primary);box-shadow:0 2px 4px rgba(0,0,0,.1)}.memory-view .topics-section .topic-item.selected{background:rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary)}.memory-view .topics-section .topic-item .topic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.memory-view .topics-section .topic-item .topic-header .topic-name{color:var(--text);font-weight:600}.memory-view .topics-section .topic-item .topic-header .topic-type{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.memory-view .topics-section .topic-item .topic-header .topic-type.core{background:rgba(var(--error-rgb),.1);color:var(--error)}.memory-view .topics-section .topic-item .topic-header .topic-type.active{background:rgba(var(--success-rgb),.1);color:var(--success)}.memory-view .topics-section .topic-item .topic-header .topic-type.idle{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.memory-view .topics-section .topic-item .topic-header .topic-type.archived{background:var(--surface-dark);color:var(--text-secondary)}.memory-view .topics-section .topic-item .topic-header .topic-type.ephemeral{background:rgba(var(--info-rgb),.1);color:var(--info)}.memory-view .topics-section .topic-item .topic-description{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.memory-view .topics-section .topic-item .topic-meta{color:var(--text-muted);font-size:12px}.memory-view .messages-section .messages-list{display:grid;gap:12px}.memory-view .messages-section .tagged-message{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;overflow:hidden}.memory-view .messages-section .tagged-message .message-header{cursor:pointer;padding:16px;transition:background .2s ease}.memory-view .messages-section .tagged-message .message-header:hover{background:rgba(var(--accent-primary-rgb),.05)}.memory-view .messages-section .tagged-message .message-header .message-summary{align-items:center;display:flex;gap:12px;margin-bottom:8px}.memory-view .messages-section .tagged-message .message-header .message-summary .expand-icon{color:var(--text-secondary);font-size:12px}.memory-view .messages-section .tagged-message .message-header .message-summary .message-id{color:var(--text-muted);font-family:monospace;font-size:12px}.memory-view .messages-section .tagged-message .message-header .message-summary .message-summary-text{color:var(--text);flex:1;font-weight:500}.memory-view .messages-section .tagged-message .message-header .message-tags{display:flex;flex-wrap:wrap;gap:8px}.memory-view .messages-section .tagged-message .message-header .message-tags .tag{background:rgba(var(--accent-primary-rgb),.1);border-radius:16px;color:var(--accent-primary);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.memory-view .messages-section .tagged-message .message-header .message-tags .tag.selected,.memory-view .messages-section .tagged-message .message-header .message-tags .tag:hover{background:var(--accent-primary);color:#fff}.memory-view .messages-section .tagged-message .message-content{padding:0 16px 16px}.memory-view .messages-section .tagged-message .message-content pre{background:var(--surface-dark);border-radius:4px;font-size:12px;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:12px}.memory-view .messages-section .tagged-message .message-meta{background:var(--surface);border-top:1px solid var(--border-glass);color:var(--text-muted);font-size:12px;padding:8px 16px}.memory-view .events-section .events-list{display:grid;gap:12px}.memory-view .events-section .tagging-event{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;padding:16px}.memory-view .events-section .tagging-event.running{background:rgba(var(--warning-rgb),.05);border-color:var(--warning)}.memory-view .events-section .tagging-event.completed{border-color:var(--success)}.memory-view .events-section .tagging-event .event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.memory-view .events-section .tagging-event .event-header .event-meta{align-items:center;display:flex;gap:12px}.memory-view .events-section .tagging-event .event-header .event-meta .event-status{color:var(--text);font-weight:500}.memory-view .events-section .tagging-event .event-header .event-meta .event-time{color:var(--text-secondary);font-size:14px}.memory-view .events-section .tagging-event .event-header .event-meta .event-duration{background:var(--surface);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.memory-view .events-section .tagging-event .event-header .message-count{color:var(--text-secondary);font-size:14px}.memory-view .events-section .tagging-event .event-stats{display:flex;flex-direction:column;gap:8px}.memory-view .events-section .tagging-event .event-stats .stat-row{display:flex;flex-wrap:wrap;gap:12px}.memory-view .events-section .tagging-event .event-stats .stat-row .stat-item{border-radius:4px;font-size:12px;font-weight:500;padding:4px 12px}.memory-view .events-section .tagging-event .event-stats .stat-row .stat-item.new{background:rgba(var(--success-rgb),.1);color:var(--success)}.memory-view .events-section .tagging-event .event-stats .stat-row .stat-item.updated{background:rgba(var(--info-rgb),.1);color:var(--info)}.memory-view .events-section .tagging-event .event-stats .stat-row .stat-item.clickable{cursor:pointer;transition:all .2s ease}.memory-view .events-section .tagging-event .event-stats .stat-row .stat-item.clickable:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.memory-view .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.memory-view .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.memory-view .empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.compaction-section{height:100%;overflow-y:auto}.compaction-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.compaction-item{background:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.compaction-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.compaction-item.core{border-left:4px solid #007bff}.compaction-item.active{border-left:4px solid #28a745}.compaction-item.idle{border-left:4px solid #ffc107}.compaction-item.archived{border-left:4px solid #6c757d}.compaction-item.ephemeral{border-left:4px solid #17a2b8}.compaction-header{align-items:center;background:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.compaction-header:hover{background:var(--hover-bg)}.compaction-title{align-items:center;display:flex;gap:.5rem}.compaction-title .expand-icon{color:var(--text-secondary);font-size:.8rem;transition:transform .2s ease}.compaction-title .topic-name{color:var(--text-primary);font-weight:600}.compaction-title .topic-type{background:var(--badge-bg);border-radius:12px;color:var(--badge-color);font-size:.75rem;padding:.125rem .5rem}.compaction-stats{color:var(--text-secondary);display:flex;font-size:.875rem;gap:1rem}.compaction-stats .message-count,.compaction-stats .token-count{align-items:center;display:flex;gap:.25rem}.compaction-visualization{background:var(--bg-primary);padding:1rem}.compaction-bar-container{margin-bottom:1.5rem}.compaction-bar{background:var(--bg-secondary);border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);display:flex;height:24px;overflow:hidden;width:100%}.compacted-section,.retained-section{height:100%;transition:width .3s ease}.compaction-labels{display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.compaction-labels .retained-label{color:#4caf50}.compaction-labels .compacted-label{color:var(--text-secondary)}.compaction-visual .folder-comparison{align-items:center;display:flex;gap:2rem;justify-content:center;padding:1rem}.compaction-visual .folder{text-align:center;transition:all .3s ease}.compaction-visual .folder .folder-icon{font-size:3rem;margin-bottom:.5rem;transition:font-size .3s ease}.compaction-visual .folder .folder-size{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.compaction-visual .folder .folder-label{color:var(--text-secondary);font-size:.75rem}.compaction-visual .folder.compacted .folder-icon{filter:hue-rotate(180deg)}.compaction-visual .arrow{animation:slide 1s ease-in-out infinite;color:var(--text-secondary);font-size:1.5rem}@keyframes slide{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.compaction-details{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem}.compaction-info{margin-bottom:1.5rem}.compaction-info h4{color:var(--text-primary);font-size:1rem;margin:0 0 .75rem}.compaction-info .strategy-description{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.compaction-metrics{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.compaction-metrics .metric{display:flex;flex-direction:column;gap:.25rem}.compaction-metrics .metric .metric-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.compaction-metrics .metric .metric-value{color:var(--text-primary);font-weight:600}.compaction-preview h4{color:var(--text-primary);font-size:1rem;margin:0 0 .75rem}.compaction-preview .preview-note{background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.compaction-preview .preview-note p{color:var(--text-secondary);line-height:1.5;margin:0}.compaction-section .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.custom-event-view{color:var(--text);padding:20px}.custom-event-view h3{font-size:18px;font-weight:600;margin-bottom:16px}.custom-event-view h4{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:12px}.custom-event-view .events-section,.custom-event-view .latest-event-section,.custom-event-view .state-section{margin-bottom:24px}.custom-event-view .events-list{display:flex;flex-direction:column;gap:12px}.custom-event-view .custom-event-item{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;padding:12px}.custom-event-view .custom-event-item .event-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.custom-event-view .custom-event-item .event-type{color:var(--accent-primary);font-weight:600}.custom-event-view .custom-event-item .event-subtype{background:rgba(var(--accent-primary-rgb),.1);border-radius:4px;font-size:14px;padding:2px 8px}.custom-event-view .custom-event-item .event-time{color:var(--text-secondary);font-size:14px;margin-left:auto}.custom-event-view .custom-event-item .event-data pre{background:rgba(0,0,0,.2);border-radius:4px;font-size:12px;margin:0;overflow-x:auto;padding:8px}.custom-event-view .empty-state{color:var(--text-secondary);padding:40px;text-align:center}.image-gallery-view{padding:20px}.image-gallery-view .latest-image-section{margin-bottom:32px}.image-gallery-view .latest-image-section .latest-image{margin:0 auto;max-width:600px}.image-gallery-view .latest-image-section .latest-image img{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);height:auto;width:100%}.image-gallery-view .latest-image-section .latest-image .image-prompt{background:var(--surface-glass);border-radius:8px;font-size:14px;margin-top:12px;padding:12px;text-align:center}.image-gallery-view .gallery-section h3{font-size:18px;font-weight:600;margin-bottom:20px}.image-gallery-view .image-grid{display:grid;gap:16px}.image-gallery-view .gallery-item{background:var(--surface-glass);border-radius:8px;overflow:hidden;position:relative;transition:transform .2s ease}.image-gallery-view .gallery-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.image-gallery-view .gallery-item img{display:block;height:auto;width:100%}.image-gallery-view .gallery-item .image-caption{background:rgba(0,0,0,.7);bottom:0;left:0;padding:8px 12px;position:absolute;right:0;transform:translateY(100%);transition:transform .2s ease}.image-gallery-view .gallery-item:hover .image-caption{transform:translateY(0)}.image-gallery-view .gallery-item .image-prompt{color:#fff;font-size:13px;margin-bottom:4px}.image-gallery-view .gallery-item .image-time{color:hsla(0,0%,100%,.7);font-size:11px}.image-gallery-view.gallery-small .gallery-item img{max-height:150px;object-fit:cover}.image-gallery-view.gallery-medium .gallery-item img{max-height:250px;object-fit:cover}.image-gallery-view.gallery-large .gallery-item img{max-height:400px;object-fit:contain}.image-gallery-view .empty-state{color:var(--text-secondary);padding:60px;text-align:center}.image-gallery-view .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.design-iterations-view{padding:20px}.design-iterations-view .iterations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.design-iterations-view .iterations-header h3{font-size:20px;font-weight:600;margin:0}.design-iterations-view .iterations-header .current-version{background:rgba(var(--accent-primary-rgb),.1);border-radius:8px;color:var(--accent-primary);font-size:18px;font-weight:600;padding:4px 12px}.design-iterations-view .iterations-timeline{padding-left:40px;position:relative}.design-iterations-view .iterations-timeline:before{background:var(--border-glass);bottom:0;content:"";left:19px;position:absolute;top:0;width:2px}.design-iterations-view .iteration-item{margin-bottom:32px;position:relative}.design-iterations-view .iteration-item.current .iteration-marker{background:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-primary-rgb),.2);color:#fff}.design-iterations-view .iteration-item.approved .iteration-marker{background:var(--success);color:#fff}.design-iterations-view .iteration-item .iteration-marker{align-items:center;background:var(--surface-glass);border:2px solid var(--border-glass);border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;left:-40px;position:absolute;top:0;width:40px}.design-iterations-view .iteration-item .iteration-marker .approved-badge{align-items:center;background:var(--success);border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.design-iterations-view .iteration-item .iteration-content{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;padding:20px}.design-iterations-view .iteration-item .iteration-content .iteration-description{font-size:16px;line-height:1.5;margin-bottom:16px}.design-iterations-view .iteration-item .iteration-content .iteration-image{margin-bottom:16px}.design-iterations-view .iteration-item .iteration-content .iteration-image img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);height:auto;max-width:400px;width:100%}.design-iterations-view .iteration-item .iteration-content .iteration-feedback{background:rgba(var(--warning-rgb),.1);border-left:3px solid var(--warning);border-radius:4px;font-size:14px;line-height:1.5;margin-bottom:12px;padding:12px}.design-iterations-view .iteration-item .iteration-content .iteration-feedback strong{color:var(--warning)}.design-iterations-view .iteration-item .iteration-content .iteration-time{color:var(--text-secondary);font-size:12px;text-align:right}.design-iterations-view .empty-state{color:var(--text-secondary);padding:60px;text-align:center}.design-iterations-view .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}