*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#86b300;--accent-dark:#4ab300;--accent-soft:#86b3001f;--accent-glow:#86b3004d;--bg:#1a1a1a;--bg-alt:#222;--surface:#ffffff0f;--surface-hover:#ffffff1a;--surface-active:#ffffff24;--border:#ffffff14;--border-hover:#ffffff24;--text:#eee;--text-sub:#ccc;--text-muted:#888;--nav-bg:#1e1e1ed1;--input-bg:#ffffff0f;--shadow-sm:0 1px 2px #0000001f, 0 2px 6px #00000014;--shadow-md:0 2px 4px #0000001f, 0 4px 16px #00000029;--shadow-accent:0 2px 12px #86b30040;--radius:16px;--radius-sm:12px;--radius-xs:8px;--radius-pill:999px;--blur:16px;--content-width:1120px;--font-display:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Maru Gothic Pro", "BIZ UDGothic", Roboto, sans-serif;--ease-decel:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(0, .5, .5, 1);--duration-fast:.1s;--duration-base:.15s;--duration-slow:.28s}@media (prefers-color-scheme:light){:root{--bg:#f5f5f5;--bg-alt:#eee;--surface:#fff9;--surface-hover:#fffc;--surface-active:#fffffff2;--border:#00000012;--border-hover:#0000001f;--text:#222;--text-sub:#444;--text-muted:#777;--nav-bg:#f5f5f5d1;--input-bg:#0000000a;--shadow-sm:0 1px 2px #0000000f, 0 2px 6px #0000000a;--shadow-md:0 2px 4px #0000000f, 0 4px 16px #00000014;--shadow-accent:0 2px 12px #86b3002e}}::selection{background:var(--accent);color:#fff}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}.nav-root{z-index:100;position:sticky;top:0;left:0;right:0}.nav-main{--nav-height:65px;height:var(--nav-height);color:var(--text);position:relative}@media (width<=800px){.nav-main{--nav-height:58px}}.nav-bg{height:var(--nav-height);background:var(--nav-bg);-webkit-backdrop-filter:blur(var(--blur));pointer-events:none;border-bottom:1px solid var(--border);--shapeShift:550px;--mask-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'%3E%3Cpath d='M0,100L0,70L28.834,70C42.386,70 55.384,64.616 64.967,55.033C65.773,54.227 66.579,53.421 67.376,52.624C75.459,44.541 86.422,40 97.853,40L1000,40L1000,100L0,100Z'/%3E%3C/svg%3E");--mask-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'%3E%3Cg transform='matrix(-1,0,0,1,1000,0)'%3E%3Cpath d='M0,100L0,70L28.834,70C42.386,70 55.384,64.616 64.967,55.033C65.773,54.227 66.579,53.421 67.376,52.624C75.459,44.541 86.422,40 97.853,40L1000,40L1000,100L0,100Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(#000, #000), var(--mask-r), var(--mask-l);-webkit-mask-image:linear-gradient(#000, #000), var(--mask-r), var(--mask-l);mask-image:linear-gradient(#000, #000), var(--mask-r), var(--mask-l);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center, calc(50dvw + var(--shapeShift)) -5px, calc(50dvw - (1000px + var(--shapeShift))) -5px;-webkit-mask-position:center center, calc(50dvw + var(--shapeShift)) -5px, calc(50dvw - (1000px + var(--shapeShift))) -5px;mask-position:center center, calc(50dvw + var(--shapeShift)) -5px, calc(50dvw - (1000px + var(--shapeShift))) -5px;-webkit-mask-composite:xor;position:absolute;top:0;left:0;right:0;-webkit-mask-size:100% 100%,1000px 100px,1000px 100px;mask-size:100% 100%,1000px 100px,1000px 100px;-webkit-mask-composite:xor;mask-composite:exclude}@media (width<=1500px){.nav-bg{-webkit-mask-image:none;mask-image:none}}.nav-container{z-index:1;width:calc(100% - 42px);max-width:var(--content-width);align-items:center;gap:32px;height:100%;margin:0 auto;display:flex;position:relative}@media (width<=800px){.nav-container{width:100%;padding:0}}.nav-menu-button{cursor:pointer;color:var(--text);height:var(--nav-height);width:var(--nav-height);background:0 0;border:none;place-content:center;display:none}@media (width<=800px){.nav-menu-button{display:grid}}.nav-sp-spacer{display:none}@media (width<=800px){.nav-sp-spacer{width:var(--nav-height);height:var(--nav-height);flex-shrink:0;display:block}}.nav-brand{white-space:nowrap;font-family:var(--font-display);border-right:1px solid var(--border);color:var(--text);background:0 0;align-items:center;gap:8px;padding-right:32px;font-size:110%;text-decoration:none;display:flex}.nav-brand img{border-radius:6px;width:24px;height:24px}.nav-brand b{font-weight:800}.nav-brand span{background:linear-gradient(135deg, var(--accent), var(--accent-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=800px){.nav-brand{border-right:none;margin:0 auto;padding-right:0}}.nav-items{gap:32px;font-size:90%;display:flex}.nav-items button{color:var(--text-muted);font-family:var(--font-body);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;transition:opacity .2s}.nav-items button:hover{opacity:.7}.nav-items button.active{color:var(--accent);opacity:1;font-weight:700}@media (width<=800px){.nav-items{display:none}}.nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}@media (width<=800px){.nav-right{display:none}}.nav-right-button{background:var(--surface);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--text);cursor:pointer;border:none;place-content:center;text-decoration:none;transition:background .2s;display:grid}.nav-right-button:hover{background:var(--surface-hover)}.nav-search{width:260px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);width:100%;font-size:13px;font-family:var(--font-body);color:var(--text);transition:border-color var(--duration-base), box-shadow var(--duration-base);outline:none;padding:8px 14px 8px 36px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.nav-mobile-drawer{background:var(--nav-bg);width:100%;-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--border);z-index:99;display:none;position:fixed;top:58px;left:0}.nav-root.nav-open .nav-mobile-drawer{display:block}@media (width>=801px){.nav-mobile-drawer{display:none!important}}.nav-mobile-item{width:100%;color:var(--text);font-size:90%;font-family:var(--font-body);border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:flex}.nav-mobile-item:hover{background:var(--surface)}.nav-mobile-item.active{color:var(--accent);font-weight:700}.nav-mobile-search{border-bottom:1px solid var(--border);padding:12px 16px;position:relative}.nav-mobile-search .search-icon{left:28px}.nav-mobile-search .search-input{padding:10px 14px 10px 36px;font-size:14px}.store-filters{max-width:var(--content-width);align-items:center;gap:12px;margin:0 auto;padding:16px 24px 0;display:flex}.filter-pills{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.pill{border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease-decel);flex-shrink:0;padding:5px 14px}.pill:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-hover)}.pill.active{color:#fff;background:var(--accent);border-color:var(--accent)}.filter-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.result-count{color:var(--text-muted);white-space:nowrap;font-size:12px}.sort-select{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:border-color var(--duration-base);outline:none;padding:5px 8px}.sort-select:focus{border-color:var(--accent)}.store-body{max-width:var(--content-width);margin:0 auto;padding:16px 24px 80px}.store-loading{text-align:center;color:var(--text-muted);padding:80px 0;font-size:14px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.vsx-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.vsx-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.vsx-card-link{color:inherit;cursor:pointer;text-decoration:none}.vsx-body{flex:1;min-height:0;display:flex}.vsx-icon-plain{flex-shrink:0;justify-content:center;align-items:center;width:96px;font-size:48px;line-height:1;display:flex}.vsx-theme-preview{border-right:1px solid var(--border);flex-shrink:0;width:96px;overflow:hidden}.vsx-theme-preview .theme-preview-svg{object-fit:cover;width:100%;height:100%;display:block}.vsx-details{flex-direction:column;flex:1;min-width:0;padding:14px 14px 12px;display:flex}.vsx-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.vsx-version{color:var(--text-muted);margin-top:2px;font-size:11px}.vsx-desc{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-top:auto;padding-top:6px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.vsx-footer{border-top:1px solid var(--border);background:var(--bg);align-items:center;gap:8px;min-height:36px;padding:8px 16px;font-size:11px;display:flex}.vsx-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.vsx-category{color:var(--accent);white-space:nowrap;flex-shrink:0;font-weight:600}.vsx-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.vsx-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:11px;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;transition:all .15s;display:inline-flex}.vsx-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.vsx-btn.copied{color:var(--accent);border-color:var(--accent)}.vsx-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.vsx-btn-primary:hover:not(:disabled){filter:brightness(1.12)}.vsx-btn-primary:disabled{opacity:.4;cursor:not-allowed}.store-empty{text-align:center;color:var(--text-muted);padding:80px 20px}.empty-icon{opacity:.25;margin-bottom:16px}.empty-text{color:var(--text-sub);font-size:16px;font-weight:600}.empty-sub{opacity:.7;margin-top:6px;font-size:13px}.server-bar{max-width:var(--content-width);align-items:center;gap:8px;margin:0 auto;padding:12px 24px 0;display:flex}.server-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.server-input{border:1px solid var(--border);background:var(--input-bg);max-width:300px;color:var(--text);font-size:13px;font-family:var(--font-body);transition:border-color var(--duration-base), box-shadow var(--duration-base);border-radius:6px;flex:1;padding:5px 10px}.server-input::placeholder{color:var(--text-muted);opacity:.5}.server-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.detail-body{max-width:var(--content-width);margin:0 auto;padding:16px 24px 80px}.detail-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.detail-back{color:var(--accent);align-items:center;gap:4px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.detail-back:hover{opacity:.7}.breadcrumb-sep{color:var(--text-muted);opacity:.4}.detail-hero{gap:24px;margin-bottom:32px;display:flex}.detail-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;font-size:56px;line-height:1;display:flex}.detail-theme-preview-lg{border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;width:160px;height:120px;overflow:hidden}.detail-theme-preview-lg .theme-preview-svg{object-fit:cover;width:100%;height:100%;display:block}.detail-hero-info{flex:1;min-width:0}.detail-title{font-family:var(--font-display);color:var(--text);font-size:24px;font-weight:800;line-height:1.2}.detail-meta-row{align-items:center;gap:10px;margin-top:6px;display:flex}.detail-version{color:var(--text-muted);font-size:12px}.detail-category{color:var(--accent);font-size:12px;font-weight:600}.detail-description{color:var(--text-sub);margin-top:12px;font-size:14px;line-height:1.6}.detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.detail-install-group{align-items:center;gap:4px;display:flex}.detail-host-input{border:1px solid var(--border);background:var(--input-bg);width:160px;color:var(--text);font-size:12px;font-family:var(--font-body);transition:border-color var(--duration-base), box-shadow var(--duration-base);border-radius:4px;padding:5px 10px}.detail-host-input::placeholder{color:var(--text-muted);opacity:.5}.detail-host-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.detail-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.detail-info-list{flex-direction:column;gap:14px;display:flex}.detail-info-item dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.detail-info-item dd{color:var(--text);font-size:13px}.detail-link{color:var(--accent);text-decoration:none;transition:opacity .15s}.detail-link:hover{opacity:.7}.detail-tags{flex-wrap:wrap;gap:4px;display:flex}.detail-tag{border-radius:var(--radius-pill);background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted);padding:2px 8px;font-size:11px}@media (width<=800px){.store-filters{padding:12px 16px 0}.store-body{padding:12px 16px 60px}.store-grid{grid-template-columns:1fr}.detail-body{padding:12px 16px 60px}.detail-hero{flex-direction:column;gap:16px}.detail-theme-preview-lg{width:100%;height:160px}}@media (width<=480px){.filter-right{display:none}}