:root{--shadow-xs: 0 .05rem .1rem rgba(0, 0, 0, .15);--shadow-sm: 0 .05rem .15rem rgba(0, 0, 0, .2);--shadow-md: 0 .2rem .3rem rgba(0, 0, 0, .25);--shadow-lg: 0 .5rem .75rem rgba(0, 0, 0, .3);--shadow-xl: 0 1rem 1.25rem rgba(0, 0, 0, .35);--shadow-glow: 0 0 1rem rgba(0, 106, 205, .2);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .18s var(--ease-out);--transition-normal: .28s var(--ease-out);--transition-slow: .4s var(--ease-out);--radius-xs: .2rem;--radius-full: 499.95rem}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(.6rem);transform:translateY(.6rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(.6rem);transform:translateY(.6rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(.8rem);transform:translate(.8rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(.8rem);transform:translate(.8rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dotPulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:.6}}@keyframes dotPulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:.6}}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);padding:.8rem .8rem 2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.page-header{margin-bottom:1.2rem}.page-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;display:block}.section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:.9rem .8rem;margin-bottom:.7rem;border:.05rem solid var(--border)}.section__title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;color:var(--text-primary);margin-bottom:.7rem;letter-spacing:-.01em}.section__title:before{content:"";display:inline-block;width:.15rem;height:.7rem;background:var(--accent-text);border-radius:.1rem}.token-row{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.5rem}.source-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.5rem 0;font-size:.65rem;border-bottom:.05rem solid var(--border)}.source-row:last-child{border-bottom:none}.source-row>taro-text-core:first-child{color:var(--text-secondary);font-weight:500}.source-row>taro-text-core:last-child{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.skeleton{background:-webkit-linear-gradient(left,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;-webkit-animation:shimmer 1.5s infinite ease-in-out;animation:shimmer 1.5s infinite ease-in-out;border-radius:var(--radius-md)}.skeleton-text{height:.7rem;width:60%;margin-bottom:.4rem}.skeleton-card{height:4rem;margin-bottom:.6rem}.empty-state{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1.6rem 1rem}.empty-state__icon{font-size:1.8rem;margin-bottom:.4rem}.empty-state__text{font-size:.65rem;color:var(--text-muted);font-weight:500}.layout{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100vh;overflow:hidden;background:var(--bg-primary);font-family:var(--font-sans)}.layout--mobile{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.mobile-topbar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.6rem .8rem;background:var(--bg-secondary);border-bottom:.05rem solid var(--border);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:10;padding-top:calc(.6rem + env(safe-area-inset-top,0rem))}.mobile-topbar__left{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mobile-topbar__back{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem;cursor:pointer}.mobile-topbar__back-arrow{font-size:1rem;color:var(--text-secondary)}.mobile-topbar__title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.mobile-topbar__brand{font-size:.9rem;font-weight:700;color:var(--text-primary)}.mobile-topbar__right{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.2rem}.mobile-topbar__theme-btn{width:1.6rem;height:1.6rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer;opacity:.5;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.mobile-topbar__theme-btn.active{opacity:1;background:var(--bg-tertiary)}.sidebar{width:11.5rem;background:var(--bg-secondary);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:.8rem;margin:.4rem;-webkit-transition:width .2s ease;transition:width .2s ease;overflow:hidden}.sidebar-collapsed .sidebar{width:3.2rem}.sidebar-collapsed .sidebar-brand{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:1rem .4rem}.sidebar-collapsed .sidebar-brand-content,.sidebar-collapsed .sidebar-logo{display:none}.sidebar-collapsed .sidebar-nav-item{width:2rem;height:2rem;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0 auto}.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .sidebar-collapse-toggle{margin:0}.sidebar-collapsed .sidebar-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.sidebar-collapsed .theme-toggle{width:2rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.sidebar-collapsed .theme-toggle-btn{padding:.3rem 0;text-align:center}.sidebar-brand{padding:1rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:.8rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.sidebar-brand-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.sidebar-logo{font-size:.9rem;font-weight:700;color:var(--text-primary)}.sidebar-back{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem;cursor:pointer}.sidebar-back-arrow{font-size:.9rem;color:var(--text-secondary);cursor:pointer}.sidebar-back-arrow:hover{color:var(--text-primary)}.sidebar-collapse-toggle{width:1.5rem;height:1.5rem;border-radius:50%;background:transparent;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:.2rem}.sidebar-collapse-toggle:hover{background:var(--bg-tertiary)}.sidebar-collapse-icon{font-size:.7rem;color:var(--text-muted)}.sidebar-nav{-webkit-flex:1;-ms-flex:1;flex:1;padding:0 .4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.1rem;overflow-y:auto;overflow-x:hidden}.sidebar-nav-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:var(--radius-md);cursor:pointer;font-size:.65rem;color:var(--text-secondary);-webkit-transition:all .15s ease;transition:all .15s ease;white-space:nowrap}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-subtle);color:var(--accent-text)}.nav-icon{font-size:.8rem;width:1rem;text-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{padding:.6rem;border-top:.05rem solid var(--border);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.theme-toggle{display:-webkit-flex;display:-ms-flexbox;display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1rem}.theme-toggle-btn{-webkit-flex:1;-ms-flex:1;flex:1;padding:.3rem .6rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.6rem;color:var(--text-muted);background:transparent;text-align:center;-webkit-transition:all .15s ease;transition:all .15s ease}.theme-toggle-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.main-content{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:1.2rem;min-width:0}.main-content--mobile{padding:0;padding-bottom:calc(2.8rem + env(safe-area-inset-bottom,0rem))}.main-content::-webkit-scrollbar{width:.3rem}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:.15rem}.main-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.token-card{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;background:var(--bg-card-solid);border-radius:var(--radius-lg);padding:.8rem .6rem;text-align:center;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);border:.05rem solid var(--border-light);overflow:hidden}.token-card--primary{border:.05rem solid rgba(99,102,241,.15)}.token-card--primary .token-card__value{background:-webkit-linear-gradient(315deg,#6366f1,#818cf8,#a78bfa);background:linear-gradient(135deg,#6366f1,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.token-card--primary .token-card__glow{background:none}.token-card--success{border:.05rem solid rgba(16,185,129,.15)}.token-card--success .token-card__value{background:-webkit-linear-gradient(315deg,#10b981,#34d399,#6ee7b7);background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.token-card--success .token-card__glow{background:none}.token-card--warning{border:.05rem solid rgba(245,158,11,.15)}.token-card--warning .token-card__value{background:-webkit-linear-gradient(315deg,#f59e0b,#fbbf24,#fcd34d);background:linear-gradient(135deg,#f59e0b,#fbbf24,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.token-card--warning .token-card__glow{background:none}.token-card__glow{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.token-card__label{position:relative;display:block;font-size:.55rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.token-card__value{position:relative;display:block;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.token-card__cost{position:relative;display:block;font-size:.55rem;color:var(--text-muted);margin-top:.3rem;font-weight:500}.agent-card{display:-webkit-flex;display:-ms-flexbox;display:flex;background:var(--bg-card-solid);border-radius:var(--radius-lg);margin-bottom:.5rem;padding:.7rem;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);border:.05rem solid var(--border-light)}.agent-card__avatar{width:2.4rem;height:2.4rem;border-radius:var(--radius-md);background:-webkit-linear-gradient(315deg,#eef2ff,#e0e7ff,#c7d2fe);background:linear-gradient(135deg,#eef2ff,#e0e7ff,#c7d2fe);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:.6rem;-webkit-box-shadow:0 .1rem .4rem rgba(99,102,241,.1);box-shadow:0 .1rem .4rem #6366f11a}.agent-card__avatar-text{font-size:1.2rem;line-height:1}.agent-card__content{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.agent-card__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem;margin-bottom:.2rem}.agent-card__name{-webkit-flex:1;-ms-flex:1;flex:1;font-size:.75rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;letter-spacing:-.01em}.agent-card__scope{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:.1rem .5rem;border-radius:var(--radius-full);font-size:.55rem;font-weight:600;white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.agent-card__scope--private{background:rgba(148,163,184,.1);color:var(--text-muted)}.agent-card__scope--family{background:rgba(59,130,246,.1);color:#2563eb}.agent-card__scope--public{background:rgba(16,185,129,.1);color:#059669}.agent-card__desc{font-size:.6rem;color:var(--text-secondary);margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.4}.agent-card__meta{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem}.agent-card__tag{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:.1rem .4rem;border-radius:var(--radius-xs);background:rgba(148,163,184,.08);border:.05rem solid var(--border-light)}.agent-card__tag>taro-text-core{font-size:.55rem;font-weight:500;color:var(--text-secondary)}.agent-card__version{font-size:.55rem;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.agent-card__time{font-size:.55rem;color:var(--text-muted);margin-left:auto}[data-theme=dark]{--bg-primary: #212121;--bg-secondary: #171717;--bg-tertiary: #2f2f2f;--bg-elevated: #303030;--bg-hover: #3a3a3a;--bg-active: #424242;--accent: #003f7a;--accent-hover: #0055a4;--accent-subtle: rgba(0, 63, 122, .15);--accent-text: #006acd;--text-primary: #ececec;--text-secondary: #b4b4b4;--text-muted: #8e8e8e;--border: rgba(255, 255, 255, .06);--border-bright: rgba(255, 255, 255, .1);--border-focus: #003f7a;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--user-bubble: #003f7a;--user-bubble-text: #ffffff;--agent-bubble: #2f2f2f;--agent-bubble-text: #ececec;--code-bg: #1a1a1a;--scrollbar-thumb: #424242;--scrollbar-hover: #555555}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #f0f0f0;--bg-elevated: #e8e8e8;--bg-hover: #ebebeb;--bg-active: #e0e0e0;--accent: #003f7a;--accent-hover: #002d58;--accent-subtle: rgba(0, 63, 122, .08);--accent-text: #003f7a;--text-primary: #111111;--text-secondary: #555555;--text-muted: #999999;--border: #e5e5e5;--border-bright: #d4d4d4;--border-focus: #003f7a;--success: #16a34a;--success-bg: rgba(22, 163, 74, .08);--error: #dc2626;--error-bg: rgba(220, 38, 38, .06);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--user-bubble: #003f7a;--user-bubble-text: #ffffff;--agent-bubble: #f0f0f0;--agent-bubble-text: #111111;--code-bg: #f5f5f5;--scrollbar-thumb: #d4d4d4;--scrollbar-hover: #bbbbbb}:root{--bg-primary: #212121;--bg-secondary: #171717;--bg-tertiary: #2f2f2f;--bg-elevated: #303030;--bg-hover: #3a3a3a;--bg-active: #424242;--accent: #003f7a;--accent-hover: #0055a4;--accent-subtle: rgba(0, 63, 122, .15);--accent-text: #006acd;--text-primary: #ececec;--text-secondary: #b4b4b4;--text-muted: #8e8e8e;--border: rgba(255, 255, 255, .06);--border-bright: rgba(255, 255, 255, .1);--border-focus: #003f7a;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--user-bubble: #003f7a;--user-bubble-text: #ffffff;--agent-bubble: #2f2f2f;--agent-bubble-text: #ececec;--code-bg: #1a1a1a;--scrollbar-thumb: #424242;--scrollbar-hover: #555555;--radius-sm: .3rem;--radius-md: .5rem;--radius-lg: .8rem;--radius-xl: 1.2rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-secondary);border-top:.05rem solid var(--border);padding-bottom:env(safe-area-inset-bottom,0rem)}.bottom-nav__inner{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:.3rem .4rem .4rem}.bottom-nav__item{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.15rem;padding:.3rem 0;position:relative;cursor:pointer}.bottom-nav__item--active .bottom-nav__label{color:var(--accent-text);font-weight:600}.bottom-nav__item--active .bottom-nav__icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.bottom-nav__icon{font-size:1.1rem;line-height:1;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.bottom-nav__label{font-size:.5rem;font-weight:500;color:var(--text-muted);-webkit-transition:color .15s ease;transition:color .15s ease}.bottom-nav__indicator{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:1.1rem;height:.15rem;background:var(--accent-text);border-radius:0 0 .2rem .2rem}.skeleton-loader{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.skeleton-loader__item{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f1f5f9),color-stop(50%,#e8ecf1),color-stop(75%,#f1f5f9));background:-webkit-linear-gradient(left,#f1f5f9 25%,#e8ecf1 50%,#f1f5f9 75%);background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf1 50%,#f1f5f9 75%);background-size:200% 100%;-webkit-animation:shimmer 1.5s infinite ease-in-out;animation:shimmer 1.5s infinite ease-in-out;border-radius:var(--radius-md);-webkit-animation-fill-mode:both;animation-fill-mode:both}.skeleton-loader--card .skeleton-loader__item{height:4rem}.skeleton-loader--list .skeleton-loader__item{height:2.8rem}.skeleton-loader--text .skeleton-loader__item{height:.7rem;width:60%}.skeleton-loader--text .skeleton-loader__item:nth-child(2){width:80%}.skeleton-loader--text .skeleton-loader__item:nth-child(3){width:45%}.skeleton-loader--avatar .skeleton-loader__item{width:2.4rem;height:2.4rem;border-radius:50%}.page-transition{-webkit-animation:fadeIn .3s ease-out both;animation:fadeIn .3s ease-out both}.tool-group{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:.4rem;padding:.4rem 0;font-size:.7rem}.tool-group--active .tool-group-summary-text{color:var(--color-blue, #3b82f6)}.tool-group-avatar{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tool-group-avatar-icon{font-size:.8rem}.tool-group-content{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.tool-group-summary{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;padding:.4rem .6rem;border-radius:.4rem;background:var(--bg-secondary, #f3f4f6);border:.05rem solid var(--border, #e5e7eb);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tool-group-summary:active{opacity:.85}.tool-group-summary-text{font-size:.65rem;font-weight:500;color:var(--text-primary, #1f2937);-webkit-flex:1;-ms-flex:1;flex:1}.tool-group-step-count{font-size:.6rem;color:var(--text-tertiary, #9ca3af)}.tool-group-chevron{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:.8rem;height:.8rem;color:var(--text-tertiary, #9ca3af);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tool-group-chevron--expanded{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.tool-collapse{overflow:hidden;-webkit-animation:tool-collapse-enter .25s ease forwards;animation:tool-collapse-enter .25s ease forwards}@-webkit-keyframes tool-collapse-enter{0%{max-height:0;opacity:0}to{max-height:100rem;opacity:1}}@keyframes tool-collapse-enter{0%{max-height:0;opacity:0}to{max-height:100rem;opacity:1}}.tool-group-items{padding:.2rem 0 0}.tool-item{border-left:.1rem solid var(--border, #e5e7eb);margin-left:.4rem;padding-left:.6rem;margin-top:.2rem}.tool-item-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;padding:.3rem .4rem;border-radius:.3rem;cursor:pointer}.tool-item-header:active{background:var(--bg-secondary, #f3f4f6)}.tool-status-dot{width:.4rem;height:.4rem;border-radius:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tool-item-name{font-size:.65rem;font-weight:600;color:var(--text-primary, #1f2937);white-space:nowrap}.tool-item-preview{font-size:.6rem;color:var(--text-tertiary, #9ca3af);-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-item-body{padding:.2rem .4rem .4rem;-webkit-animation:tool-collapse-enter .2s ease forwards;animation:tool-collapse-enter .2s ease forwards}.tool-item-section{margin-top:.3rem}.tool-item-label{font-size:.55rem;font-weight:600;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.025rem;margin-bottom:.2rem}.tool-item-pre{background:var(--bg-tertiary, #f9fafb);border:.05rem solid var(--border, #e5e7eb);border-radius:.3rem;padding:.4rem .5rem;font-size:.6rem;font-family:SF Mono,Fira Code,monospace;color:var(--text-secondary, #4b5563);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:10rem;overflow-y:auto}.tool-spinner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.15rem;padding:0 .1rem}.tool-spinner-dot{width:.25rem;height:.25rem;border-radius:50%;background:var(--color-blue, #3b82f6);-webkit-animation:spinner-pulse 1.2s ease-in-out infinite;animation:spinner-pulse 1.2s ease-in-out infinite}.tool-spinner-dot:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.tool-spinner-dot:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes spinner-pulse{0%,80%,to{opacity:.3;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes spinner-pulse{0%,80%,to{opacity:.3;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.reasoning-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:.4rem;padding:.4rem 0;font-size:.7rem}.reasoning-row--active .reasoning-label{color:var(--color-purple, #8b5cf6)}.reasoning-avatar{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.reasoning-avatar-icon{font-size:.8rem}.reasoning-content{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.reasoning-summary{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.3rem;padding:.4rem .6rem;border-radius:.4rem;background:var(--bg-secondary, #f3f4f6);border:.05rem solid var(--border, #e5e7eb);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reasoning-summary:active{opacity:.85}.reasoning-chevron{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:.8rem;height:.8rem;color:var(--text-tertiary, #9ca3af);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.reasoning-chevron--expanded{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.reasoning-brain-icon{font-size:.7rem}.reasoning-label{font-size:.65rem;font-weight:500;color:var(--text-primary, #1f2937)}.reasoning-line-count{font-size:.6rem;color:var(--text-tertiary, #9ca3af);margin-left:auto}.reasoning-spinner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.15rem;margin-left:auto}.reasoning-spinner-dot{width:.25rem;height:.25rem;border-radius:50%;background:var(--color-purple, #8b5cf6);-webkit-animation:reasoning-pulse 1.2s ease-in-out infinite;animation:reasoning-pulse 1.2s ease-in-out infinite}.reasoning-spinner-dot:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.reasoning-spinner-dot:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes reasoning-pulse{0%,80%,to{opacity:.3;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes reasoning-pulse{0%,80%,to{opacity:.3;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.reasoning-expand{overflow:hidden;-webkit-animation:reasoning-expand-enter .25s ease forwards;animation:reasoning-expand-enter .25s ease forwards}@-webkit-keyframes reasoning-expand-enter{0%{max-height:0;opacity:0}to{max-height:250rem;opacity:1}}@keyframes reasoning-expand-enter{0%{max-height:0;opacity:0}to{max-height:250rem;opacity:1}}.reasoning-pre{margin-top:.2rem;padding:.6rem .7rem;background:var(--bg-tertiary, #f9fafb);border:.05rem solid var(--border, #e5e7eb);border-radius:.4rem;font-size:.65rem;line-height:1.6;font-family:SF Mono,Fira Code,monospace;color:var(--text-secondary, #4b5563);white-space:pre-wrap;word-break:break-word;max-height:20rem;overflow-y:auto}