[data-v-b676d455]:root{--bg-primary:#fafafa;--bg-secondary:#f0f0f0;--bg-sidebar:#f5f5f5;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-input:#fff;--border-color:#e0e0e0;--border-light:#ebebeb;--accent-primary:#333;--accent-hover:#1a1a1a;--accent-muted:#888;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--success:#2e7d32;--error:#c62828;--warning:#f57f17;--msg-user-bg:#f5f5f5;--msg-assistant-bg:#f5f5f5;--msg-system-border:#bdbdbd;--code-bg:#f4f4f4;--text-on-accent:#fff;--text-on-overlay:#fff;--accent-info:#4a90d9;--accent-primary-rgb:51, 51, 51;--accent-hover-rgb:26, 26, 26;--text-primary-rgb:26, 26, 26;--text-muted-rgb:153, 153, 153;--success-rgb:46, 125, 50;--error-rgb:198, 40, 40;--warning-rgb:245, 127, 23;--accent-info-rgb:74, 144, 217}.dark[data-v-b676d455]{--bg-primary:#1a1a1a;--bg-secondary:#252525;--bg-sidebar:#202020;--bg-card:#333;--bg-card-hover:#333;--bg-input:#2a2a2a;--border-color:#3a3a3a;--border-light:#333;--accent-primary:#e0e0e0;--accent-hover:#f5f5f5;--accent-muted:#888;--text-primary:#f0f0f0;--text-secondary:silver;--text-muted:#888;--success:#66bb6a;--error:#ef5350;--warning:#ffb74d;--msg-user-bg:#252525;--msg-assistant-bg:#252525;--msg-system-border:#555;--code-bg:#1e1e1e;--text-on-accent:#1a1a1a;--text-on-overlay:#fff;--accent-info:#6ba3d6;--accent-primary-rgb:240, 240, 240;--accent-hover-rgb:245, 245, 245;--text-primary-rgb:240, 240, 240;--text-muted-rgb:136, 136, 136;--success-rgb:102, 187, 106;--error-rgb:239, 83, 80;--warning-rgb:255, 183, 77;--accent-info-rgb:107, 163, 214}.comic[data-v-b676d455]{--border-color:#1a1a1a;--border-light:#555;--msg-system-border:#1a1a1a;--font-ui:"Comic Neue", "ZCOOL KuaiLe", "Zen Maru Gothic", "Gaegu", cursive, sans-serif;--comic-border-width:2.5px;--comic-shadow:3px 3px 0px #00000026}.dark.comic[data-v-b676d455]{--border-color:#666;--border-light:#555;--msg-system-border:#888;--comic-shadow:3px 3px 0px #ffffff14}.skills-usage-view[data-v-b676d455]{flex-direction:column;height:100%;display:flex}.page-header[data-v-b676d455]{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:21px 20px;display:flex}.header-text[data-v-b676d455]{align-items:baseline;gap:8px;display:flex}.header-subtitle[data-v-b676d455]{color:var(--text-muted);margin:4px 0 0;font-size:13px}.skills-usage-toolbar[data-v-b676d455]{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.period-selector[data-v-b676d455]{flex-wrap:wrap;gap:4px;display:flex}.skills-usage-content[data-v-b676d455]{scrollbar-width:none;-ms-overflow-style:none;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:20px;overflow-y:auto}.skills-usage-content[data-v-b676d455]::-webkit-scrollbar{display:none}.overview-grid[data-v-b676d455]{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:16px;margin-bottom:16px;display:grid}.summary-grid[data-v-b676d455]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary-card[data-v-b676d455],.usage-panel[data-v-b676d455]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.summary-card[data-v-b676d455]{padding:14px}.summary-card.primary[data-v-b676d455]{grid-column:span 2}.summary-label[data-v-b676d455]{color:var(--text-muted);font-size:12px}.summary-value[data-v-b676d455]{color:var(--text-primary);margin-top:6px;font-size:24px;font-weight:700}.usage-panel[data-v-b676d455]{padding:16px;position:relative}.usage-panel.is-refreshing[data-v-b676d455]:after{content:"";background:var(--accent-primary);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-muted);border-radius:50%;animation:1s ease-in-out infinite refresh-pulse-b676d455;position:absolute;top:10px;right:12px}@keyframes refresh-pulse-b676d455{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.inline-error[data-v-b676d455]{color:var(--error);margin-bottom:12px;font-size:12px}.panel-header[data-v-b676d455]{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.panel-header h3[data-v-b676d455]{color:var(--text-primary);margin:0;font-size:16px}.panel-header span[data-v-b676d455]{color:var(--text-muted);font-size:12px}.skill-bar-chart[data-v-b676d455]{align-items:flex-end;gap:3px;min-height:180px;display:flex}.skill-bar-col[data-v-b676d455]{outline:none;flex:1;min-width:3px;position:relative}.skill-bar-col:focus-visible .skill-bar-track[data-v-b676d455]{box-shadow:0 0 0 2px var(--accent-muted)}.skill-bar-track[data-v-b676d455]{background:var(--bg-card);border-radius:3px 3px 0 0;align-items:flex-end;height:180px;display:flex;overflow:hidden}.skill-bar-fill[data-v-b676d455]{border-radius:3px 3px 0 0;flex-direction:column-reverse;width:100%;min-height:2px;transition:height .2s;display:flex;overflow:hidden}.skill-bar-segment[data-v-b676d455]{min-height:1px}.floating-tooltip[data-v-b676d455]{background:var(--bg-secondary);width:min(360px,100% - 32px);max-height:calc(100% - 70px);color:var(--text-primary);border:1px solid var(--border-color);white-space:nowrap;z-index:20;pointer-events:none;border-radius:6px;padding:8px 10px;font-size:11px;position:absolute;top:50px;overflow-y:auto;box-shadow:0 12px 30px #00000059}.floating-tooltip.align-left[data-v-b676d455]{left:16px;right:auto}.floating-tooltip.align-right[data-v-b676d455]{left:auto;right:16px}.tooltip-date[data-v-b676d455]{margin-bottom:6px;font-weight:600}.tooltip-row[data-v-b676d455]{color:var(--text-secondary);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:10px;line-height:1.6;display:grid}.tooltip-row span[data-v-b676d455]{text-overflow:ellipsis;overflow:hidden}.tooltip-row strong[data-v-b676d455]{color:var(--text-primary);font-weight:600}.tooltip-row.total[data-v-b676d455]{border-top:1px solid var(--border-color);grid-template-columns:minmax(0,1fr) auto;margin-top:4px;padding-top:4px}.tooltip-dot[data-v-b676d455]{border-radius:2px;width:8px;height:8px}.bar-dates[data-v-b676d455]{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.skill-color-dot[data-v-b676d455]{border-radius:50%;flex-shrink:0;width:8px;height:8px}.skills-table[data-v-b676d455]{gap:2px;display:grid}.skills-row[data-v-b676d455]{color:var(--text-secondary);border-radius:8px;grid-template-columns:minmax(180px,1fr) 80px 80px minmax(120px,160px) minmax(160px,1fr);align-items:center;gap:12px;padding:10px 8px;font-size:13px;display:grid}.skills-row[data-v-b676d455]:not(.table-head):hover{background:var(--bg-card-hover)}.table-head[data-v-b676d455]{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.skill-name[data-v-b676d455]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:inline-flex;overflow:hidden}.share-cell[data-v-b676d455]{align-items:center;gap:8px;display:flex}.share-bar[data-v-b676d455]{background:var(--bg-card);border-radius:999px;width:54px;height:6px;overflow:hidden}.share-bar span[data-v-b676d455]{border-radius:inherit;height:100%;display:block}.last-used[data-v-b676d455]{color:var(--text-muted)}.skills-usage-state[data-v-b676d455]{text-align:center;color:var(--text-muted);padding:60px 0;font-size:14px}.skills-usage-state.compact[data-v-b676d455]{padding:24px 0}.skills-usage-state.error[data-v-b676d455]{color:var(--error)}@media (max-width:768px){.page-header[data-v-b676d455]{flex-direction:column;align-items:stretch}.skills-usage-toolbar[data-v-b676d455]{justify-content:flex-start}.overview-grid[data-v-b676d455]{grid-template-columns:1fr}.summary-grid[data-v-b676d455]{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-row[data-v-b676d455]{grid-template-columns:minmax(140px,1fr) repeat(3,64px)}.skills-row span[data-v-b676d455]:last-child{display:none}}