:root{--color-primary:teal;--color-primary-dark:#006565;--color-on-primary:#fff;--color-surface:#f9f9f9;--color-surface-low:#f3f3f3;--color-surface-container:#eee;--color-surface-high:#e8e8e8;--color-surface-highest:#e2e2e2;--color-surface-white:#fff;--color-on-surface:#1b1b1b;--color-on-surface-muted:#3e4949;--color-secondary:silver;--color-secondary-dark:gray;--color-secondary-darker:#404040;--color-tertiary:navy;--color-error:#ba1a1a;--color-success:#006565;--bevel-light:#fff;--bevel-mid:gray;--bevel-dark:#404040;--font:"JetBrains Mono", monospace;--font-size-body:14px;--font-size-label:12px;--font-size-small:11px;--font-size-headline:24px;--font-size-display:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--topbar-height:48px;--taskbar-height:80px}.bevel-raised{border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-mid);border-bottom:2px solid var(--bevel-mid)}.bevel-sunken{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light)}.window-bevel{border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-dark);border-bottom:2px solid var(--bevel-dark);box-shadow:inset -1px -1px 0 var(--bevel-mid)}.btn-retro{background:var(--color-secondary);border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-mid);border-bottom:2px solid var(--bevel-mid);cursor:pointer;font-family:var(--font);font-size:var(--font-size-label);color:var(--color-on-surface);-webkit-user-select:none;user-select:none;transition:none}.btn-retro:active{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);background:#d4d4d4;padding-top:1px;padding-left:1px}.scrollbar-retro::-webkit-scrollbar{width:16px}.scrollbar-retro::-webkit-scrollbar-track{background-color:#f1f1f1;background-image:linear-gradient(45deg,#dfdfdf 25%,#0000 25% 75%,#dfdfdf 75%),linear-gradient(45deg,#dfdfdf 25%,#0000 25% 75%,#dfdfdf 75%);background-position:0 0,1px 1px;background-size:2px 2px}.scrollbar-retro::-webkit-scrollbar-thumb{background:var(--color-secondary);border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-mid);border-bottom:2px solid var(--bevel-mid)}.window{background:var(--color-surface-container);flex-direction:column;min-height:0;display:flex}.window-titlebar{background:var(--color-secondary-dark);color:var(--color-on-primary);font-size:var(--font-size-label);flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-weight:700;display:flex}.window-titlebar.primary{background:var(--color-primary)}.window-body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.launcher-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;display:grid}.launcher-card{padding:var(--space-3) var(--space-2);background:var(--color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:88px;transition:background .1s;display:flex;position:relative}.launcher-card:hover:not(.launcher-add){background:var(--color-surface-low)}.launcher-card:active:not(.launcher-add){border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light)}.launcher-add{background:var(--color-surface-container);cursor:pointer;opacity:.7;transition:opacity .15s}.launcher-add:hover{opacity:1;background:var(--color-surface-low)}.launcher-card-label{font-size:var(--font-size-small);font-family:var(--font);color:var(--color-on-surface);text-align:center;word-break:break-word;max-width:80px;font-weight:700;line-height:1.2}.launcher-card-actions{gap:2px;display:none;position:absolute;top:2px;right:2px}.launcher-card:hover .launcher-card-actions{display:flex}.launcher-card-btn{background:var(--color-secondary);border-top:1px solid var(--bevel-light);border-left:1px solid var(--bevel-light);border-right:1px solid var(--bevel-mid);border-bottom:1px solid var(--bevel-mid);cursor:pointer;width:16px;height:16px;color:var(--color-on-surface);font-family:var(--font);justify-content:center;align-items:center;padding:0;display:flex}.launcher-card-btn:hover{color:#fff;background:#e08080}.launcher-overlay{z-index:10000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.launcher-modal{background:var(--color-surface-container);flex-direction:column;width:340px;display:flex}.launcher-modal-body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.launcher-field{flex-direction:column;gap:4px;display:flex}.launcher-label{font-size:var(--font-size-small);color:var(--color-on-surface);font-weight:700;font-family:var(--font)}.launcher-field input[type=text],.launcher-field input[type=url]{height:28px;font-family:var(--font);font-size:var(--font-size-label);color:var(--color-on-surface);padding:0 var(--space-2);background:#fff;border:none;outline:none;width:100%}.launcher-field input:focus{outline-offset:-2px;outline:2px solid navy}.launcher-icon-grid{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);background:#fff;grid-template-columns:repeat(8,1fr);gap:4px;max-height:120px;padding:4px;display:grid;overflow-y:auto}.launcher-icon-opt{background:var(--color-secondary);cursor:pointer;width:32px;height:32px;color:var(--color-on-surface);border-top:1px solid var(--bevel-light);border-left:1px solid var(--bevel-light);border-right:1px solid var(--bevel-mid);border-bottom:1px solid var(--bevel-mid);justify-content:center;align-items:center;padding:0;display:flex}.launcher-icon-opt.selected{background:var(--color-primary);color:#fff;border-top:1px solid var(--bevel-mid);border-left:1px solid var(--bevel-mid);border-right:1px solid var(--bevel-light);border-bottom:1px solid var(--bevel-light)}.launcher-icon-opt:hover:not(.selected){background:var(--color-surface-low)}.launcher-type-active{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);background:var(--color-surface-white);color:var(--color-primary)}.notes-layout{flex-direction:column;flex:1;min-height:0;display:flex}.notes-body{flex:1;min-height:0;display:flex;overflow:hidden}.notes-sidebar{border-right:2px solid var(--bevel-mid);background:var(--color-surface-container);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.notes-sidebar-header{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--bevel-mid);background:var(--color-surface-high);flex-shrink:0;align-items:center;display:flex}.notes-empty-sidebar{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.notes-vault-section{border-bottom:1px solid var(--bevel-mid)}.notes-vault-header{padding:var(--space-1) var(--space-2);background:var(--color-surface-high);font-size:var(--font-size-small);align-items:center;gap:4px;font-weight:700;display:flex}.notes-tree{padding:var(--space-1) 0}.notes-tree-dir{padding:3px var(--space-2);font-size:var(--font-size-small);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:3px;display:flex}.notes-tree-dir:hover{background:var(--color-surface-low)}.notes-tree-children{padding-left:var(--space-3)}.notes-tree-file{padding:3px var(--space-2);font-size:var(--font-size-small);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-on-surface);align-items:center;gap:4px;display:flex}.notes-tree-file:hover{background:var(--color-surface-low)}.notes-tree-file.active{background:var(--color-primary);color:#fff}.notes-tree-file.active .material-symbols-outlined{color:#fff}.notes-tree-empty{font-size:var(--font-size-small);color:var(--color-on-surface-muted);padding:4px var(--space-2);display:block}.notes-icon-btn{cursor:pointer;width:20px;height:20px;color:var(--color-on-surface-muted);font-family:var(--font);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.notes-icon-btn:hover{color:var(--color-on-surface);background:var(--color-surface-low)}.notes-editor-area{background:var(--color-surface-white);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.notes-no-file{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.notes-editor-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface-container);border-bottom:2px solid var(--bevel-mid);flex-shrink:0;display:flex}.notes-file-title{font-size:var(--font-size-label);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.notes-unsaved{color:var(--color-primary);margin-left:4px}.notes-mode-btns{gap:2px;display:flex}.notes-mode-btn{justify-content:center;align-items:center;width:26px;height:22px;padding:0;display:flex}.notes-mode-active{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);background:var(--color-surface-white);color:var(--color-primary)}.notes-save-btn{padding:2px 10px}.notes-save-btn.unsaved{background:var(--color-primary);color:#fff;border-top:2px solid #00a0a0;border-left:2px solid #00a0a0;border-right:2px solid var(--bevel-dark);border-bottom:2px solid var(--bevel-dark)}.notes-editor-body{flex:1;display:flex;overflow:hidden}.notes-mode-edit .notes-textarea,.notes-mode-preview .notes-preview{flex:1}.notes-textarea{resize:none;padding:var(--space-3) var(--space-4);font-family:var(--font);font-size:var(--font-size-body);color:var(--color-on-surface);background:var(--color-surface-white);border:none;outline:none;line-height:1.6;overflow-y:auto}.notes-preview{padding:var(--space-3) var(--space-4);background:var(--color-surface-white);overflow-y:auto}.markdown-body{font-family:var(--font);font-size:var(--font-size-body);color:var(--color-on-surface);line-height:1.7}.markdown-body h1{border-bottom:2px solid var(--bevel-mid);margin:0 0 12px;padding-bottom:6px;font-size:22px;font-weight:700}.markdown-body h2{margin:20px 0 8px;font-size:18px;font-weight:700}.markdown-body h3{margin:16px 0 6px;font-size:15px;font-weight:700}.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:12px 0 4px;font-size:13px;font-weight:700}.markdown-body p{margin:0 0 10px}.markdown-body ul,.markdown-body ol{margin:0 0 10px;padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body a{color:var(--color-primary);text-decoration:underline}.markdown-body a:hover{color:var(--color-primary-dark)}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body code{background:var(--color-surface-high);border:1px solid var(--bevel-mid);font-family:var(--font);padding:1px 4px;font-size:12px}.markdown-body pre{background:var(--color-surface-highest);border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);padding:var(--space-3);margin:0 0 12px;overflow-x:auto}.markdown-body pre code{background:0 0;border:none;padding:0}.markdown-body blockquote{border-left:4px solid var(--color-primary);padding:var(--space-2) var(--space-3);color:var(--color-on-surface-muted);background:#0080800f;margin:0 0 10px}.markdown-body hr{border:none;border-top:2px solid var(--bevel-mid);margin:16px 0}.markdown-body table{border-collapse:collapse;width:100%;font-size:var(--font-size-label);margin:0 0 12px}.markdown-body th{background:var(--color-surface-high);padding:var(--space-1) var(--space-2);border:1px solid var(--bevel-mid);text-align:left;font-weight:700}.markdown-body td{padding:var(--space-1) var(--space-2);border:1px solid var(--bevel-mid)}.markdown-body img{max-width:100%}.dither-bg{background-image:linear-gradient(45deg,silver 25%,#0000 25% 75%,silver 75%,silver),linear-gradient(45deg,silver 25%,#0000 25% 75%,silver 75%,silver);background-color:var(--bevel-mid);background-position:0 0,2px 2px;background-size:4px 4px}#auth-overlay{z-index:9999;background-color:silver;background-image:linear-gradient(45deg,gray 25%,#0000 25% 75%,gray 75%),linear-gradient(45deg,gray 25%,#0000 25% 75%,gray 75%);background-position:0 0,2px 2px;background-size:4px 4px;justify-content:center;align-items:center;animation:.15s auth-fade-in;display:flex;position:fixed;inset:0}#auth-overlay.auth-fade-out{animation:.2s forwards auth-fade-out}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-fade-out{0%{opacity:1}to{opacity:0}}.auth-window{background:var(--color-secondary);width:360px;font-family:var(--font);font-size:var(--font-size-body)}.auth-titlebar{background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-label);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-height:28px;padding:4px 8px;font-weight:700;display:flex}.auth-body{flex-direction:column;gap:14px;padding:20px;display:flex}.auth-logo{align-items:center;gap:12px;display:flex}.auth-logo-box{background:var(--color-surface-white);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.auth-tabs{background:var(--color-surface-container);gap:2px;padding:2px;display:flex}.auth-tab{font-family:var(--font);font-size:var(--font-size-label);cursor:pointer;color:var(--color-on-surface-muted);letter-spacing:.5px;background:0 0;border:none;flex:1;padding:6px 0;font-weight:700}.auth-tab.active{background:var(--color-secondary);color:var(--color-on-surface);border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-mid);border-bottom:2px solid var(--bevel-mid)}.auth-panel{display:none}.auth-panel.active{display:block}.auth-panel form{flex-direction:column;gap:6px;display:flex}.auth-label{font-size:var(--font-size-label);color:var(--color-on-surface);margin-top:4px;font-weight:700}.auth-input{width:100%;font-family:var(--font);font-size:var(--font-size-body);background:var(--color-surface-white);color:var(--color-on-surface);box-sizing:border-box;outline:none;padding:6px 8px}.auth-input:focus{outline:2px solid var(--color-tertiary);outline-offset:-2px}.auth-password-wrap{align-items:stretch;gap:4px;display:flex}.auth-password-wrap .auth-input{flex:1}.auth-eye{background:var(--color-secondary);flex-shrink:0;align-items:center;padding:0 6px;display:flex}.auth-error{font-size:var(--font-size-small);color:var(--color-error);min-height:16px;margin:2px 0 0}.auth-submit{width:100%;font-size:var(--font-size-body);letter-spacing:.5px;background:var(--color-secondary);cursor:pointer;font-weight:700;font-family:var(--font);margin-top:6px;padding:8px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);font-size:var(--font-size-body);color:var(--color-on-surface);background:var(--color-primary);overflow:hidden}body{flex-direction:column;display:flex}#topbar{height:var(--topbar-height);padding:0 var(--space-3);border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-dark);border-bottom:2px solid var(--bevel-dark);z-index:50;-webkit-app-region:drag;background:linear-gradient(#00a0a0 0%,#006565 100%);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar-left{align-items:center;display:flex}.app-title{font-size:var(--font-size-headline);color:var(--color-on-primary);letter-spacing:-1px;text-transform:uppercase;font-weight:700}.topbar-center{max-width:400px;margin:0 var(--space-4);flex:1}.search-bar{align-items:center;gap:var(--space-2);background:var(--color-surface-white);padding:0 var(--space-2);height:28px;display:flex}.search-bar .material-symbols-outlined{color:var(--color-secondary-dark);font-size:16px}.search-bar input{font-family:var(--font);font-size:var(--font-size-body);color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1}.topbar-right{align-items:center;gap:var(--space-1);-webkit-app-region:no-drag;display:flex}.win-btn{background:var(--color-surface-container);justify-content:center;align-items:center;width:28px;height:24px;display:flex}.win-btn .material-symbols-outlined{font-size:16px}@keyframes window-open{0%{opacity:0;transform:scale(.6)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes window-close{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.7)translateY(30px)}}.floating-window{background:var(--color-surface-container);transform-origin:bottom;z-index:10;flex-direction:column;width:68%;min-width:480px;max-width:900px;animation:.18s cubic-bezier(.34,1.3,.64,1) both window-open;display:flex;position:absolute}.floating-window.closing{pointer-events:none;animation:.14s both window-close}.floating-window.focused{z-index:20}.floating-window .win-titlebar{color:#fff;font-size:var(--font-size-label);cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#005a5a,#007a7a,#009e9e,#007a7a,#005a5a) 0 0/400% 100%;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px;font-weight:700;animation:8s linear infinite gradient-slide;display:flex}.floating-window .win-titlebar-left{align-items:center;gap:6px;display:flex}.floating-window .win-close{background:var(--color-secondary);border-top:1px solid var(--bevel-light);border-left:1px solid var(--bevel-light);border-right:1px solid var(--bevel-mid);border-bottom:1px solid var(--bevel-mid);cursor:pointer;width:18px;height:18px;color:var(--color-on-surface);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.floating-window .win-close:hover{background:#e08080}.floating-window .win-body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}#canvas{padding:var(--space-3);padding-bottom:calc(var(--taskbar-height) + var(--space-6));background:radial-gradient(at 60% 0,#00a0a0 0%,#006565 40%,#003a3a 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}#canvas>*{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.window{flex-direction:column;flex:1;display:flex}.window-body{flex:1}#canvas:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(#0000 0 3px,#0000000f 3px 4px);position:absolute;inset:0}#canvas>*{z-index:1;position:relative}#taskbar{bottom:var(--space-4);background:var(--color-secondary);padding:var(--space-2);align-items:center;gap:var(--space-2);z-index:100;display:flex;position:fixed;left:50%;transform:translate(-50%)}.taskbar-user{align-items:center;gap:var(--space-2);background:var(--color-surface-white);padding:var(--space-1) var(--space-2);margin-right:var(--space-2);display:flex}.user-avatar{background:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);justify-content:center;align-items:center;display:flex}.user-avatar .material-symbols-outlined{font-size:20px}.user-info{flex-direction:column;display:flex}.user-name{font-size:var(--font-size-label);font-weight:700;line-height:1}.user-version{font-size:var(--font-size-small);color:var(--color-on-surface-muted);margin-top:3px}.taskbar-nav,.taskbar-actions,#taskbar-tools{align-items:center;gap:var(--space-1);display:flex}.integration-panel{background:var(--color-secondary);border:2px solid;border-top-color:var(--bevel-light);border-left-color:var(--bevel-light);border-right-color:var(--bevel-dark);border-bottom-color:var(--bevel-dark);font-family:var(--font);font-size:var(--font-size-label)}.taskbar-btn{width:64px;height:64px;color:var(--color-on-surface);font-size:var(--font-size-small);padding:var(--space-1);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.taskbar-btn .material-symbols-outlined{font-size:24px}.taskbar-btn:hover:not(.active){background:var(--color-surface-low);color:var(--color-primary-dark);transition:transform .12s,background .12s;transform:translateY(-2px)}.taskbar-btn.active{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);background:var(--color-surface-white);color:var(--color-primary)}.taskbar-divider{background:var(--color-secondary-dark);border-right:1px solid var(--bevel-light);width:2px;height:48px;margin:0 var(--space-1)}@keyframes gradient-slide{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes window-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-fill{0%{width:0}}.window{animation:.2s both window-in}.module-enter{animation:.15s both fade-in}@keyframes fab-in{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}#agent-fab{bottom:var(--space-4);right:var(--space-4);z-index:9999;background:var(--color-secondary);border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-mid);border-bottom:2px solid var(--bevel-mid);width:64px;height:64px;color:var(--color-primary);cursor:pointer;font-family:var(--font);font-size:var(--font-size-small);flex-direction:column;justify-content:center;align-items:center;gap:3px;animation:.22s cubic-bezier(.34,1.3,.64,1) both fab-in;display:flex;position:fixed}#agent-fab:hover:not(.active){background:var(--color-surface-low);transition:transform .12s,background .12s;transform:translateY(-2px)}#agent-fab.active{border-top:2px solid var(--bevel-mid);border-left:2px solid var(--bevel-mid);border-right:2px solid var(--bevel-light);border-bottom:2px solid var(--bevel-light);background:var(--color-surface-white);color:var(--color-primary)}#agent-fab .material-symbols-outlined{font-size:24px}#agent-panel{bottom:calc(var(--space-4) + 64px + var(--space-2));right:var(--space-4);width:320px;height:min(420px, calc(100vh - var(--topbar-height) - var(--taskbar-height) - 120px));background:var(--color-surface-container);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .22s,transform .22s cubic-bezier(.34,1.2,.64,1);display:flex;position:fixed;transform:translateY(16px)scale(.97)}#agent-panel.visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}#agent-panel-header{color:#fff;font-size:var(--font-size-label);background:linear-gradient(90deg,#005a5a,#007a7a,#009e9e,#007a7a,#005a5a) 0 0/400% 100%;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px;font-weight:700;animation:8s linear infinite gradient-slide;display:flex}#agent-panel-close{background:var(--color-secondary);border-top:1px solid var(--bevel-light);border-left:1px solid var(--bevel-light);border-right:1px solid var(--bevel-mid);border-bottom:1px solid var(--bevel-mid);cursor:pointer;width:18px;height:18px;color:var(--color-on-surface);justify-content:center;align-items:center;font-size:11px;display:flex}#agent-panel-close:hover{background:#e08080}#agent-messages{padding:var(--space-2) var(--space-3);gap:var(--space-2);background:var(--color-surface-white);flex-direction:column;flex:1;display:flex;overflow-y:auto}.agent-msg{padding:var(--space-1) var(--space-2);font-size:var(--font-size-label);max-width:85%;line-height:1.5}.agent-msg.agent{background:var(--color-surface-high);border-left:2px solid var(--color-primary);align-self:flex-start}.agent-msg.user{border-right:2px solid var(--color-primary);background:#0080801a;align-self:flex-end}#agent-input-row{align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-low);flex-shrink:0;display:flex}#agent-input{background:var(--color-surface-white);height:28px;font-family:var(--font);font-size:var(--font-size-label);color:var(--color-on-surface);padding:0 var(--space-2);border:none;outline:none;flex:1}#agent-send{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}