@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-500:oklch(72.3% .219 149.579);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-8{height:calc(var(--spacing)*8)}.h-screen{height:100vh}.w-8{width:calc(var(--spacing)*8)}.w-64{width:calc(var(--spacing)*64)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-gray-800{border-color:var(--color-gray-800)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-2{padding-block:calc(var(--spacing)*2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-green-500{color:var(--color-green-500)}.text-white{color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:text-white:hover{color:var(--color-white)}}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--bg-app:#fff;--bg-panel:#fcfcfc;--bg-element:#f4f4f5;--bg-element-hover:#e4e4e7;--bg-header:#ffffffd9;--border-subtle:#e4e4e7;--border-strong:#d4d4d8;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-primary-fg:#fff;--accent-soft-bg:#eff6ff;--accent-soft-border:#dbeafe;--success-soft-bg:#ecfdf5;--success-soft-border:#bbf7d0;--status-success:#059669;--status-warning:#d97706;--status-error:#dc2626;--status-info:#2563eb;--warning-soft-bg:#fffbeb;--warning-soft-border:#fcd34d;--danger-soft-bg:#fef2f2;--danger-soft-border:#fee2e2;--danger-soft-bg-strong:#fff1f2;--font-ui:"Fira Sans",system-ui,-apple-system,sans-serif;--font-mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 20px -6px #00000026}:root[data-theme=dark]{--bg-app:#0b0f1a;--bg-panel:#111827;--bg-element:#1f2937;--bg-element-hover:#2a3648;--bg-header:#0c101cc7;--border-subtle:#273143;--border-strong:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5f5;--text-tertiary:#94a3b8;--accent-primary:#38bdf8;--accent-primary-hover:#0ea5e9;--accent-primary-fg:#0b0f1a;--accent-soft-bg:#0b3b59;--accent-soft-border:#155e75;--success-soft-bg:#0f3b2d;--success-soft-border:#166534;--status-success:#34d399;--status-warning:#f59e0b;--status-error:#f87171;--status-info:#38bdf8;--warning-soft-bg:#2a1f0b;--warning-soft-border:#8a5a0f;--danger-soft-bg:#3b1111;--danger-soft-border:#7f1d1d;--danger-soft-bg-strong:#3b1111;--shadow-sm:0 1px 2px 0 #00000059;--shadow-lg:0 12px 24px -10px #00000073;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-ui);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{width:100%;height:100vh}a{color:inherit;text-decoration:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.skills-app{height:100%;background:var(--bg-app);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.skills-header{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left{display:flex;align-items:center;gap:24px;height:100%}.brand-area{display:flex;align-items:center;gap:10px}.nav-tabs{display:flex;align-items:center;gap:4px;height:100%}.nav-tab{height:100%;display:flex;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;border:none;background:none;position:relative;transition:color .2s;font-family:inherit}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--accent-primary);font-weight:600}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--accent-primary);border-radius:2px 2px 0 0}.logo-icon{width:36px;height:36px;display:block;object-fit:contain;border-radius:8px}.brand-text-wrap{display:flex;flex-direction:column;gap:2px}.brand-text{font-weight:700;font-size:20px;letter-spacing:-.03em;background:linear-gradient(to right,#2563eb,#9333ea,#ea580c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:12px;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:12px}.skills-main{flex:1;overflow:hidden;background:var(--bg-app);display:flex;flex-direction:column;min-height:0}.dashboard-stack{flex:1;display:flex;flex-direction:column;min-height:0}.filter-bar{padding:20px 32px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.filter-title{font-size:14px;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono)}.filter-actions{display:flex;align-items:center;gap:12px}.sort-btn{height:36px;padding:0 12px;font-weight:400;position:relative}.sort-btn select{position:absolute;inset:0;opacity:0;cursor:pointer}.sort-label{color:var(--text-tertiary);margin-right:4px}.search-container{position:relative}.search-input{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:36px;padding:0 12px 0 36px;color:var(--text-primary);width:280px;font-size:13px;transition:all .2s;font-family:var(--font-ui)}.search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-app);box-shadow:0 0 0 2px #2563eb1a}.search-icon-abs{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.status-row{display:flex;align-items:center;gap:12px;padding:8px 32px 0}.error{color:var(--status-error);font-size:13px;white-space:pre-wrap}.status{color:var(--status-info);font-size:13px}.skills-list{padding:16px 32px 32px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.discovered-banner{display:flex;align-items:center;justify-content:space-between;background:var(--warning-soft-bg);border:1px dashed var(--warning-soft-border);border-radius:var(--radius-lg);padding:12px 20px}.banner-left{display:flex;align-items:center;gap:12px}.banner-icon{width:32px;height:32px;background:#f59e0b1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--status-warning)}.banner-title{font-weight:600;color:var(--text-primary);font-size:14px}.banner-subtitle{font-size:12px;color:var(--text-secondary)}.skill-card{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 20px;display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;transition:all .2s;position:relative}.skill-card:hover{border-color:var(--border-strong);background:var(--bg-panel);transform:translateY(-1px);box-shadow:var(--shadow-sm);z-index:1}.skill-icon{width:48px;height:48px;background:var(--bg-element);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;transition:all .2s}.skill-card:hover .skill-icon{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-panel)}.skill-main{display:flex;flex-direction:column;gap:4px;justify-content:center}.skill-header-row{display:flex;align-items:center;gap:10px}.skill-name{font-weight:600;color:var(--text-primary);font-size:15px;letter-spacing:-.01em}.skill-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.skill-meta-row{display:flex;align-items:center;gap:12px;margin-top:4px}.skill-source{font-family:var(--font-ui);font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.skill-source.time{white-space:nowrap}.repo-pill{display:inline-flex;align-items:center;gap:6px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-weight:500;padding:2px 8px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-element);transition:all .2s}.repo-pill.copyable{cursor:pointer}.repo-pill.copyable:hover{color:var(--text-primary);border-color:var(--border-strong);background:#eef2ff}.repo-pill:disabled{opacity:.6;cursor:not-allowed}.repo-pill .copy-icon{display:inline-flex;align-items:center;opacity:0;transform:translate(-2px);transition:all .2s;color:var(--text-tertiary)}.repo-pill.copyable:hover .copy-icon{opacity:1;transform:translate(0);color:var(--text-secondary)}.dot{color:var(--text-tertiary)}.tool-matrix{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.tool-matrix.collapsed{flex-wrap:nowrap;overflow:hidden}.tool-pill{height:22px;padding:0 8px;border-radius:4px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;border:1px solid var(--border-subtle);font-family:var(--font-ui);background:var(--bg-panel);color:var(--text-secondary)}.tool-pill.active{background:var(--bg-panel);color:var(--status-success);border-color:var(--status-success)}.tool-pill.active:hover{border-color:var(--status-success);transform:translateY(-1px)}.tool-pill.inactive{background:var(--bg-element);color:var(--text-tertiary);border-color:transparent}.tool-pill.inactive:hover{color:var(--text-secondary);background:var(--bg-element-hover)}.tool-pill.disabled{opacity:.5;cursor:not-allowed;border:1px dashed var(--border-strong);background:transparent;color:var(--text-tertiary)}.tool-pill.more-badge{background:var(--bg-element);color:var(--text-tertiary);border:1px solid var(--border-subtle);font-size:11px;cursor:pointer;flex-shrink:0}.tool-pill.more-badge:hover{background:var(--bg-element-hover);color:var(--text-secondary)}.tool-pill-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-element);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tool-pill-toggle input{display:none}.tool-pill-toggle.active{background:var(--success-soft-bg);border-color:var(--success-soft-border);color:var(--status-success)}.tool-pill-toggle.disabled{opacity:.5;cursor:not-allowed}.status-badge{width:6px;height:6px;border-radius:50%;background:var(--status-success);box-shadow:0 0 0 2px var(--success-soft-border)}.skill-actions-col{display:flex;flex-direction:row;align-items:center;gap:8px;align-self:center}.card-btn{height:32px;width:32px;padding:0;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-btn:hover{color:var(--text-primary);background:var(--bg-element);border-color:var(--border-subtle);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card-btn.primary-action{color:var(--accent-primary);background:var(--accent-soft-bg);border-color:var(--accent-soft-border)}.card-btn.primary-action:hover{background:var(--accent-primary);color:var(--accent-primary-fg);border-color:var(--accent-primary)}.card-btn.danger-action:hover{color:var(--status-error);background:var(--danger-soft-bg);border-color:var(--danger-soft-border)}.empty{padding:16px;border-radius:var(--radius-lg);border:1px dashed var(--border-subtle);color:var(--text-secondary);background:var(--bg-app);margin:0}.btn{height:36px;padding:0 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;transition:all .2s;position:relative;overflow:hidden;background:transparent}.btn-primary{background:var(--accent-primary);color:var(--accent-primary-fg);box-shadow:0 4px 6px -1px #2563eb33}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb4d}.btn-secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-element)}.btn-warning{background:var(--status-warning);border-color:var(--status-warning);color:var(--accent-primary-fg);height:32px}.btn-warning:hover{opacity:.9}.btn-danger{background:var(--danger-soft-bg);color:var(--status-error);border-color:var(--danger-soft-border)}.btn-danger:hover{background:var(--danger-soft-border);border-color:var(--status-error)}.btn:disabled,.icon-btn:disabled,.lang-btn:disabled,.card-btn:disabled{opacity:.6;cursor:not-allowed}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s;border:1px solid var(--border-subtle);background:var(--bg-app)}.icon-btn:hover{background:var(--bg-element);color:var(--text-primary);transform:translateY(-1px)}.lang-btn{font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.lang-btn:hover{color:var(--text-primary);background:var(--bg-element);border-color:var(--text-tertiary)}.modal-backdrop{position:fixed;inset:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:24px;z-index:999}.loading-backdrop{z-index:2000}.modal{width:min(520px,100%);background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal-lg{width:min(720px,100%)}.modal-xl{width:min(880px,100%)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{color:var(--text-tertiary);cursor:pointer;background:transparent;border:none;font-size:18px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;color:var(--text-secondary);font-size:13px;line-height:1.5;display:flex;flex-direction:column;gap:12px}.modal-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-panel)}.modal-footer.space-between{justify-content:space-between}.modal-delete .delete-body{gap:12px}.delete-title{display:flex;align-items:center;gap:8px;color:var(--status-error);font-weight:600;font-size:16px}.delete-desc{font-size:14px;color:var(--text-secondary)}.delete-warning{border:1px solid rgba(220,38,38,.15);background:#dc26260d;border-radius:var(--radius-md);padding:12px 14px}.delete-warning ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:12px;color:var(--text-secondary)}.delete-warning li:before{content:"•";color:var(--status-error);margin-right:8px}.btn-danger-solid{background:var(--status-error);color:var(--accent-primary-fg);box-shadow:0 4px 6px -1px #dc262633}.btn-danger-solid:hover{opacity:.9;transform:translateY(-1px)}.processing-row{display:flex;gap:12px;align-items:flex-start}.processing-main{flex:1;min-width:0}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);animation:spin .9s linear infinite;margin-top:2px}.loading-modal{width:min(520px,100%)}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;gap:10px}.loading-cancel-btn{margin-top:8px}.loader-spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:16px;font-weight:600;color:var(--text-primary)}.loading-subtext{font-size:13px;color:var(--text-tertiary);font-family:var(--font-mono)}.loading-subtext-delayed{opacity:0;animation:loadingSubtextFadeIn .18s ease 1.5s forwards}.loading-backdrop .loading-subtext-delayed{will-change:opacity,transform}@keyframes loadingSubtextFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.loading-stage{font-size:14px;color:var(--text-secondary);font-weight:500}.progress-bar{height:6px;background:var(--bg-element);border-radius:999px;width:220px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:var(--accent-primary);width:60%;border-radius:999px;animation:shimmer 1.5s infinite linear;background:linear-gradient(90deg,var(--accent-primary) 0%,#60a5fa 50%,var(--accent-primary) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.tab-item{padding-bottom:10px;font-size:14px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;background:transparent;border:none}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--accent-primary);border-color:var(--accent-primary);font-weight:500}.tab-item.disabled{color:var(--text-tertiary);cursor:not-allowed}.form-group{margin-bottom:12px}.label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.input{width:100%;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;transition:all .2s}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #2563eb1a}.input-row{display:flex;gap:8px;align-items:center}.input-action{height:40px;padding:0 14px;white-space:nowrap}.helper-text{font-size:12px;color:var(--text-tertiary);margin-top:6px}.alert{border:1px solid var(--danger-soft-border);background:var(--danger-soft-bg-strong);border-radius:var(--radius-lg);padding:12px;margin:0 32px}.alert-title{font-weight:700;color:var(--status-error)}.alert-body{margin-top:8px;display:flex;flex-direction:column;gap:10px}.alert-item-title{font-weight:600;color:var(--status-error);font-size:13px}.alert-item-message{white-space:pre-wrap;color:var(--status-error);font-size:12px;line-height:1.5}.import-summary{display:flex;flex-direction:column;gap:6px}.import-metrics{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.groups{display:flex;flex-direction:column;gap:12px}.discovered-list{gap:14px}.discovered-list .group-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column;gap:12px}.discovered-list .group-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.discovered-list .group-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-primary);gap:12px}.discovered-list .group-select{gap:12px;font-size:15px}.discovered-list .group-select input{width:18px;height:18px;accent-color:var(--accent-primary)}.discovered-list .group-variants{margin-top:0;gap:8px;padding-top:10px;border-top:1px solid var(--border-subtle)}.discovered-list .variant-row{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;font-size:12px;color:var(--text-secondary);column-gap:12px;row-gap:6px}.discovered-list .variant-spacer{width:16px;height:16px}.discovered-list .variant-info{display:flex;flex-direction:column;gap:6px;min-width:0}.discovered-list .found-pill{font-size:11px;color:var(--status-warning);background:var(--warning-soft-bg);border:1px solid var(--warning-soft-border);padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;width:fit-content}.discovered-list .path{font-family:var(--font-mono);color:var(--text-tertiary);font-size:12px;word-break:break-all}.modal-discovered .variant-row .meta{color:var(--text-tertiary);font-size:12px;justify-self:end}.discovered-list .badge{background:var(--warning-soft-bg);color:var(--status-warning);border:1px solid var(--warning-soft-border);font-size:11px}.modal-discovered .modal-body{gap:20px;padding:24px 28px 20px}.modal-discovered{max-height:calc(100vh - 48px);display:flex;flex-direction:column}.modal-discovered .modal-body{overflow:auto;flex:1;min-height:0}.modal-discovered .modal-footer{margin-top:0;justify-content:flex-end;padding:20px 24px;background:var(--bg-app);gap:16px}.modal-discovered .modal-footer .btn{height:40px;padding:0 20px}.modal-discovered .import-summary{color:var(--text-secondary);font-size:14px;line-height:1.6;display:flex;flex-direction:column;gap:6px}.modal-discovered .import-metrics{font-size:12px;color:var(--text-tertiary);display:flex;gap:16px}.modal-discovered .sync-row{margin:0;padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--border-subtle);justify-content:space-between}.group-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;background:var(--bg-element)}.group-title{display:flex;justify-content:space-between;align-items:center;font-weight:600}.group-select{display:flex;align-items:center;gap:10px}.badge{background:var(--bg-element);color:var(--text-primary);border-radius:999px;padding:2px 10px;font-size:12px}.badge.danger{background:var(--danger-soft-bg);color:var(--status-error)}.group-variants{display:flex;flex-direction:column;gap:8px;margin-top:10px}.variant-row{display:grid;grid-template-columns:20px 120px 1fr auto;gap:12px;font-size:13px;color:var(--text-secondary)}.sync-row{display:flex;align-items:center;gap:16px;margin:8px 0;color:var(--text-primary)}.pick-list{margin-top:12px;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto;padding-right:4px}.pick-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;gap:12px;background:var(--bg-panel)}.pick-item.disabled{opacity:.6}.pick-item.disabled .pick-item-title{color:var(--text-secondary)}.pick-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--text-secondary);font-size:13px}.pick-item-checkbox{display:inline-flex;align-items:flex-start;padding-top:2px}.pick-item-checkbox input{width:18px;height:18px;accent-color:var(--accent-primary)}.pick-item-main{display:flex;flex-direction:column;gap:4px;min-width:0}.pick-item-title{font-weight:700;color:var(--text-primary);font-size:14px}.pick-item-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.pick-item-path{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;word-break:break-all}.pick-item-reason{color:var(--danger);font-size:12px}.inline-checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-size:13px;color:var(--text-secondary);font-weight:500}.mono{font-family:var(--font-mono);font-size:12px;word-break:break-all}.settings-page{display:flex;flex-direction:column;height:100%;overflow-y:auto;align-items:center}.settings-page>.detail-header{width:100%;max-width:560px;margin:0 auto;border-bottom:none;padding:24px 0 0}.settings-page-body{padding:16px 0 32px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:560px;color:var(--text-primary)}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-select-wrap{position:relative}.settings-select{width:100%;height:40px;padding:0 36px 0 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-primary);font-size:13px;font-family:var(--font-ui);appearance:none;cursor:pointer;transition:all .2s}.settings-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb1f}.settings-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-tertiary);pointer-events:none}.settings-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-theme-btn{height:40px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.settings-theme-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-element)}.settings-theme-btn.active{background:var(--accent-primary);color:var(--accent-primary-fg);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.settings-theme-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-input-row{display:flex;gap:8px;align-items:center}.settings-input{flex:1;height:40px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-primary);font-size:13px}.settings-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb1f}.settings-browse{height:40px;padding:0 14px}.settings-helper{font-size:12px;color:var(--text-tertiary)}.settings-section-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-top:4px}.settings-list{display:flex;flex-direction:column}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.settings-item:last-child{border-bottom:none}.settings-item-info{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-item-title{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-item-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}.settings-toggle{width:44px;height:24px;background:var(--bg-element);border-radius:999px;border:1px solid var(--border-subtle);position:relative;cursor:pointer;transition:all .2s;padding:0}.settings-toggle:disabled{cursor:not-allowed;opacity:.7}.settings-toggle.checked{background:var(--status-success);border-color:var(--status-success)}.settings-toggle-knob{width:18px;height:18px;background:var(--bg-panel);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.settings-toggle.checked .settings-toggle-knob{transform:translate(20px)}.settings-version{margin-top:4px;padding-top:16px;border-top:1px solid var(--border-subtle);text-align:center;font-size:12px;color:var(--text-tertiary)}.settings-update-section{border-top:1px solid var(--border-subtle);padding-top:16px;margin-top:4px}.settings-version-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-version-text{font-size:13px;color:var(--text-secondary)}.settings-update-status{font-size:13px;color:var(--text-tertiary)}.settings-update-ok{color:var(--success, #22c55e);font-size:13px}.settings-update-available{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 10px;border-radius:6px;background:var(--bg-hover);font-size:13px}.settings-update-error{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;color:var(--danger, #ef4444)}.btn-sm{padding:4px 10px;font-size:12px;white-space:nowrap}.btn-full{width:100%}.update-modal{width:380px;padding:24px;text-align:center;position:relative}.update-modal-close{position:absolute;top:10px;right:10px}.update-modal-body{margin-bottom:20px}.update-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.update-modal-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.update-modal-notes{margin-top:12px;padding:10px 12px;border-radius:6px;background:var(--bg-hover);font-size:13px;color:var(--text-secondary);text-align:left;line-height:1.6;max-height:200px;overflow-y:auto;word-break:break-word}.update-modal-notes h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:8px 0 4px}.update-modal-notes h3:first-child{margin-top:0}.update-modal-notes ul{margin:4px 0;padding-left:18px}.update-modal-notes li{margin:2px 0}.update-modal-notes a{color:var(--accent);text-decoration:none}.update-modal-notes p{margin:4px 0}.update-modal-actions{display:flex;gap:8px;justify-content:center}.explore-content{display:flex;flex-direction:column;gap:8px}.explore-filter{margin-top:4px}.explore-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.explore-skill-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.explore-skill-item:hover{background:var(--bg-hover)}.explore-skill-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.explore-skill-name{font-weight:600;font-size:14px;color:var(--text-primary)}.explore-skill-stats{font-size:12px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.explore-skill-summary{margin-top:2px;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-source{font-size:12px;color:var(--text-tertiary);text-align:right}.explore-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:8px 0 4px;border-top:1px solid var(--border-subtle);margin-top:4px}.explore-skill-source{margin-top:2px;font-size:12px;color:var(--text-tertiary)}.explore-loading,.explore-empty{padding:32px 0;text-align:center;color:var(--text-tertiary);font-size:14px}.explore-page{flex:1;display:flex;flex-direction:column;overflow:hidden}.explore-hero{padding:24px 32px 16px;flex-shrink:0}.explore-search-row{display:flex;align-items:center;gap:12px}.explore-search-wrap{flex:1;position:relative}.explore-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.explore-search-input{width:100%;height:40px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 12px);padding:0 16px 0 40px;font-size:14px;color:var(--text-primary);transition:all .2s;font-family:inherit}.explore-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft-bg)}.explore-search-input::placeholder{color:var(--text-tertiary)}.explore-manual-btn{height:40px;padding:0 16px;flex-shrink:0}.explore-source-label{font-size:11px;color:var(--text-tertiary);margin-top:8px;padding-left:4px}.explore-scroll{flex:1;overflow-y:auto;padding:0 32px 32px}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.explore-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 12px);padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .2s;cursor:pointer;background:var(--bg-app)}.explore-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.explore-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.explore-card-info{flex:1;min-width:0}.explore-card-name{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:2px}.explore-card-author{font-size:12px;color:var(--text-tertiary)}.explore-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.explore-card-stats{display:flex;align-items:center;gap:12px}.explore-stat{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.explore-btn-install{background:var(--accent-primary);color:#fff;height:30px;padding:0 14px;font-size:12px;font-weight:600;border-radius:var(--radius-md, 8px);border:none;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0}.explore-btn-install:hover{filter:brightness(.9)}.explore-btn-install:disabled{opacity:.6;cursor:not-allowed}.explore-btn-installed{background:var(--status-success-bg, #ecfdf5);color:var(--status-success);height:30px;padding:0 14px;font-size:12px;font-weight:600;border-radius:var(--radius-md, 8px);border:1px solid var(--status-success-border, #a7f3d0);cursor:default;font-family:inherit;display:flex;align-items:center;flex-shrink:0}.detail-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.detail-header{padding:16px 32px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;flex-direction:column;gap:6px}.detail-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;background:none;border:none;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s;font-family:inherit;align-self:flex-start}.detail-back-btn:hover{color:var(--accent-primary);background:var(--accent-soft-bg)}.detail-skill-name{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.detail-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.detail-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-tertiary);margin-top:2px}.detail-meta-item{display:flex;align-items:center;gap:5px}.detail-meta-dot{color:var(--border-strong)}.detail-body{flex:1;display:flex;overflow:hidden;min-height:0}.detail-file-list{width:260px;border-right:1px solid var(--border-subtle);overflow-y:auto;flex-shrink:0;background:var(--bg-panel);padding:4px 0}.file-list-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:10px 16px 6px}.file-tree{display:flex;flex-direction:column}.tree-item{display:flex;align-items:center;gap:4px;padding:4px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:background .12s;min-height:28px}.tree-item:hover{background:var(--bg-element)}.tree-item.tree-file.active{background:var(--accent-soft-bg);color:var(--accent-primary);font-weight:500}.tree-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:var(--text-tertiary)}.tree-icon{flex-shrink:0}.tree-icon-folder{color:var(--accent-primary);opacity:.7}.tree-icon-file{color:var(--text-tertiary)}.tree-item.active .tree-icon-file{color:var(--accent-primary)}.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tree-size{font-size:11px;color:var(--text-tertiary);flex-shrink:0;font-family:var(--font-mono);margin-left:auto;padding-left:8px}.detail-file-content{flex:1;overflow:auto;min-width:0;background:var(--bg-app)}.file-content-header{padding:10px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-panel);z-index:5}.file-content-path{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.file-content-size{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.file-content-body{padding:0}.file-content-body pre{margin:0!important;border-radius:0!important}.file-content-body code{font-family:var(--font-mono)!important}.markdown-body{padding:24px 32px;font-size:14px;line-height:1.7;color:var(--text-primary);max-width:860px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-weight:600;line-height:1.3}.markdown-body h1{font-size:24px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.markdown-body h2{font-size:20px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.markdown-body h3{font-size:16px}.markdown-body h4{font-size:14px}.markdown-body p{margin:0 0 12px}.markdown-body ul,.markdown-body ol{padding-left:24px;margin:0 0 12px}.markdown-body li{margin-bottom:4px}.markdown-body li>ul,.markdown-body li>ol{margin-top:4px;margin-bottom:0}.markdown-body blockquote{margin:0 0 12px;padding:4px 16px;border-left:3px solid var(--accent-primary);color:var(--text-secondary);background:var(--bg-element);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-body pre{margin:0 0 12px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-subtle);overflow-x:auto}.markdown-body .md-inline-code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--bg-element);border-radius:var(--radius-sm);color:var(--text-primary);border:1px solid var(--border-subtle)}.markdown-body a{color:var(--accent-primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid var(--border-subtle);margin:20px 0}.markdown-body table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13px}.markdown-body th,.markdown-body td{padding:8px 12px;border:1px solid var(--border-subtle);text-align:left}.markdown-body th{background:var(--bg-element);font-weight:600;color:var(--text-primary)}.markdown-body tr:nth-child(2n){background:var(--bg-panel)}.markdown-body img{max-width:100%;border-radius:var(--radius-md)}.detail-loading{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-tertiary);font-size:13px;gap:8px}.detail-spinner{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.skill-name.clickable{cursor:pointer;transition:color .15s;background:none;border:none;padding:0;font:inherit;font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--text-primary);text-align:left}.skill-name.clickable:hover{color:var(--accent-primary)}